@makeswift/runtime 0.22.3 → 0.23.0-canary.0

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

@@ -1,9 +1,23 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Suspense, memo, useMemo } from "react";
-import { RuntimeProvider } from "../../runtimes/react";
-import { Page as PageMeta } from "../../components/page";
-import { MakeswiftHostApiClient } from "../../api/react";
+import { useDispatch } from "../../runtimes/react/hooks/use-dispatch";
+import { useUniversalDispatch } from "../../runtimes/react/hooks/use-universal-dispatch";
+import { useCacheData } from "../../runtimes/react/hooks/use-cache-data";
+import { Page as PageComponent } from "../../components/page";
+import {
+  pageToRootDocument
+} from "../client";
+import { registerDocumentsEffect } from "../../state/actions";
+function useRegisterPageDocument(pageDocument) {
+  const dispatch = useDispatch();
+  const rootDocuments = useMemo(
+    () => [pageToRootDocument(pageDocument)],
+    [pageDocument]
+  );
+  useUniversalDispatch(dispatch, registerDocumentsEffect, [rootDocuments]);
+  return rootDocuments[0];
+}
 const Page = memo(({ snapshot, ...props }) => {
   if ("runtime" in props) {
     throw new Error(
@@ -11,26 +25,16 @@ const Page = memo(({ snapshot, ...props }) => {
 See our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`
     );
   }
-  const client = useMemo(
-    () => new MakeswiftHostApiClient({
-      uri: new URL("graphql", snapshot.apiOrigin).href,
-      cacheData: snapshot.cacheData,
-      localizedResourcesMap: snapshot.localizedResourcesMap,
-      locale: snapshot.locale ? new Intl.Locale(snapshot.locale) : void 0
-    }),
-    [snapshot]
-  );
-  const localizedPage = snapshot.document.localizedPages.find(({ parentId }) => parentId == null);
-  const rootElement = localizedPage ? { key: localizedPage.elementTreeId, data: localizedPage.data } : { key: snapshot.document.id, data: snapshot.document.data };
-  const rootElements = /* @__PURE__ */ new Map([[rootElement.key, rootElement.data]]);
-  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(RuntimeProvider, { client, rootElements, preview: snapshot.preview, children: /* @__PURE__ */ jsx(
-    PageMeta,
+  useCacheData(snapshot.cacheData);
+  const rootDocument = useRegisterPageDocument(snapshot.document);
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(
+    PageComponent,
     {
-      pageDocument: snapshot.document,
-      documentKey: rootElement.key
+      page: snapshot.document,
+      rootDocument
     },
     snapshot.document.data.key
-  ) }) });
+  ) });
 });
 export {
   Page

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/components/page.tsx"],"sourcesContent":["'use client'\n\nimport { Suspense, memo, useMemo } from 'react'\n\nimport { RuntimeProvider } from '../../runtimes/react'\nimport { Page as PageMeta } from '../../components/page'\nimport { MakeswiftHostApiClient } from '../../api/react'\nimport { MakeswiftPageSnapshot } from '../client'\n\nexport type PageProps = {\n  snapshot: MakeswiftPageSnapshot\n}\n\nexport const Page = memo(({ snapshot, ...props }: PageProps) => {\n  if ('runtime' in props) {\n    throw new Error(\n      `The \\`runtime\\` prop is no longer supported in the \\`@makeswift/runtime\\` \\`Page\\` component as of \\`0.15.0\\`.\nSee our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`,\n    )\n  }\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', snapshot.apiOrigin).href,\n        cacheData: snapshot.cacheData,\n        localizedResourcesMap: snapshot.localizedResourcesMap,\n        locale: snapshot.locale ? new Intl.Locale(snapshot.locale) : undefined,\n      }),\n    [snapshot],\n  )\n\n  const localizedPage = snapshot.document.localizedPages.find(({ parentId }) => parentId == null)\n  const rootElement = localizedPage\n    ? { key: localizedPage.elementTreeId, data: localizedPage.data }\n    : { key: snapshot.document.id, data: snapshot.document.data }\n\n  const rootElements = new Map([[rootElement.key, rootElement.data]])\n\n  return (\n    <Suspense>\n      <RuntimeProvider client={client} rootElements={rootElements} preview={snapshot.preview}>\n        {/* We use a key here to reset the Snippets state in the PageMeta component */}\n        <PageMeta\n          key={snapshot.document.data.key}\n          pageDocument={snapshot.document}\n          documentKey={rootElement.key}\n        />\n      </RuntimeProvider>\n    </Suspense>\n  )\n})\n"],"mappings":";AA0CQ;AAxCR,SAAS,UAAU,MAAM,eAAe;AAExC,SAAS,uBAAuB;AAChC,SAAS,QAAQ,gBAAgB;AACjC,SAAS,8BAA8B;AAOhC,MAAM,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,MAAiB;AAC9D,MAAI,aAAa,OAAO;AACtB,UAAM,IAAI;AAAA,MACR;AAAA;AAAA,IAEF;AAAA,EACF;AACA,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,SAAS,EAAE;AAAA,MAC5C,WAAW,SAAS;AAAA,MACpB,uBAAuB,SAAS;AAAA,MAChC,QAAQ,SAAS,SAAS,IAAI,KAAK,OAAO,SAAS,MAAM,IAAI;AAAA,IAC/D,CAAC;AAAA,IACH,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,gBAAgB,SAAS,SAAS,eAAe,KAAK,CAAC,EAAE,SAAS,MAAM,YAAY,IAAI;AAC9F,QAAM,cAAc,gBAChB,EAAE,KAAK,cAAc,eAAe,MAAM,cAAc,KAAK,IAC7D,EAAE,KAAK,SAAS,SAAS,IAAI,MAAM,SAAS,SAAS,KAAK;AAE9D,QAAM,eAAe,oBAAI,IAAI,CAAC,CAAC,YAAY,KAAK,YAAY,IAAI,CAAC,CAAC;AAElE,SACE,oBAAC,YACC,8BAAC,mBAAgB,QAAgB,cAA4B,SAAS,SAAS,SAE7E;AAAA,IAAC;AAAA;AAAA,MAEC,cAAc,SAAS;AAAA,MACvB,aAAa,YAAY;AAAA;AAAA,IAFpB,SAAS,SAAS,KAAK;AAAA,EAG9B,GACF,GACF;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../../../../src/next/components/page.tsx"],"sourcesContent":["'use client'\n\nimport { Suspense, memo, useMemo } from 'react'\n\nimport { useDispatch } from '../../runtimes/react/hooks/use-dispatch'\nimport { useUniversalDispatch } from '../../runtimes/react/hooks/use-universal-dispatch'\nimport { useCacheData } from '../../runtimes/react/hooks/use-cache-data'\n\nimport { Page as PageComponent } from '../../components/page'\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  pageToRootDocument,\n} from '../client'\nimport * as ReactPage from '../../state/react-page'\nimport { registerDocumentsEffect } from '../../state/actions'\n\nexport type PageProps = {\n  snapshot: MakeswiftPageSnapshot\n}\n\nfunction useRegisterPageDocument(pageDocument: MakeswiftPageDocument): ReactPage.Document {\n  const dispatch = useDispatch()\n  const rootDocuments: [ReactPage.Document] = useMemo(\n    () => [pageToRootDocument(pageDocument)],\n    [pageDocument],\n  )\n\n  useUniversalDispatch(dispatch, registerDocumentsEffect, [rootDocuments])\n\n  return rootDocuments[0]\n}\n\nexport const Page = memo(({ snapshot, ...props }: PageProps) => {\n  if ('runtime' in props) {\n    throw new Error(\n      `The \\`runtime\\` prop is no longer supported in the \\`@makeswift/runtime\\` \\`Page\\` component as of \\`0.15.0\\`.\nSee our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`,\n    )\n  }\n\n  useCacheData(snapshot.cacheData)\n\n  const rootDocument = useRegisterPageDocument(snapshot.document)\n\n  return (\n    <Suspense>\n      {/* We use a key here to reset the Snippets state in the PageMeta component */}\n      <PageComponent\n        key={snapshot.document.data.key}\n        page={snapshot.document}\n        rootDocument={rootDocument}\n      />\n    </Suspense>\n  )\n})\n"],"mappings":";AAgDM;AA9CN,SAAS,UAAU,MAAM,eAAe;AAExC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B,SAAS,QAAQ,qBAAqB;AACtC;AAAA,EAGE;AAAA,OACK;AAEP,SAAS,+BAA+B;AAMxC,SAAS,wBAAwB,cAAyD;AACxF,QAAM,WAAW,YAAY;AAC7B,QAAM,gBAAsC;AAAA,IAC1C,MAAM,CAAC,mBAAmB,YAAY,CAAC;AAAA,IACvC,CAAC,YAAY;AAAA,EACf;AAEA,uBAAqB,UAAU,yBAAyB,CAAC,aAAa,CAAC;AAEvE,SAAO,cAAc,CAAC;AACxB;AAEO,MAAM,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,MAAiB;AAC9D,MAAI,aAAa,OAAO;AACtB,UAAM,IAAI;AAAA,MACR;AAAA;AAAA,IAEF;AAAA,EACF;AAEA,eAAa,SAAS,SAAS;AAE/B,QAAM,eAAe,wBAAwB,SAAS,QAAQ;AAE9D,SACE,oBAAC,YAEC;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,SAAS;AAAA,MACf;AAAA;AAAA,IAFK,SAAS,SAAS,KAAK;AAAA,EAG9B,GACF;AAEJ,CAAC;","names":[]}

package/dist/esm/next/components/tests/controls/page-control-prop-rendering.js

@@ -4,7 +4,7 @@ import { act } from "react-dom/test-utils";
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
 import { Page } from "../../page";
-import { ReactRuntimeProvider } from "../../../context/react-runtime";
+import { ReactRuntimeProvider } from "../../../../runtimes/react";
 import { ReactRuntime } from "../../../../react";
 import {
   createMakeswiftPageSnapshot,
@@ -18,6 +18,7 @@ const parseStringifiedProp = (prop) => prop === "undefined" ? void 0 : JSON.pars
 async function testPageControlPropRendering(controlDefinition, {
   toData,
   value,
+  locale,
   cacheData,
   expectedRenders,
   registerComponents,
@@ -41,7 +42,7 @@ async function testPageControlPropRendering(controlDefinition, {
     ],
     ROOT_ID
   );
-  const snapshot = createMakeswiftPageSnapshot(elementData, {}, cacheData);
+  const snapshot = createMakeswiftPageSnapshot(elementData, { locale, cacheData });
   const runtime = new ReactRuntime();
   registerComponents?.(runtime);
   runtime.registerComponent(
@@ -63,7 +64,7 @@ async function testPageControlPropRendering(controlDefinition, {
   );
   await act(
     async () => render(
-      /* @__PURE__ */ jsx(ReactRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx(Page, { snapshot }) })
+      /* @__PURE__ */ jsx(ReactRuntimeProvider, { runtime, previewMode: false, children: /* @__PURE__ */ jsx(Page, { snapshot }) })
     )
   );
   if (action) {

package/dist/esm/next/components/tests/controls/page-control-prop-rendering.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/tests/controls/page-control-prop-rendering.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { forwardRef, useRef, isValidElement } from 'react'\nimport { act } from 'react-dom/test-utils'\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport { type Data, type ValueType, type DataType, ControlDefinition } from '@makeswift/controls'\n\nimport { ElementData } from '../../../../state/react-page'\nimport { Page } from '../../page'\nimport { ReactRuntimeProvider } from '../../../context/react-runtime'\nimport { ReactRuntime } from '../../../../react'\n\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nimport { type MakeswiftPageSnapshot } from '../../../../next'\n\nconst ROOT_ID = '00000000-0000-0000-0000-000000000000'\nconst ELEMENT_ID = '11111111-1111-1111-1111-111111111111'\n\nconst renderProp = (prop: any) =>\n  prop === undefined ? 'undefined' : isValidElement(prop) ? prop : JSON.stringify(prop)\n\nconst propSnapshot = (prop: HTMLElement) =>\n  prop.childElementCount ? prop.childNodes : parseStringifiedProp(prop.textContent ?? '')\n\nconst parseStringifiedProp = (prop: string) => (prop === 'undefined' ? undefined : JSON.parse(prop))\n\nexport async function testPageControlPropRendering<D extends ControlDefinition>(\n  controlDefinition: D,\n  {\n    toData,\n    value,\n    cacheData,\n    expectedRenders,\n    registerComponents,\n    action,\n    rootElements = [],\n  }: {\n    toData?: (value: ValueType<D>) => DataType<D>\n    value: ValueType<D> | undefined\n    cacheData?: MakeswiftPageSnapshot['cacheData']\n    expectedRenders?: number\n    registerComponents?: (runtime: ReactRuntime) => void\n    action?: (element: HTMLElement) => Promise<void>\n    rootElements?: ElementData[]\n  },\n) {\n  // Arrange\n  const controlData: DataType<D> | Data =\n    value !== undefined ? (toData ? toData(value) : controlDefinition.toData(value)) : undefined\n\n  const TestComponentType = 'TestComponent'\n  const testId = 'test-id'\n  const renderCountTestId = 'render-count-test-id'\n  const elementData: ElementData = createRootComponent(\n    [\n      {\n        key: ELEMENT_ID,\n        type: TestComponentType,\n        props: {\n          propKey: controlData,\n        },\n      },\n      ...rootElements,\n    ],\n    ROOT_ID,\n  )\n  const snapshot = createMakeswiftPageSnapshot(elementData, {}, cacheData)\n  const runtime = new ReactRuntime()\n  registerComponents?.(runtime)\n\n  // Act\n  runtime.registerComponent(\n    forwardRef<HTMLDivElement, { propKey?: any }>(({ propKey }, ref) => {\n      const renderCount = useRef(0)\n      ++renderCount.current\n\n      return (\n        <div ref={ref}>\n          <div data-testid={renderCountTestId}>{renderCount.current}</div>\n          <div data-testid={testId}>{renderProp(propKey)}</div>\n        </div>\n      )\n    }),\n    {\n      type: TestComponentType,\n      label: 'TestComponent',\n      props: {\n        propKey: controlDefinition as any,\n      },\n    },\n  )\n\n  // Assert\n  await act(async () =>\n    render(\n      <ReactRuntimeProvider runtime={runtime}>\n        <Page snapshot={snapshot} />\n      </ReactRuntimeProvider>,\n    ),\n  )\n\n  if (action) {\n    await act(async () => {\n      await action(screen.getByTestId(testId))\n    })\n  }\n\n  expect(snapshot).toMatchSnapshot('snapshot')\n  expect(propSnapshot(screen.getByTestId(testId))).toMatchSnapshot('resolvedValue')\n\n  if (expectedRenders != null) {\n    expect(Number(screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders)\n  }\n}\n"],"mappings":"AAmFQ,SACE,KADF;AAjFR,SAAS,YAAY,QAAQ,sBAAsB;AACnD,SAAS,WAAW;AACpB,SAAS,QAAQ,cAAc;AAC/B,OAAO;AAKP,SAAS,YAAY;AACrB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAIP,MAAM,UAAU;AAChB,MAAM,aAAa;AAEnB,MAAM,aAAa,CAAC,SAClB,SAAS,SAAY,cAAc,eAAe,IAAI,IAAI,OAAO,KAAK,UAAU,IAAI;AAEtF,MAAM,eAAe,CAAC,SACpB,KAAK,oBAAoB,KAAK,aAAa,qBAAqB,KAAK,eAAe,EAAE;AAExF,MAAM,uBAAuB,CAAC,SAAkB,SAAS,cAAc,SAAY,KAAK,MAAM,IAAI;AAElG,eAAsB,6BACpB,mBACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAClB,GASA;AAEA,QAAM,cACJ,UAAU,SAAa,SAAS,OAAO,KAAK,IAAI,kBAAkB,OAAO,KAAK,IAAK;AAErF,QAAM,oBAAoB;AAC1B,QAAM,SAAS;AACf,QAAM,oBAAoB;AAC1B,QAAM,cAA2B;AAAA,IAC/B;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACA,QAAM,WAAW,4BAA4B,aAAa,CAAC,GAAG,SAAS;AACvE,QAAM,UAAU,IAAI,aAAa;AACjC,uBAAqB,OAAO;AAG5B,UAAQ;AAAA,IACN,WAA8C,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClE,YAAM,cAAc,OAAO,CAAC;AAC5B,QAAE,YAAY;AAEd,aACE,qBAAC,SAAI,KACH;AAAA,4BAAC,SAAI,eAAa,mBAAoB,sBAAY,SAAQ;AAAA,QAC1D,oBAAC,SAAI,eAAa,QAAS,qBAAW,OAAO,GAAE;AAAA,SACjD;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAGA,QAAM;AAAA,IAAI,YACR;AAAA,MACE,oBAAC,wBAAqB,SACpB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,IACF;AAAA,EACF;AAEA,MAAI,QAAQ;AACV,UAAM,IAAI,YAAY;AACpB,YAAM,OAAO,OAAO,YAAY,MAAM,CAAC;AAAA,IACzC,CAAC;AAAA,EACH;AAEA,SAAO,QAAQ,EAAE,gBAAgB,UAAU;AAC3C,SAAO,aAAa,OAAO,YAAY,MAAM,CAAC,CAAC,EAAE,gBAAgB,eAAe;AAEhF,MAAI,mBAAmB,MAAM;AAC3B,WAAO,OAAO,OAAO,YAAY,iBAAiB,EAAE,WAAW,CAAC,EAAE,KAAK,eAAe;AAAA,EACxF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/components/tests/controls/page-control-prop-rendering.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { forwardRef, useRef, isValidElement } from 'react'\nimport { act } from 'react-dom/test-utils'\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport { type Data, type ValueType, type DataType, ControlDefinition } from '@makeswift/controls'\n\nimport { ElementData } from '../../../../state/react-page'\nimport { Page } from '../../page'\nimport { ReactRuntimeProvider } from '../../../../runtimes/react'\nimport { ReactRuntime } from '../../../../react'\n\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nimport { type MakeswiftPageSnapshot } from '../../../../next'\n\nconst ROOT_ID = '00000000-0000-0000-0000-000000000000'\nconst ELEMENT_ID = '11111111-1111-1111-1111-111111111111'\n\nconst renderProp = (prop: any) =>\n  prop === undefined ? 'undefined' : isValidElement(prop) ? prop : JSON.stringify(prop)\n\nconst propSnapshot = (prop: HTMLElement) =>\n  prop.childElementCount ? prop.childNodes : parseStringifiedProp(prop.textContent ?? '')\n\nconst parseStringifiedProp = (prop: string) => (prop === 'undefined' ? undefined : JSON.parse(prop))\n\nexport async function testPageControlPropRendering<D extends ControlDefinition>(\n  controlDefinition: D,\n  {\n    toData,\n    value,\n    locale,\n    cacheData,\n    expectedRenders,\n    registerComponents,\n    action,\n    rootElements = [],\n  }: {\n    toData?: (value: ValueType<D>) => DataType<D>\n    value: ValueType<D> | undefined\n    locale?: string | null\n    cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>\n    expectedRenders?: number\n    registerComponents?: (runtime: ReactRuntime) => void\n    action?: (element: HTMLElement) => Promise<void>\n    rootElements?: ElementData[]\n  },\n) {\n  // Arrange\n  const controlData: DataType<D> | Data =\n    value !== undefined ? (toData ? toData(value) : controlDefinition.toData(value)) : undefined\n\n  const TestComponentType = 'TestComponent'\n  const testId = 'test-id'\n  const renderCountTestId = 'render-count-test-id'\n  const elementData: ElementData = createRootComponent(\n    [\n      {\n        key: ELEMENT_ID,\n        type: TestComponentType,\n        props: {\n          propKey: controlData,\n        },\n      },\n      ...rootElements,\n    ],\n    ROOT_ID,\n  )\n  const snapshot = createMakeswiftPageSnapshot(elementData, { locale, cacheData })\n  const runtime = new ReactRuntime()\n  registerComponents?.(runtime)\n\n  // Act\n  runtime.registerComponent(\n    forwardRef<HTMLDivElement, { propKey?: any }>(({ propKey }, ref) => {\n      const renderCount = useRef(0)\n      ++renderCount.current\n\n      return (\n        <div ref={ref}>\n          <div data-testid={renderCountTestId}>{renderCount.current}</div>\n          <div data-testid={testId}>{renderProp(propKey)}</div>\n        </div>\n      )\n    }),\n    {\n      type: TestComponentType,\n      label: 'TestComponent',\n      props: {\n        propKey: controlDefinition as any,\n      },\n    },\n  )\n\n  // Assert\n  await act(async () =>\n    render(\n      <ReactRuntimeProvider runtime={runtime} previewMode={false}>\n        <Page snapshot={snapshot} />\n      </ReactRuntimeProvider>,\n    ),\n  )\n\n  if (action) {\n    await act(async () => {\n      await action(screen.getByTestId(testId))\n    })\n  }\n\n  expect(snapshot).toMatchSnapshot('snapshot')\n  expect(propSnapshot(screen.getByTestId(testId))).toMatchSnapshot('resolvedValue')\n\n  if (expectedRenders != null) {\n    expect(Number(screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders)\n  }\n}\n"],"mappings":"AAqFQ,SACE,KADF;AAnFR,SAAS,YAAY,QAAQ,sBAAsB;AACnD,SAAS,WAAW;AACpB,SAAS,QAAQ,cAAc;AAC/B,OAAO;AAKP,SAAS,YAAY;AACrB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAIP,MAAM,UAAU;AAChB,MAAM,aAAa;AAEnB,MAAM,aAAa,CAAC,SAClB,SAAS,SAAY,cAAc,eAAe,IAAI,IAAI,OAAO,KAAK,UAAU,IAAI;AAEtF,MAAM,eAAe,CAAC,SACpB,KAAK,oBAAoB,KAAK,aAAa,qBAAqB,KAAK,eAAe,EAAE;AAExF,MAAM,uBAAuB,CAAC,SAAkB,SAAS,cAAc,SAAY,KAAK,MAAM,IAAI;AAElG,eAAsB,6BACpB,mBACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAClB,GAUA;AAEA,QAAM,cACJ,UAAU,SAAa,SAAS,OAAO,KAAK,IAAI,kBAAkB,OAAO,KAAK,IAAK;AAErF,QAAM,oBAAoB;AAC1B,QAAM,SAAS;AACf,QAAM,oBAAoB;AAC1B,QAAM,cAA2B;AAAA,IAC/B;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACA,QAAM,WAAW,4BAA4B,aAAa,EAAE,QAAQ,UAAU,CAAC;AAC/E,QAAM,UAAU,IAAI,aAAa;AACjC,uBAAqB,OAAO;AAG5B,UAAQ;AAAA,IACN,WAA8C,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClE,YAAM,cAAc,OAAO,CAAC;AAC5B,QAAE,YAAY;AAEd,aACE,qBAAC,SAAI,KACH;AAAA,4BAAC,SAAI,eAAa,mBAAoB,sBAAY,SAAQ;AAAA,QAC1D,oBAAC,SAAI,eAAa,QAAS,qBAAW,OAAO,GAAE;AAAA,SACjD;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAGA,QAAM;AAAA,IAAI,YACR;AAAA,MACE,oBAAC,wBAAqB,SAAkB,aAAa,OACnD,8BAAC,QAAK,UAAoB,GAC5B;AAAA,IACF;AAAA,EACF;AAEA,MAAI,QAAQ;AACV,UAAM,IAAI,YAAY;AACpB,YAAM,OAAO,OAAO,YAAY,MAAM,CAAC;AAAA,IACzC,CAAC;AAAA,EACH;AAEA,SAAO,QAAQ,EAAE,gBAAgB,UAAU;AAC3C,SAAO,aAAa,OAAO,YAAY,MAAM,CAAC,CAAC,EAAE,gBAAgB,eAAe;AAEhF,MAAI,mBAAmB,MAAM;AAC3B,WAAO,OAAO,OAAO,YAAY,iBAAiB,EAAE,WAAW,CAAC,EAAE,KAAK,eAAe;AAAA,EACxF;AACF;","names":[]}

package/dist/esm/next/components/tests/prop-controllers/page-prop-controller.js

@@ -7,7 +7,7 @@ import {
 import { randomUUID } from "crypto";
 import { Page } from "../../page";
 import { act } from "react-dom/test-utils";
-import { ReactRuntimeProvider } from "../../../context/react-runtime";
+import { ReactRuntimeProvider } from "../../../../runtimes/react";
 import { ReactRuntime } from "../../../../react";
 import {
   createMakeswiftPageSnapshot,
@@ -41,7 +41,7 @@ const pagePropControllerTest = (propDef, value, component, assert, options) => d
     });
     await act(
       async () => render(
-        /* @__PURE__ */ jsx(ReactRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx(Page, { snapshot }) })
+        /* @__PURE__ */ jsx(ReactRuntimeProvider, { runtime, previewMode: false, children: /* @__PURE__ */ jsx(Page, { snapshot }) })
       )
     );
     assert(screen.getByTestId(testId));
@@ -74,7 +74,7 @@ const pagePropControllerTest = (propDef, value, component, assert, options) => d
     });
     await act(
       async () => render(
-        /* @__PURE__ */ jsx(ReactRuntimeProvider, { runtime, children: /* @__PURE__ */ jsx(Page, { snapshot }) })
+        /* @__PURE__ */ jsx(ReactRuntimeProvider, { runtime, previewMode: false, children: /* @__PURE__ */ jsx(Page, { snapshot }) })
       )
     );
     assert(screen.getByTestId(testId));

package/dist/esm/next/components/tests/prop-controllers/page-prop-controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/tests/prop-controllers/page-prop-controller.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport {\n  type OptionsType,\n  Types,\n  type Descriptor,\n  type PropDef,\n  type Value,\n} from '@makeswift/prop-controllers'\n\nimport { type ElementData, type ComponentType } from '../../../../state/react-page'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../../page'\nimport { act } from 'react-dom/test-utils'\nimport { ReactRuntimeProvider } from '../../../context/react-runtime'\nimport { ReactRuntime } from '../../../../react'\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nexport const pagePropControllerTest = <\n  P extends PropDef & ((options?: any) => any),\n  C extends ComponentType<{ propKey: Value<P> | undefined }>,\n>(\n  propDef: P,\n  value: Value<typeof propDef>,\n  component: (testId: string) => C,\n  assert: (element: HTMLElement) => void,\n  options?: OptionsType<P>,\n) =>\n  describe('Page', () => {\n    test(`can render ${propDef.type} v0 data`, async () => {\n      // Arrange\n      const descriptorV0: Descriptor<typeof propDef> = {\n        type: propDef.type,\n        options,\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n\n    test(`can render ${propDef.type} v1 data`, async () => {\n      // Arrange\n      const gapXDefinitionV1: Descriptor<typeof propDef> = {\n        type: Types.GapX,\n        version: 1,\n        options: {},\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":"AAqEY;AAnEZ,SAAS,QAAQ,cAAc;AAC/B,OAAO;AAEP;AAAA,EAEE;AAAA,OAIK;AAGP,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,yBAAyB,CAIpC,SACA,OACA,WACA,QACA,YAEA,SAAS,QAAQ,MAAM;AACrB,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,eAA2C;AAAA,MAC/C,MAAM,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AAEf,UAAM,cAA2B,oBAAoB;AAAA,MACnD;AAAA,QACE,KAAK,WAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,YAAY;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,4BAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,aAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,wBAAqB,SACpB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AAED,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,mBAA+C;AAAA,MACnD,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AACf,UAAM,cAA2B,oBAAoB;AAAA,MACnD;AAAA,QACE,KAAK,WAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,gBAAgB;AAAA,QACrD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,4BAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,aAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,wBAAqB,SACpB,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/components/tests/prop-controllers/page-prop-controller.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport {\n  type OptionsType,\n  Types,\n  type Descriptor,\n  type PropDef,\n  type Value,\n} from '@makeswift/prop-controllers'\n\nimport { type ElementData, type ComponentType } from '../../../../state/react-page'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../../page'\nimport { act } from 'react-dom/test-utils'\nimport { ReactRuntimeProvider } from '../../../../runtimes/react'\nimport { ReactRuntime } from '../../../../react'\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nexport const pagePropControllerTest = <\n  P extends PropDef & ((options?: any) => any),\n  C extends ComponentType<{ propKey: Value<P> | undefined }>,\n>(\n  propDef: P,\n  value: Value<typeof propDef>,\n  component: (testId: string) => C,\n  assert: (element: HTMLElement) => void,\n  options?: OptionsType<P>,\n) =>\n  describe('Page', () => {\n    test(`can render ${propDef.type} v0 data`, async () => {\n      // Arrange\n      const descriptorV0: Descriptor<typeof propDef> = {\n        type: propDef.type,\n        options,\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime} previewMode={false}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n\n    test(`can render ${propDef.type} v1 data`, async () => {\n      // Arrange\n      const gapXDefinitionV1: Descriptor<typeof propDef> = {\n        type: Types.GapX,\n        version: 1,\n        options: {},\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime} previewMode={false}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":"AAqEY;AAnEZ,SAAS,QAAQ,cAAc;AAC/B,OAAO;AAEP;AAAA,EAEE;AAAA,OAIK;AAGP,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,yBAAyB,CAIpC,SACA,OACA,WACA,QACA,YAEA,SAAS,QAAQ,MAAM;AACrB,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,eAA2C;AAAA,MAC/C,MAAM,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AAEf,UAAM,cAA2B,oBAAoB;AAAA,MACnD;AAAA,QACE,KAAK,WAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,YAAY;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,4BAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,aAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,wBAAqB,SAAkB,aAAa,OACnD,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AAED,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,mBAA+C;AAAA,MACnD,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AACf,UAAM,cAA2B,oBAAoB;AAAA,MACnD;AAAA,QACE,KAAK,WAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,gBAAgB;AAAA,QACrD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,4BAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,aAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,wBAAqB,SAAkB,aAAa,OACnD,8BAAC,QAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,OAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":[]}

package/dist/esm/next/document.js

@@ -25,7 +25,7 @@ class Document extends NextDocument {
   render() {
     const { isPreview } = this.props.__NEXT_DATA__;
     return /* @__PURE__ */ jsxs(Html, { children: [
-      /* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx(PreviewModeScript, { isPreview }) }),
+      /* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx(PreviewModeScript, { isPreview, appOrigin: this.props.appOrigin }) }),
       /* @__PURE__ */ jsxs("body", { children: [
         /* @__PURE__ */ jsx(Main, {}),
         /* @__PURE__ */ jsx(NextScript, {})

package/dist/esm/next/document.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/document.tsx"],"sourcesContent":["'use client'\n\nimport { cache } from '@emotion/css'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport NextDocument, {\n  DocumentContext,\n  DocumentInitialProps,\n  Head,\n  Html,\n  Main,\n  NextScript,\n} from 'next/document'\nimport { PreviewModeScript } from './preview-mode'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const initialProps = await NextDocument.getInitialProps(ctx)\n\n    const { extractCritical } = createEmotionServer(cache)\n    const { ids, css } = extractCritical(initialProps.html)\n\n    return {\n      ...initialProps,\n      styles: (\n        <>\n          {initialProps.styles}\n          <style data-emotion={`css ${ids.join(' ')}`} dangerouslySetInnerHTML={{ __html: css }} />\n        </>\n      ),\n    }\n  }\n\n  render() {\n    const { isPreview } = this.props.__NEXT_DATA__\n\n    return (\n      <Html>\n        <Head>\n          <PreviewModeScript isPreview={isPreview} />\n        </Head>\n        <body>\n          <Main />\n          <NextScript />\n        </body>\n      </Html>\n    )\n  }\n}\n"],"mappings":";AAwBQ,mBAEE,KAFF;AAtBR,SAAS,aAAa;AACtB,OAAO,yBAAyB;AAChC,OAAO;AAAA,EAGL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAE3B,MAAM,iBAAiB,aAAa;AAAA,EACzC,aAAa,gBAAgB,KAAqD;AAChF,UAAM,eAAe,MAAM,aAAa,gBAAgB,GAAG;AAE3D,UAAM,EAAE,gBAAgB,IAAI,oBAAoB,KAAK;AACrD,UAAM,EAAE,KAAK,IAAI,IAAI,gBAAgB,aAAa,IAAI;AAEtD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,QACE,iCACG;AAAA,qBAAa;AAAA,QACd,oBAAC,WAAM,gBAAc,OAAO,IAAI,KAAK,GAAG,CAAC,IAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAG;AAAA,SACzF;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,IAAI,KAAK,MAAM;AAEjC,WACE,qBAAC,QACC;AAAA,0BAAC,QACC,8BAAC,qBAAkB,WAAsB,GAC3C;AAAA,MACA,qBAAC,UACC;AAAA,4BAAC,QAAK;AAAA,QACN,oBAAC,cAAW;AAAA,SACd;AAAA,OACF;AAAA,EAEJ;AACF;","names":[]}
+{"version":3,"sources":["../../../src/next/document.tsx"],"sourcesContent":["'use client'\n\nimport { cache } from '@emotion/css'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport NextDocument, {\n  DocumentContext,\n  DocumentInitialProps,\n  Head,\n  Html,\n  Main,\n  NextScript,\n} from 'next/document'\nimport { PreviewModeScript } from './preview-mode'\n\ntype DocumentProps = { appOrigin?: string }\n\nexport class Document extends NextDocument<DocumentProps> {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const initialProps = await NextDocument.getInitialProps(ctx)\n\n    const { extractCritical } = createEmotionServer(cache)\n    const { ids, css } = extractCritical(initialProps.html)\n\n    return {\n      ...initialProps,\n      styles: (\n        <>\n          {initialProps.styles}\n          <style data-emotion={`css ${ids.join(' ')}`} dangerouslySetInnerHTML={{ __html: css }} />\n        </>\n      ),\n    }\n  }\n\n  render() {\n    const { isPreview } = this.props.__NEXT_DATA__\n\n    return (\n      <Html>\n        <Head>\n          <PreviewModeScript isPreview={isPreview} appOrigin={this.props.appOrigin} />\n        </Head>\n        <body>\n          <Main />\n          <NextScript />\n        </body>\n      </Html>\n    )\n  }\n}\n"],"mappings":";AA0BQ,mBAEE,KAFF;AAxBR,SAAS,aAAa;AACtB,OAAO,yBAAyB;AAChC,OAAO;AAAA,EAGL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAI3B,MAAM,iBAAiB,aAA4B;AAAA,EACxD,aAAa,gBAAgB,KAAqD;AAChF,UAAM,eAAe,MAAM,aAAa,gBAAgB,GAAG;AAE3D,UAAM,EAAE,gBAAgB,IAAI,oBAAoB,KAAK;AACrD,UAAM,EAAE,KAAK,IAAI,IAAI,gBAAgB,aAAa,IAAI;AAEtD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,QACE,iCACG;AAAA,qBAAa;AAAA,QACd,oBAAC,WAAM,gBAAc,OAAO,IAAI,KAAK,GAAG,CAAC,IAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAG;AAAA,SACzF;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,IAAI,KAAK,MAAM;AAEjC,WACE,qBAAC,QACC;AAAA,0BAAC,QACC,8BAAC,qBAAkB,WAAsB,WAAW,KAAK,MAAM,WAAW,GAC5E;AAAA,MACA,qBAAC,UACC;AAAA,4BAAC,QAAK;AAAA,QACN,oBAAC,cAAW;AAAA,SACd;AAAA,OACF;AAAA,EAEJ;AACF;","names":[]}

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

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { draftMode } from "next/headers";
+import Script from "next/script";
 import { ActionTypes } from "../../react";
 async function DraftModeScript({ appOrigin = "https://app.makeswift.com" }) {
   const { isEnabled: isDraftModeEnabled } = await draftMode();
@@ -31,9 +32,12 @@ if (window.parent !== window) {
             return originalFetch.call(this, resource, options)
           }
 
+          const newHeaders = new Headers(request.headers)
+          newHeaders.set(headerName, secret)
+
           return originalFetch.call(
             this,
-            new Request(request, { headers: { [headerName]: secret } }),
+            new Request(request, { headers: newHeaders })
           )
         }
       }
@@ -76,7 +80,7 @@ if (window.parent !== window) {
 `;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      "script",
+      Script,
       {
         id: "makeswift-draft-mode",
         type: "module",
@@ -84,7 +88,7 @@ if (window.parent !== window) {
       }
     ),
     /* @__PURE__ */ jsx(
-      "script",
+      Script,
       {
         id: "makeswift-connection-check",
         type: "module",

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

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

package/dist/esm/next/index.js

@@ -1,13 +1,17 @@
 import { Page } from "./components/page";
+import { MakeswiftComponent } from "./components/MakeswiftComponent";
+import { Slot } from "./components/Slot";
 import { Makeswift } from "./client";
 import { PreviewModeScript } from "./preview-mode";
 import { RootStyleRegistry } from "./root-style-registry";
-import { ReactRuntimeProvider } from "./context/react-runtime";
+import { ReactRuntimeProvider } from "../runtimes/react/";
 export {
   Makeswift,
+  MakeswiftComponent,
   Page,
   PreviewModeScript,
   ReactRuntimeProvider,
-  RootStyleRegistry
+  RootStyleRegistry,
+  Slot
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/index.tsx"],"sourcesContent":["export type { PageProps } from './components/page'\nexport { Page } from './components/page'\nexport type { MakeswiftPage, MakeswiftPageDocument, MakeswiftPageSnapshot, Sitemap } from './client'\nexport { Makeswift } from './client'\nexport type { MakeswiftPreviewData } from './preview-mode'\nexport { PreviewModeScript } from './preview-mode'\nexport { RootStyleRegistry } from './root-style-registry'\nexport { ReactRuntimeProvider } from './context/react-runtime'\n"],"mappings":"AACA,SAAS,YAAY;AAErB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;","names":[]}
+{"version":3,"sources":["../../../src/next/index.tsx"],"sourcesContent":["export type { PageProps } from './components/page'\nexport { Page } from './components/page'\nexport { MakeswiftComponent } from './components/MakeswiftComponent'\nexport { Slot } from './components/Slot'\nexport type { MakeswiftPage, MakeswiftPageDocument, MakeswiftPageSnapshot, Sitemap } from './client'\nexport { Makeswift } from './client'\nexport type { MakeswiftPreviewData } from './preview-mode'\nexport { PreviewModeScript } from './preview-mode'\nexport { RootStyleRegistry } from './root-style-registry'\nexport { ReactRuntimeProvider } from '../runtimes/react/'\n"],"mappings":"AACA,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,YAAY;AAErB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;","names":[]}

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

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

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

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

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

@@ -5,7 +5,7 @@ import {
 } from "@makeswift/controls";
 import {
   getLinkPropControllerPageIds,
-  getResponsiveColorPropControllerDataSawtchIds,
+  getResponsiveColorPropControllerDataSwatchIds,
   getShadowsPropControllerDataSwatchIds,
   Types as PropControllerTypes,
   getBorderPropControllerDataSwatchIds,
@@ -61,7 +61,7 @@ function getSwatchIds(descriptor, prop) {
       return getNavigationLinksPropControllerSwatchIds(prop);
     }
     case PropControllerTypes.ResponsiveColor:
-      return getResponsiveColorPropControllerDataSawtchIds(prop);
+      return getResponsiveColorPropControllerDataSwatchIds(prop);
     case PropControllerTypes.Shadows:
       return getShadowsPropControllerDataSwatchIds(prop);
     case DELETED_PROP_CONTROLLER_TYPES.RichText: {

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

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

package/dist/esm/react.js

@@ -1,20 +1,18 @@
 import { ActionTypes, changeDocument } from "./state/actions";
 import {
   Element,
-  RuntimeProvider,
   ReactRuntime,
   useIsInBuilder,
-  DocumentReference,
+  DocumentRoot,
   PageProvider,
   usePageId
 } from "./runtimes/react";
 export {
   ActionTypes,
-  DocumentReference,
+  DocumentRoot,
   Element,
   PageProvider,
   ReactRuntime,
-  RuntimeProvider,
   changeDocument,
   useIsInBuilder,
   usePageId

package/dist/esm/react.js.map

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

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

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, memo } from "react";
-import { DocumentContext } from "../hooks/use-document-key";
+import { getRootElement } from "../../../state/react-page";
+import { DocumentContext } from "../hooks/use-document-context";
 import { Element } from "./Element";
 const Document = memo(
   forwardRef(function Document2({ document }, ref) {
-    return /* @__PURE__ */ jsx(DocumentContext.Provider, { value: document.key, children: /* @__PURE__ */ jsx(Element, { ref, element: document.rootElement }) });
+    return /* @__PURE__ */ jsx(DocumentContext.Provider, { value: document, children: /* @__PURE__ */ jsx(Element, { ref, element: getRootElement(document) }) });
   })
 );
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/Document.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { Document as ReactPageDocument } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { DocumentContext } from '../hooks/use-document-key'\nimport { Element } from './Element'\n\ntype DocumentProps = {\n  document: ReactPageDocument\n}\n\nexport const Document = memo(\n  forwardRef(function Document(\n    { document }: DocumentProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    return (\n      <DocumentContext.Provider value={document.key}>\n        <Element ref={ref} element={document.rootElement} />\n      </DocumentContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAiBQ;AAjBR,SAAc,YAAY,YAAY;AAGtC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAMjB,MAAM,WAAW;AAAA,EACtB,WAAW,SAASA,UAClB,EAAE,SAAS,GACX,KACa;AACb,WACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAAS,KACxC,8BAAC,WAAQ,KAAU,SAAS,SAAS,aAAa,GACpD;AAAA,EAEJ,CAAC;AACH;","names":["Document"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Document.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { type Document as ReactPageDocument, getRootElement } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { DocumentContext } from '../hooks/use-document-context'\nimport { Element } from './Element'\n\ntype DocumentProps = {\n  document: ReactPageDocument\n}\n\nexport const Document = memo(\n  forwardRef(function Document(\n    { document }: DocumentProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    return (\n      <DocumentContext.Provider value={document}>\n        <Element ref={ref} element={getRootElement(document)} />\n      </DocumentContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAiBQ;AAjBR,SAAc,YAAY,YAAY;AACtC,SAA6C,sBAAsB;AAEnE,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAMjB,MAAM,WAAW;AAAA,EACtB,WAAW,SAASA,UAClB,EAAE,SAAS,GACX,KACa;AACb,WACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,UAC/B,8BAAC,WAAQ,KAAU,SAAS,eAAe,QAAQ,GAAG,GACxD;AAAA,EAEJ,CAAC;AACH;","names":["Document"]}

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

@@ -2,17 +2,17 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, memo } from "react";
 import { useDocument } from "../hooks/use-document";
 import { FallbackComponent } from "../../../components/shared/FallbackComponent";
-import { Document } from "./Document";
-const DocumentReference = memo(
-  forwardRef(function DocumentReference2({ documentReference }, ref) {
-    const document = useDocument(documentReference.key);
+import { Document as DocumentComponent } from "./Document";
+const DocumentRoot = memo(
+  forwardRef(function DocumentRoot2({ rootDocument }, ref) {
+    const document = useDocument(rootDocument.key) ?? rootDocument;
     if (document == null) {
       return /* @__PURE__ */ jsx(FallbackComponent, { ref, text: "Document not found" });
     }
-    return /* @__PURE__ */ jsx(Document, { ref, document });
+    return /* @__PURE__ */ jsx(DocumentComponent, { ref, document });
   })
 );
 export {
-  DocumentReference
+  DocumentRoot
 };
-//# sourceMappingURL=DocumentReference.js.map
+//# sourceMappingURL=DocumentRoot.js.map

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

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

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

@@ -1,20 +1,14 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from "react";
+import { forwardRef, memo, useCallback, useImperativeHandle, useRef } from "react";
 import { isElementReference } from "../../../state/react-page";
-import { ElementImperativeHandle } from "../element-imperative-handle";
-import { useDispatch } from "../hooks/use-dispatch";
-import { useDocumentKey } from "../hooks/use-document-key";
-import { useDisableRegisterElement } from "../hooks/use-disable-register-element";
-import { mountComponentEffect, registerComponentHandleEffect } from "../../../state/actions";
+import { ElementRegistration } from "./ElementRegistration";
 import { ElementReference } from "./ElementReference";
 import { ElementData } from "./ElementData";
+import { ElementImperativeHandle } from "../element-imperative-handle";
 import { FindDomNode } from "../find-dom-node";
 const Element = memo(
   forwardRef(function Element2({ element }, ref) {
-    const elementKey = element.key;
-    const dispatch = useDispatch();
-    const documentKey = useDocumentKey();
     const useFindDomNodeRef = useRef(true);
     const imperativeHandleRef = useRef(new ElementImperativeHandle());
     const findDomNodeCallbackRef = useCallback((current) => {
@@ -26,21 +20,15 @@ const Element = memo(
       useFindDomNodeRef.current = false;
       imperativeHandleRef.current.callback(() => current);
     }, []);
-    const isRegisterElementDisabled = useDisableRegisterElement();
     useImperativeHandle(ref, () => imperativeHandleRef.current, []);
-    useEffect(() => {
-      if (documentKey == null || isRegisterElementDisabled)
-        return;
-      return dispatch(
-        registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current)
-      );
-    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
-    useEffect(() => {
-      if (documentKey == null || isRegisterElementDisabled)
-        return;
-      return dispatch(mountComponentEffect(documentKey, elementKey));
-    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
-    return /* @__PURE__ */ jsx(FindDomNode, { ref: findDomNodeCallbackRef, children: isElementReference(element) ? /* @__PURE__ */ jsx(ElementReference, { ref: elementCallbackRef, elementReference: element }, elementKey) : /* @__PURE__ */ jsx(ElementData, { ref: elementCallbackRef, elementData: element }, elementKey) });
+    return /* @__PURE__ */ jsx(ElementRegistration, { componentHandle: imperativeHandleRef.current, elementKey: element.key, children: /* @__PURE__ */ jsx(FindDomNode, { ref: findDomNodeCallbackRef, children: isElementReference(element) ? /* @__PURE__ */ jsx(
+      ElementReference,
+      {
+        ref: elementCallbackRef,
+        elementReference: element
+      },
+      element.key
+    ) : /* @__PURE__ */ jsx(ElementData, { ref: elementCallbackRef, elementData: element }, element.key) }) });
   })
 );
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["'use client'\n\nimport { Ref, forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react'\nimport { Element as ElementDataOrRef, isElementReference } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDispatch } from '../hooks/use-dispatch'\nimport { useDocumentKey } from '../hooks/use-document-key'\nimport { useDisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { mountComponentEffect, registerComponentHandleEffect } from '../../../state/actions'\nimport { ElementReference } from './ElementReference'\nimport { ElementData } from './ElementData'\nimport { FindDomNode } from '../find-dom-node'\n\ntype ElementProps = {\n  element: ElementDataOrRef\n}\n\nexport const Element = memo(\n  forwardRef(function Element(\n    { element }: ElementProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const elementKey = element.key\n    const dispatch = useDispatch()\n    const documentKey = useDocumentKey()\n    const useFindDomNodeRef = useRef(true)\n    const imperativeHandleRef = useRef(new ElementImperativeHandle())\n    const findDomNodeCallbackRef = useCallback((current: (() => Element | Text | null) | null) => {\n      if (useFindDomNodeRef.current === true) {\n        imperativeHandleRef.current.callback(() => current?.() ?? null)\n      }\n    }, [])\n    const elementCallbackRef = useCallback((current: unknown | null) => {\n      useFindDomNodeRef.current = false\n\n      imperativeHandleRef.current.callback(() => current)\n    }, [])\n    const isRegisterElementDisabled = useDisableRegisterElement()\n\n    useImperativeHandle(ref, () => imperativeHandleRef.current, [])\n\n    useEffect(() => {\n      if (documentKey == null || isRegisterElementDisabled) return\n\n      return dispatch(\n        registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current),\n      )\n    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n    useEffect(() => {\n      if (documentKey == null || isRegisterElementDisabled) return\n\n      return dispatch(mountComponentEffect(documentKey, elementKey))\n    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n    return (\n      <FindDomNode ref={findDomNodeCallbackRef}>\n        {isElementReference(element) ? (\n          <ElementReference key={elementKey} ref={elementCallbackRef} elementReference={element} />\n        ) : (\n          <ElementData key={elementKey} ref={elementCallbackRef} elementData={element} />\n        )}\n      </FindDomNode>\n    )\n  }),\n)\n"],"mappings":";AA0DU;AAxDV,SAAc,YAAY,MAAM,aAAa,WAAW,qBAAqB,cAAc;AAC3F,SAAsC,0BAA0B;AAChE,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB,qCAAqC;AACpE,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAMrB,MAAM,UAAU;AAAA,EACrB,WAAW,SAASA,SAClB,EAAE,QAAQ,GACV,KACa;AACb,UAAM,aAAa,QAAQ;AAC3B,UAAM,WAAW,YAAY;AAC7B,UAAM,cAAc,eAAe;AACnC,UAAM,oBAAoB,OAAO,IAAI;AACrC,UAAM,sBAAsB,OAAO,IAAI,wBAAwB,CAAC;AAChE,UAAM,yBAAyB,YAAY,CAAC,YAAkD;AAC5F,UAAI,kBAAkB,YAAY,MAAM;AACtC,4BAAoB,QAAQ,SAAS,MAAM,UAAU,KAAK,IAAI;AAAA,MAChE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,UAAM,qBAAqB,YAAY,CAAC,YAA4B;AAClE,wBAAkB,UAAU;AAE5B,0BAAoB,QAAQ,SAAS,MAAM,OAAO;AAAA,IACpD,GAAG,CAAC,CAAC;AACL,UAAM,4BAA4B,0BAA0B;AAE5D,wBAAoB,KAAK,MAAM,oBAAoB,SAAS,CAAC,CAAC;AAE9D,cAAU,MAAM;AACd,UAAI,eAAe,QAAQ;AAA2B;AAEtD,aAAO;AAAA,QACL,8BAA8B,aAAa,YAAY,oBAAoB,OAAO;AAAA,MACpF;AAAA,IACF,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,cAAU,MAAM;AACd,UAAI,eAAe,QAAQ;AAA2B;AAEtD,aAAO,SAAS,qBAAqB,aAAa,UAAU,CAAC;AAAA,IAC/D,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,WACE,oBAAC,eAAY,KAAK,wBACf,6BAAmB,OAAO,IACzB,oBAAC,oBAAkC,KAAK,oBAAoB,kBAAkB,WAAvD,UAAgE,IAEvF,oBAAC,eAA6B,KAAK,oBAAoB,aAAa,WAAlD,UAA2D,GAEjF;AAAA,EAEJ,CAAC;AACH;","names":["Element"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, memo, Ref, useCallback, useImperativeHandle, useRef } from 'react'\nimport { isElementReference, type Element as ElementDataOrRef } from '../../../state/react-page'\nimport { ElementRegistration } from './ElementRegistration'\nimport { ElementReference } from './ElementReference'\nimport { ElementData } from './ElementData'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { FindDomNode } from '../find-dom-node'\n\ntype Props = {\n  element: ElementDataOrRef\n}\n\nexport const Element = memo(\n  forwardRef(function Element(\n    { element }: Props,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element | null {\n    const useFindDomNodeRef = useRef(true)\n    const imperativeHandleRef = useRef(new ElementImperativeHandle())\n\n    const findDomNodeCallbackRef = useCallback((current: (() => Element | Text | null) | null) => {\n      if (useFindDomNodeRef.current === true) {\n        imperativeHandleRef.current.callback(() => current?.() ?? null)\n      }\n    }, [])\n\n    const elementCallbackRef = useCallback((current: unknown | null) => {\n      useFindDomNodeRef.current = false\n\n      imperativeHandleRef.current.callback(() => current)\n    }, [])\n\n    useImperativeHandle(ref, () => imperativeHandleRef.current, [])\n\n    return (\n      <ElementRegistration componentHandle={imperativeHandleRef.current} elementKey={element.key}>\n        <FindDomNode ref={findDomNodeCallbackRef}>\n          {isElementReference(element) ? (\n            <ElementReference\n              key={element.key}\n              ref={elementCallbackRef}\n              elementReference={element}\n            />\n          ) : (\n            <ElementData key={element.key} ref={elementCallbackRef} elementData={element} />\n          )}\n        </FindDomNode>\n      </ElementRegistration>\n    )\n  }),\n)\n"],"mappings":";AAwCY;AAtCZ,SAAS,YAAY,MAAW,aAAa,qBAAqB,cAAc;AAChF,SAAS,0BAA4D;AACrE,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAMrB,MAAM,UAAU;AAAA,EACrB,WAAW,SAASA,SAClB,EAAE,QAAQ,GACV,KACoB;AACpB,UAAM,oBAAoB,OAAO,IAAI;AACrC,UAAM,sBAAsB,OAAO,IAAI,wBAAwB,CAAC;AAEhE,UAAM,yBAAyB,YAAY,CAAC,YAAkD;AAC5F,UAAI,kBAAkB,YAAY,MAAM;AACtC,4BAAoB,QAAQ,SAAS,MAAM,UAAU,KAAK,IAAI;AAAA,MAChE;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,UAAM,qBAAqB,YAAY,CAAC,YAA4B;AAClE,wBAAkB,UAAU;AAE5B,0BAAoB,QAAQ,SAAS,MAAM,OAAO;AAAA,IACpD,GAAG,CAAC,CAAC;AAEL,wBAAoB,KAAK,MAAM,oBAAoB,SAAS,CAAC,CAAC;AAE9D,WACE,oBAAC,uBAAoB,iBAAiB,oBAAoB,SAAS,YAAY,QAAQ,KACrF,8BAAC,eAAY,KAAK,wBACf,6BAAmB,OAAO,IACzB;AAAA,MAAC;AAAA;AAAA,QAEC,KAAK;AAAA,QACL,kBAAkB;AAAA;AAAA,MAFb,QAAQ;AAAA,IAGf,IAEA,oBAAC,eAA8B,KAAK,oBAAoB,aAAa,WAAnD,QAAQ,GAAoD,GAElF,GACF;AAAA,EAEJ,CAAC;AACH;","names":["Element"]}

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

@@ -7,10 +7,12 @@ import { FallbackComponent } from "../../../components/shared/FallbackComponent"
 import { Element } from "./Element";
 import { Document } from "./Document";
 import { DisableRegisterElement } from "../hooks/use-disable-register-element";
+import { useDocumentLocale } from "../hooks/use-document-context";
 const ElementReference = memo(
   forwardRef(function ElementReference2({ elementReference }, ref) {
     const globalElement = useGlobalElement(elementReference.value);
-    const localizedGlobalElement = useLocalizedGlobalElement(elementReference.value);
+    const locale = useDocumentLocale();
+    const localizedGlobalElement = useLocalizedGlobalElement(locale, elementReference.value);
     const globalElementData = localizedGlobalElement?.data ?? globalElement?.data;
     const elementReferenceDocument = useDocument(elementReference.key);
     const documentKey = elementReference.key;