@makeswift/runtime 0.24.0-canary.1 → 0.24.0

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":[]}

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

@@ -0,0 +1,79 @@
+"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_toolbar_exports = {};
+__export(draft_toolbar_exports, {
+  DraftToolbar: () => DraftToolbar
+});
+module.exports = __toCommonJS(draft_toolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const makeswiftIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC";
+const styles = `
+.exit-preview-container {
+  position: fixed;
+  bottom: 16px;
+  right: 16px;
+  z-index: 2147483647;
+}
+
+.exit-preview-button {
+  background: #2e2e2e;
+  padding: 10px 18px 10px 14px;
+  border: 0px;
+  border-radius: 32px;
+  color: #efefef;
+  box-shadow:
+    0 11px 40px 0 rgba(0, 0, 0, 0.25),
+    0 2px 10px 0 rgba(0, 0, 0, 0.12);
+  transition: 150ms;
+
+  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji';
+  font-size: 14px;
+  cursor: pointer;
+
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.exit-preview-button > .label {
+  transform: translateY(-1px);
+}
+
+.exit-preview-container:hover > .exit-preview-button {
+  transform: translateY(-2px);
+  box-shadow:
+    0 15px 40px 0 rgba(0, 0, 0, 0.3),
+    0 6px 10px 0 rgba(0, 0, 0, 0.15);
+}
+`;
+function DraftToolbar({ onExitDraft }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: styles } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "exit-preview-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: "exit-preview-button", onClick: onExitDraft, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: makeswiftIcon, alt: "Makeswift Logo", width: 18, height: 18 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "label", children: "Exit Preview" })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DraftToolbar
+});
+//# sourceMappingURL=draft-toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-toolbar.tsx"],"sourcesContent":["const makeswiftIcon =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC'\n\nconst styles = `\n.exit-preview-container {\n  position: fixed;\n  bottom: 16px;\n  right: 16px;\n  z-index: 2147483647;\n}\n\n.exit-preview-button {\n  background: #2e2e2e;\n  padding: 10px 18px 10px 14px;\n  border: 0px;\n  border-radius: 32px;\n  color: #efefef;\n  box-shadow:\n    0 11px 40px 0 rgba(0, 0, 0, 0.25),\n    0 2px 10px 0 rgba(0, 0, 0, 0.12);\n  transition: 150ms;\n\n  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n    'Segoe UI Emoji';\n  font-size: 14px;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.exit-preview-button > .label {\n  transform: translateY(-1px);\n}\n\n.exit-preview-container:hover > .exit-preview-button {\n  transform: translateY(-2px);\n  box-shadow:\n    0 15px 40px 0 rgba(0, 0, 0, 0.3),\n    0 6px 10px 0 rgba(0, 0, 0, 0.15);\n}\n`\n\ntype Props = {\n  onExitDraft: () => void\n}\n\nexport function DraftToolbar({ onExitDraft }: Props) {\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: styles }} />\n      <div className=\"exit-preview-container\">\n        <button className=\"exit-preview-button\" onClick={onExitDraft}>\n          <img src={makeswiftIcon} alt=\"Makeswift Logo\" width={18} height={18} />\n          <span className=\"label\">Exit Preview</span>\n        </button>\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkDI;AAlDJ,MAAM,gBACJ;AAEF,MAAM,SAAS;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;AA6CR,SAAS,aAAa,EAAE,YAAY,GAAU;AACnD,SACE,4EACE;AAAA,gDAAC,WAAM,yBAAyB,EAAE,QAAQ,OAAO,GAAG;AAAA,IACpD,4CAAC,SAAI,WAAU,0BACb,uDAAC,YAAO,WAAU,uBAAsB,SAAS,aAC/C;AAAA,kDAAC,SAAI,KAAK,eAAe,KAAI,kBAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,MACrE,4CAAC,UAAK,WAAU,SAAQ,0BAAY;AAAA,OACtC,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/components/hooks/use-builder-connection-ping.js

