@makeswift/runtime 0.24.0-canary.0 → 0.24.0

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../src/next/hooks/use-is-pages-router.ts"],"sourcesContent":["import { useRouter } from 'next/router'\n\nexport function useIsPagesRouter() {\n  // switch to `next/compat/router` once we drop support for Next.js 14:\n  // https://nextjs.org/docs/pages/api-reference/functions/use-router#the-nextcompatrouter-export\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;AAGjC,MAAI;AACF,iCAAU;AACV,WAAO;AAAA,EACT,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/cjs/next/index.js

@@ -21,7 +21,6 @@ __export(next_exports, {
   Makeswift: () => import_client.Makeswift,
   MakeswiftComponent: () => import_MakeswiftComponent.MakeswiftComponent,
   Page: () => import_page.Page,
-  PreviewModeScript: () => import_preview_mode.PreviewModeScript,
   ReactRuntimeProvider: () => import_react.ReactRuntimeProvider,
   RootStyleRegistry: () => import_root_style_registry.RootStyleRegistry,
   Slot: () => import_Slot.Slot
@@ -31,7 +30,6 @@ var import_page = require("./components/page");
 var import_MakeswiftComponent = require("./components/MakeswiftComponent");
 var import_Slot = require("./components/Slot");
 var import_client = require("./client");
-var import_preview_mode = require("./preview-mode");
 var import_root_style_registry = require("./root-style-registry");
 var import_react = require("../runtimes/react/");
 // Annotate the CommonJS export names for ESM import in node:
@@ -39,7 +37,6 @@ var import_react = require("../runtimes/react/");
   Makeswift,
   MakeswiftComponent,
   Page,
-  PreviewModeScript,
   ReactRuntimeProvider,
   RootStyleRegistry,
   Slot

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

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

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

@@ -0,0 +1,29 @@
+"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 middleware_exports = {};
+__export(middleware_exports, {
+  unstable_isDraftModeRequest: () => import_request_utils.isDraftModeRequest
+});
+module.exports = __toCommonJS(middleware_exports);
+var import_request_utils = require("./request-utils");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  unstable_isDraftModeRequest
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/middleware/index.ts"],"sourcesContent":["export { isDraftModeRequest as unstable_isDraftModeRequest } from './request-utils'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkE;","names":[]}

package/dist/cjs/next/middleware/request-utils.js

@@ -0,0 +1,49 @@
+"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 request_utils_exports = {};
+__export(request_utils_exports, {
+  isDraftModeRequest: () => isDraftModeRequest
+});
+module.exports = __toCommonJS(request_utils_exports);
+var import_draft = require("../api-handler/handlers/utils/draft");
+const HeaderNames = {
+  DraftMode: "X-Makeswift-Draft-Mode",
+  PreviewMode: "X-Makeswift-Preview-Mode"
+};
+const SearchParams = {
+  DraftMode: "x-makeswift-draft-mode",
+  PreviewMode: "x-makeswift-preview-mode"
+};
+function getDraftModeSecret(request) {
+  return request.nextUrl.searchParams.get(SearchParams.DraftMode) ?? request.headers.get(HeaderNames.DraftMode) ?? null;
+}
+function isDraftModeRequest(request) {
+  const hasSecret = getDraftModeSecret(request) != null;
+  if (hasSecret)
+    return true;
+  const hasDraftCookies = request.cookies.has(import_draft.PRERENDER_BYPASS_COOKIE) && request.cookies.has(import_draft.MAKESWIFT_DRAFT_DATA_COOKIE);
+  if (hasDraftCookies)
+    return true;
+  return false;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isDraftModeRequest
+});
+//# sourceMappingURL=request-utils.js.map

package/dist/cjs/next/middleware/request-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/middleware/request-utils.ts"],"sourcesContent":["import { NextRequest } from 'next/server'\nimport {\n  MAKESWIFT_DRAFT_DATA_COOKIE,\n  PRERENDER_BYPASS_COOKIE,\n} from '../api-handler/handlers/utils/draft'\n\nconst HeaderNames = {\n  DraftMode: 'X-Makeswift-Draft-Mode',\n  PreviewMode: 'X-Makeswift-Preview-Mode',\n} as const\n\nconst SearchParams = {\n  DraftMode: 'x-makeswift-draft-mode',\n  PreviewMode: 'x-makeswift-preview-mode',\n} as const\n\nfunction getDraftModeSecret(request: NextRequest): string | null {\n  return (\n    request.nextUrl.searchParams.get(SearchParams.DraftMode) ??\n    request.headers.get(HeaderNames.DraftMode) ??\n    null\n  )\n}\n\nexport function isDraftModeRequest(request: NextRequest): boolean {\n  const hasSecret = getDraftModeSecret(request) != null\n  if (hasSecret) return true\n\n  const hasDraftCookies =\n    request.cookies.has(PRERENDER_BYPASS_COOKIE) && request.cookies.has(MAKESWIFT_DRAFT_DATA_COOKIE)\n\n  if (hasDraftCookies) return true\n\n  return false\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAGO;AAEP,MAAM,cAAc;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AACf;AAEA,MAAM,eAAe;AAAA,EACnB,WAAW;AAAA,EACX,aAAa;AACf;AAEA,SAAS,mBAAmB,SAAqC;AAC/D,SACE,QAAQ,QAAQ,aAAa,IAAI,aAAa,SAAS,KACvD,QAAQ,QAAQ,IAAI,YAAY,SAAS,KACzC;AAEJ;AAEO,SAAS,mBAAmB,SAA+B;AAChE,QAAM,YAAY,mBAAmB,OAAO,KAAK;AACjD,MAAI;AAAW,WAAO;AAEtB,QAAM,kBACJ,QAAQ,QAAQ,IAAI,oCAAuB,KAAK,QAAQ,QAAQ,IAAI,wCAA2B;AAEjG,MAAI;AAAiB,WAAO;AAE5B,SAAO;AACT;","names":[]}

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

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

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

@@ -39,26 +39,30 @@ 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 };
-  });
+const createRootStyleCache = ({ key }) => {
+  const cache2 = (0, import_cache.default)({ key });
+  cache2.compat = true;
+  const prevInsert = cache2.insert;
+  let inserted = [];
+  cache2.insert = (...args) => {
+    const serialized = args[1];
+    if (cache2.inserted[serialized.name] === void 0) {
+      inserted.push(serialized.name);
+    }
+    return prevInsert(...args);
+  };
+  const flush = () => {
+    const prevInserted = inserted;
+    inserted = [];
+    return prevInserted;
+  };
+  return { cache: cache2, flush };
+};
+function RootStyleRegistry({
+  children,
+  cacheKey
+}) {
+  const [{ cache: cache2, flush }] = (0, import_react.useState)(() => createRootStyleCache({ key: cacheKey ?? "mswft" }));
   (0, import_navigation.useServerInsertedHTML)(() => {
     const names = flush();
     if (names.length === 0)

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

@@ -1 +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"]}
+{"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\nconst createRootStyleCache = ({ key }: { key: string }) => {\n  const cache = createCache({ key })\n  cache.compat = true\n\n  const prevInsert = cache.insert\n  let inserted: string[] = []\n\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\n  const flush = () => {\n    const prevInserted = inserted\n    inserted = []\n    return prevInserted\n  }\n\n  return { cache, flush }\n}\n\nexport function RootStyleRegistry({\n  children,\n  cacheKey,\n}: {\n  children: ReactNode\n  cacheKey?: string\n}) {\n  const [{ cache, flush }] = useState(() => createRootStyleCache({ key: cacheKey ?? 'mswft' }))\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\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;AAmDM;AAjDN,mBAA0C;AAC1C,iBAAsB;AACtB,wBAAsC;AACtC,mBAA+D;AAE/D,MAAM,mBAAe,4BAAc,gBAAK;AAExC,MAAM,uBAAuB,CAAC,EAAE,IAAI,MAAuB;AACzD,QAAMA,aAAQ,aAAAC,SAAY,EAAE,IAAI,CAAC;AACjC,EAAAD,OAAM,SAAS;AAEf,QAAM,aAAaA,OAAM;AACzB,MAAI,WAAqB,CAAC;AAE1B,EAAAA,OAAM,SAAS,IAAI,SAAS;AAC1B,UAAM,aAAa,KAAK,CAAC;AACzB,QAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,eAAS,KAAK,WAAW,IAAI;AAAA,IAC/B;AACA,WAAO,WAAW,GAAG,IAAI;AAAA,EAC3B;AAEA,QAAM,QAAQ,MAAM;AAClB,UAAM,eAAe;AACrB,eAAW,CAAC;AACZ,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,OAAAA,QAAO,MAAM;AACxB;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,EAAE,OAAAA,QAAO,MAAM,CAAC,QAAI,uBAAS,MAAM,qBAAqB,EAAE,KAAK,YAAY,QAAQ,CAAC,CAAC;AAE5F,+CAAsB,MAAM;AAC1B,UAAM,QAAQ,MAAM;AACpB,QAAI,MAAM,WAAW;AAAG,aAAO;AAC/B,QAAI,SAAS;AACb,eAAW,QAAQ,OAAO;AACxB,gBAAUA,OAAM,SAAS,IAAI;AAAA,IAC/B;AAEA,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"]}

package/dist/cjs/next/server.js

@@ -18,17 +18,14 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var server_exports = {};
 __export(server_exports, {
-  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 = {
-  DraftModeScript,
   MakeswiftApiHandler,
   getSiteVersion
 });

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'\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":[]}
+{"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'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAoC;AAEpC,wBAA+B;","names":[]}

package/dist/cjs/next/tests/test-utils.js

@@ -0,0 +1,61 @@
+"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 test_utils_exports = {};
+__export(test_utils_exports, {
+  createNextApiRequest: () => createNextApiRequest
+});
+module.exports = __toCommonJS(test_utils_exports);
+var import_node_mocks_http = require("node-mocks-http");
+function urlToQuery(url) {
+  const segments = url.pathname.split("/").filter(Boolean);
+  if (segments.length === 0)
+    return {};
+  if (segments.length === 1)
+    return [segments[0]];
+  let structure = {};
+  let current = structure;
+  for (let i = 0; i < segments.length - 2; i++) {
+    current[segments[i]] = {};
+    current = current[segments[i]];
+  }
+  current[segments[segments.length - 2]] = [segments[segments.length - 1]];
+  return {
+    ...structure,
+    ...Object.fromEntries(
+      url.searchParams.entries()
+    )
+  };
+}
+function createNextApiRequest({
+  method,
+  path,
+  body
+}) {
+  return (0, import_node_mocks_http.createRequest)({
+    method,
+    url: path,
+    query: urlToQuery(new URL(path, "http://localhost")),
+    body
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createNextApiRequest
+});
+//# sourceMappingURL=test-utils.js.map

package/dist/cjs/next/tests/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/tests/test-utils.ts"],"sourcesContent":["import { NextApiRequest } from \"next\"\nimport { createRequest, RequestMethod } from \"node-mocks-http\"\n\ntype Query = { [key: string]: Query } | string[]\n\nfunction urlToQuery(url: URL): Query {\n  const segments = url.pathname.split('/').filter(Boolean)\n\n  if (segments.length === 0) return {}\n  if (segments.length === 1) return [segments[0]]\n\n  let structure: { [key: string]: any } = {}\n  let current = structure\n\n  for (let i = 0; i < segments.length - 2; i++) {\n    current[segments[i]] = {}\n    current = current[segments[i]]\n  }\n\n  current[segments[segments.length - 2]] = [segments[segments.length - 1]]\n\n  return {\n    ...structure,\n    ...Object.fromEntries(\n      url.searchParams.entries(),\n    ),\n  }\n}\n\nexport function createNextApiRequest({\n  method,\n  path,\n  body\n}: {\n  method: RequestMethod\n  path: string\n  body?: Record<string, unknown>\n}): NextApiRequest {\n  return createRequest<NextApiRequest>({\n    method,\n    url: path,\n    query: urlToQuery(new URL(path, 'http://localhost')),\n    body\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAA6C;AAI7C,SAAS,WAAW,KAAiB;AACnC,QAAM,WAAW,IAAI,SAAS,MAAM,GAAG,EAAE,OAAO,OAAO;AAEvD,MAAI,SAAS,WAAW;AAAG,WAAO,CAAC;AACnC,MAAI,SAAS,WAAW;AAAG,WAAO,CAAC,SAAS,CAAC,CAAC;AAE9C,MAAI,YAAoC,CAAC;AACzC,MAAI,UAAU;AAEd,WAAS,IAAI,GAAG,IAAI,SAAS,SAAS,GAAG,KAAK;AAC5C,YAAQ,SAAS,CAAC,CAAC,IAAI,CAAC;AACxB,cAAU,QAAQ,SAAS,CAAC,CAAC;AAAA,EAC/B;AAEA,UAAQ,SAAS,SAAS,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,SAAS,CAAC,CAAC;AAEvE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,IAAI,aAAa,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAImB;AACjB,aAAO,sCAA8B;AAAA,IACnC;AAAA,IACA,KAAK;AAAA,IACL,OAAO,WAAW,IAAI,IAAI,MAAM,kBAAkB,CAAC;AAAA,IACnD;AAAA,EACF,CAAC;AACH;","names":[]}

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

@@ -28,7 +28,7 @@ var import_use_document_context = require("../hooks/use-document-context");
 var import_Element = require("./Element");
 const Document = (0, import_react.memo)(
   (0, import_react.forwardRef)(function Document2({ document }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_document_context.DocumentContext.Provider, { value: document, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Element.Element, { ref, element: (0, import_react_page.getRootElement)(document) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_document_context.DocumentKeyContext.Provider, { value: document.key, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_document_context.DocumentLocaleContext.Provider, { value: document.locale, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Element.Element, { ref, element: (0, import_react_page.getRootElement)(document) }) }) });
   })
 );
 // Annotate the CommonJS export names for ESM import in node:

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

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

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

@@ -32,6 +32,7 @@ const ElementData = (0, import_react2.memo)(
   (0, import_react2.forwardRef)(function ElementData2({ elementData }, ref) {
     const Component = (0, import_use_component.useComponent)(elementData.type);
     if (Component == null) {
+      console.warn(`Unknown component '${elementData.type}'`, { elementData });
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FallbackComponent.FallbackComponent, { ref, text: "Component not found" });
     }
     const forwardRef2 = (0, import_can_accept_ref.canAcceptRef)(Component);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { canAcceptRef } from '../utils/can-accept-ref'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ResolveProps } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n\n    if (Component == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    const forwardRef = canAcceptRef(Component)\n\n    return (\n      <Suspense>\n        <ResolveProps element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </ResolveProps>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBa;AAUC;AA7Bd,IAAAA,gBAAgD;AAEhD,2BAA6B;AAC7B,4BAA6B;AAC7B,+BAAkC;AAClC,sBAA6B;AAMtB,MAAM,kBAAc;AAAA,MACzB,0BAAW,SAASC,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,gBAAY,mCAAa,YAAY,IAAI;AAE/C,QAAI,aAAa,MAAM;AACrB,aAAO,4CAAC,8CAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,UAAMC,kBAAa,oCAAa,SAAS;AAEzC,WACE,4CAAC,0BACC,sDAAC,gCAAa,SAAS,aACpB,qBACCA,cACE,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["import_react","ElementData","forwardRef"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { canAcceptRef } from '../utils/can-accept-ref'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ResolveProps } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n\n    if (Component == null) {\n      console.warn(`Unknown component '${elementData.type}'`, { elementData })\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    const forwardRef = canAcceptRef(Component)\n\n    return (\n      <Suspense>\n        <ResolveProps element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </ResolveProps>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBa;AAUC;AA9Bd,IAAAA,gBAAgD;AAEhD,2BAA6B;AAC7B,4BAA6B;AAC7B,+BAAkC;AAClC,sBAA6B;AAMtB,MAAM,kBAAc;AAAA,MACzB,0BAAW,SAASC,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,gBAAY,mCAAa,YAAY,IAAI;AAE/C,QAAI,aAAa,MAAM;AACrB,cAAQ,KAAK,sBAAsB,YAAY,IAAI,KAAK,EAAE,YAAY,CAAC;AACvE,aAAO,4CAAC,8CAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,UAAMC,kBAAa,oCAAa,SAAS;AAEzC,WACE,4CAAC,0BACC,sDAAC,gCAAa,SAAS,aACpB,qBACCA,cACE,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["import_react","ElementData","forwardRef"]}

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

@@ -37,24 +37,35 @@ var import_react = require("react");
 var import_react2 = require("../../../api/react");
 var import_use_react_runtime = require("../hooks/use-react-runtime");
 var import_host_api_client = require("../host-api-client");
+var import_site_version = require("../../../api/site-version");
+var import_draft_switcher = require("./draft-switcher/draft-switcher");
+var import_use_builder_handshake = require("./hooks/use-builder-handshake");
+var import_use_builder_connection_ping = require("./hooks/use-builder-connection-ping");
 const LiveProvider = (0, import_react.lazy)(() => Promise.resolve().then(() => __toESM(require("./LiveProvider"))));
 const PreviewProvider = (0, import_react.lazy)(() => Promise.resolve().then(() => __toESM(require("./PreviewProvider"))));
 function ReactRuntimeProvider({
   children,
   runtime,
   previewMode,
+  appOrigin = "https://app.makeswift.com",
   apiOrigin = "https://api.makeswift.com",
   locale = void 0
 }) {
   const client = (0, import_react.useMemo)(
     () => new import_react2.MakeswiftHostApiClient({
       uri: new URL("graphql", apiOrigin).href,
-      locale
+      locale,
+      siteVersion: previewMode ? import_site_version.MakeswiftSiteVersion.Working : import_site_version.MakeswiftSiteVersion.Live
     }),
-    [apiOrigin, locale]
+    [apiOrigin, locale, previewMode]
   );
   const StoreProvider = previewMode ? PreviewProvider : LiveProvider;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_react_runtime.ReactRuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_host_api_client.MakeswiftHostApiClientProvider, { client, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StoreProvider, { children }) }) });
+  (0, import_use_builder_handshake.useBuilderHandshake)({ appOrigin });
+  (0, import_use_builder_connection_ping.useBuilderConnectionPing)({ appOrigin });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_react_runtime.ReactRuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_host_api_client.MakeswiftHostApiClientProvider, { client, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StoreProvider, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_draft_switcher.DraftSwitcher, { isDraft: previewMode })
+  ] }) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo, lazy } from 'react'\n\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { ReactRuntime } from '../react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../host-api-client'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function ReactRuntimeProvider({\n  children,\n  runtime,\n  previewMode,\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntime\n  previewMode: boolean\n  apiOrigin?: string\n  locale?: string\n}) {\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n      }),\n    [apiOrigin, locale],\n  )\n\n  const StoreProvider = previewMode ? PreviewProvider : LiveProvider\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider>{children}</StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AArCR,mBAAyC;AAEzC,IAAAA,gBAAuC;AACvC,+BAAoC;AAEpC,6BAA+C;AAE/C,MAAM,mBAAe,mBAAK,MAAM,6CAAO,gBAAgB,GAAC;AACxD,MAAM,sBAAkB,mBAAK,MAAM,6CAAO,mBAAmB,GAAC;AAEvD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,SAAS;AACX,GAMG;AACD,QAAM,aAAS;AAAA,IACb,MACE,IAAI,qCAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,EAAE;AAAA,MACnC;AAAA,IACF,CAAC;AAAA,IACH,CAAC,WAAW,MAAM;AAAA,EACpB;AAEA,QAAM,gBAAgB,cAAc,kBAAkB;AAEtD,SACE,4CAAC,6CAAoB,UAApB,EAA6B,OAAO,SACnC,sDAAC,yDAA+B,QAC9B,sDAAC,iBAAe,UAAS,GAC3B,GACF;AAEJ;","names":["import_react"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo, lazy } from 'react'\n\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { ReactRuntime } from '../react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../host-api-client'\nimport { MakeswiftSiteVersion } from '../../../api/site-version'\nimport { DraftSwitcher } from './draft-switcher/draft-switcher'\nimport { useBuilderHandshake } from './hooks/use-builder-handshake'\nimport { useBuilderConnectionPing } from './hooks/use-builder-connection-ping'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function ReactRuntimeProvider({\n  children,\n  runtime,\n  previewMode,\n  appOrigin = 'https://app.makeswift.com',\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntime\n  previewMode: boolean\n  apiOrigin?: string\n  appOrigin?: string\n  locale?: string\n}) {\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n        siteVersion: previewMode ? MakeswiftSiteVersion.Working : MakeswiftSiteVersion.Live,\n      }),\n    [apiOrigin, locale, previewMode],\n  )\n\n  const StoreProvider = previewMode ? PreviewProvider : LiveProvider\n\n  useBuilderHandshake({ appOrigin })\n  useBuilderConnectionPing({ appOrigin })\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider>\n          {children}\n          <DraftSwitcher isDraft={previewMode} />\n        </StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDQ;AA/CR,mBAAyC;AAEzC,IAAAA,gBAAuC;AACvC,+BAAoC;AAEpC,6BAA+C;AAC/C,0BAAqC;AACrC,4BAA8B;AAC9B,mCAAoC;AACpC,yCAAyC;AAEzC,MAAM,mBAAe,mBAAK,MAAM,6CAAO,gBAAgB,GAAC;AACxD,MAAM,sBAAkB,mBAAK,MAAM,6CAAO,mBAAmB,GAAC;AAEvD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GAOG;AACD,QAAM,aAAS;AAAA,IACb,MACE,IAAI,qCAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,EAAE;AAAA,MACnC;AAAA,MACA,aAAa,cAAc,yCAAqB,UAAU,yCAAqB;AAAA,IACjF,CAAC;AAAA,IACH,CAAC,WAAW,QAAQ,WAAW;AAAA,EACjC;AAEA,QAAM,gBAAgB,cAAc,kBAAkB;AAEtD,wDAAoB,EAAE,UAAU,CAAC;AACjC,mEAAyB,EAAE,UAAU,CAAC;AAEtC,SACE,4CAAC,6CAAoB,UAApB,EAA6B,OAAO,SACnC,sDAAC,yDAA+B,QAC9B,uDAAC,iBACE;AAAA;AAAA,IACD,4CAAC,uCAAc,SAAS,aAAa;AAAA,KACvC,GACF,GACF;AAEJ;","names":["import_react"]}

