@makeswift/runtime 0.25.0-canary.5 → 0.25.0-canary.6

package/dist/cjs/api-handler/handlers/manifest.js

@@ -28,7 +28,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return import_request_response.ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return import_request_response.ApiResponse.json({
-    version: "0.25.0-canary.5",
+    version: "0.25.0-canary.6",
     previewMode: false,
     draftMode: false,
     interactionMode: true,

package/dist/cjs/next/components/framework-provider/app-router/HeadSnippet.js

@@ -26,13 +26,13 @@ var import_react = require("react");
 var import_navigation = require("next/navigation");
 var import_HeadSnippet = require("../../../../runtimes/react/components/page/HeadSnippet");
 function HeadSnippet({ snippet }) {
-  const headSnippetElement = (0, import_HeadSnippet.snippetToElement)(snippet);
+  const headSnippetElements = (0, import_HeadSnippet.snippetToElements)(snippet);
   const insertedServerHTML = (0, import_react.useRef)(false);
   (0, import_navigation.useServerInsertedHTML)(() => {
     if (insertedServerHTML.current)
       return;
     insertedServerHTML.current = true;
-    return headSnippetElement;
+    return headSnippetElements;
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HeadSnippet.BaseHeadSnippet, { snippet });
 }

package/dist/cjs/next/components/framework-provider/app-router/HeadSnippet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/framework-provider/app-router/HeadSnippet.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useServerInsertedHTML } from 'next/navigation'\n\nimport { type Snippet } from '../../../../client'\n\nimport {\n  BaseHeadSnippet,\n  snippetToElement,\n} from '../../../../runtimes/react/components/page/HeadSnippet'\n\nexport function HeadSnippet({ snippet }: { snippet: Snippet }) {\n  const headSnippetElement = snippetToElement(snippet)\n  const insertedServerHTML = useRef(false)\n\n  useServerInsertedHTML(() => {\n    if (insertedServerHTML.current) return\n\n    insertedServerHTML.current = true\n\n    return headSnippetElement\n  })\n\n  return <BaseHeadSnippet snippet={snippet} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBS;AAtBT,mBAAuB;AACvB,wBAAsC;AAItC,yBAGO;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,QAAM,yBAAqB,qCAAiB,OAAO;AACnD,QAAM,yBAAqB,qBAAO,KAAK;AAEvC,+CAAsB,MAAM;AAC1B,QAAI,mBAAmB;AAAS;AAEhC,uBAAmB,UAAU;AAE7B,WAAO;AAAA,EACT,CAAC;AAED,SAAO,4CAAC,sCAAgB,SAAkB;AAC5C;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/components/framework-provider/app-router/HeadSnippet.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useServerInsertedHTML } from 'next/navigation'\n\nimport { type Snippet } from '../../../../client'\n\nimport {\n  BaseHeadSnippet,\n  snippetToElements,\n} from '../../../../runtimes/react/components/page/HeadSnippet'\n\nexport function HeadSnippet({ snippet }: { snippet: Snippet }) {\n  const headSnippetElements = snippetToElements(snippet)\n  const insertedServerHTML = useRef(false)\n\n  useServerInsertedHTML(() => {\n    if (insertedServerHTML.current) return\n\n    insertedServerHTML.current = true\n\n    return headSnippetElements\n  })\n\n  return <BaseHeadSnippet snippet={snippet} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBS;AAtBT,mBAAuB;AACvB,wBAAsC;AAItC,yBAGO;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,QAAM,0BAAsB,sCAAkB,OAAO;AACrD,QAAM,yBAAqB,qBAAO,KAAK;AAEvC,+CAAsB,MAAM;AAC1B,QAAI,mBAAmB;AAAS;AAEhC,uBAAmB,UAAU;AAE7B,WAAO;AAAA,EACT,CAAC;AAED,SAAO,4CAAC,sCAAgB,SAAkB;AAC5C;","names":[]}

package/dist/cjs/next/components/framework-provider/index.js

@@ -28,8 +28,11 @@ var import_use_is_pages_router = require("../../hooks/use-is-pages-router");
 var import_app_router = require("./app-router");
 var import_pages_router = require("./pages-router");
 var import_framework_context = require("../../../runtimes/react/components/framework-context");
-function FrameworkProvider({ children }) {
-  const isPagesRouter = (0, import_use_is_pages_router.useIsPagesRouter)();
+function FrameworkProvider({
+  children,
+  forcePagesRouter
+}) {
+  const isPagesRouter = (0, import_use_is_pages_router.useIsPagesRouter)() || forcePagesRouter;
   const context = (0, import_react.useMemo)(
     () => isPagesRouter ? import_pages_router.context : import_app_router.context,
     [isPagesRouter]

package/dist/cjs/next/components/framework-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/components/framework-provider/index.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useMemo } from 'react'\nimport { useIsPagesRouter } from '../../hooks/use-is-pages-router'\n\nimport { context as appRouterContext } from './app-router'\nimport { context as pagesRouterContext } from './pages-router'\nimport { FrameworkContext } from '../../../runtimes/react/components/framework-context'\n\nexport function FrameworkProvider({ children }: PropsWithChildren) {\n  const isPagesRouter = useIsPagesRouter()\n  const context = useMemo(\n    () => (isPagesRouter ? pagesRouterContext : appRouterContext),\n    [isPagesRouter],\n  )\n\n  return <FrameworkContext.Provider value={context}>{children}</FrameworkContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBS;AAdT,mBAAgD;AAChD,iCAAiC;AAEjC,wBAA4C;AAC5C,0BAA8C;AAC9C,+BAAiC;AAE1B,SAAS,kBAAkB,EAAE,SAAS,GAAsB;AACjE,QAAM,oBAAgB,6CAAiB;AACvC,QAAM,cAAU;AAAA,IACd,MAAO,gBAAgB,oBAAAA,UAAqB,kBAAAC;AAAA,IAC5C,CAAC,aAAa;AAAA,EAChB;AAEA,SAAO,4CAAC,0CAAiB,UAAjB,EAA0B,OAAO,SAAU,UAAS;AAC9D;","names":["pagesRouterContext","appRouterContext"]}
+{"version":3,"sources":["../../../../../src/next/components/framework-provider/index.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useMemo } from 'react'\nimport { useIsPagesRouter } from '../../hooks/use-is-pages-router'\n\nimport { context as appRouterContext } from './app-router'\nimport { context as pagesRouterContext } from './pages-router'\nimport { FrameworkContext } from '../../../runtimes/react/components/framework-context'\n\nexport function FrameworkProvider({\n  children,\n  forcePagesRouter,\n}: PropsWithChildren<{ forcePagesRouter?: boolean }>) {\n  const isPagesRouter = useIsPagesRouter() || forcePagesRouter\n  const context = useMemo(\n    () => (isPagesRouter ? pagesRouterContext : appRouterContext),\n    [isPagesRouter],\n  )\n\n  return <FrameworkContext.Provider value={context}>{children}</FrameworkContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBS;AAjBT,mBAAgD;AAChD,iCAAiC;AAEjC,wBAA4C;AAC5C,0BAA8C;AAC9C,+BAAiC;AAE1B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,oBAAgB,6CAAiB,KAAK;AAC5C,QAAM,cAAU;AAAA,IACd,MAAO,gBAAgB,oBAAAA,UAAqB,kBAAAC;AAAA,IAC5C,CAAC,aAAa;AAAA,EAChB;AAEA,SAAO,4CAAC,0CAAiB,UAAjB,EAA0B,OAAO,SAAU,UAAS;AAC9D;","names":["pagesRouterContext","appRouterContext"]}

package/dist/cjs/next/components/framework-provider/pages-router/HeadSnippet.js

@@ -34,7 +34,9 @@ module.exports = __toCommonJS(HeadSnippet_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_head = __toESM(require("next/head"));
+var import_script = __toESM(require("next/script"));
 var import_HeadSnippet = require("../../../../runtimes/react/components/page/HeadSnippet");
+const isScriptElement = (element) => (0, import_react.isValidElement)(element) && element.type === "script";
 function HeadSnippet({ snippet }) {
   (0, import_react.useEffect)(() => {
     return () => {
@@ -44,8 +46,10 @@ function HeadSnippet({ snippet }) {
       (0, import_HeadSnippet.cleanUpSnippet)(snippet);
     };
   }, [snippet]);
-  const headSnippetElement = (0, import_HeadSnippet.snippetToElement)(snippet);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head.default, { children: headSnippetElement });
+  const headSnippetElements = (0, import_HeadSnippet.snippetToElements)(snippet);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: headSnippetElements.map(
+    (element, i) => isScriptElement(element) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_script.default, { ...element.props, strategy: "beforeInteractive" }, element.key) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head.default, { children: element }, (0, import_react.isValidElement)(element) ? element.key : i)
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/next/components/framework-provider/pages-router/HeadSnippet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/framework-provider/pages-router/HeadSnippet.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport Head from 'next/head'\n\nimport { type Snippet } from '../../../../client'\n\nimport {\n  snippetToElement,\n  getSnippetElementsFromDOM,\n  cleanUpSnippet,\n} from '../../../../runtimes/react/components/page/HeadSnippet'\n\nexport function HeadSnippet({ snippet }: { snippet: Snippet }) {\n  useEffect(() => {\n    return () => {\n      const snippetElements = getSnippetElementsFromDOM(snippet)\n      if (snippetElements.length > 0) return\n      cleanUpSnippet(snippet)\n    }\n  }, [snippet])\n\n  const headSnippetElement = snippetToElement(snippet)\n\n  return <Head>{headSnippetElement}</Head>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBS;AAvBT,mBAA0B;AAE1B,kBAAiB;AAIjB,yBAIO;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,8BAAU,MAAM;AACd,WAAO,MAAM;AACX,YAAM,sBAAkB,8CAA0B,OAAO;AACzD,UAAI,gBAAgB,SAAS;AAAG;AAChC,6CAAe,OAAO;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,yBAAqB,qCAAiB,OAAO;AAEnD,SAAO,4CAAC,YAAAA,SAAA,EAAM,8BAAmB;AACnC;","names":["Head"]}
+{"version":3,"sources":["../../../../../../src/next/components/framework-provider/pages-router/HeadSnippet.tsx"],"sourcesContent":["import { type ReactElement, useEffect, isValidElement } from 'react'\n\nimport Head from 'next/head'\nimport Script from 'next/script'\n\nimport { type Snippet } from '../../../../client'\n\nimport {\n  snippetToElements,\n  getSnippetElementsFromDOM,\n  cleanUpSnippet,\n} from '../../../../runtimes/react/components/page/HeadSnippet'\n\nconst isScriptElement = (element: string | JSX.Element): element is ReactElement<any, 'script'> =>\n  isValidElement(element) && element.type === 'script'\n\nexport function HeadSnippet({ snippet }: { snippet: Snippet }) {\n  useEffect(() => {\n    return () => {\n      const snippetElements = getSnippetElementsFromDOM(snippet)\n      if (snippetElements.length > 0) return\n      cleanUpSnippet(snippet)\n    }\n  }, [snippet])\n\n  const headSnippetElements = snippetToElements(snippet)\n\n  return (\n    <>\n      {headSnippetElements.map((element, i) =>\n        isScriptElement(element) ? (\n          <Script key={element.key} {...element.props} strategy=\"beforeInteractive\" />\n        ) : (\n          <Head key={isValidElement(element) ? element.key : i}>{element}</Head>\n        ),\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AA5BJ,mBAA6D;AAE7D,kBAAiB;AACjB,oBAAmB;AAInB,yBAIO;AAEP,MAAM,kBAAkB,CAAC,gBACvB,6BAAe,OAAO,KAAK,QAAQ,SAAS;AAEvC,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,8BAAU,MAAM;AACd,WAAO,MAAM;AACX,YAAM,sBAAkB,8CAA0B,OAAO;AACzD,UAAI,gBAAgB,SAAS;AAAG;AAChC,6CAAe,OAAO;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,0BAAsB,sCAAkB,OAAO;AAErD,SACE,2EACG,8BAAoB;AAAA,IAAI,CAAC,SAAS,MACjC,gBAAgB,OAAO,IACrB,4CAAC,cAAAA,SAAA,EAA0B,GAAG,QAAQ,OAAO,UAAS,uBAAzC,QAAQ,GAAqD,IAE1E,4CAAC,YAAAC,SAAA,EAAsD,yBAA5C,6BAAe,OAAO,IAAI,QAAQ,MAAM,CAAY;AAAA,EAEnE,GACF;AAEJ;","names":["Script","Head"]}

package/dist/cjs/next/components/tests/__fixtures__/page-document.js

@@ -0,0 +1,46 @@
+"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 page_document_exports = {};
+__export(page_document_exports, {
+  pageDocument: () => pageDocument
+});
+module.exports = __toCommonJS(page_document_exports);
+var import_components = require("../../../../components");
+const pageDocument = {
+  id: "2222-2222-2222-2222",
+  site: {
+    id: "1111-1111-1111-1111"
+  },
+  data: {
+    type: import_components.MakeswiftComponentType.Root,
+    key: "0000-0000-0000-0000",
+    props: {}
+  },
+  snippets: [],
+  fonts: [],
+  localizedPages: [],
+  locale: null,
+  meta: {},
+  seo: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pageDocument
+});
+//# sourceMappingURL=page-document.js.map

package/dist/cjs/next/components/tests/__fixtures__/page-document.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/components/tests/__fixtures__/page-document.ts"],"sourcesContent":["import { type MakeswiftPageDocument } from '../../../../client'\nimport { MakeswiftComponentType } from '../../../../components'\n\nexport const pageDocument: MakeswiftPageDocument = {\n  id: '2222-2222-2222-2222',\n  site: {\n    id: '1111-1111-1111-1111',\n  },\n  data: {\n    type: MakeswiftComponentType.Root,\n    key: '0000-0000-0000-0000',\n    props: {},\n  },\n  snippets: [],\n  fonts: [],\n  localizedPages: [],\n  locale: null,\n  meta: {},\n  seo: {},\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAuC;AAEhC,MAAM,eAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,MAAM;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,MAAM,yCAAuB;AAAA,IAC7B,KAAK;AAAA,IACL,OAAO,CAAC;AAAA,EACV;AAAA,EACA,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AACR;","names":[]}

package/dist/cjs/next/testing/element-data.js

@@ -46,15 +46,16 @@ function createRootComponent(elements, rootId) {
     }
   };
 }
-function createMakeswiftPageSnapshot(elementData, {
+const isDocument = (elementDataOrDocument) => "snippets" in elementDataOrDocument || "fonts" in elementDataOrDocument || "meta" in elementDataOrDocument || "seo" in elementDataOrDocument;
+function createMakeswiftPageSnapshot(elementDataOrDocument, {
   cacheData = {},
   locale = null
 } = {}) {
   return {
-    document: {
+    document: isDocument(elementDataOrDocument) ? elementDataOrDocument : {
       id: "test-page-id",
       site: { id: "test-site-id" },
-      data: elementData,
+      data: elementDataOrDocument,
       snippets: [],
       fonts: [],
       meta: {},

package/dist/cjs/next/testing/element-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\n\nimport { type MakeswiftPageSnapshot, type MakeswiftComponentSnapshot } from '../../client'\nimport { CacheData } from '../../api/react'\nimport { type ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nexport function createMakeswiftPageSnapshot(\n  elementData: ElementData,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: {\n      id: 'test-page-id',\n      site: { id: 'test-site-id' },\n      data: elementData,\n      snippets: [],\n      fonts: [],\n      meta: {},\n      seo: {},\n      localizedPages: [],\n      locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2B;AAG3B,mBAA0B;AAE1B,wBAAuC;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,cAAU,0BAAW;AAAA,IAC1B,MAAM,yCAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,4BACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,GAAG,uBAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,SAAK,0BAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,uBAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  type MakeswiftComponentSnapshot,\n} from '../../client'\nimport { CacheData } from '../../api/react'\nimport { type ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nconst isDocument = (\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n): elementDataOrDocument is MakeswiftPageDocument =>\n  'snippets' in elementDataOrDocument ||\n  'fonts' in elementDataOrDocument ||\n  'meta' in elementDataOrDocument ||\n  'seo' in elementDataOrDocument\n\nexport function createMakeswiftPageSnapshot(\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: isDocument(elementDataOrDocument)\n      ? elementDataOrDocument\n      : {\n          id: 'test-page-id',\n          site: { id: 'test-site-id' },\n          data: elementDataOrDocument,\n          snippets: [],\n          fonts: [],\n          meta: {},\n          seo: {},\n          localizedPages: [],\n          locale,\n        },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2B;AAO3B,mBAA0B;AAE1B,wBAAuC;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,cAAU,0BAAW;AAAA,IAC1B,MAAM,yCAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,aAAa,CACjB,0BAEA,cAAc,yBACd,WAAW,yBACX,UAAU,yBACV,SAAS;AAEJ,SAAS,4BACd,uBACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU,WAAW,qBAAqB,IACtC,wBACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACJ,WAAW;AAAA,MACT,GAAG,uBAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,SAAK,0BAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,uBAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}

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

@@ -18,10 +18,12 @@ module.exports = __toCommonJS(testing_exports);
 __reExport(testing_exports, require("./breakpoints"), module.exports);
 __reExport(testing_exports, require("./element-data"), module.exports);
 __reExport(testing_exports, require("./react-provider"), module.exports);
+__reExport(testing_exports, require("./page-rendering"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./breakpoints"),
   ...require("./element-data"),
-  ...require("./react-provider")
+  ...require("./react-provider"),
+  ...require("./page-rendering")
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/index.ts"],"sourcesContent":["export * from './breakpoints'\nexport * from './element-data'\nexport * from './react-provider'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,0BAAd;AACA,4BAAc,2BADd;AAEA,4BAAc,6BAFd;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/index.ts"],"sourcesContent":["export * from './breakpoints'\nexport * from './element-data'\nexport * from './react-provider'\nexport * from './page-rendering'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,0BAAd;AACA,4BAAc,2BADd;AAEA,4BAAc,6BAFd;AAGA,4BAAc,6BAHd;","names":[]}

package/dist/cjs/next/testing/page-rendering.js

@@ -0,0 +1,52 @@
+"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 page_rendering_exports = {};
+__export(page_rendering_exports, {
+  testMakeswiftPageHeadRendering: () => testMakeswiftPageHeadRendering
+});
+module.exports = __toCommonJS(page_rendering_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_jest_dom = require("@testing-library/jest-dom");
+var import_test_utils = require("react-dom/test-utils");
+var import_react2 = require("@testing-library/react");
+var import_react_runtime = require("../../runtimes/react/react-runtime");
+var import_components = require("../../components");
+var import_page = require("../components/page");
+var import_react_provider = require("./react-provider");
+async function testMakeswiftPageHeadRendering(props, { forcePagesRouter = false } = {}) {
+  const runtime = new import_react_runtime.ReactRuntime();
+  runtime.registerComponent(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}), {
+    type: import_components.MakeswiftComponentType.Root,
+    label: "Root",
+    props: {}
+  });
+  return await (0, import_test_utils.act)(
+    async () => (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_provider.ReactProvider, { runtime, previewMode: false, forcePagesRouter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_page.Page, { ...props }) }),
+      {
+        container: document.body.appendChild(document.createElement("head"))
+      }
+    )
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  testMakeswiftPageHeadRendering
+});
+//# sourceMappingURL=page-rendering.js.map

package/dist/cjs/next/testing/page-rendering.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/testing/page-rendering.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\n\nimport '@testing-library/jest-dom'\nimport { act } from 'react-dom/test-utils'\nimport { render } from '@testing-library/react'\n\nimport { ReactRuntime } from '../../runtimes/react/react-runtime'\nimport { MakeswiftComponentType } from '../../components'\n\nimport { Page as MakeswiftPage } from '../components/page'\n\nimport { ReactProvider } from './react-provider'\n\nexport async function testMakeswiftPageHeadRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  runtime.registerComponent(() => <></>, {\n    type: MakeswiftComponentType.Root,\n    label: 'Root',\n    props: {},\n  })\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} previewMode={false} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('head')),\n      },\n    ),\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBkC;AAjBlC,sBAAO;AACP,wBAAoB;AACpB,IAAAA,gBAAuB;AAEvB,2BAA6B;AAC7B,wBAAuC;AAEvC,kBAAsC;AAEtC,4BAA8B;AAE9B,eAAsB,+BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,kCAAa;AAEjC,UAAQ,kBAAkB,MAAM,2EAAE,GAAK;AAAA,IACrC,MAAM,yCAAuB;AAAA,IAC7B,OAAO;AAAA,IACP,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,UAAM;AAAA,IAAI,gBACf;AAAA,MACE,4CAAC,uCAAc,SAAkB,aAAa,OAAO,kBACnD,sDAAC,YAAAC,MAAA,EAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,MAAM,CAAC;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AACF;","names":["import_react","MakeswiftPage"]}

package/dist/cjs/next/testing/react-provider.js

@@ -22,14 +22,16 @@ __export(react_provider_exports, {
 });
 module.exports = __toCommonJS(react_provider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_RuntimeProvider = require("../../runtimes/react/components/RuntimeProvider");
+var import_framework_provider = require("../components/framework-provider");
 var import_root_style_registry = require("../root-style-registry");
-var import_runtime_provider = require("../runtime-provider");
 function ReactProvider({
   children,
   runtime,
-  previewMode = false
+  previewMode = false,
+  forcePagesRouter = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_runtime_provider.NextRuntimeProvider, { previewMode, runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_style_registry.RootStyleRegistry, { children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framework_provider.FrameworkProvider, { forcePagesRouter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RuntimeProvider.RuntimeProvider, { previewMode, runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_style_registry.RootStyleRegistry, { children }) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/next/testing/react-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/react-provider.tsx"],"sourcesContent":["import { ReactRuntime } from '../../runtimes/react/react-runtime'\n\nimport { RootStyleRegistry } from '../root-style-registry'\nimport { NextRuntimeProvider } from '../runtime-provider'\n\nexport function ReactProvider({\n  children,\n  runtime,\n  previewMode = false,\n}: {\n  children: React.ReactNode\n  runtime: ReactRuntime\n  previewMode?: boolean\n}) {\n  return (\n    <NextRuntimeProvider previewMode={previewMode} runtime={runtime}>\n      <RootStyleRegistry>{children}</RootStyleRegistry>\n    </NextRuntimeProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBM;AAdN,iCAAkC;AAClC,8BAAoC;AAE7B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAIG;AACD,SACE,4CAAC,+CAAoB,aAA0B,SAC7C,sDAAC,gDAAmB,UAAS,GAC/B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/react-provider.tsx"],"sourcesContent":["import { ReactRuntime } from '../../runtimes/react/react-runtime'\nimport { RuntimeProvider } from '../../runtimes/react/components/RuntimeProvider'\n\nimport { FrameworkProvider } from '../components/framework-provider'\nimport { RootStyleRegistry } from '../root-style-registry'\n\nexport function ReactProvider({\n  children,\n  runtime,\n  previewMode = false,\n  forcePagesRouter = false,\n}: {\n  children: React.ReactNode\n  runtime: ReactRuntime\n  previewMode?: boolean\n  forcePagesRouter?: boolean\n}) {\n  return (\n    <FrameworkProvider forcePagesRouter={forcePagesRouter}>\n      <RuntimeProvider previewMode={previewMode} runtime={runtime}>\n        <RootStyleRegistry>{children}</RootStyleRegistry>\n      </RuntimeProvider>\n    </FrameworkProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBQ;AAnBR,6BAAgC;AAEhC,gCAAkC;AAClC,iCAAkC;AAE3B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAKG;AACD,SACE,4CAAC,+CAAkB,kBACjB,sDAAC,0CAAgB,aAA0B,SACzC,sDAAC,gDAAmB,UAAS,GAC/B,GACF;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/components/page/HeadSnippet.js

@@ -32,7 +32,7 @@ __export(HeadSnippet_exports, {
   cleanUpSnippet: () => cleanUpSnippet,
   getSnippetElementsFromDOM: () => getSnippetElementsFromDOM,
   renderSnippetAndExecuteScripts: () => renderSnippetAndExecuteScripts,
-  snippetToElement: () => snippetToElement
+  snippetToElements: () => snippetToElements
 });
 module.exports = __toCommonJS(HeadSnippet_exports);
 var import_react = require("react");
@@ -58,7 +58,7 @@ const VALID_HEAD_ELEMENT_TYPES = [
   "noscript",
   "template"
 ];
-function snippetToElement(snippet) {
+function snippetToElements(snippet) {
   return import_react.Children.map((0, import_html_react_parser.default)(snippet.code), (element) => {
     if (typeof element === "string")
       return element;
@@ -113,6 +113,6 @@ function getSnippetElementsFromDOM(snippet) {
   cleanUpSnippet,
   getSnippetElementsFromDOM,
   renderSnippetAndExecuteScripts,
-  snippetToElement
+  snippetToElements
 });
 //# sourceMappingURL=HeadSnippet.js.map

package/dist/cjs/runtimes/react/components/page/HeadSnippet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/HeadSnippet.tsx"],"sourcesContent":["import { Children, createElement, useEffect } from 'react'\nimport parse from 'html-react-parser'\n\nimport { type Snippet } from '../../../../client'\n\nexport function BaseHeadSnippet({ snippet }: { snippet: Snippet }) {\n  useEffect(() => {\n    const snippetElements = getSnippetElementsFromDOM(snippet)\n    const isAlreadyInTheDOM = snippetElements.length > 0\n\n    if (isAlreadyInTheDOM) return\n\n    return renderSnippetAndExecuteScripts(snippet, window.document.head)\n  }, [snippet])\n\n  return null\n}\n\nconst SNIPPET_ID_ATRIBUTE_NAME = 'data-makeswift-snippet-id'\n\nconst VALID_HEAD_ELEMENT_TYPES = [\n  'title',\n  'base',\n  'link',\n  'style',\n  'meta',\n  'script',\n  'noscript',\n  'template',\n]\n\nexport function snippetToElement(snippet: Pick<Snippet, 'id' | 'code'>): (string | JSX.Element)[] {\n  return Children.map(parse(snippet.code), element => {\n    if (typeof element === 'string') return element\n\n    if (!VALID_HEAD_ELEMENT_TYPES.includes(element.type as string)) return null\n\n    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id\n\n    return createElement(element.type, {\n      ...element.props,\n      key,\n      [SNIPPET_ID_ATRIBUTE_NAME]: snippet.id,\n    })\n  })\n}\n\nexport function renderSnippetAndExecuteScripts(\n  snippet: Snippet,\n  container: HTMLElement,\n): () => void {\n  const virtualContainer = container.ownerDocument.createElement(container.tagName)\n\n  virtualContainer.innerHTML = snippet.code\n\n  const elements = Array.from(virtualContainer.querySelectorAll('*'))\n  const scripts = elements.filter(el => el instanceof HTMLScriptElement)\n\n  scripts.forEach(script => {\n    const clone = script.ownerDocument.createElement(script.tagName)\n\n    clone.textContent = script.textContent\n    Array.from(script.attributes).forEach(({ name, value }) => {\n      clone.setAttribute(name, value)\n    })\n    clone.setAttribute(SNIPPET_ID_ATRIBUTE_NAME, snippet.id)\n    script.parentNode?.replaceChild(clone, script)\n  })\n\n  const nodes = Array.from(virtualContainer.childNodes)\n  container.append(...nodes)\n\n  return () => {\n    nodes.forEach(node => {\n      node.parentNode?.removeChild(node)\n    })\n\n    cleanUpSnippet(snippet)\n  }\n}\n\nexport function cleanUpSnippet(snippet: Snippet): void {\n  if (snippet.cleanup == null) return\n  try {\n    const cleanUp = new Function(snippet.cleanup)\n    cleanUp()\n  } catch {\n    // Ignore errors from user input.\n  }\n}\n\nexport function getSnippetElementsFromDOM(snippet: Snippet) {\n  return document.head.querySelectorAll(`[${SNIPPET_ID_ATRIBUTE_NAME}=\"${snippet.id}\"]`)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AACnD,+BAAkB;AAIX,SAAS,gBAAgB,EAAE,QAAQ,GAAyB;AACjE,8BAAU,MAAM;AACd,UAAM,kBAAkB,0BAA0B,OAAO;AACzD,UAAM,oBAAoB,gBAAgB,SAAS;AAEnD,QAAI;AAAmB;AAEvB,WAAO,+BAA+B,SAAS,OAAO,SAAS,IAAI;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;AAEA,MAAM,2BAA2B;AAEjC,MAAM,2BAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,iBAAiB,SAAiE;AAChG,SAAO,sBAAS,QAAI,yBAAAA,SAAM,QAAQ,IAAI,GAAG,aAAW;AAClD,QAAI,OAAO,YAAY;AAAU,aAAO;AAExC,QAAI,CAAC,yBAAyB,SAAS,QAAQ,IAAc;AAAG,aAAO;AAEvE,UAAM,MAAM,QAAQ,MAAM,GAAG,QAAQ,EAAE,IAAI,QAAQ,GAAG,KAAK,QAAQ;AAEnE,eAAO,4BAAc,QAAQ,MAAM;AAAA,MACjC,GAAG,QAAQ;AAAA,MACX;AAAA,MACA,CAAC,wBAAwB,GAAG,QAAQ;AAAA,IACtC,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,+BACd,SACA,WACY;AACZ,QAAM,mBAAmB,UAAU,cAAc,cAAc,UAAU,OAAO;AAEhF,mBAAiB,YAAY,QAAQ;AAErC,QAAM,WAAW,MAAM,KAAK,iBAAiB,iBAAiB,GAAG,CAAC;AAClE,QAAM,UAAU,SAAS,OAAO,QAAM,cAAc,iBAAiB;AAErE,UAAQ,QAAQ,YAAU;AACxB,UAAM,QAAQ,OAAO,cAAc,cAAc,OAAO,OAAO;AAE/D,UAAM,cAAc,OAAO;AAC3B,UAAM,KAAK,OAAO,UAAU,EAAE,QAAQ,CAAC,EAAE,MAAM,MAAM,MAAM;AACzD,YAAM,aAAa,MAAM,KAAK;AAAA,IAChC,CAAC;AACD,UAAM,aAAa,0BAA0B,QAAQ,EAAE;AACvD,WAAO,YAAY,aAAa,OAAO,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM,QAAQ,MAAM,KAAK,iBAAiB,UAAU;AACpD,YAAU,OAAO,GAAG,KAAK;AAEzB,SAAO,MAAM;AACX,UAAM,QAAQ,UAAQ;AACpB,WAAK,YAAY,YAAY,IAAI;AAAA,IACnC,CAAC;AAED,mBAAe,OAAO;AAAA,EACxB;AACF;AAEO,SAAS,eAAe,SAAwB;AACrD,MAAI,QAAQ,WAAW;AAAM;AAC7B,MAAI;AACF,UAAM,UAAU,IAAI,SAAS,QAAQ,OAAO;AAC5C,YAAQ;AAAA,EACV,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,0BAA0B,SAAkB;AAC1D,SAAO,SAAS,KAAK,iBAAiB,IAAI,wBAAwB,KAAK,QAAQ,EAAE,IAAI;AACvF;","names":["parse"]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/HeadSnippet.tsx"],"sourcesContent":["import { Children, createElement, useEffect } from 'react'\nimport parse from 'html-react-parser'\n\nimport { type Snippet } from '../../../../client'\n\nexport function BaseHeadSnippet({ snippet }: { snippet: Snippet }) {\n  useEffect(() => {\n    const snippetElements = getSnippetElementsFromDOM(snippet)\n    const isAlreadyInTheDOM = snippetElements.length > 0\n\n    if (isAlreadyInTheDOM) return\n\n    return renderSnippetAndExecuteScripts(snippet, window.document.head)\n  }, [snippet])\n\n  return null\n}\n\nconst SNIPPET_ID_ATRIBUTE_NAME = 'data-makeswift-snippet-id'\n\nconst VALID_HEAD_ELEMENT_TYPES = [\n  'title',\n  'base',\n  'link',\n  'style',\n  'meta',\n  'script',\n  'noscript',\n  'template',\n]\n\nexport function snippetToElements(snippet: Pick<Snippet, 'id' | 'code'>): (string | JSX.Element)[] {\n  return Children.map(parse(snippet.code), element => {\n    if (typeof element === 'string') return element\n\n    if (!VALID_HEAD_ELEMENT_TYPES.includes(element.type as string)) return null\n\n    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id\n\n    return createElement(element.type, {\n      ...element.props,\n      key,\n      [SNIPPET_ID_ATRIBUTE_NAME]: snippet.id,\n    })\n  })\n}\n\nexport function renderSnippetAndExecuteScripts(\n  snippet: Snippet,\n  container: HTMLElement,\n): () => void {\n  const virtualContainer = container.ownerDocument.createElement(container.tagName)\n\n  virtualContainer.innerHTML = snippet.code\n\n  const elements = Array.from(virtualContainer.querySelectorAll('*'))\n  const scripts = elements.filter(el => el instanceof HTMLScriptElement)\n\n  scripts.forEach(script => {\n    const clone = script.ownerDocument.createElement(script.tagName)\n\n    clone.textContent = script.textContent\n    Array.from(script.attributes).forEach(({ name, value }) => {\n      clone.setAttribute(name, value)\n    })\n    clone.setAttribute(SNIPPET_ID_ATRIBUTE_NAME, snippet.id)\n    script.parentNode?.replaceChild(clone, script)\n  })\n\n  const nodes = Array.from(virtualContainer.childNodes)\n  container.append(...nodes)\n\n  return () => {\n    nodes.forEach(node => {\n      node.parentNode?.removeChild(node)\n    })\n\n    cleanUpSnippet(snippet)\n  }\n}\n\nexport function cleanUpSnippet(snippet: Snippet): void {\n  if (snippet.cleanup == null) return\n  try {\n    const cleanUp = new Function(snippet.cleanup)\n    cleanUp()\n  } catch {\n    // Ignore errors from user input.\n  }\n}\n\nexport function getSnippetElementsFromDOM(snippet: Snippet) {\n  return document.head.querySelectorAll(`[${SNIPPET_ID_ATRIBUTE_NAME}=\"${snippet.id}\"]`)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AACnD,+BAAkB;AAIX,SAAS,gBAAgB,EAAE,QAAQ,GAAyB;AACjE,8BAAU,MAAM;AACd,UAAM,kBAAkB,0BAA0B,OAAO;AACzD,UAAM,oBAAoB,gBAAgB,SAAS;AAEnD,QAAI;AAAmB;AAEvB,WAAO,+BAA+B,SAAS,OAAO,SAAS,IAAI;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;AAEA,MAAM,2BAA2B;AAEjC,MAAM,2BAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,kBAAkB,SAAiE;AACjG,SAAO,sBAAS,QAAI,yBAAAA,SAAM,QAAQ,IAAI,GAAG,aAAW;AAClD,QAAI,OAAO,YAAY;AAAU,aAAO;AAExC,QAAI,CAAC,yBAAyB,SAAS,QAAQ,IAAc;AAAG,aAAO;AAEvE,UAAM,MAAM,QAAQ,MAAM,GAAG,QAAQ,EAAE,IAAI,QAAQ,GAAG,KAAK,QAAQ;AAEnE,eAAO,4BAAc,QAAQ,MAAM;AAAA,MACjC,GAAG,QAAQ;AAAA,MACX;AAAA,MACA,CAAC,wBAAwB,GAAG,QAAQ;AAAA,IACtC,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,+BACd,SACA,WACY;AACZ,QAAM,mBAAmB,UAAU,cAAc,cAAc,UAAU,OAAO;AAEhF,mBAAiB,YAAY,QAAQ;AAErC,QAAM,WAAW,MAAM,KAAK,iBAAiB,iBAAiB,GAAG,CAAC;AAClE,QAAM,UAAU,SAAS,OAAO,QAAM,cAAc,iBAAiB;AAErE,UAAQ,QAAQ,YAAU;AACxB,UAAM,QAAQ,OAAO,cAAc,cAAc,OAAO,OAAO;AAE/D,UAAM,cAAc,OAAO;AAC3B,UAAM,KAAK,OAAO,UAAU,EAAE,QAAQ,CAAC,EAAE,MAAM,MAAM,MAAM;AACzD,YAAM,aAAa,MAAM,KAAK;AAAA,IAChC,CAAC;AACD,UAAM,aAAa,0BAA0B,QAAQ,EAAE;AACvD,WAAO,YAAY,aAAa,OAAO,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM,QAAQ,MAAM,KAAK,iBAAiB,UAAU;AACpD,YAAU,OAAO,GAAG,KAAK;AAEzB,SAAO,MAAM;AACX,UAAM,QAAQ,UAAQ;AACpB,WAAK,YAAY,YAAY,IAAI;AAAA,IACnC,CAAC;AAED,mBAAe,OAAO;AAAA,EACxB;AACF;AAEO,SAAS,eAAe,SAAwB;AACrD,MAAI,QAAQ,WAAW;AAAM;AAC7B,MAAI;AACF,UAAM,UAAU,IAAI,SAAS,QAAQ,OAAO;AAC5C,YAAQ;AAAA,EACV,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,0BAA0B,SAAkB;AAC1D,SAAO,SAAS,KAAK,iBAAiB,IAAI,wBAAwB,KAAK,QAAQ,EAAE,IAAI;AACvF;","names":["parse"]}

package/dist/esm/api-handler/handlers/manifest.js

@@ -8,7 +8,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return ApiResponse.json({
-    version: "0.25.0-canary.5",
+    version: "0.25.0-canary.6",
     previewMode: false,
     draftMode: false,
     interactionMode: true,

package/dist/esm/next/components/framework-provider/app-router/HeadSnippet.js

@@ -3,16 +3,16 @@ import { useRef } from "react";
 import { useServerInsertedHTML } from "next/navigation";
 import {
   BaseHeadSnippet,
-  snippetToElement
+  snippetToElements
 } from "../../../../runtimes/react/components/page/HeadSnippet";
 function HeadSnippet({ snippet }) {
-  const headSnippetElement = snippetToElement(snippet);
+  const headSnippetElements = snippetToElements(snippet);
   const insertedServerHTML = useRef(false);
   useServerInsertedHTML(() => {
     if (insertedServerHTML.current)
       return;
     insertedServerHTML.current = true;
-    return headSnippetElement;
+    return headSnippetElements;
   });
   return /* @__PURE__ */ jsx(BaseHeadSnippet, { snippet });
 }

package/dist/esm/next/components/framework-provider/app-router/HeadSnippet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/framework-provider/app-router/HeadSnippet.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useServerInsertedHTML } from 'next/navigation'\n\nimport { type Snippet } from '../../../../client'\n\nimport {\n  BaseHeadSnippet,\n  snippetToElement,\n} from '../../../../runtimes/react/components/page/HeadSnippet'\n\nexport function HeadSnippet({ snippet }: { snippet: Snippet }) {\n  const headSnippetElement = snippetToElement(snippet)\n  const insertedServerHTML = useRef(false)\n\n  useServerInsertedHTML(() => {\n    if (insertedServerHTML.current) return\n\n    insertedServerHTML.current = true\n\n    return headSnippetElement\n  })\n\n  return <BaseHeadSnippet snippet={snippet} />\n}\n"],"mappings":"AAsBS;AAtBT,SAAS,cAAc;AACvB,SAAS,6BAA6B;AAItC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,QAAM,qBAAqB,iBAAiB,OAAO;AACnD,QAAM,qBAAqB,OAAO,KAAK;AAEvC,wBAAsB,MAAM;AAC1B,QAAI,mBAAmB;AAAS;AAEhC,uBAAmB,UAAU;AAE7B,WAAO;AAAA,EACT,CAAC;AAED,SAAO,oBAAC,mBAAgB,SAAkB;AAC5C;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/components/framework-provider/app-router/HeadSnippet.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useServerInsertedHTML } from 'next/navigation'\n\nimport { type Snippet } from '../../../../client'\n\nimport {\n  BaseHeadSnippet,\n  snippetToElements,\n} from '../../../../runtimes/react/components/page/HeadSnippet'\n\nexport function HeadSnippet({ snippet }: { snippet: Snippet }) {\n  const headSnippetElements = snippetToElements(snippet)\n  const insertedServerHTML = useRef(false)\n\n  useServerInsertedHTML(() => {\n    if (insertedServerHTML.current) return\n\n    insertedServerHTML.current = true\n\n    return headSnippetElements\n  })\n\n  return <BaseHeadSnippet snippet={snippet} />\n}\n"],"mappings":"AAsBS;AAtBT,SAAS,cAAc;AACvB,SAAS,6BAA6B;AAItC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,QAAM,sBAAsB,kBAAkB,OAAO;AACrD,QAAM,qBAAqB,OAAO,KAAK;AAEvC,wBAAsB,MAAM;AAC1B,QAAI,mBAAmB;AAAS;AAEhC,uBAAmB,UAAU;AAE7B,WAAO;AAAA,EACT,CAAC;AAED,SAAO,oBAAC,mBAAgB,SAAkB;AAC5C;","names":[]}

package/dist/esm/next/components/framework-provider/index.js

@@ -5,8 +5,11 @@ import { useIsPagesRouter } from "../../hooks/use-is-pages-router";
 import { context as appRouterContext } from "./app-router";
 import { context as pagesRouterContext } from "./pages-router";
 import { FrameworkContext } from "../../../runtimes/react/components/framework-context";
-function FrameworkProvider({ children }) {
-  const isPagesRouter = useIsPagesRouter();
+function FrameworkProvider({
+  children,
+  forcePagesRouter
+}) {
+  const isPagesRouter = useIsPagesRouter() || forcePagesRouter;
   const context = useMemo(
     () => isPagesRouter ? pagesRouterContext : appRouterContext,
     [isPagesRouter]

package/dist/esm/next/components/framework-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/components/framework-provider/index.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useMemo } from 'react'\nimport { useIsPagesRouter } from '../../hooks/use-is-pages-router'\n\nimport { context as appRouterContext } from './app-router'\nimport { context as pagesRouterContext } from './pages-router'\nimport { FrameworkContext } from '../../../runtimes/react/components/framework-context'\n\nexport function FrameworkProvider({ children }: PropsWithChildren) {\n  const isPagesRouter = useIsPagesRouter()\n  const context = useMemo(\n    () => (isPagesRouter ? pagesRouterContext : appRouterContext),\n    [isPagesRouter],\n  )\n\n  return <FrameworkContext.Provider value={context}>{children}</FrameworkContext.Provider>\n}\n"],"mappings":";AAgBS;AAdT,SAAiC,eAAe;AAChD,SAAS,wBAAwB;AAEjC,SAAS,WAAW,wBAAwB;AAC5C,SAAS,WAAW,0BAA0B;AAC9C,SAAS,wBAAwB;AAE1B,SAAS,kBAAkB,EAAE,SAAS,GAAsB;AACjE,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,UAAU;AAAA,IACd,MAAO,gBAAgB,qBAAqB;AAAA,IAC5C,CAAC,aAAa;AAAA,EAChB;AAEA,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,SAAU,UAAS;AAC9D;","names":[]}
+{"version":3,"sources":["../../../../../src/next/components/framework-provider/index.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useMemo } from 'react'\nimport { useIsPagesRouter } from '../../hooks/use-is-pages-router'\n\nimport { context as appRouterContext } from './app-router'\nimport { context as pagesRouterContext } from './pages-router'\nimport { FrameworkContext } from '../../../runtimes/react/components/framework-context'\n\nexport function FrameworkProvider({\n  children,\n  forcePagesRouter,\n}: PropsWithChildren<{ forcePagesRouter?: boolean }>) {\n  const isPagesRouter = useIsPagesRouter() || forcePagesRouter\n  const context = useMemo(\n    () => (isPagesRouter ? pagesRouterContext : appRouterContext),\n    [isPagesRouter],\n  )\n\n  return <FrameworkContext.Provider value={context}>{children}</FrameworkContext.Provider>\n}\n"],"mappings":";AAmBS;AAjBT,SAAiC,eAAe;AAChD,SAAS,wBAAwB;AAEjC,SAAS,WAAW,wBAAwB;AAC5C,SAAS,WAAW,0BAA0B;AAC9C,SAAS,wBAAwB;AAE1B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,gBAAgB,iBAAiB,KAAK;AAC5C,QAAM,UAAU;AAAA,IACd,MAAO,gBAAgB,qBAAqB;AAAA,IAC5C,CAAC,aAAa;AAAA,EAChB;AAEA,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,SAAU,UAAS;AAC9D;","names":[]}

package/dist/esm/next/components/framework-provider/pages-router/HeadSnippet.js

@@ -1,11 +1,13 @@
-import { jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, isValidElement } from "react";
 import Head from "next/head";
+import Script from "next/script";
 import {
-  snippetToElement,
+  snippetToElements,
   getSnippetElementsFromDOM,
   cleanUpSnippet
 } from "../../../../runtimes/react/components/page/HeadSnippet";
+const isScriptElement = (element) => isValidElement(element) && element.type === "script";
 function HeadSnippet({ snippet }) {
   useEffect(() => {
     return () => {
@@ -15,8 +17,10 @@ function HeadSnippet({ snippet }) {
       cleanUpSnippet(snippet);
     };
   }, [snippet]);
-  const headSnippetElement = snippetToElement(snippet);
-  return /* @__PURE__ */ jsx(Head, { children: headSnippetElement });
+  const headSnippetElements = snippetToElements(snippet);
+  return /* @__PURE__ */ jsx(Fragment, { children: headSnippetElements.map(
+    (element, i) => isScriptElement(element) ? /* @__PURE__ */ jsx(Script, { ...element.props, strategy: "beforeInteractive" }, element.key) : /* @__PURE__ */ jsx(Head, { children: element }, isValidElement(element) ? element.key : i)
+  ) });
 }
 export {
   HeadSnippet

package/dist/esm/next/components/framework-provider/pages-router/HeadSnippet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/framework-provider/pages-router/HeadSnippet.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport Head from 'next/head'\n\nimport { type Snippet } from '../../../../client'\n\nimport {\n  snippetToElement,\n  getSnippetElementsFromDOM,\n  cleanUpSnippet,\n} from '../../../../runtimes/react/components/page/HeadSnippet'\n\nexport function HeadSnippet({ snippet }: { snippet: Snippet }) {\n  useEffect(() => {\n    return () => {\n      const snippetElements = getSnippetElementsFromDOM(snippet)\n      if (snippetElements.length > 0) return\n      cleanUpSnippet(snippet)\n    }\n  }, [snippet])\n\n  const headSnippetElement = snippetToElement(snippet)\n\n  return <Head>{headSnippetElement}</Head>\n}\n"],"mappings":"AAuBS;AAvBT,SAAS,iBAAiB;AAE1B,OAAO,UAAU;AAIjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,YAAU,MAAM;AACd,WAAO,MAAM;AACX,YAAM,kBAAkB,0BAA0B,OAAO;AACzD,UAAI,gBAAgB,SAAS;AAAG;AAChC,qBAAe,OAAO;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,qBAAqB,iBAAiB,OAAO;AAEnD,SAAO,oBAAC,QAAM,8BAAmB;AACnC;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/components/framework-provider/pages-router/HeadSnippet.tsx"],"sourcesContent":["import { type ReactElement, useEffect, isValidElement } from 'react'\n\nimport Head from 'next/head'\nimport Script from 'next/script'\n\nimport { type Snippet } from '../../../../client'\n\nimport {\n  snippetToElements,\n  getSnippetElementsFromDOM,\n  cleanUpSnippet,\n} from '../../../../runtimes/react/components/page/HeadSnippet'\n\nconst isScriptElement = (element: string | JSX.Element): element is ReactElement<any, 'script'> =>\n  isValidElement(element) && element.type === 'script'\n\nexport function HeadSnippet({ snippet }: { snippet: Snippet }) {\n  useEffect(() => {\n    return () => {\n      const snippetElements = getSnippetElementsFromDOM(snippet)\n      if (snippetElements.length > 0) return\n      cleanUpSnippet(snippet)\n    }\n  }, [snippet])\n\n  const headSnippetElements = snippetToElements(snippet)\n\n  return (\n    <>\n      {headSnippetElements.map((element, i) =>\n        isScriptElement(element) ? (\n          <Script key={element.key} {...element.props} strategy=\"beforeInteractive\" />\n        ) : (\n          <Head key={isValidElement(element) ? element.key : i}>{element}</Head>\n        ),\n      )}\n    </>\n  )\n}\n"],"mappings":"AA4BI,mBAGM,WAHN;AA5BJ,SAA4B,WAAW,sBAAsB;AAE7D,OAAO,UAAU;AACjB,OAAO,YAAY;AAInB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB,CAAC,YACvB,eAAe,OAAO,KAAK,QAAQ,SAAS;AAEvC,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,YAAU,MAAM;AACd,WAAO,MAAM;AACX,YAAM,kBAAkB,0BAA0B,OAAO;AACzD,UAAI,gBAAgB,SAAS;AAAG;AAChC,qBAAe,OAAO;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,sBAAsB,kBAAkB,OAAO;AAErD,SACE,gCACG,8BAAoB;AAAA,IAAI,CAAC,SAAS,MACjC,gBAAgB,OAAO,IACrB,oBAAC,UAA0B,GAAG,QAAQ,OAAO,UAAS,uBAAzC,QAAQ,GAAqD,IAE1E,oBAAC,QAAsD,qBAA5C,eAAe,OAAO,IAAI,QAAQ,MAAM,CAAY;AAAA,EAEnE,GACF;AAEJ;","names":[]}

package/dist/esm/next/components/tests/__fixtures__/page-document.js

@@ -0,0 +1,22 @@
+import { MakeswiftComponentType } from "../../../../components";
+const pageDocument = {
+  id: "2222-2222-2222-2222",
+  site: {
+    id: "1111-1111-1111-1111"
+  },
+  data: {
+    type: MakeswiftComponentType.Root,
+    key: "0000-0000-0000-0000",
+    props: {}
+  },
+  snippets: [],
+  fonts: [],
+  localizedPages: [],
+  locale: null,
+  meta: {},
+  seo: {}
+};
+export {
+  pageDocument
+};
+//# sourceMappingURL=page-document.js.map

package/dist/esm/next/components/tests/__fixtures__/page-document.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/components/tests/__fixtures__/page-document.ts"],"sourcesContent":["import { type MakeswiftPageDocument } from '../../../../client'\nimport { MakeswiftComponentType } from '../../../../components'\n\nexport const pageDocument: MakeswiftPageDocument = {\n  id: '2222-2222-2222-2222',\n  site: {\n    id: '1111-1111-1111-1111',\n  },\n  data: {\n    type: MakeswiftComponentType.Root,\n    key: '0000-0000-0000-0000',\n    props: {},\n  },\n  snippets: [],\n  fonts: [],\n  localizedPages: [],\n  locale: null,\n  meta: {},\n  seo: {},\n}\n"],"mappings":"AACA,SAAS,8BAA8B;AAEhC,MAAM,eAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,MAAM;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,MAAM,uBAAuB;AAAA,IAC7B,KAAK;AAAA,IACL,OAAO,CAAC;AAAA,EACV;AAAA,EACA,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AACR;","names":[]}

package/dist/esm/next/testing/element-data.js

@@ -21,15 +21,16 @@ function createRootComponent(elements, rootId) {
     }
   };
 }
-function createMakeswiftPageSnapshot(elementData, {
+const isDocument = (elementDataOrDocument) => "snippets" in elementDataOrDocument || "fonts" in elementDataOrDocument || "meta" in elementDataOrDocument || "seo" in elementDataOrDocument;
+function createMakeswiftPageSnapshot(elementDataOrDocument, {
   cacheData = {},
   locale = null
 } = {}) {
   return {
-    document: {
+    document: isDocument(elementDataOrDocument) ? elementDataOrDocument : {
       id: "test-page-id",
       site: { id: "test-site-id" },
-      data: elementData,
+      data: elementDataOrDocument,
       snippets: [],
       fonts: [],
       meta: {},

package/dist/esm/next/testing/element-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\n\nimport { type MakeswiftPageSnapshot, type MakeswiftComponentSnapshot } from '../../client'\nimport { CacheData } from '../../api/react'\nimport { type ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nexport function createMakeswiftPageSnapshot(\n  elementData: ElementData,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: {\n      id: 'test-page-id',\n      site: { id: 'test-site-id' },\n      data: elementData,\n      snippets: [],\n      fonts: [],\n      meta: {},\n      seo: {},\n      localizedPages: [],\n      locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAG3B,SAAS,iBAAiB;AAE1B,SAAS,8BAA8B;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,UAAU,WAAW;AAAA,IAC1B,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,4BACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,KAAK,WAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  type MakeswiftComponentSnapshot,\n} from '../../client'\nimport { CacheData } from '../../api/react'\nimport { type ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nconst isDocument = (\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n): elementDataOrDocument is MakeswiftPageDocument =>\n  'snippets' in elementDataOrDocument ||\n  'fonts' in elementDataOrDocument ||\n  'meta' in elementDataOrDocument ||\n  'seo' in elementDataOrDocument\n\nexport function createMakeswiftPageSnapshot(\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: isDocument(elementDataOrDocument)\n      ? elementDataOrDocument\n      : {\n          id: 'test-page-id',\n          site: { id: 'test-site-id' },\n          data: elementDataOrDocument,\n          snippets: [],\n          fonts: [],\n          meta: {},\n          seo: {},\n          localizedPages: [],\n          locale,\n        },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAO3B,SAAS,iBAAiB;AAE1B,SAAS,8BAA8B;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,UAAU,WAAW;AAAA,IAC1B,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,aAAa,CACjB,0BAEA,cAAc,yBACd,WAAW,yBACX,UAAU,yBACV,SAAS;AAEJ,SAAS,4BACd,uBACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU,WAAW,qBAAqB,IACtC,wBACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACJ,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,KAAK,WAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}

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

@@ -1,4 +1,5 @@
 export * from "./breakpoints";
 export * from "./element-data";
 export * from "./react-provider";
+export * from "./page-rendering";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/index.ts"],"sourcesContent":["export * from './breakpoints'\nexport * from './element-data'\nexport * from './react-provider'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/index.ts"],"sourcesContent":["export * from './breakpoints'\nexport * from './element-data'\nexport * from './react-provider'\nexport * from './page-rendering'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/next/testing/page-rendering.js

@@ -0,0 +1,28 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import "@testing-library/jest-dom";
+import { act } from "react-dom/test-utils";
+import { render } from "@testing-library/react";
+import { ReactRuntime } from "../../runtimes/react/react-runtime";
+import { MakeswiftComponentType } from "../../components";
+import { Page as MakeswiftPage } from "../components/page";
+import { ReactProvider } from "./react-provider";
+async function testMakeswiftPageHeadRendering(props, { forcePagesRouter = false } = {}) {
+  const runtime = new ReactRuntime();
+  runtime.registerComponent(() => /* @__PURE__ */ jsx(Fragment, {}), {
+    type: MakeswiftComponentType.Root,
+    label: "Root",
+    props: {}
+  });
+  return await act(
+    async () => render(
+      /* @__PURE__ */ jsx(ReactProvider, { runtime, previewMode: false, forcePagesRouter, children: /* @__PURE__ */ jsx(MakeswiftPage, { ...props }) }),
+      {
+        container: document.body.appendChild(document.createElement("head"))
+      }
+    )
+  );
+}
+export {
+  testMakeswiftPageHeadRendering
+};
+//# sourceMappingURL=page-rendering.js.map

package/dist/esm/next/testing/page-rendering.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/testing/page-rendering.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\n\nimport '@testing-library/jest-dom'\nimport { act } from 'react-dom/test-utils'\nimport { render } from '@testing-library/react'\n\nimport { ReactRuntime } from '../../runtimes/react/react-runtime'\nimport { MakeswiftComponentType } from '../../components'\n\nimport { Page as MakeswiftPage } from '../components/page'\n\nimport { ReactProvider } from './react-provider'\n\nexport async function testMakeswiftPageHeadRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  runtime.registerComponent(() => <></>, {\n    type: MakeswiftComponentType.Root,\n    label: 'Root',\n    props: {},\n  })\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} previewMode={false} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('head')),\n      },\n    ),\n  )\n}\n"],"mappings":"AAmBkC;AAjBlC,OAAO;AACP,SAAS,WAAW;AACpB,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAEvC,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,qBAAqB;AAE9B,eAAsB,+BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,UAAQ,kBAAkB,MAAM,gCAAE,GAAK;AAAA,IACrC,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,IACP,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,OAAO,kBACnD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,MAAM,CAAC;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/next/testing/react-provider.js

@@ -1,12 +1,14 @@
 import { jsx } from "react/jsx-runtime";
+import { RuntimeProvider } from "../../runtimes/react/components/RuntimeProvider";
+import { FrameworkProvider } from "../components/framework-provider";
 import { RootStyleRegistry } from "../root-style-registry";
-import { NextRuntimeProvider } from "../runtime-provider";
 function ReactProvider({
   children,
   runtime,
-  previewMode = false
+  previewMode = false,
+  forcePagesRouter = false
 }) {
-  return /* @__PURE__ */ jsx(NextRuntimeProvider, { previewMode, runtime, children: /* @__PURE__ */ jsx(RootStyleRegistry, { children }) });
+  return /* @__PURE__ */ jsx(FrameworkProvider, { forcePagesRouter, children: /* @__PURE__ */ jsx(RuntimeProvider, { previewMode, runtime, children: /* @__PURE__ */ jsx(RootStyleRegistry, { children }) }) });
 }
 export {
   ReactProvider

package/dist/esm/next/testing/react-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/react-provider.tsx"],"sourcesContent":["import { ReactRuntime } from '../../runtimes/react/react-runtime'\n\nimport { RootStyleRegistry } from '../root-style-registry'\nimport { NextRuntimeProvider } from '../runtime-provider'\n\nexport function ReactProvider({\n  children,\n  runtime,\n  previewMode = false,\n}: {\n  children: React.ReactNode\n  runtime: ReactRuntime\n  previewMode?: boolean\n}) {\n  return (\n    <NextRuntimeProvider previewMode={previewMode} runtime={runtime}>\n      <RootStyleRegistry>{children}</RootStyleRegistry>\n    </NextRuntimeProvider>\n  )\n}\n"],"mappings":"AAgBM;AAdN,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAE7B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAIG;AACD,SACE,oBAAC,uBAAoB,aAA0B,SAC7C,8BAAC,qBAAmB,UAAS,GAC/B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/react-provider.tsx"],"sourcesContent":["import { ReactRuntime } from '../../runtimes/react/react-runtime'\nimport { RuntimeProvider } from '../../runtimes/react/components/RuntimeProvider'\n\nimport { FrameworkProvider } from '../components/framework-provider'\nimport { RootStyleRegistry } from '../root-style-registry'\n\nexport function ReactProvider({\n  children,\n  runtime,\n  previewMode = false,\n  forcePagesRouter = false,\n}: {\n  children: React.ReactNode\n  runtime: ReactRuntime\n  previewMode?: boolean\n  forcePagesRouter?: boolean\n}) {\n  return (\n    <FrameworkProvider forcePagesRouter={forcePagesRouter}>\n      <RuntimeProvider previewMode={previewMode} runtime={runtime}>\n        <RootStyleRegistry>{children}</RootStyleRegistry>\n      </RuntimeProvider>\n    </FrameworkProvider>\n  )\n}\n"],"mappings":"AAoBQ;AAnBR,SAAS,uBAAuB;AAEhC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAE3B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAKG;AACD,SACE,oBAAC,qBAAkB,kBACjB,8BAAC,mBAAgB,aAA0B,SACzC,8BAAC,qBAAmB,UAAS,GAC/B,GACF;AAEJ;","names":[]}

package/dist/esm/runtimes/react/components/page/HeadSnippet.js

@@ -21,7 +21,7 @@ const VALID_HEAD_ELEMENT_TYPES = [
   "noscript",
   "template"
 ];
-function snippetToElement(snippet) {
+function snippetToElements(snippet) {
   return Children.map(parse(snippet.code), (element) => {
     if (typeof element === "string")
       return element;
@@ -75,6 +75,6 @@ export {
   cleanUpSnippet,
   getSnippetElementsFromDOM,
   renderSnippetAndExecuteScripts,
-  snippetToElement
+  snippetToElements
 };
 //# sourceMappingURL=HeadSnippet.js.map

package/dist/esm/runtimes/react/components/page/HeadSnippet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/HeadSnippet.tsx"],"sourcesContent":["import { Children, createElement, useEffect } from 'react'\nimport parse from 'html-react-parser'\n\nimport { type Snippet } from '../../../../client'\n\nexport function BaseHeadSnippet({ snippet }: { snippet: Snippet }) {\n  useEffect(() => {\n    const snippetElements = getSnippetElementsFromDOM(snippet)\n    const isAlreadyInTheDOM = snippetElements.length > 0\n\n    if (isAlreadyInTheDOM) return\n\n    return renderSnippetAndExecuteScripts(snippet, window.document.head)\n  }, [snippet])\n\n  return null\n}\n\nconst SNIPPET_ID_ATRIBUTE_NAME = 'data-makeswift-snippet-id'\n\nconst VALID_HEAD_ELEMENT_TYPES = [\n  'title',\n  'base',\n  'link',\n  'style',\n  'meta',\n  'script',\n  'noscript',\n  'template',\n]\n\nexport function snippetToElement(snippet: Pick<Snippet, 'id' | 'code'>): (string | JSX.Element)[] {\n  return Children.map(parse(snippet.code), element => {\n    if (typeof element === 'string') return element\n\n    if (!VALID_HEAD_ELEMENT_TYPES.includes(element.type as string)) return null\n\n    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id\n\n    return createElement(element.type, {\n      ...element.props,\n      key,\n      [SNIPPET_ID_ATRIBUTE_NAME]: snippet.id,\n    })\n  })\n}\n\nexport function renderSnippetAndExecuteScripts(\n  snippet: Snippet,\n  container: HTMLElement,\n): () => void {\n  const virtualContainer = container.ownerDocument.createElement(container.tagName)\n\n  virtualContainer.innerHTML = snippet.code\n\n  const elements = Array.from(virtualContainer.querySelectorAll('*'))\n  const scripts = elements.filter(el => el instanceof HTMLScriptElement)\n\n  scripts.forEach(script => {\n    const clone = script.ownerDocument.createElement(script.tagName)\n\n    clone.textContent = script.textContent\n    Array.from(script.attributes).forEach(({ name, value }) => {\n      clone.setAttribute(name, value)\n    })\n    clone.setAttribute(SNIPPET_ID_ATRIBUTE_NAME, snippet.id)\n    script.parentNode?.replaceChild(clone, script)\n  })\n\n  const nodes = Array.from(virtualContainer.childNodes)\n  container.append(...nodes)\n\n  return () => {\n    nodes.forEach(node => {\n      node.parentNode?.removeChild(node)\n    })\n\n    cleanUpSnippet(snippet)\n  }\n}\n\nexport function cleanUpSnippet(snippet: Snippet): void {\n  if (snippet.cleanup == null) return\n  try {\n    const cleanUp = new Function(snippet.cleanup)\n    cleanUp()\n  } catch {\n    // Ignore errors from user input.\n  }\n}\n\nexport function getSnippetElementsFromDOM(snippet: Snippet) {\n  return document.head.querySelectorAll(`[${SNIPPET_ID_ATRIBUTE_NAME}=\"${snippet.id}\"]`)\n}\n"],"mappings":"AAAA,SAAS,UAAU,eAAe,iBAAiB;AACnD,OAAO,WAAW;AAIX,SAAS,gBAAgB,EAAE,QAAQ,GAAyB;AACjE,YAAU,MAAM;AACd,UAAM,kBAAkB,0BAA0B,OAAO;AACzD,UAAM,oBAAoB,gBAAgB,SAAS;AAEnD,QAAI;AAAmB;AAEvB,WAAO,+BAA+B,SAAS,OAAO,SAAS,IAAI;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;AAEA,MAAM,2BAA2B;AAEjC,MAAM,2BAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,iBAAiB,SAAiE;AAChG,SAAO,SAAS,IAAI,MAAM,QAAQ,IAAI,GAAG,aAAW;AAClD,QAAI,OAAO,YAAY;AAAU,aAAO;AAExC,QAAI,CAAC,yBAAyB,SAAS,QAAQ,IAAc;AAAG,aAAO;AAEvE,UAAM,MAAM,QAAQ,MAAM,GAAG,QAAQ,EAAE,IAAI,QAAQ,GAAG,KAAK,QAAQ;AAEnE,WAAO,cAAc,QAAQ,MAAM;AAAA,MACjC,GAAG,QAAQ;AAAA,MACX;AAAA,MACA,CAAC,wBAAwB,GAAG,QAAQ;AAAA,IACtC,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,+BACd,SACA,WACY;AACZ,QAAM,mBAAmB,UAAU,cAAc,cAAc,UAAU,OAAO;AAEhF,mBAAiB,YAAY,QAAQ;AAErC,QAAM,WAAW,MAAM,KAAK,iBAAiB,iBAAiB,GAAG,CAAC;AAClE,QAAM,UAAU,SAAS,OAAO,QAAM,cAAc,iBAAiB;AAErE,UAAQ,QAAQ,YAAU;AACxB,UAAM,QAAQ,OAAO,cAAc,cAAc,OAAO,OAAO;AAE/D,UAAM,cAAc,OAAO;AAC3B,UAAM,KAAK,OAAO,UAAU,EAAE,QAAQ,CAAC,EAAE,MAAM,MAAM,MAAM;AACzD,YAAM,aAAa,MAAM,KAAK;AAAA,IAChC,CAAC;AACD,UAAM,aAAa,0BAA0B,QAAQ,EAAE;AACvD,WAAO,YAAY,aAAa,OAAO,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM,QAAQ,MAAM,KAAK,iBAAiB,UAAU;AACpD,YAAU,OAAO,GAAG,KAAK;AAEzB,SAAO,MAAM;AACX,UAAM,QAAQ,UAAQ;AACpB,WAAK,YAAY,YAAY,IAAI;AAAA,IACnC,CAAC;AAED,mBAAe,OAAO;AAAA,EACxB;AACF;AAEO,SAAS,eAAe,SAAwB;AACrD,MAAI,QAAQ,WAAW;AAAM;AAC7B,MAAI;AACF,UAAM,UAAU,IAAI,SAAS,QAAQ,OAAO;AAC5C,YAAQ;AAAA,EACV,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,0BAA0B,SAAkB;AAC1D,SAAO,SAAS,KAAK,iBAAiB,IAAI,wBAAwB,KAAK,QAAQ,EAAE,IAAI;AACvF;","names":[]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/HeadSnippet.tsx"],"sourcesContent":["import { Children, createElement, useEffect } from 'react'\nimport parse from 'html-react-parser'\n\nimport { type Snippet } from '../../../../client'\n\nexport function BaseHeadSnippet({ snippet }: { snippet: Snippet }) {\n  useEffect(() => {\n    const snippetElements = getSnippetElementsFromDOM(snippet)\n    const isAlreadyInTheDOM = snippetElements.length > 0\n\n    if (isAlreadyInTheDOM) return\n\n    return renderSnippetAndExecuteScripts(snippet, window.document.head)\n  }, [snippet])\n\n  return null\n}\n\nconst SNIPPET_ID_ATRIBUTE_NAME = 'data-makeswift-snippet-id'\n\nconst VALID_HEAD_ELEMENT_TYPES = [\n  'title',\n  'base',\n  'link',\n  'style',\n  'meta',\n  'script',\n  'noscript',\n  'template',\n]\n\nexport function snippetToElements(snippet: Pick<Snippet, 'id' | 'code'>): (string | JSX.Element)[] {\n  return Children.map(parse(snippet.code), element => {\n    if (typeof element === 'string') return element\n\n    if (!VALID_HEAD_ELEMENT_TYPES.includes(element.type as string)) return null\n\n    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id\n\n    return createElement(element.type, {\n      ...element.props,\n      key,\n      [SNIPPET_ID_ATRIBUTE_NAME]: snippet.id,\n    })\n  })\n}\n\nexport function renderSnippetAndExecuteScripts(\n  snippet: Snippet,\n  container: HTMLElement,\n): () => void {\n  const virtualContainer = container.ownerDocument.createElement(container.tagName)\n\n  virtualContainer.innerHTML = snippet.code\n\n  const elements = Array.from(virtualContainer.querySelectorAll('*'))\n  const scripts = elements.filter(el => el instanceof HTMLScriptElement)\n\n  scripts.forEach(script => {\n    const clone = script.ownerDocument.createElement(script.tagName)\n\n    clone.textContent = script.textContent\n    Array.from(script.attributes).forEach(({ name, value }) => {\n      clone.setAttribute(name, value)\n    })\n    clone.setAttribute(SNIPPET_ID_ATRIBUTE_NAME, snippet.id)\n    script.parentNode?.replaceChild(clone, script)\n  })\n\n  const nodes = Array.from(virtualContainer.childNodes)\n  container.append(...nodes)\n\n  return () => {\n    nodes.forEach(node => {\n      node.parentNode?.removeChild(node)\n    })\n\n    cleanUpSnippet(snippet)\n  }\n}\n\nexport function cleanUpSnippet(snippet: Snippet): void {\n  if (snippet.cleanup == null) return\n  try {\n    const cleanUp = new Function(snippet.cleanup)\n    cleanUp()\n  } catch {\n    // Ignore errors from user input.\n  }\n}\n\nexport function getSnippetElementsFromDOM(snippet: Snippet) {\n  return document.head.querySelectorAll(`[${SNIPPET_ID_ATRIBUTE_NAME}=\"${snippet.id}\"]`)\n}\n"],"mappings":"AAAA,SAAS,UAAU,eAAe,iBAAiB;AACnD,OAAO,WAAW;AAIX,SAAS,gBAAgB,EAAE,QAAQ,GAAyB;AACjE,YAAU,MAAM;AACd,UAAM,kBAAkB,0BAA0B,OAAO;AACzD,UAAM,oBAAoB,gBAAgB,SAAS;AAEnD,QAAI;AAAmB;AAEvB,WAAO,+BAA+B,SAAS,OAAO,SAAS,IAAI;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;AAEA,MAAM,2BAA2B;AAEjC,MAAM,2BAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,kBAAkB,SAAiE;AACjG,SAAO,SAAS,IAAI,MAAM,QAAQ,IAAI,GAAG,aAAW;AAClD,QAAI,OAAO,YAAY;AAAU,aAAO;AAExC,QAAI,CAAC,yBAAyB,SAAS,QAAQ,IAAc;AAAG,aAAO;AAEvE,UAAM,MAAM,QAAQ,MAAM,GAAG,QAAQ,EAAE,IAAI,QAAQ,GAAG,KAAK,QAAQ;AAEnE,WAAO,cAAc,QAAQ,MAAM;AAAA,MACjC,GAAG,QAAQ;AAAA,MACX;AAAA,MACA,CAAC,wBAAwB,GAAG,QAAQ;AAAA,IACtC,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,+BACd,SACA,WACY;AACZ,QAAM,mBAAmB,UAAU,cAAc,cAAc,UAAU,OAAO;AAEhF,mBAAiB,YAAY,QAAQ;AAErC,QAAM,WAAW,MAAM,KAAK,iBAAiB,iBAAiB,GAAG,CAAC;AAClE,QAAM,UAAU,SAAS,OAAO,QAAM,cAAc,iBAAiB;AAErE,UAAQ,QAAQ,YAAU;AACxB,UAAM,QAAQ,OAAO,cAAc,cAAc,OAAO,OAAO;AAE/D,UAAM,cAAc,OAAO;AAC3B,UAAM,KAAK,OAAO,UAAU,EAAE,QAAQ,CAAC,EAAE,MAAM,MAAM,MAAM;AACzD,YAAM,aAAa,MAAM,KAAK;AAAA,IAChC,CAAC;AACD,UAAM,aAAa,0BAA0B,QAAQ,EAAE;AACvD,WAAO,YAAY,aAAa,OAAO,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM,QAAQ,MAAM,KAAK,iBAAiB,UAAU;AACpD,YAAU,OAAO,GAAG,KAAK;AAEzB,SAAO,MAAM;AACX,UAAM,QAAQ,UAAQ;AACpB,WAAK,YAAY,YAAY,IAAI;AAAA,IACnC,CAAC;AAED,mBAAe,OAAO;AAAA,EACxB;AACF;AAEO,SAAS,eAAe,SAAwB;AACrD,MAAI,QAAQ,WAAW;AAAM;AAC7B,MAAI;AACF,UAAM,UAAU,IAAI,SAAS,QAAQ,OAAO;AAC5C,YAAQ;AAAA,EACV,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,0BAA0B,SAAkB;AAC1D,SAAO,SAAS,KAAK,iBAAiB,IAAI,wBAAwB,KAAK,QAAQ,EAAE,IAAI;AACvF;","names":[]}

package/dist/types/next/components/framework-provider/index.d.ts

@@ -1,3 +1,5 @@
 import { type PropsWithChildren } from 'react';
-export declare function FrameworkProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function FrameworkProvider({ children, forcePagesRouter, }: PropsWithChildren<{
+    forcePagesRouter?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/next/components/framework-provider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/framework-provider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAOvD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAQhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/framework-provider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAOvD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,gBAAgB,GACjB,EAAE,iBAAiB,CAAC;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,2CAQnD"}

package/dist/types/next/components/framework-provider/pages-router/HeadSnippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadSnippet.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/framework-provider/pages-router/HeadSnippet.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAQjD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,2CAY5D"}
+{"version":3,"file":"HeadSnippet.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/framework-provider/pages-router/HeadSnippet.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAWjD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,2CAsB5D"}

package/dist/types/next/components/tests/__fixtures__/page-document.d.ts

@@ -0,0 +1,3 @@
+import { type MakeswiftPageDocument } from '../../../../client';
+export declare const pageDocument: MakeswiftPageDocument;
+//# sourceMappingURL=page-document.d.ts.map

package/dist/types/next/components/tests/__fixtures__/page-document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-document.d.ts","sourceRoot":"","sources":["../../../../../../src/next/components/tests/__fixtures__/page-document.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAG/D,eAAO,MAAM,YAAY,EAAE,qBAgB1B,CAAA"}

package/dist/types/next/components/tests/makeswift-page-snippets-rendering.test.d.ts

@@ -0,0 +1,3 @@
+/** @jest-environment jsdom */
+import '@testing-library/jest-dom';
+//# sourceMappingURL=makeswift-page-snippets-rendering.test.d.ts.map

package/dist/types/next/components/tests/makeswift-page-snippets-rendering.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeswift-page-snippets-rendering.test.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/tests/makeswift-page-snippets-rendering.test.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAE9B,OAAO,2BAA2B,CAAA"}

package/dist/types/next/testing/element-data.d.ts

@@ -1,4 +1,4 @@
-import { type MakeswiftPageSnapshot, type MakeswiftComponentSnapshot } from '../../client';
+import { type MakeswiftPageSnapshot, type MakeswiftPageDocument, type MakeswiftComponentSnapshot } from '../../client';
 import { type ElementData } from '../../state/react-page';
 export declare function createRootComponent(elements: ElementData[], rootId?: string): {
     key: string;
@@ -44,7 +44,7 @@ export declare function createRootComponent(elements: ElementData[], rootId?: st
         };
     };
 };
-export declare function createMakeswiftPageSnapshot(elementData: ElementData, { cacheData, locale, }?: {
+export declare function createMakeswiftPageSnapshot(elementDataOrDocument: ElementData | MakeswiftPageDocument, { cacheData, locale, }?: {
     cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>;
     locale?: string | null;
 }): MakeswiftPageSnapshot;

package/dist/types/next/testing/element-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-data.d.ts","sourceRoot":"","sources":["../../../../src/next/testing/element-data.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,cAAc,CAAA;AAE1F,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGzD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB3E;AAED,wBAAgB,2BAA2B,CACzC,WAAW,EAAE,WAAW,EACxB,EACE,SAAc,EACd,MAAa,GACd,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAO,GAC1F,qBAAqB,CAkBvB;AAED,wBAAgB,gCAAgC,CAC9C,WAAW,EAAE,WAAW,EACxB,EACE,SAAc,EACd,MAAa,GACd,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAO,GAC/F,0BAA0B,CAoB5B"}
+{"version":3,"file":"element-data.d.ts","sourceRoot":"","sources":["../../../../src/next/testing/element-data.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,EAChC,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGzD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB3E;AAUD,wBAAgB,2BAA2B,CACzC,qBAAqB,EAAE,WAAW,GAAG,qBAAqB,EAC1D,EACE,SAAc,EACd,MAAa,GACd,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAO,GAC1F,qBAAqB,CAoBvB;AAED,wBAAgB,gCAAgC,CAC9C,WAAW,EAAE,WAAW,EACxB,EACE,SAAc,EACd,MAAa,GACd,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAO,GAC/F,0BAA0B,CAoB5B"}

package/dist/types/next/testing/index.d.ts

@@ -1,4 +1,5 @@
 export * from './breakpoints';
 export * from './element-data';
 export * from './react-provider';
+export * from './page-rendering';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/next/testing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/testing/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/testing/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}

package/dist/types/next/testing/page-rendering.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import '@testing-library/jest-dom';
+import { Page as MakeswiftPage } from '../components/page';
+export declare function testMakeswiftPageHeadRendering(props: ComponentPropsWithoutRef<typeof MakeswiftPage>, { forcePagesRouter }?: {
+    forcePagesRouter?: boolean;
+}): Promise<import("@testing-library/react").RenderResult<import("@testing-library/react").Queries, HTMLHeadElement, HTMLHeadElement>>;
+//# sourceMappingURL=page-rendering.d.ts.map

package/dist/types/next/testing/page-rendering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-rendering.d.ts","sourceRoot":"","sources":["../../../../src/next/testing/page-rendering.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,2BAA2B,CAAA;AAOlC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAI1D,wBAAsB,8BAA8B,CAClD,KAAK,EAAE,wBAAwB,CAAC,OAAO,aAAa,CAAC,EACrD,EAAE,gBAAwB,EAAE,GAAE;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAO,sIAoBlE"}

package/dist/types/next/testing/react-provider.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { ReactRuntime } from '../../runtimes/react/react-runtime';
-export declare function ReactProvider({ children, runtime, previewMode, }: {
+export declare function ReactProvider({ children, runtime, previewMode, forcePagesRouter, }: {
     children: React.ReactNode;
     runtime: ReactRuntime;
     previewMode?: boolean;
+    forcePagesRouter?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=react-provider.d.ts.map

package/dist/types/next/testing/react-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-provider.d.ts","sourceRoot":"","sources":["../../../../src/next/testing/react-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAKjE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,WAAmB,GACpB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,YAAY,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,2CAMA"}
+{"version":3,"file":"react-provider.d.ts","sourceRoot":"","sources":["../../../../src/next/testing/react-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAMjE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,WAAmB,EACnB,gBAAwB,GACzB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,YAAY,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,2CAQA"}

package/dist/types/runtimes/react/components/page/HeadSnippet.d.ts

@@ -3,7 +3,7 @@ import { type Snippet } from '../../../../client';
 export declare function BaseHeadSnippet({ snippet }: {
     snippet: Snippet;
 }): null;
-export declare function snippetToElement(snippet: Pick<Snippet, 'id' | 'code'>): (string | JSX.Element)[];
+export declare function snippetToElements(snippet: Pick<Snippet, 'id' | 'code'>): (string | JSX.Element)[];
 export declare function renderSnippetAndExecuteScripts(snippet: Snippet, container: HTMLElement): () => void;
 export declare function cleanUpSnippet(snippet: Snippet): void;
 export declare function getSnippetElementsFromDOM(snippet: Snippet): NodeListOf<Element>;

package/dist/types/runtimes/react/components/page/HeadSnippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadSnippet.d.ts","sourceRoot":"","sources":["../../../../../../src/runtimes/react/components/page/HeadSnippet.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAEjD,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,QAWhE;AAeD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAchG;AAED,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,GACrB,MAAM,IAAI,CA6BZ;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAQrD;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,uBAEzD"}
+{"version":3,"file":"HeadSnippet.d.ts","sourceRoot":"","sources":["../../../../../../src/runtimes/react/components/page/HeadSnippet.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAEjD,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,QAWhE;AAeD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAcjG;AAED,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,GACrB,MAAM,IAAI,CA6BZ;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAQrD;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,uBAEzD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.25.0-canary.5",
+  "version": "0.25.0-canary.6",
   "license": "MIT",
   "files": [
     "dist",
@@ -173,8 +173,8 @@
     "use-sync-external-store": "^1.0.0-rc.0",
     "uuid": "^9.0.0",
     "zod": "^3.21.4",
-    "@makeswift/controls": "0.1.12",
     "@makeswift/next-plugin": "0.4.1",
+    "@makeswift/controls": "0.1.12",
     "@makeswift/prop-controllers": "0.4.6-canary.1"
   },
   "devDependencies": {