@@ -0,0 +1,67 @@
+"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_builder_connection_ping_exports = {};
+__export(use_builder_connection_ping_exports, {
+  useBuilderConnectionPing: () => useBuilderConnectionPing
+});
+module.exports = __toCommonJS(use_builder_connection_ping_exports);
+var import_react = require("react");
+var import_react2 = require("../../../../react");
+const CONNECTION_PING_INTERVAL_MS = 20;
+function useBuilderConnectionPing({ appOrigin }) {
+  (0, import_react.useEffect)(() => {
+    let connectionInterval;
+    if (window.parent !== window) {
+      window.addEventListener("message", messageHandler);
+      window.parent.postMessage(
+        { type: import_react2.ActionTypes.MAKESWIFT_CONNECTION_INIT },
+        { targetOrigin: appOrigin }
+      );
+    }
+    return () => {
+      window.removeEventListener("message", messageHandler);
+      if (connectionInterval != null) {
+        window.clearInterval(connectionInterval);
+        connectionInterval = null;
+      }
+    };
+    function messageHandler(event) {
+      if (event.origin === appOrigin && event.data.type === import_react2.ActionTypes.MAKESWIFT_CONNECTION_INIT) {
+        if (connectionInterval != null) {
+          window.clearInterval(connectionInterval);
+          connectionInterval = null;
+        }
+        connectionInterval = window.setInterval(() => {
+          window.parent.postMessage(
+            {
+              type: import_react2.ActionTypes.MAKESWIFT_CONNECTION_CHECK,
+              payload: { currentUrl: window.location.href }
+            },
+            { targetOrigin: appOrigin }
+          );
+        }, CONNECTION_PING_INTERVAL_MS);
+      }
+    }
+  }, [appOrigin]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBuilderConnectionPing
+});
+//# sourceMappingURL=use-builder-connection-ping.js.map

