example/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "@astrojs/check": "^0.9.4",
     "@encheres-immo/auction-widget": "workspace:*",
-    "astro": "^5.1.5",
-    "typescript": "^5.7.3"
+    "astro": "^5.4.2",
+    "typescript": "^5.8.2"
   }
 }

package.json

@@ -12,6 +12,6 @@
     "pnpm": ">=8.0.0"
   },
   "dependencies": {
-    "@changesets/cli": "^2.27.10"
+    "@changesets/cli": "^2.28.1"
   }
 }

packages/auction-widget/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @encheres-immo/auction-widget
 
+## 0.6.4
+
+### Patch Changes
+
+- 5c3c0f4: Fixed a bug where auction informations were not always updated dynamically. Also, performance improvements.
+- Updated dependencies [5c3c0f4]
+  - @encheres-immo/widget-client@0.6.0
+
+## 0.6.3
+
+### Patch Changes
+
+- f3b2472: Fixed a bug where icons were not displayed correctly on Chrome and Safari. Thanks @Princesseuh !
+- 30761e6: Fixed a bug where the bid input's default value was not updated correctly when new bids were placed.
+
+## 0.6.2
+
+### Patch Changes
+
+- 8defdd5: Fixed a bug not dynamically updating the bid history at auction start.
+
+## 0.6.1
+
+### Patch Changes
+
+- Updated dependencies [94ce534]
+  - @encheres-immo/widget-client@0.5.1
+
+## 0.6.0
+
+### Minor Changes
+
+- d258d9a: Added automatic reconnection for recently logged-in users.
+- 47af2eb: Added a link to create an account when `allow-user-registration` is set to `true`. If false, the agent's contact information will be displayed instead.
+
+### Patch Changes
+
+- 5ff5c88: Fixed a bug where the bid form visibility was not dynamically updated when the auction started or ended.
+- 5d8a8db: Added source map for better debugging, and reduced package size when downloaded from npm. Should not affect behaviour and performance in usage.
+- Updated dependencies [d258d9a]
+- Updated dependencies [5d8a8db]
+- Updated dependencies [47af2eb]
+- Updated dependencies [087dcf5]
+  - @encheres-immo/widget-client@0.5.0
+
 ## 0.5.0
 
 ### Minor Changes

packages/auction-widget/README.md

@@ -69,10 +69,10 @@ Alternatively, you can retrieve your property from a CRM by replacing `property-
 
 You can enable or disable features of the widget by setting the corresponding attributes on the HTML tag. Here are the available features:
 
-| Attribute                 | Default                         | Description                                                                                                                                                                                                                              |
-| ------------------------- | ------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allow-user-registration` | `true`                          | Display a button to allow users to register for the auction—This registration must be accepted by the agent later, or the user will not be able to place bids. If set to `false`, agent's contact information will be displayed instead. |
-| `tos-url`                 | `https://encheres-immo.com/cgu` | URL to your custom terms of service page for auctions, must be a valid URL and confirmed by Enchères Immo.                                                                                                                               |
+| Attribute                 | Default                         | Description                                                                                                                                                                                                                                                    |
+| ------------------------- | ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allow-user-registration` | `true`                          | Display a button to allow users to create an account and register for the auction—This registration must be accepted by the agent later, or the user will not be able to place bids. If set to `false`, agent's contact information will be displayed instead. |
+| `tos-url`                 | `https://encheres-immo.com/cgu` | URL to your custom terms of service page for auctions, must be a valid URL and confirmed by Enchères Immo.                                                                                                                                                     |
 
 ### Styling
 

packages/auction-widget/assets/app.css

@@ -292,6 +292,10 @@
     background-color: var(--auction-widget-dark-color);
   }
 
+  .auction-widget-icon svg {
+    fill: currentColor;
+  }
+
   #auction-widget-modal-title {
     font-size: 1.125rem;
     font-weight: 700;