package/dist/cjs/runtimes/react/components/draft-switcher/draft-switcher.js

@@ -0,0 +1,72 @@
+"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_switcher_exports = {};
+__export(draft_switcher_exports, {
+  DraftSwitcher: () => DraftSwitcher
+});
+module.exports = __toCommonJS(draft_switcher_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_use_is_in_builder = require("../../hooks/use-is-in-builder");
+var import_draft_toolbar = require("./draft-toolbar");
+const ClearDraftModeRequestPath = "/api/makeswift/clear-draft";
+async function exitDraftMode() {
+  try {
+    await fetch(ClearDraftModeRequestPath);
+    window.location.reload();
+  } catch (err) {
+    console.error("Could not clear Makeswift cookies. Please report this error to your developer.");
+    console.error(err);
+  }
+}
+function DraftSwitcher({ isDraft }) {
+  const shadowContainerRef = (0, import_react.useRef)(null);
+  const [shadowRoot, setShadowRoot] = (0, import_react.useState)(null);
+  const isInBuilder = (0, import_use_is_in_builder.useIsInBuilder)();
+  const showToolbar = !isInBuilder && isDraft;
+  (0, import_react.useEffect)(() => {
+    if (!showToolbar)
+      return;
+    if (shadowContainerRef.current && shadowContainerRef.current.shadowRoot == null && shadowRoot == null) {
+      const root = shadowContainerRef.current.attachShadow({ mode: "open" });
+      setShadowRoot(root);
+    }
+  }, [showToolbar, shadowRoot, setShadowRoot]);
+  if (!showToolbar)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    showToolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "makeswift-draft-switcher", ref: shadowContainerRef, children: shadowRoot ? (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_draft_toolbar.DraftToolbar, { onExitDraft: exitDraftMode }), shadowRoot) : null }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "script",
+      {
+        type: "application/json",
+        id: "makeswift-draft-info",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })
+        }
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DraftSwitcher
+});
+//# sourceMappingURL=draft-switcher.js.map