package/dist/cjs/runtimes/react/components/hooks/use-builder-connection-ping.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/hooks/use-builder-connection-ping.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { ActionTypes } from '../../../../react'\n\nconst CONNECTION_PING_INTERVAL_MS = 20\n\nexport function useBuilderConnectionPing({ appOrigin }: { appOrigin: string }) {\n  useEffect(() => {\n    let connectionInterval: number | null\n\n    if (window.parent !== window) {\n      window.addEventListener('message', messageHandler)\n      window.parent.postMessage(\n        { type: ActionTypes.MAKESWIFT_CONNECTION_INIT },\n        { targetOrigin: appOrigin },\n      )\n    }\n\n    return () => {\n      window.removeEventListener('message', messageHandler)\n      if (connectionInterval != null) {\n        window.clearInterval(connectionInterval)\n        connectionInterval = null\n      }\n    }\n\n    function messageHandler(event: MessageEvent): void {\n      if (event.origin === appOrigin && event.data.type === ActionTypes.MAKESWIFT_CONNECTION_INIT) {\n        if (connectionInterval != null) {\n          window.clearInterval(connectionInterval)\n          connectionInterval = null\n        }\n\n        connectionInterval = window.setInterval(() => {\n          window.parent.postMessage(\n            {\n              type: ActionTypes.MAKESWIFT_CONNECTION_CHECK,\n              payload: { currentUrl: window.location.href },\n            },\n            { targetOrigin: appOrigin },\n          )\n        }, CONNECTION_PING_INTERVAL_MS)\n      }\n    }\n  }, [appOrigin])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,IAAAA,gBAA4B;AAE5B,MAAM,8BAA8B;AAE7B,SAAS,yBAAyB,EAAE,UAAU,GAA0B;AAC7E,8BAAU,MAAM;AACd,QAAI;AAEJ,QAAI,OAAO,WAAW,QAAQ;AAC5B,aAAO,iBAAiB,WAAW,cAAc;AACjD,aAAO,OAAO;AAAA,QACZ,EAAE,MAAM,0BAAY,0BAA0B;AAAA,QAC9C,EAAE,cAAc,UAAU;AAAA,MAC5B;AAAA,IACF;AAEA,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AACpD,UAAI,sBAAsB,MAAM;AAC9B,eAAO,cAAc,kBAAkB;AACvC,6BAAqB;AAAA,MACvB;AAAA,IACF;AAEA,aAAS,eAAe,OAA2B;AACjD,UAAI,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,0BAAY,2BAA2B;AAC3F,YAAI,sBAAsB,MAAM;AAC9B,iBAAO,cAAc,kBAAkB;AACvC,+BAAqB;AAAA,QACvB;AAEA,6BAAqB,OAAO,YAAY,MAAM;AAC5C,iBAAO,OAAO;AAAA,YACZ;AAAA,cACE,MAAM,0BAAY;AAAA,cAClB,SAAS,EAAE,YAAY,OAAO,SAAS,KAAK;AAAA,YAC9C;AAAA,YACA,EAAE,cAAc,UAAU;AAAA,UAC5B;AAAA,QACF,GAAG,2BAA2B;AAAA,MAChC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAChB;","names":["import_react"]}

package/dist/cjs/runtimes/react/components/hooks/use-builder-handshake.js

@@ -0,0 +1,45 @@
+"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_builder_handshake_exports = {};
+__export(use_builder_handshake_exports, {
+  useBuilderHandshake: () => useBuilderHandshake
+});
+module.exports = __toCommonJS(use_builder_handshake_exports);
+var import_react = require("react");
+var import_use_is_pages_router = require("../../../../next/hooks/use-is-pages-router");
+const PAGES_ROUTER_HANDSHAKE_MESSAGE = "makeswift_preview_mode";
+const APP_ROUTER_HANDSHAKE_MESSAGE = "makeswift_draft_mode";
+function useBuilderHandshake({ appOrigin }) {
+  const isPagesRouter = (0, import_use_is_pages_router.useIsPagesRouter)();
+  const handshakeInitiationMessage = (0, import_react.useMemo)(() => {
+    if (isPagesRouter)
+      return PAGES_ROUTER_HANDSHAKE_MESSAGE;
+    return APP_ROUTER_HANDSHAKE_MESSAGE;
+  }, [isPagesRouter]);
+  (0, import_react.useEffect)(() => {
+    if (window.parent !== window) {
+      window.parent.postMessage({ type: handshakeInitiationMessage }, { targetOrigin: appOrigin });
+    }
+  }, [appOrigin, handshakeInitiationMessage]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBuilderHandshake
+});
+//# sourceMappingURL=use-builder-handshake.js.map

package/dist/cjs/runtimes/react/components/hooks/use-builder-handshake.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/hooks/use-builder-handshake.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useIsPagesRouter } from '../../../../next/hooks/use-is-pages-router'\n\nconst PAGES_ROUTER_HANDSHAKE_MESSAGE = 'makeswift_preview_mode'\nconst APP_ROUTER_HANDSHAKE_MESSAGE = 'makeswift_draft_mode'\n\nexport function useBuilderHandshake({ appOrigin }: { appOrigin: string }) {\n  const isPagesRouter = useIsPagesRouter()\n\n  const handshakeInitiationMessage = useMemo(() => {\n    if (isPagesRouter) return PAGES_ROUTER_HANDSHAKE_MESSAGE\n    return APP_ROUTER_HANDSHAKE_MESSAGE\n  }, [isPagesRouter])\n\n  useEffect(() => {\n    if (window.parent !== window) {\n      window.parent.postMessage({ type: handshakeInitiationMessage }, { targetOrigin: appOrigin })\n    }\n  }, [appOrigin, handshakeInitiationMessage])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,iCAAiC;AAEjC,MAAM,iCAAiC;AACvC,MAAM,+BAA+B;AAE9B,SAAS,oBAAoB,EAAE,UAAU,GAA0B;AACxE,QAAM,oBAAgB,6CAAiB;AAEvC,QAAM,iCAA6B,sBAAQ,MAAM;AAC/C,QAAI;AAAe,aAAO;AAC1B,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,CAAC;AAElB,8BAAU,MAAM;AACd,QAAI,OAAO,WAAW,QAAQ;AAC5B,aAAO,OAAO,YAAY,EAAE,MAAM,2BAA2B,GAAG,EAAE,cAAc,UAAU,CAAC;AAAA,IAC7F;AAAA,EACF,GAAG,CAAC,WAAW,0BAA0B,CAAC;AAC5C;","names":[]}

package/dist/cjs/runtimes/react/controls/rich-text-v2/EditableTextV2/usePresetValue.js

@@ -40,7 +40,7 @@ function usePresetValue(definition) {
               typography: {
                 style: [
                   {
-                    deviceId: (0, import_breakpoints.getBaseBreakpoint)(breakpoints).id,
+                    deviceId: (0, import_controls.getBaseBreakpoint)(breakpoints).id,
                     value: {
                       fontWeight: 400,
                       fontSize: { value: 18, unit: "px" },

package/dist/cjs/runtimes/react/controls/rich-text-v2/EditableTextV2/usePresetValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text-v2/EditableTextV2/usePresetValue.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { Descendant } from 'slate'\nimport { Slate } from '@makeswift/controls'\n\nimport { getBaseBreakpoint, DefaultBreakpointID } from '../../../../../state/modules/breakpoints'\nimport { useBreakpoints } from '../../../hooks/use-breakpoints'\nimport { RichTextV2Definition, RichText } from '../../../../../controls'\n\nexport function usePresetValue(definition: RichTextV2Definition): Descendant[] {\n  const breakpoints = useBreakpoints()\n  return useMemo(\n    () => [\n      {\n        type: Slate.BlockType.Default,\n        children: [\n          {\n            text: definition.config.defaultValue ?? '',\n            ...(definition.config.mode === RichText.Mode.Inline\n              ? {}\n              : {\n                  typography: {\n                    style: [\n                      {\n                        deviceId: getBaseBreakpoint(breakpoints).id,\n                        value: {\n                          fontWeight: 400,\n                          fontSize: { value: 18, unit: 'px' },\n                          lineHeight: 1.5,\n                        },\n                      },\n                      ...(breakpoints.some(({ id }) => id === DefaultBreakpointID.Mobile)\n                        ? [\n                            {\n                              deviceId: DefaultBreakpointID.Mobile,\n                              value: { fontSize: { value: 16, unit: 'px' } },\n                            },\n                          ]\n                        : []),\n                    ],\n                  },\n                }),\n          },\n        ],\n      },\n    ],\n    [definition.config.mode, definition.config.defaultValue, breakpoints],\n  )\n}\n\nexport const defaultValue = [\n  {\n    type: Slate.BlockType.Default,\n    children: [\n      {\n        text: '',\n      },\n    ],\n  },\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAExB,sBAAsB;AAEtB,yBAAuD;AACvD,6BAA+B;AAC/B,IAAAA,mBAA+C;AAExC,SAAS,eAAe,YAAgD;AAC7E,QAAM,kBAAc,uCAAe;AACnC,aAAO;AAAA,IACL,MAAM;AAAA,MACJ;AAAA,QACE,MAAM,sBAAM,UAAU;AAAA,QACtB,UAAU;AAAA,UACR;AAAA,YACE,MAAM,WAAW,OAAO,gBAAgB;AAAA,YACxC,GAAI,WAAW,OAAO,SAAS,0BAAS,KAAK,SACzC,CAAC,IACD;AAAA,cACE,YAAY;AAAA,gBACV,OAAO;AAAA,kBACL;AAAA,oBACE,cAAU,sCAAkB,WAAW,EAAE;AAAA,oBACzC,OAAO;AAAA,sBACL,YAAY;AAAA,sBACZ,UAAU,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,sBAClC,YAAY;AAAA,oBACd;AAAA,kBACF;AAAA,kBACA,GAAI,YAAY,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,uCAAoB,MAAM,IAC9D;AAAA,oBACE;AAAA,sBACE,UAAU,uCAAoB;AAAA,sBAC9B,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,MAAM,KAAK,EAAE;AAAA,oBAC/C;AAAA,kBACF,IACA,CAAC;AAAA,gBACP;AAAA,cACF;AAAA,YACF;AAAA,UACN;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,WAAW,OAAO,MAAM,WAAW,OAAO,cAAc,WAAW;AAAA,EACtE;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B;AAAA,IACE,MAAM,sBAAM,UAAU;AAAA,IACtB,UAAU;AAAA,MACR;AAAA,QACE,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":["import_controls"]}
+{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text-v2/EditableTextV2/usePresetValue.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { Descendant } from 'slate'\nimport { Slate, getBaseBreakpoint } from '@makeswift/controls'\n\nimport { DefaultBreakpointID } from '../../../../../state/modules/breakpoints'\nimport { useBreakpoints } from '../../../hooks/use-breakpoints'\nimport { RichTextV2Definition, RichText } from '../../../../../controls'\n\nexport function usePresetValue(definition: RichTextV2Definition): Descendant[] {\n  const breakpoints = useBreakpoints()\n  return useMemo(\n    () => [\n      {\n        type: Slate.BlockType.Default,\n        children: [\n          {\n            text: definition.config.defaultValue ?? '',\n            ...(definition.config.mode === RichText.Mode.Inline\n              ? {}\n              : {\n                  typography: {\n                    style: [\n                      {\n                        deviceId: getBaseBreakpoint(breakpoints).id,\n                        value: {\n                          fontWeight: 400,\n                          fontSize: { value: 18, unit: 'px' },\n                          lineHeight: 1.5,\n                        },\n                      },\n                      ...(breakpoints.some(({ id }) => id === DefaultBreakpointID.Mobile)\n                        ? [\n                            {\n                              deviceId: DefaultBreakpointID.Mobile,\n                              value: { fontSize: { value: 16, unit: 'px' } },\n                            },\n                          ]\n                        : []),\n                    ],\n                  },\n                }),\n          },\n        ],\n      },\n    ],\n    [definition.config.mode, definition.config.defaultValue, breakpoints],\n  )\n}\n\nexport const defaultValue = [\n  {\n    type: Slate.BlockType.Default,\n    children: [\n      {\n        text: '',\n      },\n    ],\n  },\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAExB,sBAAyC;AAEzC,yBAAoC;AACpC,6BAA+B;AAC/B,IAAAA,mBAA+C;AAExC,SAAS,eAAe,YAAgD;AAC7E,QAAM,kBAAc,uCAAe;AACnC,aAAO;AAAA,IACL,MAAM;AAAA,MACJ;AAAA,QACE,MAAM,sBAAM,UAAU;AAAA,QACtB,UAAU;AAAA,UACR;AAAA,YACE,MAAM,WAAW,OAAO,gBAAgB;AAAA,YACxC,GAAI,WAAW,OAAO,SAAS,0BAAS,KAAK,SACzC,CAAC,IACD;AAAA,cACE,YAAY;AAAA,gBACV,OAAO;AAAA,kBACL;AAAA,oBACE,cAAU,mCAAkB,WAAW,EAAE;AAAA,oBACzC,OAAO;AAAA,sBACL,YAAY;AAAA,sBACZ,UAAU,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,sBAClC,YAAY;AAAA,oBACd;AAAA,kBACF;AAAA,kBACA,GAAI,YAAY,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,uCAAoB,MAAM,IAC9D;AAAA,oBACE;AAAA,sBACE,UAAU,uCAAoB;AAAA,sBAC9B,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,MAAM,KAAK,EAAE;AAAA,oBAC/C;AAAA,kBACF,IACA,CAAC;AAAA,gBACP;AAAA,cACF;AAAA,YACF;AAAA,UACN;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,WAAW,OAAO,MAAM,WAAW,OAAO,cAAc,WAAW;AAAA,EACtE;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B;AAAA,IACE,MAAM,sBAAM,UAAU;AAAA,IACtB,UAAU;AAAA,MACR;AAAA,QACE,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":["import_controls"]}

package/dist/cjs/runtimes/react/hooks/use-cache-data.js

@@ -21,12 +21,12 @@ __export(use_cache_data_exports, {
   useCacheData: () => useCacheData
 });
 module.exports = __toCommonJS(use_cache_data_exports);
+var import_react = require("react");
 var import_actions = require("../../../state/actions");
 var import_host_api_client = require("../host-api-client");
-var import_use_universal_dispatch = require("./use-universal-dispatch");
 function useCacheData(cacheData) {
   const { makeswiftApiClient: apiStore } = (0, import_host_api_client.useMakeswiftHostApiClient)();
-  (0, import_use_universal_dispatch.useUniversalDispatch)(apiStore.dispatch, import_actions.updateAPIClientCache, [cacheData]);
+  (0, import_react.useMemo)(() => apiStore.dispatch((0, import_actions.updateAPIClientCache)(cacheData)), [cacheData]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/runtimes/react/hooks/use-cache-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-cache-data.ts"],"sourcesContent":["import { type CacheData } from '../../../api/react'\nimport { updateAPIClientCache } from '../../../state/actions'\n\nimport { useMakeswiftHostApiClient } from '../host-api-client'\nimport { useUniversalDispatch } from './use-universal-dispatch'\n\nexport function useCacheData(cacheData: CacheData) {\n  const { makeswiftApiClient: apiStore } = useMakeswiftHostApiClient()\n  useUniversalDispatch(apiStore.dispatch, updateAPIClientCache, [cacheData])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAqC;AAErC,6BAA0C;AAC1C,oCAAqC;AAE9B,SAAS,aAAa,WAAsB;AACjD,QAAM,EAAE,oBAAoB,SAAS,QAAI,kDAA0B;AACnE,0DAAqB,SAAS,UAAU,qCAAsB,CAAC,SAAS,CAAC;AAC3E;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-cache-data.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { type CacheData } from '../../../api/react'\nimport { updateAPIClientCache } from '../../../state/actions'\n\nimport { useMakeswiftHostApiClient } from '../host-api-client'\n\nexport function useCacheData(cacheData: CacheData) {\n  const { makeswiftApiClient: apiStore } = useMakeswiftHostApiClient()\n\n  // We perform cache hydration immediately on render - this is safe to do per\n  // render because updating the API cache is idempotent. For precedence, see:\n  //\n  // https://github.com/TanStack/query/blob/8f9f183f11df3709a1a38c4efce1452788041f88/packages/react-query/src/HydrationBoundary.tsx#L41\n  useMemo(() => apiStore.dispatch(updateAPIClientCache(cacheData)), [cacheData])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAExB,qBAAqC;AAErC,6BAA0C;AAEnC,SAAS,aAAa,WAAsB;AACjD,QAAM,EAAE,oBAAoB,SAAS,QAAI,kDAA0B;AAMnE,4BAAQ,MAAM,SAAS,aAAS,qCAAqB,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;AAC/E;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-document-context.js

@@ -19,30 +19,25 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var use_document_context_exports = {};
 __export(use_document_context_exports, {
-  DocumentContext: () => DocumentContext,
-  useDocumentContext: () => useDocumentContext,
+  DocumentKeyContext: () => DocumentKeyContext,
+  DocumentLocaleContext: () => DocumentLocaleContext,
   useDocumentKey: () => useDocumentKey,
   useDocumentLocale: () => useDocumentLocale
 });
 module.exports = __toCommonJS(use_document_context_exports);
 var import_react = require("react");
-const DocumentContext = (0, import_react.createContext)({
-  key: null,
-  locale: null
-});
-function useDocumentContext() {
-  return (0, import_react.useContext)(DocumentContext);
-}
+const DocumentKeyContext = (0, import_react.createContext)(null);
+const DocumentLocaleContext = (0, import_react.createContext)(null);
 function useDocumentKey() {
-  return useDocumentContext().key;
+  return (0, import_react.useContext)(DocumentKeyContext);
 }
 function useDocumentLocale() {
-  return useDocumentContext().locale;
+  return (0, import_react.useContext)(DocumentLocaleContext);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DocumentContext,
-  useDocumentContext,
+  DocumentKeyContext,
+  DocumentLocaleContext,
   useDocumentKey,
   useDocumentLocale
 });

package/dist/cjs/runtimes/react/hooks/use-document-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-document-context.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\n\ntype ContextValue = {\n  key: string | null\n  locale: string | null\n}\n\nexport const DocumentContext = createContext<ContextValue>({\n  key: null,\n  locale: null,\n})\n\nexport function useDocumentContext(): ContextValue {\n  return useContext(DocumentContext)\n}\n\nexport function useDocumentKey(): string | null {\n  return useDocumentContext().key\n}\n\nexport function useDocumentLocale(): string | null {\n  return useDocumentContext().locale\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA0C;AAOnC,MAAM,sBAAkB,4BAA4B;AAAA,EACzD,KAAK;AAAA,EACL,QAAQ;AACV,CAAC;AAEM,SAAS,qBAAmC;AACjD,aAAO,yBAAW,eAAe;AACnC;AAEO,SAAS,iBAAgC;AAC9C,SAAO,mBAAmB,EAAE;AAC9B;AAEO,SAAS,oBAAmC;AACjD,SAAO,mBAAmB,EAAE;AAC9B;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-document-context.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\n\nexport const DocumentKeyContext = createContext<string | null>(null)\nexport const DocumentLocaleContext = createContext<string | null>(null)\n\nexport function useDocumentKey(): string | null {\n  return useContext(DocumentKeyContext)\n}\n\nexport function useDocumentLocale(): string | null {\n  return useContext(DocumentLocaleContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA0C;AAEnC,MAAM,yBAAqB,4BAA6B,IAAI;AAC5D,MAAM,4BAAwB,4BAA6B,IAAI;AAE/D,SAAS,iBAAgC;AAC9C,aAAO,yBAAW,kBAAkB;AACtC;AAEO,SAAS,oBAAmC;AACjD,aAAO,yBAAW,qBAAqB;AACzC;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-register-document.js

@@ -25,10 +25,17 @@ var import_react = require("react");
 var import_use_dispatch = require("./use-dispatch");
 var import_use_is_in_builder = require("./use-is-in-builder");
 var import_actions = require("../../../state/actions");
+var import_is_server = require("../../../utils/is-server");
+var import_useIsomorphicLayoutEffect = require("../../../components/hooks/useIsomorphicLayoutEffect");
 function useRegisterDocument(document) {
   const isInBuilder = (0, import_use_is_in_builder.useIsInBuilder)();
   const dispatch = (0, import_use_dispatch.useDispatch)();
-  (0, import_react.useEffect)(() => dispatch((0, import_actions.registerDocumentsEffect)([document])), [document]);
+  if ((0, import_is_server.isServer)()) {
+    dispatch((0, import_actions.registerDocument)(document));
+  }
+  (0, import_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
+    return dispatch((0, import_actions.registerDocumentsEffect)([document]));
+  }, [dispatch, document]);
   (0, import_react.useEffect)(() => {
     if (!isInBuilder)
       return;

package/dist/cjs/runtimes/react/hooks/use-register-document.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { useDispatch } from './use-dispatch'\nimport { useIsInBuilder } from './use-is-in-builder'\nimport { registerBuilderDocumentsEffect, registerDocumentsEffect } from '../../../state/actions'\n\n/**\n * @param document Document to register\n */\nexport function useRegisterDocument(document: Document): void {\n  const isInBuilder = useIsInBuilder()\n  const dispatch = useDispatch()\n\n  useEffect(() => dispatch(registerDocumentsEffect([document])), [document])\n\n  // TODO: Decide whether to do this via middleware or via explicit action (like\n  // what we're doing below)\n  useEffect(() => {\n    if (!isInBuilder) return\n    return dispatch(registerBuilderDocumentsEffect([document]))\n  }, [isInBuilder, document])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAE1B,0BAA4B;AAC5B,+BAA+B;AAC/B,qBAAwE;AAKjE,SAAS,oBAAoB,UAA0B;AAC5D,QAAM,kBAAc,yCAAe;AACnC,QAAM,eAAW,iCAAY;AAE7B,8BAAU,MAAM,aAAS,wCAAwB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;AAIzE,8BAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,WAAO,aAAS,+CAA+B,CAAC,QAAQ,CAAC,CAAC;AAAA,EAC5D,GAAG,CAAC,aAAa,QAAQ,CAAC;AAC5B;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { useDispatch } from './use-dispatch'\nimport { useIsInBuilder } from './use-is-in-builder'\nimport { registerBuilderDocumentsEffect, registerDocument, registerDocumentsEffect } from '../../../state/actions'\nimport { isServer } from '../../../utils/is-server'\nimport { useIsomorphicLayoutEffect } from '../../../components/hooks/useIsomorphicLayoutEffect'\n\n/**\n * @param document Document to register\n */\nexport function useRegisterDocument(document: Document): void {\n  const isInBuilder = useIsInBuilder()\n  const dispatch = useDispatch()\n\n  if (isServer()) {\n    dispatch(registerDocument(document))\n  }\n\n  /*\n    Layout effect is to ensure that the document registration happens prior to the\n    attempted creation/registration of prop controllers in child components.\n  */\n  useIsomorphicLayoutEffect(() => {\n    return dispatch(registerDocumentsEffect([document]))\n  }, [dispatch, document])\n\n  // TODO: Decide whether to do this via middleware or via explicit action (like\n  // what we're doing below)\n  useEffect(() => {\n    if (!isInBuilder) return\n    return dispatch(registerBuilderDocumentsEffect([document]))\n  }, [isInBuilder, document])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAE1B,0BAA4B;AAC5B,+BAA+B;AAC/B,qBAA0F;AAC1F,uBAAyB;AACzB,uCAA0C;AAKnC,SAAS,oBAAoB,UAA0B;AAC5D,QAAM,kBAAc,yCAAe;AACnC,QAAM,eAAW,iCAAY;AAE7B,UAAI,2BAAS,GAAG;AACd,iBAAS,iCAAiB,QAAQ,CAAC;AAAA,EACrC;AAMA,kEAA0B,MAAM;AAC9B,WAAO,aAAS,wCAAwB,CAAC,QAAQ,CAAC,CAAC;AAAA,EACrD,GAAG,CAAC,UAAU,QAAQ,CAAC;AAIvB,8BAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,WAAO,aAAS,+CAA+B,CAAC,QAAQ,CAAC,CAAC;AAAA,EAC5D,GAAG,CAAC,aAAa,QAAQ,CAAC;AAC5B;","names":[]}