@@ -452,7 +456,8 @@
 */
 @layer auction-widget-base {
   #auction-widget-box,
-  #auction-widget-box * {
+  #auction-widget-box *,
+  :not(svg|*) {
     /* Reset all styles to their browser defaults */
     all: revert;
     /* Set here the styles that we want to herit from the host page */

packages/auction-widget/esbuild.config.mjs

@@ -9,6 +9,7 @@ async function build() {
     bundle: true,
     outfile: "dist/auction-widget.js",
     plugins: [solidPlugin()],
+    sourcemap: true,
   };
 
   if (!isDev) {

packages/auction-widget/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@encheres-immo/auction-widget",
-  "version": "0.5.0",
+  "version": "0.6.4",
   "type": "module",
   "description": "Bring our real-estate auction widget to your website, powered by SolidJS & Enchères Immo's API",
   "scripts": {
     "build": "node esbuild.config.mjs",
+    "watch": "node esbuild.config.mjs --watch",
     "test": "vitest"
   },
   "license": "MIT",
@@ -16,23 +17,28 @@
     ".": "./dist/auction-widget.js",
     "./dist/auction-widget.css": "./dist/auction-widget.css"
   },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/user-event": "^14.5.2",
-    "babel-preset-solid": "^1.9.3",
-    "esbuild": "^0.24.2",
+    "@testing-library/user-event": "^14.6.1",
+    "babel-preset-solid": "^1.9.5",
+    "esbuild": "^0.25.0",
     "esbuild-plugin-solid": "^0.6.0",
-    "prettier-plugin-tailwindcss": "^0.6.9",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "solid-devtools": "^0.33.0",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.7",
-    "vite-plugin-solid": "^2.11.0",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.0",
+    "vite-plugin-solid": "^2.11.6",
     "vitest": "^2.1.8"
   },
   "dependencies": {
     "@encheres-immo/widget-client": "workspace:*",
-    "solid-js": "^1.9.4"
+    "solid-js": "^1.9.5"
   }
 }

packages/auction-widget/src/App.tsx

@@ -1,7 +1,7 @@
 import type { Component } from "solid-js";
 import { createStore } from "solid-js/store";
 import client from "@encheres-immo/widget-client";
-import { Show, createSignal } from "solid-js";
+import { Show, createSignal, onMount } from "solid-js";
 import "../assets/app.css";
 
 import AuctionInfos from "./AuctionInfos.jsx";
@@ -24,6 +24,7 @@ const [user, setUser] = createSignal<UserType | undefined>(undefined);
 const [bids, setBids] = createStore<BidType[]>([]);
 const [auction, setAuction] = createStore<AuctionType>({
   id: "",
+  status: "draft",
   startDate: 0,
   endDate: 0,
   startingPrice: 0,
@@ -59,31 +60,34 @@ const [auction, setAuction] = createStore<AuctionType>({
 function refreshAuction(propertyInfo: PropertyInfoType) {
   client.getNextAuctionById(propertyInfo).then((auction: AuctionType) => {
     setAuction(auction);
-    setBids(auction.bids);
-
-    client
-      .subscribeToAuction(auction.id, (bid) => {
-        setBids([...bids, bid]);
-        // dispatch event for external integrations
-        const event = new CustomEvent("auction-widget:new_bid", {
-          detail: {
-            amount: bid.amount,
-            bidder: bid.userAnonymousId,
-            date: bid.createdAt,
-          },
-        });
-        document.getElementById("auction-widget")?.dispatchEvent(event);
-        // replace highest bid in auction
-        const newEndDate = bid.newEndDate || auction.endDate;
-        setAuction({
-          ...auction,
-          highestBid: bid,
-          endDate: newEndDate,
+    // Don't try to subscribe to private auctions before user is logged in
+    // It won't break the app, but it will throw an error in the console
+    if (!auction?.isPrivate) {
+      setBids(auction.bids);
+      client
+        .subscribeToAuction(auction.id, (bid) => {
+          setBids([...bids, bid]);
+          // dispatch event for external integrations
+          const event = new CustomEvent("auction-widget:new_bid", {
+            detail: {
+              amount: bid.amount,
+              bidder: bid.userAnonymousId,
+              date: bid.createdAt,
+            },
+          });
+          document.getElementById("auction-widget")?.dispatchEvent(event);
+          // replace highest bid in auction and update end date if needed
+          const newEndDate = bid.newEndDate || auction.endDate;
+          setAuction({
+            ...auction,
+            highestBid: bid,
+            endDate: newEndDate,
+          });
+        })
+        .catch((err: any) => {
+          console.error("Auction Widget: Error subscribing to auction.", err);
         });
-      })
-      .catch((err: any) => {
-        console.error("Error subscribing to auction:", err);
-      });
+    }
   });
 }
 
@@ -145,9 +149,9 @@ const App: Component<{
           allowUserRegistration={allowUserRegistration}
           tosUrl={tosUrl}
         />
-        <RegistrationStatus isLogged={isLogged} auction={auction} />
+        <RegistrationStatus auction={auction} isLogged={isLogged} />
         <BidForm auction={auction} isLogged={isLogged} />
-        <BidHistory bids={bids} auction={auction} user={user()} />
+        <BidHistory auction={auction} bids={bids} user={user()} />
       </Show>
       <Spritesheet />
     </div>