@makeswift/runtime 0.14.5 → 0.16.0-canary.0

package/dist/cjs/next/components/page.js

@@ -0,0 +1,56 @@
+"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 page_exports = {};
+__export(page_exports, {
+  Page: () => Page
+});
+module.exports = __toCommonJS(page_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");
+const Page = (0, import_react.memo)(({ snapshot, ...props }) => {
+  if ("runtime" in props) {
+    throw new Error(
+      `The \`runtime\` prop is no longer supported in the \`@makeswift/runtime\` \`Page\` component as of \`0.15.0\`.
+See our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`
+    );
+  }
+  const client = (0, import_react.useMemo)(
+    () => new import_react3.MakeswiftHostApiClient({
+      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_react.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.RuntimeProvider, { client, rootElements, preview: snapshot.preview, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_page.Page, { document: snapshot.document }, snapshot.document.data.key) }) });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Page
+});
+//# sourceMappingURL=page.js.map

package/dist/cjs/next/components/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/components/page.tsx"],"sourcesContent":["'use client'\n\nimport { Suspense, memo, useMemo } from 'react'\n\nimport { RuntimeProvider } from '../../runtimes/react'\nimport { Page as PageMeta } from '../../components/page'\nimport { MakeswiftHostApiClient } from '../../api/react'\nimport { MakeswiftPageSnapshot } from '../client'\n\nexport type PageProps = {\n  snapshot: MakeswiftPageSnapshot\n}\n\nexport const Page = memo(({ snapshot, ...props }: PageProps) => {\n  if ('runtime' in props) {\n    throw new Error(\n      `The \\`runtime\\` prop is no longer supported in the \\`@makeswift/runtime\\` \\`Page\\` component as of \\`0.15.0\\`.\nSee our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`,\n    )\n  }\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\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    <Suspense>\n      <RuntimeProvider client={client} rootElements={rootElements} preview={snapshot.preview}>\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    </Suspense>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCQ;AAtCR,mBAAwC;AAExC,IAAAA,gBAAgC;AAChC,kBAAiC;AACjC,IAAAA,gBAAuC;AAOhC,MAAM,WAAO,mBAAK,CAAC,EAAE,UAAU,GAAG,MAAM,MAAiB;AAC9D,MAAI,aAAa,OAAO;AACtB,UAAM,IAAI;AAAA,MACR;AAAA;AAAA,IAEF;AAAA,EACF;AACA,QAAM,aAAS;AAAA,IACb,MACE,IAAI,qCAAuB;AAAA,MACzB,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,4CAAC,yBACC,sDAAC,iCAAgB,QAAgB,cAA4B,SAAS,SAAS,SAE7E,sDAAC,YAAAC,MAAA,EAA0C,UAAU,SAAS,YAA/C,SAAS,SAAS,KAAK,GAAkC,GAC1E,GACF;AAEJ,CAAC;","names":["import_react","PageMeta"]}

package/dist/cjs/next/context/makeswift-host-api-client.js

@@ -0,0 +1,46 @@
+"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 makeswift_host_api_client_exports = {};
+__export(makeswift_host_api_client_exports, {
+  MakeswiftHostApiClientProvider: () => MakeswiftHostApiClientProvider,
+  useMakeswiftHostApiClient: () => useMakeswiftHostApiClient
+});
+module.exports = __toCommonJS(makeswift_host_api_client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react2 = require("../../api/react");
+const Context = (0, import_react.createContext)(
+  new import_react2.MakeswiftHostApiClient({ uri: "https://api.makeswift.com/graphql" })
+);
+function useMakeswiftHostApiClient() {
+  return (0, import_react.useContext)(Context);
+}
+function MakeswiftHostApiClientProvider({
+  client,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value: client, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MakeswiftHostApiClientProvider,
+  useMakeswiftHostApiClient
+});
+//# sourceMappingURL=makeswift-host-api-client.js.map

package/dist/cjs/next/context/makeswift-host-api-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/context/makeswift-host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, createContext, useContext } from 'react'\nimport { MakeswiftHostApiClient } from '../../api/react'\n\nconst Context = createContext(\n  new MakeswiftHostApiClient({ uri: 'https://api.makeswift.com/graphql' }),\n)\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useContext(Context)\n}\n\nexport function MakeswiftHostApiClientProvider({\n  client,\n  children,\n}: {\n  client: MakeswiftHostApiClient\n  children: ReactNode\n}) {\n  return <Context.Provider value={client}>{children}</Context.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBS;AAlBT,mBAAqD;AACrD,IAAAA,gBAAuC;AAEvC,MAAM,cAAU;AAAA,EACd,IAAI,qCAAuB,EAAE,KAAK,oCAAoC,CAAC;AACzE;AAEO,SAAS,4BAAoD;AAClE,aAAO,yBAAW,OAAO;AAC3B;AAEO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAGG;AACD,SAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAO,QAAS,UAAS;AACpD;","names":["import_react"]}

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