@makeswift/runtime 0.28.2-canary.1 → 0.28.3-canary.0

package/dist/cjs/api-handler/handlers/manifest.js

@@ -28,7 +28,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return import_request_response.ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return import_request_response.ApiResponse.json({
-    version: "0.28.2-canary.1",
+    version: "0.28.3-canary.0",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

package/dist/cjs/client/index.js

@@ -211,7 +211,7 @@ Received "${apiKey}" instead.`
     }
     this.apiKey = apiKey;
     this.graphqlClient = new import_client.GraphQLClient(new URL("graphql", runtime.apiOrigin).href, {
-      "makeswift-runtime-version": "0.28.2-canary.1"
+      "makeswift-runtime-version": "0.28.3-canary.0"
     });
     this.runtime = runtime;
   }
@@ -223,7 +223,7 @@ Received "${apiKey}" instead.`
     const requestHeaders = new Headers({
       "x-api-key": this.apiKey,
       "makeswift-site-api-key": this.apiKey,
-      "makeswift-runtime-version": "0.28.2-canary.1"
+      "makeswift-runtime-version": "0.28.3-canary.0"
     });
     if (siteVersion?.token) {
       requestUrl.searchParams.set("version", siteVersion.version);
@@ -681,7 +681,7 @@ Received "${apiKey}" instead.`
       headers: {
         "x-api-key": this.apiKey,
         "makeswift-site-api-key": this.apiKey,
-        "makeswift-runtime-version": "0.28.2-canary.1",
+        "makeswift-runtime-version": "0.28.3-canary.0",
         "content-type": "application/json"
       },
       body: JSON.stringify({ token }),

package/dist/cjs/runtimes/react/hooks/use-is-in-builder.js

@@ -21,10 +21,19 @@ __export(use_is_in_builder_exports, {
   useIsInBuilder: () => useIsInBuilder
 });
 module.exports = __toCommonJS(use_is_in_builder_exports);
+var import_use_store = require("./use-store");
 var import_read_only_state = require("../../../state/read-only-state");
-var import_use_selector = require("./use-selector");
+var import_react = require("react");
+function getServerSnapshot() {
+  return false;
+}
 function useIsInBuilder() {
-  return (0, import_use_selector.useSelector)((state) => (0, import_read_only_state.getIsInBuilder)(state));
+  const store = (0, import_use_store.useStore)();
+  return (0, import_react.useSyncExternalStore)(
+    store.subscribe,
+    () => (0, import_read_only_state.getIsInBuilder)(store.getState()),
+    getServerSnapshot
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/runtimes/react/hooks/use-is-in-builder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-in-builder.ts"],"sourcesContent":["import { getIsInBuilder } from '../../../state/read-only-state'\nimport { useSelector } from './use-selector'\n\nexport function useIsInBuilder(): boolean {\n  return useSelector(state => getIsInBuilder(state))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA+B;AAC/B,0BAA4B;AAErB,SAAS,iBAA0B;AACxC,aAAO,iCAAY,eAAS,uCAAe,KAAK,CAAC;AACnD;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-in-builder.ts"],"sourcesContent":["import { useStore } from './use-store'\nimport { getIsInBuilder } from '../../../state/read-only-state'\nimport { useSyncExternalStore } from 'react'\n\n/**\n * When multiple React roots share a single store, `isInBuilder` can become\n * `true` before all roots have hydrated. React uses `getServerSnapshot` during\n * client hydration — not just on the server — so if it reads from the live\n * store, it may see `true` while the server HTML was rendered with `false`,\n * causing a hydration mismatch that React may fail to recover from inside\n * nested Suspense boundaries. This can manifest as cases where the correct\n * value of `isInBuilder` is read in the component, but the DOM remains stale.\n *\n * https://react.dev/reference/react/useSyncExternalStore#parameters\n *\n * TODO: For now, we're fixing this by returning a fixed `false` from\n * `getServerSnapshot` to match what the server actually rendered. After\n * hydration, the subscription picks up changes to this value which can only be\n * initiated client-side. We'll need to revisit this problem to reconsider how\n * we holistically handle store state changes across the server/client.\n */\nfunction getServerSnapshot(): boolean {\n  return false\n}\n\nexport function useIsInBuilder(): boolean {\n  const store = useStore()\n\n  return useSyncExternalStore(\n    store.subscribe,\n    () => getIsInBuilder(store.getState()),\n    getServerSnapshot,\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AACzB,6BAA+B;AAC/B,mBAAqC;AAmBrC,SAAS,oBAA6B;AACpC,SAAO;AACT;AAEO,SAAS,iBAA0B;AACxC,QAAM,YAAQ,2BAAS;AAEvB,aAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAM,uCAAe,MAAM,SAAS,CAAC;AAAA,IACrC;AAAA,EACF;AACF;","names":[]}

package/dist/esm/api-handler/handlers/manifest.js

@@ -8,7 +8,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return ApiResponse.json({
-    version: "0.28.2-canary.1",
+    version: "0.28.3-canary.0",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

package/dist/esm/client/index.js

@@ -195,7 +195,7 @@ Received "${apiKey}" instead.`
     }
     this.apiKey = apiKey;
     this.graphqlClient = new GraphQLClient(new URL("graphql", runtime.apiOrigin).href, {
-      "makeswift-runtime-version": "0.28.2-canary.1"
+      "makeswift-runtime-version": "0.28.3-canary.0"
     });
     this.runtime = runtime;
   }
@@ -207,7 +207,7 @@ Received "${apiKey}" instead.`
     const requestHeaders = new Headers({
       "x-api-key": this.apiKey,
       "makeswift-site-api-key": this.apiKey,
-      "makeswift-runtime-version": "0.28.2-canary.1"
+      "makeswift-runtime-version": "0.28.3-canary.0"
     });
     if (siteVersion?.token) {
       requestUrl.searchParams.set("version", siteVersion.version);
@@ -665,7 +665,7 @@ Received "${apiKey}" instead.`
       headers: {
         "x-api-key": this.apiKey,
         "makeswift-site-api-key": this.apiKey,
-        "makeswift-runtime-version": "0.28.2-canary.1",
+        "makeswift-runtime-version": "0.28.3-canary.0",
         "content-type": "application/json"
       },
       body: JSON.stringify({ token }),

package/dist/esm/runtimes/react/hooks/use-is-in-builder.js

@@ -1,7 +1,16 @@
+import { useStore } from "./use-store";
 import { getIsInBuilder } from "../../../state/read-only-state";
-import { useSelector } from "./use-selector";
+import { useSyncExternalStore } from "react";
+function getServerSnapshot() {
+  return false;
+}
 function useIsInBuilder() {
-  return useSelector((state) => getIsInBuilder(state));
+  const store = useStore();
+  return useSyncExternalStore(
+    store.subscribe,
+    () => getIsInBuilder(store.getState()),
+    getServerSnapshot
+  );
 }
 export {
   useIsInBuilder

package/dist/esm/runtimes/react/hooks/use-is-in-builder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-in-builder.ts"],"sourcesContent":["import { getIsInBuilder } from '../../../state/read-only-state'\nimport { useSelector } from './use-selector'\n\nexport function useIsInBuilder(): boolean {\n  return useSelector(state => getIsInBuilder(state))\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,SAAS,iBAA0B;AACxC,SAAO,YAAY,WAAS,eAAe,KAAK,CAAC;AACnD;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-in-builder.ts"],"sourcesContent":["import { useStore } from './use-store'\nimport { getIsInBuilder } from '../../../state/read-only-state'\nimport { useSyncExternalStore } from 'react'\n\n/**\n * When multiple React roots share a single store, `isInBuilder` can become\n * `true` before all roots have hydrated. React uses `getServerSnapshot` during\n * client hydration — not just on the server — so if it reads from the live\n * store, it may see `true` while the server HTML was rendered with `false`,\n * causing a hydration mismatch that React may fail to recover from inside\n * nested Suspense boundaries. This can manifest as cases where the correct\n * value of `isInBuilder` is read in the component, but the DOM remains stale.\n *\n * https://react.dev/reference/react/useSyncExternalStore#parameters\n *\n * TODO: For now, we're fixing this by returning a fixed `false` from\n * `getServerSnapshot` to match what the server actually rendered. After\n * hydration, the subscription picks up changes to this value which can only be\n * initiated client-side. We'll need to revisit this problem to reconsider how\n * we holistically handle store state changes across the server/client.\n */\nfunction getServerSnapshot(): boolean {\n  return false\n}\n\nexport function useIsInBuilder(): boolean {\n  const store = useStore()\n\n  return useSyncExternalStore(\n    store.subscribe,\n    () => getIsInBuilder(store.getState()),\n    getServerSnapshot,\n  )\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAmBrC,SAAS,oBAA6B;AACpC,SAAO;AACT;AAEO,SAAS,iBAA0B;AACxC,QAAM,QAAQ,SAAS;AAEvB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,eAAe,MAAM,SAAS,CAAC;AAAA,IACrC;AAAA,EACF;AACF;","names":[]}

package/dist/types/runtimes/react/hooks/use-is-in-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-in-builder.d.ts","sourceRoot":"","sources":["../../../../../src/runtimes/react/hooks/use-is-in-builder.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,IAAI,OAAO,CAExC"}
+{"version":3,"file":"use-is-in-builder.d.ts","sourceRoot":"","sources":["../../../../../src/runtimes/react/hooks/use-is-in-builder.ts"],"names":[],"mappings":"AAyBA,wBAAgB,cAAc,IAAI,OAAO,CAQxC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.28.2-canary.1",
+  "version": "0.28.3-canary.0",
   "license": "MIT",
   "repository": {
     "url": "makeswift/makeswift",