@makeswift/runtime 0.22.3 → 0.23.0-canary.0

package/dist/cjs/next/draft-mode/draft-mode-script.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var draft_mode_script_exports = {};
 __export(draft_mode_script_exports, {
@@ -23,6 +33,7 @@ __export(draft_mode_script_exports, {
 module.exports = __toCommonJS(draft_mode_script_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_headers = require("next/headers");
+var import_script = __toESM(require("next/script"));
 var import_react = require("../../react");
 async function DraftModeScript({ appOrigin = "https://app.makeswift.com" }) {
   const { isEnabled: isDraftModeEnabled } = await (0, import_headers.draftMode)();
@@ -54,9 +65,12 @@ if (window.parent !== window) {
             return originalFetch.call(this, resource, options)
           }
 
+          const newHeaders = new Headers(request.headers)
+          newHeaders.set(headerName, secret)
+
           return originalFetch.call(
             this,
-            new Request(request, { headers: { [headerName]: secret } }),
+            new Request(request, { headers: newHeaders })
           )
         }
       }
@@ -99,7 +113,7 @@ if (window.parent !== window) {
 `;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "script",
+      import_script.default,
       {
         id: "makeswift-draft-mode",
         type: "module",
@@ -107,7 +121,7 @@ if (window.parent !== window) {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "script",
+      import_script.default,
       {
         id: "makeswift-connection-check",
         type: "module",

package/dist/cjs/next/draft-mode/draft-mode-script.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/draft-mode/draft-mode-script.tsx"],"sourcesContent":["import { draftMode } from 'next/headers'\nimport { ActionTypes } from '../../react'\n\ntype Props = {\n  appOrigin?: string\n}\n\nexport async function DraftModeScript({ appOrigin = 'https://app.makeswift.com' }: Props) {\n  const { isEnabled: isDraftModeEnabled } = await draftMode()\n  const draftModeScript = `\nconst isDraft = ${isDraftModeEnabled}\nconst appOrigin = '${appOrigin.replace(\"'\", \"\\\\'\")}'\nconst searchParamName = 'x-makeswift-draft-mode'\nconst headerName = 'X-Makeswift-Draft-Mode'\nconst originalUrl = new URL(window.location.href)\n\nif (window.parent !== window) {\n  window.addEventListener('message', event => {\n    if (event.origin === appOrigin && event.data.type === 'makeswift_draft_mode') {\n      const { secret } = event.data\n\n      if (!isDraft && !originalUrl.searchParams.has(searchParamName)) {\n        const url = new URL(originalUrl)\n\n        url.searchParams.set(searchParamName, secret)\n\n        window.location.replace(url)\n      } else {\n        const originalFetch = window.fetch\n\n        window.fetch = function patchedFetch(resource, options) {\n          const request = new Request(resource, options)\n\n          if (new URL(request.url).origin !== window.location.origin) {\n            return originalFetch.call(this, resource, options)\n          }\n\n          return originalFetch.call(\n            this,\n            new Request(request, { headers: { [headerName]: secret } }),\n          )\n        }\n      }\n    }\n  })\n\n  window.parent.postMessage({ type: 'makeswift_draft_mode' }, appOrigin)\n}\n\nif (originalUrl.searchParams.has(searchParamName)) {\n  const url = new URL(originalUrl)\n\n  url.searchParams.delete(searchParamName)\n\n  window.history.replaceState(null, '', url)\n}\n`\n\n  const makeswiftConnectionCheckScript = `\nconst appOrigin = '${appOrigin.replace(\"'\", \"\\\\'\")}'\n\nif (window.parent !== window) {\n  window.addEventListener('message', event => {\n    if (\n      event.origin === appOrigin && \n      event.data.type === '${ActionTypes.MAKESWIFT_CONNECTION_INIT}'\n    ) {\n      setInterval(() => {\n        window.parent.postMessage({ \n          type: '${ActionTypes.MAKESWIFT_CONNECTION_CHECK}',\n          payload: { \n            currentUrl: window.location.href \n          }\n        }, appOrigin)\n      }, 20)\n    }\n  })\n\n  window.parent.postMessage({ type: '${ActionTypes.MAKESWIFT_CONNECTION_INIT}' }, appOrigin)\n}\n`\n\n  return (\n    <>\n      <script\n        id=\"makeswift-draft-mode\"\n        type=\"module\"\n        dangerouslySetInnerHTML={{ __html: draftModeScript }}\n      />\n      <script\n        id=\"makeswift-connection-check\"\n        type=\"module\"\n        dangerouslySetInnerHTML={{ __html: makeswiftConnectionCheckScript }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFI;AAnFJ,qBAA0B;AAC1B,mBAA4B;AAM5B,eAAsB,gBAAgB,EAAE,YAAY,4BAA4B,GAAU;AACxF,QAAM,EAAE,WAAW,mBAAmB,IAAI,UAAM,0BAAU;AAC1D,QAAM,kBAAkB;AAAA,kBACR,kBAAkB;AAAA,qBACf,UAAU,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+ChD,QAAM,iCAAiC;AAAA,qBACpB,UAAU,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAMrB,yBAAY,yBAAyB;AAAA;AAAA;AAAA;AAAA,mBAI/C,yBAAY,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCASlB,yBAAY,yBAAyB;AAAA;AAAA;AAI1E,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,gBAAgB;AAAA;AAAA,IACrD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,+BAA+B;AAAA;AAAA,IACpE;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/next/draft-mode/draft-mode-script.tsx"],"sourcesContent":["import { draftMode } from 'next/headers'\nimport Script from 'next/script'\nimport { ActionTypes } from '../../react'\n\ntype Props = {\n  appOrigin?: string\n}\n\nexport async function DraftModeScript({ appOrigin = 'https://app.makeswift.com' }: Props) {\n  const { isEnabled: isDraftModeEnabled } = await draftMode()\n  const draftModeScript = `\nconst isDraft = ${isDraftModeEnabled}\nconst appOrigin = '${appOrigin.replace(\"'\", \"\\\\'\")}'\nconst searchParamName = 'x-makeswift-draft-mode'\nconst headerName = 'X-Makeswift-Draft-Mode'\nconst originalUrl = new URL(window.location.href)\n\nif (window.parent !== window) {\n  window.addEventListener('message', event => {\n    if (event.origin === appOrigin && event.data.type === 'makeswift_draft_mode') {\n      const { secret } = event.data\n\n      if (!isDraft && !originalUrl.searchParams.has(searchParamName)) {\n        const url = new URL(originalUrl)\n\n        url.searchParams.set(searchParamName, secret)\n\n        window.location.replace(url)\n      } else {\n        const originalFetch = window.fetch\n\n        window.fetch = function patchedFetch(resource, options) {\n          const request = new Request(resource, options)\n\n          if (new URL(request.url).origin !== window.location.origin) {\n            return originalFetch.call(this, resource, options)\n          }\n\n          const newHeaders = new Headers(request.headers)\n          newHeaders.set(headerName, secret)\n\n          return originalFetch.call(\n            this,\n            new Request(request, { headers: newHeaders })\n          )\n        }\n      }\n    }\n  })\n\n  window.parent.postMessage({ type: 'makeswift_draft_mode' }, appOrigin)\n}\n\nif (originalUrl.searchParams.has(searchParamName)) {\n  const url = new URL(originalUrl)\n\n  url.searchParams.delete(searchParamName)\n\n  window.history.replaceState(null, '', url)\n}\n`\n\n  const makeswiftConnectionCheckScript = `\nconst appOrigin = '${appOrigin.replace(\"'\", \"\\\\'\")}'\n\nif (window.parent !== window) {\n  window.addEventListener('message', event => {\n    if (\n      event.origin === appOrigin && \n      event.data.type === '${ActionTypes.MAKESWIFT_CONNECTION_INIT}'\n    ) {\n      setInterval(() => {\n        window.parent.postMessage({ \n          type: '${ActionTypes.MAKESWIFT_CONNECTION_CHECK}',\n          payload: { \n            currentUrl: window.location.href \n          }\n        }, appOrigin)\n      }, 20)\n    }\n  })\n\n  window.parent.postMessage({ type: '${ActionTypes.MAKESWIFT_CONNECTION_INIT}' }, appOrigin)\n}\n`\n\n  return (\n    <>\n      <Script\n        id=\"makeswift-draft-mode\"\n        type=\"module\"\n        dangerouslySetInnerHTML={{ __html: draftModeScript }}\n      />\n      <Script\n        id=\"makeswift-connection-check\"\n        type=\"module\"\n        dangerouslySetInnerHTML={{ __html: makeswiftConnectionCheckScript }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFI;AAvFJ,qBAA0B;AAC1B,oBAAmB;AACnB,mBAA4B;AAM5B,eAAsB,gBAAgB,EAAE,YAAY,4BAA4B,GAAU;AACxF,QAAM,EAAE,WAAW,mBAAmB,IAAI,UAAM,0BAAU;AAC1D,QAAM,kBAAkB;AAAA,kBACR,kBAAkB;AAAA,qBACf,UAAU,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkDhD,QAAM,iCAAiC;AAAA,qBACpB,UAAU,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAMrB,yBAAY,yBAAyB;AAAA;AAAA;AAAA;AAAA,mBAI/C,yBAAY,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCASlB,yBAAY,yBAAyB;AAAA;AAAA;AAI1E,SACE,4EACE;AAAA;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,gBAAgB;AAAA;AAAA,IACrD;AAAA,IACA;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,+BAA+B;AAAA;AAAA,IACpE;AAAA,KACF;AAEJ;","names":["Script"]}

package/dist/cjs/next/index.js

@@ -19,23 +19,29 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var next_exports = {};
 __export(next_exports, {
   Makeswift: () => import_client.Makeswift,
+  MakeswiftComponent: () => import_MakeswiftComponent.MakeswiftComponent,
   Page: () => import_page.Page,
   PreviewModeScript: () => import_preview_mode.PreviewModeScript,
-  ReactRuntimeProvider: () => import_react_runtime.ReactRuntimeProvider,
-  RootStyleRegistry: () => import_root_style_registry.RootStyleRegistry
+  ReactRuntimeProvider: () => import_react.ReactRuntimeProvider,
+  RootStyleRegistry: () => import_root_style_registry.RootStyleRegistry,
+  Slot: () => import_Slot.Slot
 });
 module.exports = __toCommonJS(next_exports);
 var import_page = require("./components/page");
+var import_MakeswiftComponent = require("./components/MakeswiftComponent");
+var import_Slot = require("./components/Slot");
 var import_client = require("./client");
 var import_preview_mode = require("./preview-mode");
 var import_root_style_registry = require("./root-style-registry");
-var import_react_runtime = require("./context/react-runtime");
+var import_react = require("../runtimes/react/");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Makeswift,
+  MakeswiftComponent,
   Page,
   PreviewModeScript,
   ReactRuntimeProvider,
-  RootStyleRegistry
+  RootStyleRegistry,
+  Slot
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/next/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/index.tsx"],"sourcesContent":["export type { PageProps } from './components/page'\nexport { Page } from './components/page'\nexport type { MakeswiftPage, MakeswiftPageDocument, MakeswiftPageSnapshot, Sitemap } from './client'\nexport { Makeswift } from './client'\nexport type { MakeswiftPreviewData } from './preview-mode'\nexport { PreviewModeScript } from './preview-mode'\nexport { RootStyleRegistry } from './root-style-registry'\nexport { ReactRuntimeProvider } from './context/react-runtime'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAqB;AAErB,oBAA0B;AAE1B,0BAAkC;AAClC,iCAAkC;AAClC,2BAAqC;","names":[]}
+{"version":3,"sources":["../../../src/next/index.tsx"],"sourcesContent":["export type { PageProps } from './components/page'\nexport { Page } from './components/page'\nexport { MakeswiftComponent } from './components/MakeswiftComponent'\nexport { Slot } from './components/Slot'\nexport type { MakeswiftPage, MakeswiftPageDocument, MakeswiftPageSnapshot, Sitemap } from './client'\nexport { Makeswift } from './client'\nexport type { MakeswiftPreviewData } from './preview-mode'\nexport { PreviewModeScript } from './preview-mode'\nexport { RootStyleRegistry } from './root-style-registry'\nexport { ReactRuntimeProvider } from '../runtimes/react/'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAqB;AACrB,gCAAmC;AACnC,kBAAqB;AAErB,oBAA0B;AAE1B,0BAAkC;AAClC,iCAAkC;AAClC,mBAAqC;","names":[]}

package/dist/cjs/next/preview-mode.js

@@ -70,10 +70,13 @@ if (window.parent !== window) {
           if (new URL(request.url).origin !== window.location.origin) {
             return originalFetch.call(this, resource, options)
           }
+          
+          const newHeaders = new Headers(request.headers)
+          newHeaders.set(headerName, secret)
 
           return originalFetch.call(
             this,
-            new Request(request, { headers: { [headerName]: secret } }),
+            new Request(request, { headers: newHeaders })
           )
         }
       }

package/dist/cjs/next/preview-mode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/preview-mode.tsx"],"sourcesContent":["import { PreviewData } from 'next'\nimport { z } from 'zod'\nimport { ActionTypes } from '../react'\n\nexport const makeswiftSiteVersionSchema = z.enum(['Live', 'Working'])\nexport const MakeswiftSiteVersion = makeswiftSiteVersionSchema.Enum\nexport type MakeswiftSiteVersion = z.infer<typeof makeswiftSiteVersionSchema>\n\nconst makeswiftPreviewDataSchema = z.object({\n  makeswift: z.literal(true),\n  siteVersion: makeswiftSiteVersionSchema,\n})\nexport type MakeswiftPreviewData = z.infer<typeof makeswiftPreviewDataSchema>\n\nexport function getMakeswiftSiteVersion(previewData: PreviewData): MakeswiftSiteVersion | null {\n  const result = makeswiftPreviewDataSchema.safeParse(previewData)\n\n  if (result.success) return result.data.siteVersion\n\n  return null\n}\n\ntype Props = {\n  isPreview?: boolean\n  appOrigin?: string\n}\n\nexport function PreviewModeScript({\n  isPreview = false,\n  appOrigin = 'https://app.makeswift.com',\n}: Props) {\n  const previewModeScript = `\nconst isPreview = ${isPreview}\nconst appOrigin = '${appOrigin.replace(\"'\", \"\\\\'\")}'\nconst searchParamName = 'x-makeswift-preview-mode'\nconst headerName = 'X-Makeswift-Preview-Mode'\nconst originalUrl = new URL(window.location.href)\n\nif (window.parent !== window) {\n  window.addEventListener('message', event => {\n    if (event.origin === appOrigin && event.data.type === 'makeswift_preview_mode') {\n      const { secret } = event.data\n\n      if (!isPreview && !originalUrl.searchParams.has(searchParamName)) {\n        const url = new URL(originalUrl)\n\n        url.searchParams.set(searchParamName, secret)\n\n        window.location.replace(url)\n      } else {\n        const originalFetch = window.fetch\n\n        window.fetch = function patchedFetch(resource, options) {\n          const request = new Request(resource, options)\n\n          if (new URL(request.url).origin !== window.location.origin) {\n            return originalFetch.call(this, resource, options)\n          }\n\n          return originalFetch.call(\n            this,\n            new Request(request, { headers: { [headerName]: secret } }),\n          )\n        }\n      }\n    }\n  })\n\n  window.parent.postMessage({ type: 'makeswift_preview_mode' }, appOrigin)\n}\n\nif (originalUrl.searchParams.has(searchParamName)) {\n  const url = new URL(originalUrl)\n\n  url.searchParams.delete(searchParamName)\n\n  window.history.replaceState(null, '', url)\n}\n`\n\n  const makeswiftConnectionCheckScript = `\nconst appOrigin = '${appOrigin.replace(\"'\", \"\\\\'\")}'\n\nif (window.parent !== window) {\n  window.addEventListener('message', event => {\n    if (\n      event.origin === appOrigin && \n      event.data.type === '${ActionTypes.MAKESWIFT_CONNECTION_INIT}'\n    ) {\n      setInterval(() => {\n        window.parent.postMessage({ \n          type: '${ActionTypes.MAKESWIFT_CONNECTION_CHECK}',\n          payload: { \n            currentUrl: window.location.href \n          }\n        }, appOrigin)\n      }, 20)\n    }\n  })\n\n  window.parent.postMessage({ type: '${ActionTypes.MAKESWIFT_CONNECTION_INIT}' }, appOrigin)\n}\n`\n\n  return (\n    <>\n      <script\n        id=\"makeswift-preview-mode\"\n        type=\"module\"\n        dangerouslySetInnerHTML={{ __html: previewModeScript }}\n      />\n      <script\n        id=\"makeswift-connection-check\"\n        type=\"module\"\n        dangerouslySetInnerHTML={{ __html: makeswiftConnectionCheckScript }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyGI;AAxGJ,iBAAkB;AAClB,mBAA4B;AAErB,MAAM,6BAA6B,aAAE,KAAK,CAAC,QAAQ,SAAS,CAAC;AAC7D,MAAM,uBAAuB,2BAA2B;AAG/D,MAAM,6BAA6B,aAAE,OAAO;AAAA,EAC1C,WAAW,aAAE,QAAQ,IAAI;AAAA,EACzB,aAAa;AACf,CAAC;AAGM,SAAS,wBAAwB,aAAuD;AAC7F,QAAM,SAAS,2BAA2B,UAAU,WAAW;AAE/D,MAAI,OAAO;AAAS,WAAO,OAAO,KAAK;AAEvC,SAAO;AACT;AAOO,SAAS,kBAAkB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AACd,GAAU;AACR,QAAM,oBAAoB;AAAA,oBACR,SAAS;AAAA,qBACR,UAAU,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+ChD,QAAM,iCAAiC;AAAA,qBACpB,UAAU,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAMrB,yBAAY,yBAAyB;AAAA;AAAA;AAAA;AAAA,mBAI/C,yBAAY,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCASlB,yBAAY,yBAAyB;AAAA;AAAA;AAI1E,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,kBAAkB;AAAA;AAAA,IACvD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,+BAA+B;AAAA;AAAA,IACpE;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/next/preview-mode.tsx"],"sourcesContent":["import { PreviewData } from 'next'\nimport { z } from 'zod'\nimport { ActionTypes } from '../react'\n\nexport const makeswiftSiteVersionSchema = z.enum(['Live', 'Working'])\nexport const MakeswiftSiteVersion = makeswiftSiteVersionSchema.Enum\nexport type MakeswiftSiteVersion = z.infer<typeof makeswiftSiteVersionSchema>\n\nconst makeswiftPreviewDataSchema = z.object({\n  makeswift: z.literal(true),\n  siteVersion: makeswiftSiteVersionSchema,\n})\nexport type MakeswiftPreviewData = z.infer<typeof makeswiftPreviewDataSchema>\n\nexport function getMakeswiftSiteVersion(previewData: PreviewData): MakeswiftSiteVersion | null {\n  const result = makeswiftPreviewDataSchema.safeParse(previewData)\n\n  if (result.success) return result.data.siteVersion\n\n  return null\n}\n\ntype Props = {\n  isPreview?: boolean\n  appOrigin?: string\n}\n\nexport function PreviewModeScript({\n  isPreview = false,\n  appOrigin = 'https://app.makeswift.com',\n}: Props) {\n  const previewModeScript = `\nconst isPreview = ${isPreview}\nconst appOrigin = '${appOrigin.replace(\"'\", \"\\\\'\")}'\nconst searchParamName = 'x-makeswift-preview-mode'\nconst headerName = 'X-Makeswift-Preview-Mode'\nconst originalUrl = new URL(window.location.href)\n\nif (window.parent !== window) {\n  window.addEventListener('message', event => {\n    if (event.origin === appOrigin && event.data.type === 'makeswift_preview_mode') {\n      const { secret } = event.data\n\n      if (!isPreview && !originalUrl.searchParams.has(searchParamName)) {\n        const url = new URL(originalUrl)\n\n        url.searchParams.set(searchParamName, secret)\n\n        window.location.replace(url)\n      } else {\n        const originalFetch = window.fetch\n\n        window.fetch = function patchedFetch(resource, options) {\n          const request = new Request(resource, options)\n\n          if (new URL(request.url).origin !== window.location.origin) {\n            return originalFetch.call(this, resource, options)\n          }\n          \n          const newHeaders = new Headers(request.headers)\n          newHeaders.set(headerName, secret)\n\n          return originalFetch.call(\n            this,\n            new Request(request, { headers: newHeaders })\n          )\n        }\n      }\n    }\n  })\n\n  window.parent.postMessage({ type: 'makeswift_preview_mode' }, appOrigin)\n}\n\nif (originalUrl.searchParams.has(searchParamName)) {\n  const url = new URL(originalUrl)\n\n  url.searchParams.delete(searchParamName)\n\n  window.history.replaceState(null, '', url)\n}\n`\n\n  const makeswiftConnectionCheckScript = `\nconst appOrigin = '${appOrigin.replace(\"'\", \"\\\\'\")}'\n\nif (window.parent !== window) {\n  window.addEventListener('message', event => {\n    if (\n      event.origin === appOrigin && \n      event.data.type === '${ActionTypes.MAKESWIFT_CONNECTION_INIT}'\n    ) {\n      setInterval(() => {\n        window.parent.postMessage({ \n          type: '${ActionTypes.MAKESWIFT_CONNECTION_CHECK}',\n          payload: { \n            currentUrl: window.location.href \n          }\n        }, appOrigin)\n      }, 20)\n    }\n  })\n\n  window.parent.postMessage({ type: '${ActionTypes.MAKESWIFT_CONNECTION_INIT}' }, appOrigin)\n}\n`\n\n  return (\n    <>\n      <script\n        id=\"makeswift-preview-mode\"\n        type=\"module\"\n        dangerouslySetInnerHTML={{ __html: previewModeScript }}\n      />\n      <script\n        id=\"makeswift-connection-check\"\n        type=\"module\"\n        dangerouslySetInnerHTML={{ __html: makeswiftConnectionCheckScript }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4GI;AA3GJ,iBAAkB;AAClB,mBAA4B;AAErB,MAAM,6BAA6B,aAAE,KAAK,CAAC,QAAQ,SAAS,CAAC;AAC7D,MAAM,uBAAuB,2BAA2B;AAG/D,MAAM,6BAA6B,aAAE,OAAO;AAAA,EAC1C,WAAW,aAAE,QAAQ,IAAI;AAAA,EACzB,aAAa;AACf,CAAC;AAGM,SAAS,wBAAwB,aAAuD;AAC7F,QAAM,SAAS,2BAA2B,UAAU,WAAW;AAE/D,MAAI,OAAO;AAAS,WAAO,OAAO,KAAK;AAEvC,SAAO;AACT;AAOO,SAAS,kBAAkB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AACd,GAAU;AACR,QAAM,oBAAoB;AAAA,oBACR,SAAS;AAAA,qBACR,UAAU,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkDhD,QAAM,iCAAiC;AAAA,qBACpB,UAAU,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAMrB,yBAAY,yBAAyB;AAAA;AAAA;AAAA;AAAA,mBAI/C,yBAAY,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCASlB,yBAAY,yBAAyB;AAAA;AAAA;AAI1E,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,kBAAkB;AAAA;AAAA,IACvD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,+BAA+B;AAAA;AAAA,IACpE;AAAA,KACF;AAEJ;","names":[]}

package/dist/cjs/prop-controllers/introspection.js

@@ -72,7 +72,7 @@ function getSwatchIds(descriptor, prop) {
       return (0, import_prop_controllers.getNavigationLinksPropControllerSwatchIds)(prop);
     }
     case import_prop_controllers.Types.ResponsiveColor:
-      return (0, import_prop_controllers.getResponsiveColorPropControllerDataSawtchIds)(prop);
+      return (0, import_prop_controllers.getResponsiveColorPropControllerDataSwatchIds)(prop);
     case import_prop_controllers.Types.Shadows:
       return (0, import_prop_controllers.getShadowsPropControllerDataSwatchIds)(prop);
     case import_deleted.DELETED_PROP_CONTROLLER_TYPES.RichText: {

package/dist/cjs/prop-controllers/introspection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/introspection.ts"],"sourcesContent":["import { type Descriptor, isLegacyDescriptor } from './descriptors'\nimport {\n  introspectRichTextData,\n  Targets,\n  type Data,\n  type Element,\n  type RichTextValue,\n} from '@makeswift/controls'\n\nimport {\n  getLinkPropControllerPageIds,\n  getResponsiveColorPropControllerDataSawtchIds,\n  getShadowsPropControllerDataSwatchIds,\n  LinkPropControllerData,\n  Types as PropControllerTypes,\n  ResponsiveColorData,\n  ShadowsPropControllerData,\n  getBorderPropControllerDataSwatchIds,\n  TablePropControllerData,\n  getTablePropControllerDataTableIds,\n  getNavigationLinksPropControllerPageIds,\n  NavigationLinksPropControllerData,\n  getNavigationLinksPropControllerSwatchIds,\n  BorderPropControllerData,\n  getElementIDPropControllerDataElementID,\n  ElementIDPropControllerData,\n  getGridPropControllerElementChildren,\n  GridPropControllerData,\n  getImagePropControllerFileIds,\n  ImagePropControllerData,\n  getImagesPropControllerFileIds,\n  ImagesPropControllerData,\n  getBackgroundsPropControllerFileIds,\n  getBackgroundsPropControllerSwatchIds,\n  BackgroundsPropControllerData,\n} from '@makeswift/prop-controllers'\n\nimport { DELETED_PROP_CONTROLLER_TYPES } from './deleted'\n\nexport function getElementChildren<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): Element[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.ChildrenElement)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Grid:\n      return getGridPropControllerElementChildren(prop as GridPropControllerData | undefined)\n\n    default:\n      return []\n  }\n}\n\nexport function getElementId<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string | null {\n  if (prop == null) return null\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return null\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.ElementID:\n      return getElementIDPropControllerDataElementID(prop as ElementIDPropControllerData) ?? null\n\n    default:\n      return null\n  }\n}\n\nexport function getSwatchIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.Swatch)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Backgrounds:\n      return getBackgroundsPropControllerSwatchIds(prop as BackgroundsPropControllerData)\n\n    case PropControllerTypes.Border:\n      return getBorderPropControllerDataSwatchIds(prop as BorderPropControllerData)\n\n    case PropControllerTypes.NavigationLinks: {\n      return getNavigationLinksPropControllerSwatchIds(prop as NavigationLinksPropControllerData)\n    }\n\n    case PropControllerTypes.ResponsiveColor:\n      return getResponsiveColorPropControllerDataSawtchIds(prop as ResponsiveColorData)\n\n    case PropControllerTypes.Shadows:\n      return getShadowsPropControllerDataSwatchIds(prop as ShadowsPropControllerData)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText: {\n      return introspectRichTextData(prop as RichTextValue, Targets.Swatch)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getFileIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.File)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Backgrounds:\n      return getBackgroundsPropControllerFileIds(prop as BackgroundsPropControllerData)\n\n    case PropControllerTypes.Image: {\n      return getImagePropControllerFileIds(prop as ImagePropControllerData)\n    }\n\n    case PropControllerTypes.Images: {\n      return getImagesPropControllerFileIds(prop as ImagesPropControllerData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTypographyIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.Typography)\n  }\n\n  switch (descriptor.type) {\n    case DELETED_PROP_CONTROLLER_TYPES.RichText: {\n      return introspectRichTextData(prop as RichTextValue, Targets.Typography)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTableIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.Table)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Table: {\n      return getTablePropControllerDataTableIds(prop as TablePropControllerData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getPageIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.Page)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Link: {\n      return getLinkPropControllerPageIds(prop as LinkPropControllerData)\n    }\n\n    case PropControllerTypes.NavigationLinks: {\n      return getNavigationLinksPropControllerPageIds(prop as NavigationLinksPropControllerData)\n    }\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText: {\n      return introspectRichTextData(prop as RichTextValue, Targets.Page)\n    }\n\n    default:\n      return []\n  }\n}\n"],"mappings":"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","names":["PropControllerTypes"]}
+{"version":3,"sources":["../../../src/prop-controllers/introspection.ts"],"sourcesContent":["import { type Descriptor, isLegacyDescriptor } from './descriptors'\nimport {\n  introspectRichTextData,\n  Targets,\n  type Data,\n  type Element,\n  type RichTextValue,\n} from '@makeswift/controls'\n\nimport {\n  getLinkPropControllerPageIds,\n  getResponsiveColorPropControllerDataSwatchIds,\n  getShadowsPropControllerDataSwatchIds,\n  LinkPropControllerData,\n  Types as PropControllerTypes,\n  ResponsiveColorData,\n  ShadowsPropControllerData,\n  getBorderPropControllerDataSwatchIds,\n  TablePropControllerData,\n  getTablePropControllerDataTableIds,\n  getNavigationLinksPropControllerPageIds,\n  NavigationLinksPropControllerData,\n  getNavigationLinksPropControllerSwatchIds,\n  BorderPropControllerData,\n  getElementIDPropControllerDataElementID,\n  ElementIDPropControllerData,\n  getGridPropControllerElementChildren,\n  GridPropControllerData,\n  getImagePropControllerFileIds,\n  ImagePropControllerData,\n  getImagesPropControllerFileIds,\n  ImagesPropControllerData,\n  getBackgroundsPropControllerFileIds,\n  getBackgroundsPropControllerSwatchIds,\n  BackgroundsPropControllerData,\n} from '@makeswift/prop-controllers'\n\nimport { DELETED_PROP_CONTROLLER_TYPES } from './deleted'\n\nexport function getElementChildren<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): Element[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.ChildrenElement)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Grid:\n      return getGridPropControllerElementChildren(prop as GridPropControllerData | undefined)\n\n    default:\n      return []\n  }\n}\n\nexport function getElementId<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string | null {\n  if (prop == null) return null\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return null\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.ElementID:\n      return getElementIDPropControllerDataElementID(prop as ElementIDPropControllerData) ?? null\n\n    default:\n      return null\n  }\n}\n\nexport function getSwatchIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.Swatch)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Backgrounds:\n      return getBackgroundsPropControllerSwatchIds(prop as BackgroundsPropControllerData)\n\n    case PropControllerTypes.Border:\n      return getBorderPropControllerDataSwatchIds(prop as BorderPropControllerData)\n\n    case PropControllerTypes.NavigationLinks: {\n      return getNavigationLinksPropControllerSwatchIds(prop as NavigationLinksPropControllerData)\n    }\n\n    case PropControllerTypes.ResponsiveColor:\n      return getResponsiveColorPropControllerDataSwatchIds(prop as ResponsiveColorData)\n\n    case PropControllerTypes.Shadows:\n      return getShadowsPropControllerDataSwatchIds(prop as ShadowsPropControllerData)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText: {\n      return introspectRichTextData(prop as RichTextValue, Targets.Swatch)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getFileIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.File)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Backgrounds:\n      return getBackgroundsPropControllerFileIds(prop as BackgroundsPropControllerData)\n\n    case PropControllerTypes.Image: {\n      return getImagePropControllerFileIds(prop as ImagePropControllerData)\n    }\n\n    case PropControllerTypes.Images: {\n      return getImagesPropControllerFileIds(prop as ImagesPropControllerData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTypographyIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.Typography)\n  }\n\n  switch (descriptor.type) {\n    case DELETED_PROP_CONTROLLER_TYPES.RichText: {\n      return introspectRichTextData(prop as RichTextValue, Targets.Typography)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTableIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.Table)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Table: {\n      return getTablePropControllerDataTableIds(prop as TablePropControllerData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getPageIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.introspect(prop, Targets.Page)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Link: {\n      return getLinkPropControllerPageIds(prop as LinkPropControllerData)\n    }\n\n    case PropControllerTypes.NavigationLinks: {\n      return getNavigationLinksPropControllerPageIds(prop as NavigationLinksPropControllerData)\n    }\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText: {\n      return introspectRichTextData(prop as RichTextValue, Targets.Page)\n    }\n\n    default:\n      return []\n  }\n}\n"],"mappings":"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","names":["PropControllerTypes"]}

package/dist/cjs/react.js

@@ -19,11 +19,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var react_exports = {};
 __export(react_exports, {
   ActionTypes: () => import_actions.ActionTypes,
-  DocumentReference: () => import_react.DocumentReference,
+  DocumentRoot: () => import_react.DocumentRoot,
   Element: () => import_react.Element,
   PageProvider: () => import_react.PageProvider,
   ReactRuntime: () => import_react.ReactRuntime,
-  RuntimeProvider: () => import_react.RuntimeProvider,
   changeDocument: () => import_actions.changeDocument,
   useIsInBuilder: () => import_react.useIsInBuilder,
   usePageId: () => import_react.usePageId
@@ -34,11 +33,10 @@ var import_react = require("./runtimes/react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionTypes,
-  DocumentReference,
+  DocumentRoot,
   Element,
   PageProvider,
   ReactRuntime,
-  RuntimeProvider,
   changeDocument,
   useIsInBuilder,
   usePageId

package/dist/cjs/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react.ts"],"sourcesContent":["export type { Action } from './state/actions'\nexport { ActionTypes, changeDocument } from './state/actions'\nexport {\n  Element,\n  RuntimeProvider,\n  ReactRuntime,\n  useIsInBuilder,\n  DocumentReference,\n  PageProvider,\n  usePageId,\n} from './runtimes/react'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA4C;AAC5C,mBAQO;","names":[]}
+{"version":3,"sources":["../../src/react.ts"],"sourcesContent":["export type { Action } from './state/actions'\nexport { ActionTypes, changeDocument } from './state/actions'\nexport {\n  Element,\n  ReactRuntime,\n  useIsInBuilder,\n  DocumentRoot,\n  PageProvider,\n  usePageId,\n} from './runtimes/react'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA4C;AAC5C,mBAOO;","names":[]}

package/dist/cjs/runtimes/react/components/Document.js

@@ -23,11 +23,12 @@ __export(Document_exports, {
 module.exports = __toCommonJS(Document_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_use_document_key = require("../hooks/use-document-key");
+var import_react_page = require("../../../state/react-page");
+var import_use_document_context = require("../hooks/use-document-context");
 var import_Element = require("./Element");
 const Document = (0, import_react.memo)(
   (0, import_react.forwardRef)(function Document2({ document }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_document_key.DocumentContext.Provider, { value: document.key, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Element.Element, { ref, element: document.rootElement }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_document_context.DocumentContext.Provider, { value: document, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Element.Element, { ref, element: (0, import_react_page.getRootElement)(document) }) });
   })
 );
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/runtimes/react/components/Document.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/Document.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { Document as ReactPageDocument } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { DocumentContext } from '../hooks/use-document-key'\nimport { Element } from './Element'\n\ntype DocumentProps = {\n  document: ReactPageDocument\n}\n\nexport const Document = memo(\n  forwardRef(function Document(\n    { document }: DocumentProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    return (\n      <DocumentContext.Provider value={document.key}>\n        <Element ref={ref} element={document.rootElement} />\n      </DocumentContext.Provider>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBQ;AAjBR,mBAAsC;AAGtC,8BAAgC;AAChC,qBAAwB;AAMjB,MAAM,eAAW;AAAA,MACtB,yBAAW,SAASA,UAClB,EAAE,SAAS,GACX,KACa;AACb,WACE,4CAAC,wCAAgB,UAAhB,EAAyB,OAAO,SAAS,KACxC,sDAAC,0BAAQ,KAAU,SAAS,SAAS,aAAa,GACpD;AAAA,EAEJ,CAAC;AACH;","names":["Document"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Document.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { type Document as ReactPageDocument, getRootElement } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { DocumentContext } from '../hooks/use-document-context'\nimport { Element } from './Element'\n\ntype DocumentProps = {\n  document: ReactPageDocument\n}\n\nexport const Document = memo(\n  forwardRef(function Document(\n    { document }: DocumentProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    return (\n      <DocumentContext.Provider value={document}>\n        <Element ref={ref} element={getRootElement(document)} />\n      </DocumentContext.Provider>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBQ;AAjBR,mBAAsC;AACtC,wBAAmE;AAEnE,kCAAgC;AAChC,qBAAwB;AAMjB,MAAM,eAAW;AAAA,MACtB,yBAAW,SAASA,UAClB,EAAE,SAAS,GACX,KACa;AACb,WACE,4CAAC,4CAAgB,UAAhB,EAAyB,OAAO,UAC/B,sDAAC,0BAAQ,KAAU,aAAS,kCAAe,QAAQ,GAAG,GACxD;AAAA,EAEJ,CAAC;AACH;","names":["Document"]}

package/dist/cjs/runtimes/react/components/{DocumentReference.js → DocumentRoot.js}

@@ -16,19 +16,19 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DocumentReference_exports = {};
-__export(DocumentReference_exports, {
-  DocumentReference: () => DocumentReference
+var DocumentRoot_exports = {};
+__export(DocumentRoot_exports, {
+  DocumentRoot: () => DocumentRoot
 });
-module.exports = __toCommonJS(DocumentReference_exports);
+module.exports = __toCommonJS(DocumentRoot_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_use_document = require("../hooks/use-document");
 var import_FallbackComponent = require("../../../components/shared/FallbackComponent");
 var import_Document = require("./Document");
-const DocumentReference = (0, import_react.memo)(
-  (0, import_react.forwardRef)(function DocumentReference2({ documentReference }, ref) {
-    const document = (0, import_use_document.useDocument)(documentReference.key);
+const DocumentRoot = (0, import_react.memo)(
+  (0, import_react.forwardRef)(function DocumentRoot2({ rootDocument }, ref) {
+    const document = (0, import_use_document.useDocument)(rootDocument.key) ?? rootDocument;
     if (document == null) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FallbackComponent.FallbackComponent, { ref, text: "Document not found" });
     }
@@ -37,6 +37,6 @@ const DocumentReference = (0, import_react.memo)(
 );
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DocumentReference
+  DocumentRoot
 });
-//# sourceMappingURL=DocumentReference.js.map
+//# sourceMappingURL=DocumentRoot.js.map

package/dist/cjs/runtimes/react/components/DocumentRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/DocumentRoot.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDocument } from '../hooks/use-document'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Document as DocumentComponent } from './Document'\n\ntype Props = {\n  rootDocument: Document\n}\n\nexport const DocumentRoot = memo(\n  forwardRef(function DocumentRoot(\n    { rootDocument }: Props,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const document = useDocument(rootDocument.key) ?? rootDocument\n\n    if (document == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Document not found\" />\n    }\n\n    return <DocumentComponent ref={ref} document={document} />\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBa;AAnBb,mBAAsC;AAGtC,0BAA4B;AAC5B,+BAAkC;AAClC,sBAA8C;AAMvC,MAAM,mBAAe;AAAA,MAC1B,yBAAW,SAASA,cAClB,EAAE,aAAa,GACf,KACa;AACb,UAAM,eAAW,iCAAY,aAAa,GAAG,KAAK;AAElD,QAAI,YAAY,MAAM;AACpB,aAAO,4CAAC,8CAAkB,KAAiC,MAAK,sBAAqB;AAAA,IACvF;AAEA,WAAO,4CAAC,gBAAAC,UAAA,EAAkB,KAAU,UAAoB;AAAA,EAC1D,CAAC;AACH;","names":["DocumentRoot","DocumentComponent"]}

package/dist/cjs/runtimes/react/components/Element.js

@@ -25,19 +25,13 @@ module.exports = __toCommonJS(Element_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_page = require("../../../state/react-page");
-var import_element_imperative_handle = require("../element-imperative-handle");
-var import_use_dispatch = require("../hooks/use-dispatch");
-var import_use_document_key = require("../hooks/use-document-key");
-var import_use_disable_register_element = require("../hooks/use-disable-register-element");
-var import_actions = require("../../../state/actions");
+var import_ElementRegistration = require("./ElementRegistration");
 var import_ElementReference = require("./ElementReference");
 var import_ElementData = require("./ElementData");
+var import_element_imperative_handle = require("../element-imperative-handle");
 var import_find_dom_node = require("../find-dom-node");
 const Element = (0, import_react.memo)(
   (0, import_react.forwardRef)(function Element2({ element }, ref) {
-    const elementKey = element.key;
-    const dispatch = (0, import_use_dispatch.useDispatch)();
-    const documentKey = (0, import_use_document_key.useDocumentKey)();
     const useFindDomNodeRef = (0, import_react.useRef)(true);
     const imperativeHandleRef = (0, import_react.useRef)(new import_element_imperative_handle.ElementImperativeHandle());
     const findDomNodeCallbackRef = (0, import_react.useCallback)((current) => {
@@ -49,21 +43,15 @@ const Element = (0, import_react.memo)(
       useFindDomNodeRef.current = false;
       imperativeHandleRef.current.callback(() => current);
     }, []);
-    const isRegisterElementDisabled = (0, import_use_disable_register_element.useDisableRegisterElement)();
     (0, import_react.useImperativeHandle)(ref, () => imperativeHandleRef.current, []);
-    (0, import_react.useEffect)(() => {
-      if (documentKey == null || isRegisterElementDisabled)
-        return;
-      return dispatch(
-        (0, import_actions.registerComponentHandleEffect)(documentKey, elementKey, imperativeHandleRef.current)
-      );
-    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
-    (0, import_react.useEffect)(() => {
-      if (documentKey == null || isRegisterElementDisabled)
-        return;
-      return dispatch((0, import_actions.mountComponentEffect)(documentKey, elementKey));
-    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_find_dom_node.FindDomNode, { ref: findDomNodeCallbackRef, children: (0, import_react_page.isElementReference)(element) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ElementReference.ElementReference, { ref: elementCallbackRef, elementReference: element }, elementKey) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ElementData.ElementData, { ref: elementCallbackRef, elementData: element }, elementKey) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ElementRegistration.ElementRegistration, { componentHandle: imperativeHandleRef.current, elementKey: element.key, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_find_dom_node.FindDomNode, { ref: findDomNodeCallbackRef, children: (0, import_react_page.isElementReference)(element) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ElementReference.ElementReference,
+      {
+        ref: elementCallbackRef,
+        elementReference: element
+      },
+      element.key
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ElementData.ElementData, { ref: elementCallbackRef, elementData: element }, element.key) }) });
   })
 );
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/runtimes/react/components/Element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["'use client'\n\nimport { Ref, forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react'\nimport { Element as ElementDataOrRef, isElementReference } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDispatch } from '../hooks/use-dispatch'\nimport { useDocumentKey } from '../hooks/use-document-key'\nimport { useDisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { mountComponentEffect, registerComponentHandleEffect } from '../../../state/actions'\nimport { ElementReference } from './ElementReference'\nimport { ElementData } from './ElementData'\nimport { FindDomNode } from '../find-dom-node'\n\ntype ElementProps = {\n  element: ElementDataOrRef\n}\n\nexport const Element = memo(\n  forwardRef(function Element(\n    { element }: ElementProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const elementKey = element.key\n    const dispatch = useDispatch()\n    const documentKey = useDocumentKey()\n    const useFindDomNodeRef = useRef(true)\n    const imperativeHandleRef = useRef(new ElementImperativeHandle())\n    const findDomNodeCallbackRef = useCallback((current: (() => Element | Text | null) | null) => {\n      if (useFindDomNodeRef.current === true) {\n        imperativeHandleRef.current.callback(() => current?.() ?? null)\n      }\n    }, [])\n    const elementCallbackRef = useCallback((current: unknown | null) => {\n      useFindDomNodeRef.current = false\n\n      imperativeHandleRef.current.callback(() => current)\n    }, [])\n    const isRegisterElementDisabled = useDisableRegisterElement()\n\n    useImperativeHandle(ref, () => imperativeHandleRef.current, [])\n\n    useEffect(() => {\n      if (documentKey == null || isRegisterElementDisabled) return\n\n      return dispatch(\n        registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current),\n      )\n    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n    useEffect(() => {\n      if (documentKey == null || isRegisterElementDisabled) return\n\n      return dispatch(mountComponentEffect(documentKey, elementKey))\n    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n    return (\n      <FindDomNode ref={findDomNodeCallbackRef}>\n        {isElementReference(element) ? (\n          <ElementReference key={elementKey} ref={elementCallbackRef} elementReference={element} />\n        ) : (\n          <ElementData key={elementKey} ref={elementCallbackRef} elementData={element} />\n        )}\n      </FindDomNode>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DU;AAxDV,mBAA2F;AAC3F,wBAAgE;AAChE,uCAAwC;AACxC,0BAA4B;AAC5B,8BAA+B;AAC/B,0CAA0C;AAC1C,qBAAoE;AACpE,8BAAiC;AACjC,yBAA4B;AAC5B,2BAA4B;AAMrB,MAAM,cAAU;AAAA,MACrB,yBAAW,SAASA,SAClB,EAAE,QAAQ,GACV,KACa;AACb,UAAM,aAAa,QAAQ;AAC3B,UAAM,eAAW,iCAAY;AAC7B,UAAM,kBAAc,wCAAe;AACnC,UAAM,wBAAoB,qBAAO,IAAI;AACrC,UAAM,0BAAsB,qBAAO,IAAI,yDAAwB,CAAC;AAChE,UAAM,6BAAyB,0BAAY,CAAC,YAAkD;AAC5F,UAAI,kBAAkB,YAAY,MAAM;AACtC,4BAAoB,QAAQ,SAAS,MAAM,UAAU,KAAK,IAAI;AAAA,MAChE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,UAAM,yBAAqB,0BAAY,CAAC,YAA4B;AAClE,wBAAkB,UAAU;AAE5B,0BAAoB,QAAQ,SAAS,MAAM,OAAO;AAAA,IACpD,GAAG,CAAC,CAAC;AACL,UAAM,gCAA4B,+DAA0B;AAE5D,0CAAoB,KAAK,MAAM,oBAAoB,SAAS,CAAC,CAAC;AAE9D,gCAAU,MAAM;AACd,UAAI,eAAe,QAAQ;AAA2B;AAEtD,aAAO;AAAA,YACL,8CAA8B,aAAa,YAAY,oBAAoB,OAAO;AAAA,MACpF;AAAA,IACF,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,gCAAU,MAAM;AACd,UAAI,eAAe,QAAQ;AAA2B;AAEtD,aAAO,aAAS,qCAAqB,aAAa,UAAU,CAAC;AAAA,IAC/D,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,WACE,4CAAC,oCAAY,KAAK,wBACf,oDAAmB,OAAO,IACzB,4CAAC,4CAAkC,KAAK,oBAAoB,kBAAkB,WAAvD,UAAgE,IAEvF,4CAAC,kCAA6B,KAAK,oBAAoB,aAAa,WAAlD,UAA2D,GAEjF;AAAA,EAEJ,CAAC;AACH;","names":["Element"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, memo, Ref, useCallback, useImperativeHandle, useRef } from 'react'\nimport { isElementReference, type Element as ElementDataOrRef } from '../../../state/react-page'\nimport { ElementRegistration } from './ElementRegistration'\nimport { ElementReference } from './ElementReference'\nimport { ElementData } from './ElementData'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { FindDomNode } from '../find-dom-node'\n\ntype Props = {\n  element: ElementDataOrRef\n}\n\nexport const Element = memo(\n  forwardRef(function Element(\n    { element }: Props,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element | null {\n    const useFindDomNodeRef = useRef(true)\n    const imperativeHandleRef = useRef(new ElementImperativeHandle())\n\n    const findDomNodeCallbackRef = useCallback((current: (() => Element | Text | null) | null) => {\n      if (useFindDomNodeRef.current === true) {\n        imperativeHandleRef.current.callback(() => current?.() ?? null)\n      }\n    }, [])\n\n    const elementCallbackRef = useCallback((current: unknown | null) => {\n      useFindDomNodeRef.current = false\n\n      imperativeHandleRef.current.callback(() => current)\n    }, [])\n\n    useImperativeHandle(ref, () => imperativeHandleRef.current, [])\n\n    return (\n      <ElementRegistration componentHandle={imperativeHandleRef.current} elementKey={element.key}>\n        <FindDomNode ref={findDomNodeCallbackRef}>\n          {isElementReference(element) ? (\n            <ElementReference\n              key={element.key}\n              ref={elementCallbackRef}\n              elementReference={element}\n            />\n          ) : (\n            <ElementData key={element.key} ref={elementCallbackRef} elementData={element} />\n          )}\n        </FindDomNode>\n      </ElementRegistration>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCY;AAtCZ,mBAAgF;AAChF,wBAAqE;AACrE,iCAAoC;AACpC,8BAAiC;AACjC,yBAA4B;AAC5B,uCAAwC;AACxC,2BAA4B;AAMrB,MAAM,cAAU;AAAA,MACrB,yBAAW,SAASA,SAClB,EAAE,QAAQ,GACV,KACoB;AACpB,UAAM,wBAAoB,qBAAO,IAAI;AACrC,UAAM,0BAAsB,qBAAO,IAAI,yDAAwB,CAAC;AAEhE,UAAM,6BAAyB,0BAAY,CAAC,YAAkD;AAC5F,UAAI,kBAAkB,YAAY,MAAM;AACtC,4BAAoB,QAAQ,SAAS,MAAM,UAAU,KAAK,IAAI;AAAA,MAChE;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,UAAM,yBAAqB,0BAAY,CAAC,YAA4B;AAClE,wBAAkB,UAAU;AAE5B,0BAAoB,QAAQ,SAAS,MAAM,OAAO;AAAA,IACpD,GAAG,CAAC,CAAC;AAEL,0CAAoB,KAAK,MAAM,oBAAoB,SAAS,CAAC,CAAC;AAE9D,WACE,4CAAC,kDAAoB,iBAAiB,oBAAoB,SAAS,YAAY,QAAQ,KACrF,sDAAC,oCAAY,KAAK,wBACf,oDAAmB,OAAO,IACzB;AAAA,MAAC;AAAA;AAAA,QAEC,KAAK;AAAA,QACL,kBAAkB;AAAA;AAAA,MAFb,QAAQ;AAAA,IAGf,IAEA,4CAAC,kCAA8B,KAAK,oBAAoB,aAAa,WAAnD,QAAQ,GAAoD,GAElF,GACF;AAAA,EAEJ,CAAC;AACH;","names":["Element"]}

package/dist/cjs/runtimes/react/components/ElementReference.js

@@ -30,10 +30,12 @@ var import_FallbackComponent = require("../../../components/shared/FallbackCompo
 var import_Element = require("./Element");
 var import_Document = require("./Document");
 var import_use_disable_register_element = require("../hooks/use-disable-register-element");
+var import_use_document_context = require("../hooks/use-document-context");
 const ElementReference = (0, import_react.memo)(
   (0, import_react.forwardRef)(function ElementReference2({ elementReference }, ref) {
     const globalElement = (0, import_makeswift_api.useGlobalElement)(elementReference.value);
-    const localizedGlobalElement = (0, import_makeswift_api.useLocalizedGlobalElement)(elementReference.value);
+    const locale = (0, import_use_document_context.useDocumentLocale)();
+    const localizedGlobalElement = (0, import_makeswift_api.useLocalizedGlobalElement)(locale, elementReference.value);
     const globalElementData = localizedGlobalElement?.data ?? globalElement?.data;
     const elementReferenceDocument = (0, import_use_document.useDocument)(elementReference.key);
     const documentKey = elementReference.key;

package/dist/cjs/runtimes/react/components/ElementReference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useMemo } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useGlobalElement, useLocalizedGlobalElement } from '../hooks/makeswift-api'\nimport { useDocument } from '../hooks/use-document'\nimport { DocumentCyclesContext, useDocumentCycles } from '../hooks/use-document-cycles'\nimport {\n  ElementData as ReactPageElementData,\n  ElementReference as ReactPageElementReference,\n} from '../../../state/react-page'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Element } from './Element'\nimport { Document } from './Document'\nimport { DisableRegisterElement } from '../hooks/use-disable-register-element'\n\ntype ElementRefereceProps = {\n  elementReference: ReactPageElementReference\n}\n\nexport const ElementReference = memo(\n  forwardRef(function ElementReference(\n    { elementReference }: ElementRefereceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const globalElement = useGlobalElement(elementReference.value)\n    // Update the logic here when we can merge element trees\n    const localizedGlobalElement = useLocalizedGlobalElement(elementReference.value)\n    const globalElementData = (localizedGlobalElement?.data ?? globalElement?.data) as\n      | ReactPageElementData\n      | undefined\n    const elementReferenceDocument = useDocument(elementReference.key)\n    const documentKey = elementReference.key\n    const documentKeys = useDocumentCycles()\n    const providedDocumentKeys = useMemo(\n      () => [...documentKeys, documentKey],\n      [documentKeys, documentKey],\n    )\n\n    if (globalElementData == null) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component doesn't exist\"\n        />\n      )\n    }\n\n    if (documentKeys.includes(documentKey)) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component contains itself!\"\n        />\n      )\n    }\n\n    return (\n      <DocumentCyclesContext.Provider value={providedDocumentKeys}>\n        {elementReferenceDocument != null ? (\n          <Document document={elementReferenceDocument} ref={ref} />\n        ) : (\n          <DisableRegisterElement.Provider value={true}>\n            {/* We render Element instead of ElementData because we rely on the FindDomNode */}\n            <Element element={globalElementData} ref={ref} />\n          </DisableRegisterElement.Provider>\n        )}\n      </DocumentCyclesContext.Provider>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AAvCR,mBAA+C;AAE/C,2BAA4D;AAC5D,0BAA4B;AAC5B,iCAAyD;AAKzD,+BAAkC;AAClC,qBAAwB;AACxB,sBAAyB;AACzB,0CAAuC;AAMhC,MAAM,uBAAmB;AAAA,MAC9B,yBAAW,SAASA,kBAClB,EAAE,iBAAiB,GACnB,KACa;AACb,UAAM,oBAAgB,uCAAiB,iBAAiB,KAAK;AAE7D,UAAM,6BAAyB,gDAA0B,iBAAiB,KAAK;AAC/E,UAAM,oBAAqB,wBAAwB,QAAQ,eAAe;AAG1E,UAAM,+BAA2B,iCAAY,iBAAiB,GAAG;AACjE,UAAM,cAAc,iBAAiB;AACrC,UAAM,mBAAe,8CAAkB;AACvC,UAAM,2BAAuB;AAAA,MAC3B,MAAM,CAAC,GAAG,cAAc,WAAW;AAAA,MACnC,CAAC,cAAc,WAAW;AAAA,IAC5B;AAEA,QAAI,qBAAqB,MAAM;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,QAAI,aAAa,SAAS,WAAW,GAAG;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,WACE,4CAAC,iDAAsB,UAAtB,EAA+B,OAAO,sBACpC,sCAA4B,OAC3B,4CAAC,4BAAS,UAAU,0BAA0B,KAAU,IAExD,4CAAC,2DAAuB,UAAvB,EAAgC,OAAO,MAEtC,sDAAC,0BAAQ,SAAS,mBAAmB,KAAU,GACjD,GAEJ;AAAA,EAEJ,CAAC;AACH;","names":["ElementReference"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useMemo } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useGlobalElement, useLocalizedGlobalElement } from '../hooks/makeswift-api'\nimport { useDocument } from '../hooks/use-document'\nimport { DocumentCyclesContext, useDocumentCycles } from '../hooks/use-document-cycles'\nimport {\n  ElementData as ReactPageElementData,\n  ElementReference as ReactPageElementReference,\n} from '../../../state/react-page'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Element } from './Element'\nimport { Document } from './Document'\nimport { DisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { useDocumentLocale } from '../hooks/use-document-context'\n\ntype ElementRefereceProps = {\n  elementReference: ReactPageElementReference\n}\n\nexport const ElementReference = memo(\n  forwardRef(function ElementReference(\n    { elementReference }: ElementRefereceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const globalElement = useGlobalElement(elementReference.value)\n    const locale = useDocumentLocale()\n    // Update the logic here when we can merge element trees\n    const localizedGlobalElement = useLocalizedGlobalElement(locale, elementReference.value)\n    const globalElementData = (localizedGlobalElement?.data ?? globalElement?.data) as\n      | ReactPageElementData\n      | undefined\n    const elementReferenceDocument = useDocument(elementReference.key)\n    const documentKey = elementReference.key\n    const documentKeys = useDocumentCycles()\n    const providedDocumentKeys = useMemo(\n      () => [...documentKeys, documentKey],\n      [documentKeys, documentKey],\n    )\n\n    if (globalElementData == null) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component doesn't exist\"\n        />\n      )\n    }\n\n    if (documentKeys.includes(documentKey)) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component contains itself!\"\n        />\n      )\n    }\n\n    return (\n      <DocumentCyclesContext.Provider value={providedDocumentKeys}>\n        {elementReferenceDocument != null ? (\n          <Document document={elementReferenceDocument} ref={ref} />\n        ) : (\n          <DisableRegisterElement.Provider value={true}>\n            {/* We render Element instead of ElementData because we rely on the FindDomNode */}\n            <Element element={globalElementData} ref={ref} />\n          </DisableRegisterElement.Provider>\n        )}\n      </DocumentCyclesContext.Provider>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCQ;AAzCR,mBAA+C;AAE/C,2BAA4D;AAC5D,0BAA4B;AAC5B,iCAAyD;AAKzD,+BAAkC;AAClC,qBAAwB;AACxB,sBAAyB;AACzB,0CAAuC;AACvC,kCAAkC;AAM3B,MAAM,uBAAmB;AAAA,MAC9B,yBAAW,SAASA,kBAClB,EAAE,iBAAiB,GACnB,KACa;AACb,UAAM,oBAAgB,uCAAiB,iBAAiB,KAAK;AAC7D,UAAM,aAAS,+CAAkB;AAEjC,UAAM,6BAAyB,gDAA0B,QAAQ,iBAAiB,KAAK;AACvF,UAAM,oBAAqB,wBAAwB,QAAQ,eAAe;AAG1E,UAAM,+BAA2B,iCAAY,iBAAiB,GAAG;AACjE,UAAM,cAAc,iBAAiB;AACrC,UAAM,mBAAe,8CAAkB;AACvC,UAAM,2BAAuB;AAAA,MAC3B,MAAM,CAAC,GAAG,cAAc,WAAW;AAAA,MACnC,CAAC,cAAc,WAAW;AAAA,IAC5B;AAEA,QAAI,qBAAqB,MAAM;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,QAAI,aAAa,SAAS,WAAW,GAAG;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,WACE,4CAAC,iDAAsB,UAAtB,EAA+B,OAAO,sBACpC,sCAA4B,OAC3B,4CAAC,4BAAS,UAAU,0BAA0B,KAAU,IAExD,4CAAC,2DAAuB,UAAvB,EAAgC,OAAO,MAEtC,sDAAC,0BAAQ,SAAS,mBAAmB,KAAU,GACjD,GAEJ;AAAA,EAEJ,CAAC;AACH;","names":["ElementReference"]}

package/dist/cjs/runtimes/react/components/ElementRegistration.js

@@ -0,0 +1,55 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ElementRegistration_exports = {};
+__export(ElementRegistration_exports, {
+  ElementRegistration: () => ElementRegistration
+});
+module.exports = __toCommonJS(ElementRegistration_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_use_dispatch = require("../hooks/use-dispatch");
+var import_use_document_context = require("../hooks/use-document-context");
+var import_use_disable_register_element = require("../hooks/use-disable-register-element");
+var import_actions = require("../../../state/actions");
+const ElementRegistration = (0, import_react.memo)(function ElementRegistration2({
+  elementKey,
+  componentHandle,
+  children
+}) {
+  const dispatch = (0, import_use_dispatch.useDispatch)();
+  const documentKey = (0, import_use_document_context.useDocumentKey)();
+  const isRegisterElementDisabled = (0, import_use_disable_register_element.useDisableRegisterElement)();
+  (0, import_react.useEffect)(() => {
+    if (documentKey == null || isRegisterElementDisabled)
+      return;
+    return dispatch((0, import_actions.registerComponentHandleEffect)(documentKey, elementKey, componentHandle));
+  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
+  (0, import_react.useEffect)(() => {
+    if (documentKey == null || isRegisterElementDisabled)
+      return;
+    return dispatch((0, import_actions.mountComponentEffect)(documentKey, elementKey));
+  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ElementRegistration
+});
+//# sourceMappingURL=ElementRegistration.js.map

package/dist/cjs/runtimes/react/components/ElementRegistration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementRegistration.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, memo, useEffect } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDispatch } from '../hooks/use-dispatch'\nimport { useDocumentKey } from '../hooks/use-document-context'\nimport { useDisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { mountComponentEffect, registerComponentHandleEffect } from '../../../state/actions'\n\ntype RegisterChildrenAsElementProps = {\n  elementKey: string\n  componentHandle: ElementImperativeHandle\n  children?: ReactNode\n}\n\nexport const ElementRegistration = memo(function ElementRegistration({\n  elementKey,\n  componentHandle,\n  children,\n}: RegisterChildrenAsElementProps): JSX.Element {\n  const dispatch = useDispatch()\n  const documentKey = useDocumentKey()\n\n  const isRegisterElementDisabled = useDisableRegisterElement()\n\n  useEffect(() => {\n    if (documentKey == null || isRegisterElementDisabled) return\n\n    return dispatch(registerComponentHandleEffect(documentKey, elementKey, componentHandle))\n  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n  useEffect(() => {\n    if (documentKey == null || isRegisterElementDisabled) return\n\n    return dispatch(mountComponentEffect(documentKey, elementKey))\n  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n  return <>{children}</>\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCS;AAnCT,mBAA2C;AAE3C,0BAA4B;AAC5B,kCAA+B;AAC/B,0CAA0C;AAC1C,qBAAoE;AAQ7D,MAAM,0BAAsB,mBAAK,SAASA,qBAAoB;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,QAAM,eAAW,iCAAY;AAC7B,QAAM,kBAAc,4CAAe;AAEnC,QAAM,gCAA4B,+DAA0B;AAE5D,8BAAU,MAAM;AACd,QAAI,eAAe,QAAQ;AAA2B;AAEtD,WAAO,aAAS,8CAA8B,aAAa,YAAY,eAAe,CAAC;AAAA,EACzF,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,8BAAU,MAAM;AACd,QAAI,eAAe,QAAQ;AAA2B;AAEtD,WAAO,aAAS,qCAAqB,aAAa,UAAU,CAAC;AAAA,EAC/D,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,SAAO,2EAAG,UAAS;AACrB,CAAC;","names":["ElementRegistration"]}

package/dist/cjs/runtimes/react/components/LiveProvider.js

@@ -33,16 +33,18 @@ __export(LiveProvider_exports, {
 module.exports = __toCommonJS(LiveProvider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_use_store = require("../hooks/use-store");
 var ReactPage = __toESM(require("../../../state/react-page"));
-var import_react_runtime = require("../../../next/context/react-runtime");
-var import_makeswift_host_api_client = require("../../../next/context/makeswift-host-api-client");
-function LiveProvider({ client, children, rootElements }) {
-  const runtime = (0, import_react_runtime.useReactRuntime)();
+var import_use_react_runtime = require("../hooks/use-react-runtime");
+var import_use_store = require("../hooks/use-store");
+function LiveProvider({ children }) {
+  const runtime = (0, import_use_react_runtime.useReactRuntime)();
   const store = (0, import_react.useMemo)(
-    () => ReactPage.configureStore({ preloadedState: runtime.store.getState(), rootElements }),
-    [rootElements, runtime]
+    () => ReactPage.configureStore({
+      name: "Host store",
+      preloadedState: runtime.store.getState()
+    }),
+    [runtime]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_store.StoreContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_makeswift_host_api_client.MakeswiftHostApiClientProvider, { client, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_store.StoreContext.Provider, { value: store, children });
 }
 //# sourceMappingURL=LiveProvider.js.map

package/dist/cjs/runtimes/react/components/LiveProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\n\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { useReactRuntime } from '../../../next/context/react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../../../next/context/makeswift-host-api-client'\n\ntype Props = {\n  client: MakeswiftHostApiClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n}\n\nexport default function LiveProvider({ client, children, rootElements }: Props): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () => ReactPage.configureStore({ preloadedState: runtime.store.getState(), rootElements }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftHostApiClientProvider client={client}>{children}</MakeswiftHostApiClientProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AAvBN,mBAAmC;AAEnC,uBAA6B;AAC7B,gBAA2B;AAE3B,2BAAgC;AAChC,uCAA+C;AAQhC,SAAR,aAA8B,EAAE,QAAQ,UAAU,aAAa,GAAuB;AAC3F,QAAM,cAAU,sCAAgB;AAChC,QAAM,YAAQ;AAAA,IACZ,MAAM,UAAU,eAAe,EAAE,gBAAgB,QAAQ,MAAM,SAAS,GAAG,aAAa,CAAC;AAAA,IACzF,CAAC,cAAc,OAAO;AAAA,EACxB;AAEA,SACE,4CAAC,8BAAa,UAAb,EAAsB,OAAO,OAC5B,sDAAC,mEAA+B,QAAiB,UAAS,GAC5D;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react'\n\nimport * as ReactPage from '../../../state/react-page'\n\nimport { useReactRuntime } from '../hooks/use-react-runtime'\nimport { StoreContext } from '../hooks/use-store'\n\nexport default function LiveProvider({ children }: PropsWithChildren): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        name: 'Host store',\n        preloadedState: runtime.store.getState(),\n      }),\n    [runtime],\n  )\n\n  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBS;AAlBT,mBAAgD;AAEhD,gBAA2B;AAE3B,+BAAgC;AAChC,uBAA6B;AAEd,SAAR,aAA8B,EAAE,SAAS,GAAmC;AACjF,QAAM,cAAU,0CAAgB;AAChC,QAAM,YAAQ;AAAA,IACZ,MACE,UAAU,eAAe;AAAA,MACvB,MAAM;AAAA,MACN,gBAAgB,QAAQ,MAAM,SAAS;AAAA,IACzC,CAAC;AAAA,IACH,CAAC,OAAO;AAAA,EACV;AAEA,SAAO,4CAAC,8BAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;AACxD;","names":[]}

package/dist/cjs/runtimes/react/components/PreviewProvider.js

@@ -34,37 +34,24 @@ __export(PreviewProvider_exports, {
 module.exports = __toCommonJS(PreviewProvider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_react_runtime = require("../react-runtime");
-var import_use_store = require("../hooks/use-store");
 var ReactBuilderPreview = __toESM(require("../../../state/react-builder-preview"));
-var ReactPage = __toESM(require("../../../state/react-page"));
-var import_actions = require("../../../state/actions");
-var import_react_runtime2 = require("../../../next/context/react-runtime");
-var import_makeswift_host_api_client = require("../../../next/context/makeswift-host-api-client");
-function PreviewProvider({ client, children, rootElements }) {
-  const runtime = (0, import_react_runtime2.useReactRuntime)();
+var import_use_react_runtime = require("../hooks/use-react-runtime");
+var import_use_store = require("../hooks/use-store");
+var import_host_api_client = require("../host-api-client");
+function PreviewProvider({ children }) {
+  const runtime = (0, import_use_react_runtime.useReactRuntime)();
+  const client = (0, import_host_api_client.useMakeswiftHostApiClient)();
   const store = (0, import_react.useMemo)(
     () => ReactBuilderPreview.configureStore({
-      preloadedState: runtime ? runtime.store.getState() : import_react_runtime.ReactRuntime.store.getState(),
-      rootElements,
+      preloadedState: runtime.store.getState(),
       client
     }),
-    [client, rootElements, runtime]
+    [client, runtime]
   );
   (0, import_react.useEffect)(() => {
     store.setup();
     return () => store.teardown();
   }, [store]);
-  (0, import_react.useEffect)(() => {
-    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(
-      ([documentKey, rootElement]) => store.dispatch((0, import_actions.registerDocumentEffect)(ReactPage.createDocument(documentKey, rootElement)))
-    );
-    return () => {
-      unregisterDocuments.forEach((unregisterDocument) => {
-        unregisterDocument();
-      });
-    };
-  }, [store, rootElements]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_store.StoreContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_makeswift_host_api_client.MakeswiftHostApiClientProvider, { client, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_store.StoreContext.Provider, { value: store, children });
 }
 //# sourceMappingURL=PreviewProvider.js.map