package/dist/cjs/runtimes/react/components/draft-switcher/draft-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useIsInBuilder } from '../../hooks/use-is-in-builder'\nimport { DraftToolbar } from './draft-toolbar'\n\nconst ClearDraftModeRequestPath = '/api/makeswift/clear-draft'\n\nasync function exitDraftMode() {\n  try {\n    await fetch(ClearDraftModeRequestPath)\n    window.location.reload()\n  } catch (err) {\n    console.error('Could not clear Makeswift cookies. Please report this error to your developer.')\n    console.error(err)\n  }\n}\n\nexport function DraftSwitcher({ isDraft }: { isDraft: boolean }) {\n  const shadowContainerRef = useRef<HTMLSpanElement | null>(null)\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  const showToolbar = !isInBuilder && isDraft\n\n  useEffect(() => {\n    if (!showToolbar) return\n    if (\n      shadowContainerRef.current &&\n      shadowContainerRef.current.shadowRoot == null &&\n      shadowRoot == null\n    ) {\n      const root = shadowContainerRef.current.attachShadow({ mode: 'open' })\n      setShadowRoot(root)\n    }\n  }, [showToolbar, shadowRoot, setShadowRoot])\n\n  if (!showToolbar) return null\n\n  return (\n    <>\n      {showToolbar && (\n        <span id=\"makeswift-draft-switcher\" ref={shadowContainerRef}>\n          {shadowRoot\n            ? createPortal(<DraftToolbar onExitDraft={exitDraftMode} />, shadowRoot)\n            : null}\n        </span>\n      )}\n      <script\n        type=\"application/json\"\n        id=\"makeswift-draft-info\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder }),\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCI;AAxCJ,mBAA4C;AAC5C,uBAA6B;AAE7B,+BAA+B;AAC/B,2BAA6B;AAE7B,MAAM,4BAA4B;AAElC,eAAe,gBAAgB;AAC7B,MAAI;AACF,UAAM,MAAM,yBAAyB;AACrC,WAAO,SAAS,OAAO;AAAA,EACzB,SAAS,KAAK;AACZ,YAAQ,MAAM,gFAAgF;AAC9F,YAAQ,MAAM,GAAG;AAAA,EACnB;AACF;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,yBAAqB,qBAA+B,IAAI;AAC9D,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B,IAAI;AACpE,QAAM,kBAAc,yCAAe;AAEnC,QAAM,cAAc,CAAC,eAAe;AAEpC,8BAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,QACE,mBAAmB,WACnB,mBAAmB,QAAQ,cAAc,QACzC,cAAc,MACd;AACA,YAAM,OAAO,mBAAmB,QAAQ,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,aAAa,CAAC;AAE3C,MAAI,CAAC;AAAa,WAAO;AAEzB,SACE,4EACG;AAAA,mBACC,4CAAC,UAAK,IAAG,4BAA2B,KAAK,oBACtC,2BACG,+BAAa,4CAAC,qCAAa,aAAa,eAAe,GAAI,UAAU,IACrE,MACN;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ,KAAK,UAAU,EAAE,OAAO,SAAS,WAAW,YAAY,CAAC;AAAA,QACnE;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}