@makeswift/runtime 0.14.4 → 0.15.0

package/dist/cjs/next/context/react-runtime.js

@@ -0,0 +1,44 @@
+"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 react_runtime_exports = {};
+__export(react_runtime_exports, {
+  ReactRuntimeProvider: () => ReactRuntimeProvider,
+  useReactRuntime: () => useReactRuntime
+});
+module.exports = __toCommonJS(react_runtime_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react2 = require("../../react");
+const Context = (0, import_react.createContext)(import_react2.ReactRuntime);
+function useReactRuntime() {
+  return (0, import_react.useContext)(Context);
+}
+function ReactRuntimeProvider({
+  children,
+  runtime
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value: runtime, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactRuntimeProvider,
+  useReactRuntime
+});
+//# sourceMappingURL=react-runtime.js.map

package/dist/cjs/next/context/react-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/context/react-runtime.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, createContext, useContext } from 'react'\nimport { ReactRuntime } from '../../react'\n\nconst Context = createContext<ReactRuntime>(ReactRuntime)\n\nexport function useReactRuntime(): ReactRuntime {\n  return useContext(Context)\n}\n\nexport function ReactRuntimeProvider({\n  children,\n  runtime,\n}: {\n  children: ReactNode\n  runtime: ReactRuntime\n}) {\n  return <Context.Provider value={runtime}>{children}</Context.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBS;AAhBT,mBAAqD;AACrD,IAAAA,gBAA6B;AAE7B,MAAM,cAAU,4BAA4B,0BAAY;AAEjD,SAAS,kBAAgC;AAC9C,aAAO,yBAAW,OAAO;AAC3B;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGG;AACD,SAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAO,SAAU,UAAS;AACrD;","names":["import_react"]}

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

@@ -0,0 +1,123 @@
+"use strict";
+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 draft_mode_script_exports = {};
+__export(draft_mode_script_exports, {
+  DraftModeScript: () => DraftModeScript
+});
+module.exports = __toCommonJS(draft_mode_script_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_headers = require("next/headers");
+var import_react = require("../../react");
+function DraftModeScript({ appOrigin = "https://app.makeswift.com" }) {
+  const { isEnabled: isDraftModeEnabled } = (0, import_headers.draftMode)();
+  const draftModeScript = `
+const isDraft = ${isDraftModeEnabled}
+const appOrigin = '${appOrigin.replace("'", "\\'")}'
+const searchParamName = 'x-makeswift-draft-mode'
+const headerName = 'X-Makeswift-Draft-Mode'
+const originalUrl = new URL(window.location.href)
+
+if (window.parent !== window) {
+  window.addEventListener('message', event => {
+    if (event.origin === appOrigin && event.data.type === 'makeswift_draft_mode') {
+      const { secret } = event.data
+
+      if (!isDraft && !originalUrl.searchParams.has(searchParamName)) {
+        const url = new URL(originalUrl)
+
+        url.searchParams.set(searchParamName, secret)
+
+        window.location.replace(url)
+      } else {
+        const originalFetch = window.fetch
+
+        window.fetch = function patchedFetch(resource, options) {
+          const request = new Request(resource, options)
+
+          if (new URL(request.url).origin !== window.location.origin) {
+            return originalFetch.call(this, resource, options)
+          }
+
+          return originalFetch.call(
+            this,
+            new Request(request, { headers: { [headerName]: secret } }),
+          )
+        }
+      }
+    }
+  })
+
+  window.parent.postMessage({ type: 'makeswift_draft_mode' }, appOrigin)
+}
+
+if (originalUrl.searchParams.has(searchParamName)) {
+  const url = new URL(originalUrl)
+
+  url.searchParams.delete(searchParamName)
+
+  window.history.replaceState(null, '', url)
+}
+`;
+  const makeswiftConnectionCheckScript = `
+const appOrigin = '${appOrigin.replace("'", "\\'")}'
+
+if (window.parent !== window) {
+  window.addEventListener('message', event => {
+    if (
+      event.origin === appOrigin && 
+      event.data.type === '${import_react.ActionTypes.MAKESWIFT_CONNECTION_INIT}'
+    ) {
+      setInterval(() => {
+        window.parent.postMessage({ 
+          type: '${import_react.ActionTypes.MAKESWIFT_CONNECTION_CHECK}',
+          payload: { 
+            currentUrl: window.location.href 
+          }
+        }, appOrigin)
+      }, 20)
+    }
+  })
+
+  window.parent.postMessage({ type: '${import_react.ActionTypes.MAKESWIFT_CONNECTION_INIT}' }, appOrigin)
+}
+`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "script",
+      {
+        id: "makeswift-draft-mode",
+        type: "module",
+        dangerouslySetInnerHTML: { __html: draftModeScript }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "script",
+      {
+        id: "makeswift-connection-check",
+        type: "module",
+        dangerouslySetInnerHTML: { __html: makeswiftConnectionCheckScript }
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DraftModeScript
+});
+//# sourceMappingURL=draft-mode-script.js.map

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

@@ -0,0 +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 function DraftModeScript({ appOrigin = 'https://app.makeswift.com' }: Props) {\n  const { isEnabled: isDraftModeEnabled } = 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;AAMrB,SAAS,gBAAgB,EAAE,YAAY,4BAA4B,GAAU;AAClF,QAAM,EAAE,WAAW,mBAAmB,QAAI,0BAAU;AACpD,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":[]}

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

@@ -0,0 +1,56 @@
+"use strict";
+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 draft_mode_exports = {};
+__export(draft_mode_exports, {
+  MAKESWIFT_DRAFT_MODE_DATA_COOKIE: () => MAKESWIFT_DRAFT_MODE_DATA_COOKIE,
+  getSiteVersion: () => getSiteVersion,
+  makeswiftDraftDataSchema: () => makeswiftDraftDataSchema
+});
+module.exports = __toCommonJS(draft_mode_exports);
+var import_zod = require("zod");
+var import_headers = require("next/headers");
+var import_preview_mode = require("../preview-mode");
+const MAKESWIFT_DRAFT_MODE_DATA_COOKIE = "x-makeswift-draft-data";
+const makeswiftDraftDataSchema = import_zod.z.object({
+  makeswift: import_zod.z.literal(true),
+  siteVersion: import_preview_mode.makeswiftSiteVersionSchema
+});
+function getDraftData() {
+  const { isEnabled: isDraftModeEnabled } = (0, import_headers.draftMode)();
+  if (!isDraftModeEnabled)
+    return null;
+  const cookie = (0, import_headers.cookies)().get(MAKESWIFT_DRAFT_MODE_DATA_COOKIE);
+  if (cookie == null)
+    return null;
+  const draftData = JSON.parse(cookie.value);
+  const result = makeswiftDraftDataSchema.safeParse(draftData);
+  if (result.success)
+    return result.data;
+  return null;
+}
+function getSiteVersion() {
+  return getDraftData()?.siteVersion ?? import_preview_mode.MakeswiftSiteVersion.Live;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MAKESWIFT_DRAFT_MODE_DATA_COOKIE,
+  getSiteVersion,
+  makeswiftDraftDataSchema
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/draft-mode/index.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { cookies, draftMode } from 'next/headers'\nimport { makeswiftSiteVersionSchema, MakeswiftSiteVersion } from '../preview-mode'\n\nexport const MAKESWIFT_DRAFT_MODE_DATA_COOKIE = 'x-makeswift-draft-data'\n\nexport const makeswiftDraftDataSchema = z.object({\n  makeswift: z.literal(true),\n  siteVersion: makeswiftSiteVersionSchema,\n})\n\nexport type MakeswiftDraftData = z.infer<typeof makeswiftDraftDataSchema>\n\nfunction getDraftData(): MakeswiftDraftData | null {\n  const { isEnabled: isDraftModeEnabled } = draftMode()\n  if (!isDraftModeEnabled) return null\n\n  const cookie = cookies().get(MAKESWIFT_DRAFT_MODE_DATA_COOKIE)\n  if (cookie == null) return null\n\n  const draftData = JSON.parse(cookie.value)\n  const result = makeswiftDraftDataSchema.safeParse(draftData)\n\n  if (result.success) return result.data\n  return null\n}\n\nexport function getSiteVersion() {\n  return getDraftData()?.siteVersion ?? MakeswiftSiteVersion.Live\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAClB,qBAAmC;AACnC,0BAAiE;AAE1D,MAAM,mCAAmC;AAEzC,MAAM,2BAA2B,aAAE,OAAO;AAAA,EAC/C,WAAW,aAAE,QAAQ,IAAI;AAAA,EACzB,aAAa;AACf,CAAC;AAID,SAAS,eAA0C;AACjD,QAAM,EAAE,WAAW,mBAAmB,QAAI,0BAAU;AACpD,MAAI,CAAC;AAAoB,WAAO;AAEhC,QAAM,aAAS,wBAAQ,EAAE,IAAI,gCAAgC;AAC7D,MAAI,UAAU;AAAM,WAAO;AAE3B,QAAM,YAAY,KAAK,MAAM,OAAO,KAAK;AACzC,QAAM,SAAS,yBAAyB,UAAU,SAAS;AAE3D,MAAI,OAAO;AAAS,WAAO,OAAO;AAClC,SAAO;AACT;AAEO,SAAS,iBAAiB;AAC/B,SAAO,aAAa,GAAG,eAAe,yCAAqB;AAC7D;","names":[]}

package/dist/cjs/next/hooks/use-is-pages-router.js

@@ -0,0 +1,37 @@
+"use strict";
+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 use_is_pages_router_exports = {};
+__export(use_is_pages_router_exports, {
+  useIsPagesRouter: () => useIsPagesRouter
+});
+module.exports = __toCommonJS(use_is_pages_router_exports);
+var import_router = require("next/router");
+function useIsPagesRouter() {
+  try {
+    (0, import_router.useRouter)();
+    return true;
+  } catch (error) {
+    return false;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsPagesRouter
+});
+//# sourceMappingURL=use-is-pages-router.js.map

package/dist/cjs/next/hooks/use-is-pages-router.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/hooks/use-is-pages-router.ts"],"sourcesContent":["import { useRouter } from 'next/router'\n\nexport function useIsPagesRouter() {\n  try {\n    useRouter()\n    return true\n  } catch (error) {\n    return false\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAEnB,SAAS,mBAAmB;AACjC,MAAI;AACF,iCAAU;AACV,WAAO;AAAA,EACT,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/cjs/next/index.js

@@ -19,52 +19,26 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var next_exports = {};
 __export(next_exports, {
   Document: () => import_document.Document,
-  Makeswift: () => import_client2.Makeswift,
-  Page: () => Page,
+  Makeswift: () => import_client.Makeswift,
+  Page: () => import_page.Page,
   PreviewModeScript: () => import_preview_mode.PreviewModeScript,
-  forwardNextDynamicRef: () => import_dynamic.forwardNextDynamicRef
+  ReactRuntimeProvider: () => import_react_runtime.ReactRuntimeProvider,
+  RootStyleRegistry: () => import_root_style_registry.RootStyleRegistry
 });
 module.exports = __toCommonJS(next_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_react2 = require("../runtimes/react");
-var import_page = require("../components/page");
-var import_react3 = require("../api/react");
-var import_client2 = require("./client");
+var import_page = require("./components/page");
+var import_client = require("./client");
 var import_preview_mode = require("./preview-mode");
 var import_document = require("./document");
-var import_dynamic = require("./dynamic");
-const Page = (0, import_react.memo)(({ snapshot, runtime }) => {
-  const client = (0, import_react.useMemo)(
-    () => new import_react3.MakeswiftClient({
-      uri: new URL("graphql", snapshot.apiOrigin).href,
-      cacheData: snapshot.cacheData,
-      localizedResourcesMap: snapshot.localizedResourcesMap,
-      locale: snapshot.locale ? new Intl.Locale(snapshot.locale) : void 0
-    }),
-    [snapshot]
-  );
-  const rootElements = /* @__PURE__ */ new Map([[snapshot.document.id, snapshot.document.data]]);
-  snapshot.document.localizedPages.forEach((localizedPage) => {
-    rootElements.set(localizedPage.elementTreeId, localizedPage.data);
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react2.RuntimeProvider,
-    {
-      client,
-      rootElements,
-      preview: snapshot.preview,
-      runtime,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_page.Page, { document: snapshot.document }, snapshot.document.data.key)
-    }
-  );
-});
+var import_root_style_registry = require("./root-style-registry");
+var import_react_runtime = require("./context/react-runtime");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Document,
   Makeswift,
   Page,
   PreviewModeScript,
-  forwardNextDynamicRef
+  ReactRuntimeProvider,
+  RootStyleRegistry
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/index.tsx"],"sourcesContent":["import { memo, useMemo } from 'react'\n\nimport { RuntimeProvider, ReactRuntime } from '../runtimes/react'\nimport { Page as PageMeta } from '../components/page'\nimport { MakeswiftClient } from '../api/react'\nimport { MakeswiftPageSnapshot } from './client'\n\nexport type PageProps = {\n  snapshot: MakeswiftPageSnapshot\n  runtime?: ReactRuntime\n}\n\nexport const Page = memo(({ snapshot, runtime }: PageProps) => {\n  const client = useMemo(\n    () =>\n      new MakeswiftClient({\n        uri: new URL('graphql', snapshot.apiOrigin).href,\n        cacheData: snapshot.cacheData,\n        localizedResourcesMap: snapshot.localizedResourcesMap,\n        locale: snapshot.locale ? new Intl.Locale(snapshot.locale) : undefined,\n      }),\n    [snapshot],\n  )\n  const rootElements = new Map([[snapshot.document.id, snapshot.document.data]])\n\n  snapshot.document.localizedPages.forEach(localizedPage => {\n    rootElements.set(localizedPage.elementTreeId, localizedPage.data)\n  })\n\n  return (\n    <RuntimeProvider\n      client={client}\n      rootElements={rootElements}\n      preview={snapshot.preview}\n      runtime={runtime}\n    >\n      {/* We use a key here to reset the Snippets state in the PageMeta component */}\n      <PageMeta key={snapshot.document.data.key} document={snapshot.document} />\n    </RuntimeProvider>\n  )\n})\n\nexport type { MakeswiftPage, MakeswiftPageDocument, MakeswiftPageSnapshot, Sitemap } from './client'\nexport { Makeswift } from './client'\nexport type { MakeswiftPreviewData } from './preview-mode'\nexport { PreviewModeScript } from './preview-mode'\nexport { Document } from './document'\nexport { forwardNextDynamicRef } from './dynamic'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCM;AArCN,mBAA8B;AAE9B,IAAAA,gBAA8C;AAC9C,kBAAiC;AACjC,IAAAA,gBAAgC;AAuChC,IAAAC,iBAA0B;AAE1B,0BAAkC;AAClC,sBAAyB;AACzB,qBAAsC;AAnC/B,MAAM,WAAO,mBAAK,CAAC,EAAE,UAAU,QAAQ,MAAiB;AAC7D,QAAM,aAAS;AAAA,IACb,MACE,IAAI,8BAAgB;AAAA,MAClB,KAAK,IAAI,IAAI,WAAW,SAAS,SAAS,EAAE;AAAA,MAC5C,WAAW,SAAS;AAAA,MACpB,uBAAuB,SAAS;AAAA,MAChC,QAAQ,SAAS,SAAS,IAAI,KAAK,OAAO,SAAS,MAAM,IAAI;AAAA,IAC/D,CAAC;AAAA,IACH,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,eAAe,oBAAI,IAAI,CAAC,CAAC,SAAS,SAAS,IAAI,SAAS,SAAS,IAAI,CAAC,CAAC;AAE7E,WAAS,SAAS,eAAe,QAAQ,mBAAiB;AACxD,iBAAa,IAAI,cAAc,eAAe,cAAc,IAAI;AAAA,EAClE,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,SAAS,SAAS;AAAA,MAClB;AAAA,MAGA,sDAAC,YAAAC,MAAA,EAA0C,UAAU,SAAS,YAA/C,SAAS,SAAS,KAAK,GAAkC;AAAA;AAAA,EAC1E;AAEJ,CAAC;","names":["import_react","import_client","PageMeta"]}
+{"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 { Document } from './document'\nexport { RootStyleRegistry } from './root-style-registry'\nexport { ReactRuntimeProvider } from './context/react-runtime'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAqB;AAErB,oBAA0B;AAE1B,0BAAkC;AAClC,sBAAyB;AACzB,iCAAkC;AAClC,2BAAqC;","names":[]}

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

@@ -20,7 +20,8 @@ var preview_mode_exports = {};
 __export(preview_mode_exports, {
   MakeswiftSiteVersion: () => MakeswiftSiteVersion,
   PreviewModeScript: () => PreviewModeScript,
-  getMakeswiftSiteVersion: () => getMakeswiftSiteVersion
+  getMakeswiftSiteVersion: () => getMakeswiftSiteVersion,
+  makeswiftSiteVersionSchema: () => makeswiftSiteVersionSchema
 });
 module.exports = __toCommonJS(preview_mode_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -136,6 +137,7 @@ if (window.parent !== window) {
 0 && (module.exports = {
   MakeswiftSiteVersion,
   PreviewModeScript,
-  getMakeswiftSiteVersion
+  getMakeswiftSiteVersion,
+  makeswiftSiteVersionSchema
 });
 //# sourceMappingURL=preview-mode.js.map

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\nconst 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;AAyGI;AAxGJ,iBAAkB;AAClB,mBAA4B;AAE5B,MAAM,6BAA6B,aAAE,KAAK,CAAC,QAAQ,SAAS,CAAC;AACtD,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          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":[]}

package/dist/cjs/next/root-style-registry.js

@@ -0,0 +1,90 @@
+"use strict";
+"use client";
+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)
+    __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 __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 root_style_registry_exports = {};
+__export(root_style_registry_exports, {
+  RootStyleRegistry: () => RootStyleRegistry,
+  useCache: () => useCache
+});
+module.exports = __toCommonJS(root_style_registry_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cache = __toESM(require("@emotion/cache"));
+var import_css = require("@emotion/css");
+var import_navigation = require("next/navigation");
+var import_react = require("react");
+const CacheContext = (0, import_react.createContext)(import_css.cache);
+function RootStyleRegistry({ children }) {
+  const [{ cache: cache2, flush }] = (0, import_react.useState)(() => {
+    const cache3 = (0, import_cache.default)({ key: "css" });
+    cache3.compat = true;
+    const prevInsert = cache3.insert;
+    let inserted = [];
+    cache3.insert = (...args) => {
+      const serialized = args[1];
+      if (cache3.inserted[serialized.name] === void 0) {
+        inserted.push(serialized.name);
+      }
+      return prevInsert(...args);
+    };
+    const flush2 = () => {
+      const prevInserted = inserted;
+      inserted = [];
+      return prevInserted;
+    };
+    return { cache: cache3, flush: flush2 };
+  });
+  (0, import_navigation.useServerInsertedHTML)(() => {
+    const names = flush();
+    if (names.length === 0)
+      return null;
+    let styles = "";
+    for (const name of names) {
+      styles += cache2.inserted[name];
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "style",
+      {
+        "data-emotion": `${cache2.key} ${names.join(" ")}`,
+        dangerouslySetInnerHTML: {
+          __html: styles
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CacheContext.Provider, { value: cache2, children });
+}
+function useCache() {
+  return (0, import_react.useContext)(CacheContext);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RootStyleRegistry,
+  useCache
+});
+//# sourceMappingURL=root-style-registry.js.map

package/dist/cjs/next/root-style-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/next/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport createCache, { EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport { ReactNode, createContext, useContext, useState } from 'react'\n\nconst CacheContext = createContext(cache)\n\nexport function RootStyleRegistry({ children }: { children: ReactNode }) {\n  const [{ cache, flush }] = useState(() => {\n    const cache = createCache({ key: 'css' })\n    cache.compat = true\n    const prevInsert = cache.insert\n    let inserted: string[] = []\n    cache.insert = (...args) => {\n      const serialized = args[1]\n      if (cache.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name)\n      }\n      return prevInsert(...args)\n    }\n    const flush = () => {\n      const prevInserted = inserted\n      inserted = []\n      return prevInserted\n    }\n    return { cache, flush }\n  })\n\n  useServerInsertedHTML(() => {\n    const names = flush()\n    if (names.length === 0) return null\n    let styles = ''\n    for (const name of names) {\n      styles += cache.inserted[name]\n    }\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{\n          __html: styles,\n        }}\n      />\n    )\n  })\n\n  return <CacheContext.Provider value={cache}>{children}</CacheContext.Provider>\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCM;AApCN,mBAA0C;AAC1C,iBAAsB;AACtB,wBAAsC;AACtC,mBAA+D;AAE/D,MAAM,mBAAe,4BAAc,gBAAK;AAEjC,SAAS,kBAAkB,EAAE,SAAS,GAA4B;AACvE,QAAM,CAAC,EAAE,OAAAA,QAAO,MAAM,CAAC,QAAI,uBAAS,MAAM;AACxC,UAAMA,aAAQ,aAAAC,SAAY,EAAE,KAAK,MAAM,CAAC;AACxC,IAAAD,OAAM,SAAS;AACf,UAAM,aAAaA,OAAM;AACzB,QAAI,WAAqB,CAAC;AAC1B,IAAAA,OAAM,SAAS,IAAI,SAAS;AAC1B,YAAM,aAAa,KAAK,CAAC;AACzB,UAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,iBAAS,KAAK,WAAW,IAAI;AAAA,MAC/B;AACA,aAAO,WAAW,GAAG,IAAI;AAAA,IAC3B;AACA,UAAME,SAAQ,MAAM;AAClB,YAAM,eAAe;AACrB,iBAAW,CAAC;AACZ,aAAO;AAAA,IACT;AACA,WAAO,EAAE,OAAAF,QAAO,OAAAE,OAAM;AAAA,EACxB,CAAC;AAED,+CAAsB,MAAM;AAC1B,UAAM,QAAQ,MAAM;AACpB,QAAI,MAAM,WAAW;AAAG,aAAO;AAC/B,QAAI,SAAS;AACb,eAAW,QAAQ,OAAO;AACxB,gBAAUF,OAAM,SAAS,IAAI;AAAA,IAC/B;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc,GAAGA,OAAM,GAAG,IAAI,MAAM,KAAK,GAAG,CAAC;AAAA,QAC7C,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,4CAAC,aAAa,UAAb,EAAsB,OAAOA,QAAQ,UAAS;AACxD;AAEO,SAAS,WAAyB;AACvC,aAAO,yBAAW,YAAY;AAChC;","names":["cache","createCache","flush"]}

package/dist/cjs/next/server.js

@@ -18,12 +18,18 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var server_exports = {};
 __export(server_exports, {
-  MakeswiftApiHandler: () => import_api_handler.MakeswiftApiHandler
+  DraftModeScript: () => import_draft_mode_script.DraftModeScript,
+  MakeswiftApiHandler: () => import_api_handler.MakeswiftApiHandler,
+  getSiteVersion: () => import_draft_mode.getSiteVersion
 });
 module.exports = __toCommonJS(server_exports);
 var import_api_handler = require("./api-handler");
+var import_draft_mode = require("./draft-mode");
+var import_draft_mode_script = require("./draft-mode/draft-mode-script");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  MakeswiftApiHandler
+  DraftModeScript,
+  MakeswiftApiHandler,
+  getSiteVersion
 });
 //# sourceMappingURL=server.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/server.ts"],"sourcesContent":["export { MakeswiftApiHandler } from './api-handler'\nexport type { Manifest, Font, MakeswiftApiHandlerResponse } from './api-handler'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAoC;","names":[]}
+{"version":3,"sources":["../../../src/next/server.ts"],"sourcesContent":["export { MakeswiftApiHandler } from './api-handler'\nexport type { Manifest, Font, MakeswiftApiHandlerResponse } from './api-handler'\nexport { getSiteVersion } from './draft-mode'\nexport { DraftModeScript } from './draft-mode/draft-mode-script'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAoC;AAEpC,wBAA+B;AAC/B,+BAAgC;","names":[]}

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

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react'\nimport { Element as ReactPageElement, 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: ReactPageElement\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;AAwDU;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 { Ref, forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react'\nimport { Element as ReactPageElement, 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: ReactPageElement\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"]}

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

@@ -33,23 +33,16 @@ __export(LiveProvider_exports, {
 module.exports = __toCommonJS(LiveProvider_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 ReactPage = __toESM(require("../../../state/react-page"));
-var import_react2 = require("../../../api/react");
-function LiveProvider({
-  client,
-  children,
-  rootElements,
-  runtime
-}) {
+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)();
   const store = (0, import_react.useMemo)(
-    () => ReactPage.configureStore({
-      preloadedState: runtime ? runtime.store.getState() : import_react_runtime.ReactRuntime.store.getState(),
-      rootElements
-    }),
+    () => ReactPage.configureStore({ preloadedState: runtime.store.getState(), rootElements }),
     [rootElements, runtime]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_store.StoreContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.MakeswiftProvider, { client, children }) });
+  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 }) });
 }
 //# 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 { ReactRuntime } from '../react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function LiveProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n      }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BM;AA/BN,mBAAmC;AAEnC,2BAA6B;AAC7B,uBAA6B;AAC7B,gBAA2B;AAC3B,IAAAA,gBAAmD;AASpC,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,YAAQ;AAAA,IACZ,MACE,UAAU,eAAe;AAAA,MACvB,gBAAgB,UAAU,QAAQ,MAAM,SAAS,IAAI,kCAAa,MAAM,SAAS;AAAA,MACjF;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,OAAO;AAAA,EACxB;AAEA,SACE,4CAAC,8BAAa,UAAb,EAAsB,OAAO,OAC5B,sDAAC,mCAAkB,QAAiB,UAAS,GAC/C;AAEJ;","names":["import_react"]}
+{"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":[]}