@makeswift/runtime 0.25.0-canary.8 → 0.25.0

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

@@ -4,34 +4,22 @@ import { useState } from "react";
 import { useServerInsertedHTML } from "next/navigation";
 import {
   createRootStyleCache,
-  RootStyleRegistry as ReactRootStyleRegistry
+  RootStyleRegistry as ReactRootStyleRegistry,
+  StyleTagSSR
 } from "../runtimes/react/root-style-registry";
-import { useCache, useCSSResetEnabled } from "../runtimes/react/root-style-registry";
-function NextRootStyleRegistry({ children, cacheKey, enableCssReset }) {
-  const [{ cache, flush }] = useState(() => createRootStyleCache({ key: cacheKey }));
+function NextRootStyleRegistry({
+  children,
+  cacheKey,
+  enableCssReset
+}) {
+  const [cache] = useState(() => createRootStyleCache({ key: cacheKey }));
   useServerInsertedHTML(() => {
-    const names = flush();
-    if (names.length === 0)
-      return null;
-    let styles = "";
-    for (const name of names) {
-      styles += cache.inserted[name];
-    }
-    return /* @__PURE__ */ jsx(
-      "style",
-      {
-        "data-emotion": `${cache.key} ${names.join(" ")}`,
-        dangerouslySetInnerHTML: {
-          __html: styles
-        }
-      }
-    );
+    const { classNames, css } = cache.flush();
+    return classNames.length > 0 ? /* @__PURE__ */ jsx(StyleTagSSR, { cacheKey: cache.key, classNames, css }) : null;
   });
   return /* @__PURE__ */ jsx(ReactRootStyleRegistry, { cache, enableCssReset, children });
 }
 export {
-  NextRootStyleRegistry,
-  useCSSResetEnabled,
-  useCache
+  NextRootStyleRegistry
 };
 //# sourceMappingURL=root-style-registry.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport { type ReactNode, useState } from 'react'\nimport { useServerInsertedHTML } from 'next/navigation'\n\nimport {\n  createRootStyleCache,\n  RootStyleRegistry as ReactRootStyleRegistry,\n} from '../runtimes/react/root-style-registry'\n\nexport { useCache, useCSSResetEnabled } from '../runtimes/react/root-style-registry'\n\ntype Props = {\n  children: ReactNode\n  cacheKey?: string\n  /**\n   * Toggle the built-in CSS reset.\n   * Set to `false` when using `@layer`-based CSS frameworks like Tailwind.\n   */\n  enableCssReset?: boolean\n}\n\nexport function NextRootStyleRegistry({ children, cacheKey, enableCssReset }: Props) {\n  const [{ cache, flush }] = useState(() => createRootStyleCache({ key: cacheKey }))\n\n  useServerInsertedHTML(() => {\n    const names = flush()\n    if (names.length === 0) return null\n    let styles = ''\n    for (const name of names) {\n      styles += cache.inserted[name]\n    }\n\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{\n          __html: styles,\n        }}\n      />\n    )\n  })\n\n  return (\n    <ReactRootStyleRegistry cache={cache} enableCssReset={enableCssReset}>\n      {children}\n    </ReactRootStyleRegistry>\n  )\n}\n"],"mappings":";AAkCM;AAhCN,SAAyB,gBAAgB;AACzC,SAAS,6BAA6B;AAEtC;AAAA,EACE;AAAA,EACA,qBAAqB;AAAA,OAChB;AAEP,SAAS,UAAU,0BAA0B;AAYtC,SAAS,sBAAsB,EAAE,UAAU,UAAU,eAAe,GAAU;AACnF,QAAM,CAAC,EAAE,OAAO,MAAM,CAAC,IAAI,SAAS,MAAM,qBAAqB,EAAE,KAAK,SAAS,CAAC,CAAC;AAEjF,wBAAsB,MAAM;AAC1B,UAAM,QAAQ,MAAM;AACpB,QAAI,MAAM,WAAW;AAAG,aAAO;AAC/B,QAAI,SAAS;AACb,eAAW,QAAQ,OAAO;AACxB,gBAAU,MAAM,SAAS,IAAI;AAAA,IAC/B;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc,GAAG,MAAM,GAAG,IAAI,MAAM,KAAK,GAAG,CAAC;AAAA,QAC7C,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SACE,oBAAC,0BAAuB,OAAc,gBACnC,UACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/next/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useState } from 'react'\nimport { useServerInsertedHTML } from 'next/navigation'\n\nimport {\n  createRootStyleCache,\n  RootStyleRegistry as ReactRootStyleRegistry,\n  StyleTagSSR,\n  type RootStyleProps,\n} from '../runtimes/react/root-style-registry'\n\nexport function NextRootStyleRegistry({\n  children,\n  cacheKey,\n  enableCssReset,\n}: PropsWithChildren<RootStyleProps>) {\n  const [cache] = useState(() => createRootStyleCache({ key: cacheKey }))\n\n  useServerInsertedHTML(() => {\n    const { classNames, css } = cache.flush()\n\n    return classNames.length > 0 ? (\n      <StyleTagSSR cacheKey={cache.key} classNames={classNames} css={css} />\n    ) : null\n  })\n\n  return (\n    <ReactRootStyleRegistry cache={cache} enableCssReset={enableCssReset}>\n      {children}\n    </ReactRootStyleRegistry>\n  )\n}\n"],"mappings":";AAuBM;AArBN,SAAiC,gBAAgB;AACjD,SAAS,6BAA6B;AAEtC;AAAA,EACE;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,OAEK;AAEA,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,CAAC,KAAK,IAAI,SAAS,MAAM,qBAAqB,EAAE,KAAK,SAAS,CAAC,CAAC;AAEtE,wBAAsB,MAAM;AAC1B,UAAM,EAAE,YAAY,IAAI,IAAI,MAAM,MAAM;AAExC,WAAO,WAAW,SAAS,IACzB,oBAAC,eAAY,UAAU,MAAM,KAAK,YAAwB,KAAU,IAClE;AAAA,EACN,CAAC;AAED,SACE,oBAAC,0BAAuB,OAAc,gBACnC,UACH;AAEJ;","names":[]}

package/dist/esm/next/server.js

@@ -1,5 +1,5 @@
 import { MakeswiftApiHandler } from "./api-handler";
-import { getSiteVersion } from "./draft-mode";
+import { getSiteVersion } from "./app-router-site-version";
 export {
   MakeswiftApiHandler,
   getSiteVersion

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/server.ts"],"sourcesContent":["export { MakeswiftApiHandler } from './api-handler'\nexport type { Manifest, Font } from '../api-handler'\nexport type { MakeswiftApiHandlerResponse } from './api-handler'\nexport { getSiteVersion } from './draft-mode'\n"],"mappings":"AAAA,SAAS,2BAA2B;AAGpC,SAAS,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../src/next/server.ts"],"sourcesContent":["export { MakeswiftApiHandler } from './api-handler'\nexport type { Manifest, Font } from '../api-handler'\nexport type { MakeswiftApiHandlerResponse } from './api-handler'\nexport { getSiteVersion } from './app-router-site-version'\n"],"mappings":"AAAA,SAAS,2BAA2B;AAGpC,SAAS,sBAAsB;","names":[]}

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

@@ -15,14 +15,26 @@ async function testMakeswiftPageHeadRendering(props, { forcePagesRouter = false
   });
   return await act(
     async () => render(
-      /* @__PURE__ */ jsx(ReactProvider, { runtime, previewMode: false, forcePagesRouter, children: /* @__PURE__ */ jsx(MakeswiftPage, { ...props }) }),
+      /* @__PURE__ */ jsx(ReactProvider, { runtime, siteVersion: null, forcePagesRouter, children: /* @__PURE__ */ jsx(MakeswiftPage, { ...props }) }),
       {
         container: document.body.appendChild(document.createElement("head"))
       }
     )
   );
 }
+async function testMakeswiftPageRendering(props, { forcePagesRouter = false } = {}) {
+  const runtime = new ReactRuntime();
+  return await act(
+    async () => render(
+      /* @__PURE__ */ jsx(ReactProvider, { runtime, siteVersion: null, forcePagesRouter, children: /* @__PURE__ */ jsx(MakeswiftPage, { ...props }) }),
+      {
+        container: document.body.appendChild(document.createElement("div"))
+      }
+    )
+  );
+}
 export {
-  testMakeswiftPageHeadRendering
+  testMakeswiftPageHeadRendering,
+  testMakeswiftPageRendering
 };
 //# sourceMappingURL=page-rendering.js.map

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

@@ -1 +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":[]}
+{"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} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('head')),\n      },\n    ),\n  )\n}\n\nexport async function testMakeswiftPageRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('div')),\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,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,MAAM,CAAC;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AACF;AAEA,eAAsB,2BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAAA,MACpE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -5,10 +5,10 @@ import { NextRootStyleRegistry } from "../root-style-registry";
 function ReactProvider({
   children,
   runtime,
-  previewMode = false,
+  siteVersion = null,
   forcePagesRouter = false
 }) {
-  return /* @__PURE__ */ jsx(FrameworkProvider, { forcePagesRouter, children: /* @__PURE__ */ jsx(RuntimeProvider, { previewMode, runtime, children: /* @__PURE__ */ jsx(NextRootStyleRegistry, { children }) }) });
+  return /* @__PURE__ */ jsx(FrameworkProvider, { forcePagesRouter, children: /* @__PURE__ */ jsx(RuntimeProvider, { siteVersion, runtime, children: /* @__PURE__ */ jsx(NextRootStyleRegistry, { 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'\nimport { RuntimeProvider } from '../../runtimes/react/components/RuntimeProvider'\n\nimport { FrameworkProvider } from '../components/framework-provider'\nimport { NextRootStyleRegistry } 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        <NextRootStyleRegistry>{children}</NextRootStyleRegistry>\n      </RuntimeProvider>\n    </FrameworkProvider>\n  )\n}\n"],"mappings":"AAoBQ;AAnBR,SAAS,uBAAuB;AAEhC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AAE/B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAKG;AACD,SACE,oBAAC,qBAAkB,kBACjB,8BAAC,mBAAgB,aAA0B,SACzC,8BAAC,yBAAuB,UAAS,GACnC,GACF;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 { NextRootStyleRegistry } from '../root-style-registry'\nimport { SiteVersion } from '../../api/site-version'\n\nexport function ReactProvider({\n  children,\n  runtime,\n  siteVersion = null,\n  forcePagesRouter = false,\n}: {\n  children: React.ReactNode\n  runtime: ReactRuntime\n  siteVersion?: SiteVersion | null\n  forcePagesRouter?: boolean\n}) {\n  return (\n    <FrameworkProvider forcePagesRouter={forcePagesRouter}>\n      <RuntimeProvider siteVersion={siteVersion} runtime={runtime}>\n        <NextRootStyleRegistry>{children}</NextRootStyleRegistry>\n      </RuntimeProvider>\n    </FrameworkProvider>\n  )\n}\n"],"mappings":"AAqBQ;AApBR,SAAS,uBAAuB;AAEhC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AAG/B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAKG;AACD,SACE,oBAAC,qBAAkB,kBACjB,8BAAC,mBAAgB,aAA0B,SACzC,8BAAC,yBAAuB,UAAS,GACnC,GACF;AAEJ;","names":[]}

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

@@ -5,13 +5,15 @@ import {
 } from "node-mocks-http";
 import { MakeswiftApiHandler } from "../api-handler";
 import { ReactRuntime } from "../../react";
+import { TestOrigins } from "../../testing/fixtures";
+import { RewriteRuleMatches } from "../api-handler/preview";
 function createHandler(apiKey, args = {}) {
   const runtime = new ReactRuntime();
   return MakeswiftApiHandler(apiKey, {
     ...args,
     runtime,
-    apiOrigin: "https://api.fakeswift.com",
-    appOrigin: "https://app.fakeswift.com"
+    apiOrigin: TestOrigins.apiOrigin,
+    appOrigin: TestOrigins.appOrigin
   });
 }
 const hostUrl = (path) => new URL(path, "https://example.com");
@@ -33,7 +35,7 @@ function createNextApiRequest({
     query: {
       ...routeParams(hostUrl(path)),
       ...Object.fromEntries(url.searchParams.entries()),
-      ...originalPath ? { path: originalPath } : {}
+      ...originalPath ? { [RewriteRuleMatches.OriginalPath]: originalPath } : {}
     },
     body,
     headers
@@ -51,7 +53,7 @@ function createNextRequestWithContext({
     body: JSON.stringify(body),
     headers
   });
-  return [request, { params: routeParams(hostUrl(path)) }];
+  return [request, { params: Promise.resolve(routeParams(hostUrl(path))) }];
 }
 function pagesRouterApiRequestFixture(args = {}, responseMock) {
   const apiKey = "pages-router-api-key";
@@ -72,7 +74,7 @@ function pagesRouterApiRequestFixture(args = {}, responseMock) {
           return response._getHeaders()["set-cookie"];
         },
         get(key) {
-          return key.toLowerCase() === "location" ? response._getRedirectUrl() : response._getHeaders()[key];
+          return key.toLowerCase() === "location" ? response._getRedirectUrl() || response._getHeaders()["location"] : response._getHeaders()[key];
         }
       }
     };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/tests/test-utils.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest } from 'next/server'\nimport {\n  createRequest,\n  createResponse,\n  type RequestMethod,\n  type MockResponse,\n} from 'node-mocks-http'\n\nimport { MakeswiftApiHandler } from '../api-handler'\nimport { ReactRuntime } from '../../react'\n\nexport type MakeswiftApiHandlerArgs = Partial<Parameters<typeof MakeswiftApiHandler>[1]>\n\nfunction createHandler(apiKey: string, args: Partial<MakeswiftApiHandlerArgs> = {}) {\n  const runtime = new ReactRuntime()\n  return MakeswiftApiHandler(apiKey, {\n    ...args,\n    runtime,\n    apiOrigin: 'https://api.fakeswift.com',\n    appOrigin: 'https://app.fakeswift.com',\n  })\n}\n\nexport const hostUrl = (path: string) => new URL(path, 'https://example.com')\n\nfunction routeParams(url: URL) {\n  // simulate Next.js API route's context params, e.g. /api/makeswift/revalidate -> { 'makeswift': ['revalidate'] }\n  const segments = url.pathname.split('/').filter(Boolean).slice(1)\n  return { [segments[0]]: segments.slice(1) }\n}\n\nexport type RequestParams = {\n  method: RequestMethod\n  path: string\n  originalPath?: string\n  body?: Record<string, unknown>\n  headers?: Record<string, string>\n}\n\nfunction createNextApiRequest({\n  method,\n  path,\n  originalPath,\n  body,\n  headers,\n}: RequestParams): NextApiRequest {\n  const url = hostUrl(originalPath ?? path)\n  return createRequest<NextApiRequest>({\n    method,\n    url: url.toString(),\n    query: {\n      ...routeParams(hostUrl(path)),\n      ...Object.fromEntries(url.searchParams.entries()),\n      ...(originalPath ? { path: originalPath } : {}),\n    },\n    body,\n    headers,\n  })\n}\n\nfunction createNextRequestWithContext({\n  method,\n  path,\n  originalPath,\n  body,\n  headers,\n}: RequestParams): [NextRequest, { params: { [key: string]: string | string[] } }] {\n  const request = new NextRequest(hostUrl(originalPath ?? path), {\n    method,\n    body: JSON.stringify(body),\n    headers,\n  })\n\n  return [request, { params: routeParams(hostUrl(path)) }]\n}\n\nexport function pagesRouterApiRequestFixture(\n  args: MakeswiftApiHandlerArgs = {},\n  responseMock?: MockResponse<NextApiResponse>,\n) {\n  const apiKey = 'pages-router-api-key'\n  const handler = createHandler(apiKey, args)\n\n  const response = responseMock ?? createResponse<NextApiResponse>()\n  const testApiRequest = async (reqParams: RequestParams) => {\n    await handler(createNextApiRequest(reqParams), response)\n    return {\n      statusCode: response.statusCode,\n      get jsonBody() {\n        return response._getJSONData()\n      },\n      get textBody() {\n        return response._getData()\n      },\n      headers: {\n        getSetCookie() {\n          return response._getHeaders()['set-cookie']\n        },\n        get(key: string) {\n          return key.toLowerCase() === 'location'\n            ? response._getRedirectUrl()\n            : response._getHeaders()[key]\n        },\n      },\n    }\n  }\n\n  return { testApiRequest, apiKey }\n}\n\nexport function appRouterApiRequestFixture(args: MakeswiftApiHandlerArgs = {}) {\n  const apiKey = 'app-router-api-key'\n  const handler = createHandler(apiKey, args)\n  const testApiRequest = async (reqParams: RequestParams) => {\n    const response = await handler(...createNextRequestWithContext(reqParams))\n    return {\n      statusCode: response?.status,\n      get jsonBody() {\n        return response?.json()\n      },\n      get textBody() {\n        return response?.text()\n      },\n      headers: response?.headers ?? new Headers(),\n    }\n  }\n\n  return { testApiRequest, apiKey }\n}\n\nexport const apiRequestFixtures = [\n  { fixture: pagesRouterApiRequestFixture, router: 'pages' },\n  { fixture: appRouterApiRequestFixture, router: 'app' },\n]\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/next/tests/test-utils.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest } from 'next/server'\nimport {\n  createRequest,\n  createResponse,\n  type RequestMethod,\n  type MockResponse,\n} from 'node-mocks-http'\n\nimport { MakeswiftApiHandler } from '../api-handler'\nimport { ReactRuntime } from '../../react'\nimport { TestOrigins } from '../../testing/fixtures'\nimport { RewriteRuleMatches } from '../api-handler/preview'\n\nexport type MakeswiftApiHandlerArgs = Partial<Parameters<typeof MakeswiftApiHandler>[1]>\n\nfunction createHandler(apiKey: string, args: Partial<MakeswiftApiHandlerArgs> = {}) {\n  const runtime = new ReactRuntime()\n  return MakeswiftApiHandler(apiKey, {\n    ...args,\n    runtime,\n    apiOrigin: TestOrigins.apiOrigin,\n    appOrigin: TestOrigins.appOrigin,\n  })\n}\n\nexport const hostUrl = (path: string) => new URL(path, 'https://example.com')\n\nfunction routeParams(url: URL) {\n  // simulate Next.js API route's context params, e.g. /api/makeswift/revalidate -> { 'makeswift': ['revalidate'] }\n  const segments = url.pathname.split('/').filter(Boolean).slice(1)\n  return { [segments[0]]: segments.slice(1) }\n}\n\nexport type RequestParams = {\n  method: RequestMethod\n  path: string\n  originalPath?: string\n  body?: Record<string, unknown>\n  headers?: Record<string, string>\n}\n\nfunction createNextApiRequest({\n  method,\n  path,\n  originalPath,\n  body,\n  headers,\n}: RequestParams): NextApiRequest {\n  const url = hostUrl(originalPath ?? path)\n  return createRequest<NextApiRequest>({\n    method,\n    url: url.toString(),\n    query: {\n      ...routeParams(hostUrl(path)),\n      ...Object.fromEntries(url.searchParams.entries()),\n      ...(originalPath ? { [RewriteRuleMatches.OriginalPath]: originalPath } : {}),\n    },\n    body,\n    headers,\n  })\n}\n\nfunction createNextRequestWithContext({\n  method,\n  path,\n  originalPath,\n  body,\n  headers,\n}: RequestParams): [NextRequest, { params: Promise<{ [key: string]: string | string[] }> }] {\n  const request = new NextRequest(hostUrl(originalPath ?? path), {\n    method,\n    body: JSON.stringify(body),\n    headers,\n  })\n\n  return [request, { params: Promise.resolve(routeParams(hostUrl(path))) }]\n}\n\nexport function pagesRouterApiRequestFixture(\n  args: MakeswiftApiHandlerArgs = {},\n  responseMock?: MockResponse<NextApiResponse>,\n) {\n  const apiKey = 'pages-router-api-key'\n  const handler = createHandler(apiKey, args)\n\n  const response = responseMock ?? createResponse<NextApiResponse>()\n  const testApiRequest = async (reqParams: RequestParams) => {\n    await handler(createNextApiRequest(reqParams), response)\n    return {\n      statusCode: response.statusCode,\n      get jsonBody() {\n        return response._getJSONData()\n      },\n      get textBody() {\n        return response._getData()\n      },\n      headers: {\n        getSetCookie() {\n          return response._getHeaders()['set-cookie']\n        },\n        get(key: string) {\n          return key.toLowerCase() === 'location'\n            ? response._getRedirectUrl() || response._getHeaders()['location']\n            : response._getHeaders()[key]\n        },\n      },\n    }\n  }\n\n  return { testApiRequest, apiKey }\n}\n\nexport function appRouterApiRequestFixture(args: MakeswiftApiHandlerArgs = {}) {\n  const apiKey = 'app-router-api-key'\n  const handler = createHandler(apiKey, args)\n  const testApiRequest = async (reqParams: RequestParams) => {\n    const response = await handler(...createNextRequestWithContext(reqParams))\n    return {\n      statusCode: response?.status,\n      get jsonBody() {\n        return response?.json()\n      },\n      get textBody() {\n        return response?.text()\n      },\n      headers: response?.headers ?? new Headers(),\n    }\n  }\n\n  return { testApiRequest, apiKey }\n}\n\nexport const apiRequestFixtures = [\n  { fixture: pagesRouterApiRequestFixture, router: 'pages' },\n  { fixture: appRouterApiRequestFixture, router: 'app' },\n]\n"],"mappings":"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","names":[]}

package/dist/esm/{next → runtimes/react}/components/MakeswiftComponent.js

@@ -1,10 +1,12 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { memo, Suspense, useMemo } from "react";
-import { componentDocumentToRootEmbeddedDocument } from "../../client";
-import { DocumentRoot } from "../../runtimes/react/components/DocumentRoot";
-import { useCacheData } from "../../runtimes/react/hooks/use-cache-data";
-import { useRegisterDocument } from "../../runtimes/react/hooks/use-register-document";
+import {
+  componentDocumentToRootEmbeddedDocument
+} from "../../../client";
+import { DocumentRoot } from "./DocumentRoot";
+import { useCacheData } from "../hooks/use-cache-data";
+import { useRegisterDocument } from "../hooks/use-register-document";
 const MakeswiftComponent = memo(({ snapshot, label, type, description }) => {
   useCacheData(snapshot.cacheData);
   const rootDocument = useMemo(

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/MakeswiftComponent.tsx"],"sourcesContent":["'use client'\n\nimport { memo, Suspense, useMemo } from 'react'\nimport {\n  componentDocumentToRootEmbeddedDocument,\n  MakeswiftComponentSnapshot,\n} from '../../../client'\nimport { DocumentRoot } from './DocumentRoot'\nimport { useCacheData } from '../hooks/use-cache-data'\nimport { useRegisterDocument } from '../hooks/use-register-document'\n\ntype Props = {\n  snapshot: MakeswiftComponentSnapshot\n  label: string\n  type: string\n  description?: string\n}\n\nexport const MakeswiftComponent = memo(({ snapshot, label, type, description }: Props) => {\n  useCacheData(snapshot.cacheData)\n\n  const rootDocument = useMemo(\n    () =>\n      componentDocumentToRootEmbeddedDocument({\n        document: snapshot.document,\n        documentKey: snapshot.key,\n        name: label,\n        type,\n        description,\n        meta: snapshot.meta,\n      }),\n    [snapshot, label, type, description],\n  )\n\n  useRegisterDocument(rootDocument)\n\n  return (\n    <Suspense>\n      <DocumentRoot rootDocument={rootDocument} />\n    </Suspense>\n  )\n})\n"],"mappings":";AAsCM;AApCN,SAAS,MAAM,UAAU,eAAe;AACxC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AAS7B,MAAM,qBAAqB,KAAK,CAAC,EAAE,UAAU,OAAO,MAAM,YAAY,MAAa;AACxF,eAAa,SAAS,SAAS;AAE/B,QAAM,eAAe;AAAA,IACnB,MACE,wCAAwC;AAAA,MACtC,UAAU,SAAS;AAAA,MACnB,aAAa,SAAS;AAAA,MACtB,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAM,SAAS;AAAA,IACjB,CAAC;AAAA,IACH,CAAC,UAAU,OAAO,MAAM,WAAW;AAAA,EACrC;AAEA,sBAAoB,YAAY;AAEhC,SACE,oBAAC,YACC,8BAAC,gBAAa,cAA4B,GAC5C;AAEJ,CAAC;","names":[]}

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

@@ -4,32 +4,34 @@ import { useMemo, lazy } from "react";
 import { MakeswiftHostApiClient } from "../../../api/react";
 import { ReactRuntimeContext } from "../hooks/use-react-runtime";
 import { MakeswiftHostApiClientProvider } from "../host-api-client";
-import { MakeswiftSiteVersion } from "../../../api/site-version";
-import { DraftSwitcher } from "./draft-switcher/draft-switcher";
+import { PreviewSwitcher } from "./preview-switcher/preview-switcher";
 import { useBuilderConnectionPing } from "./hooks/use-builder-connection-ping";
+import { useFrameworkContext } from "./hooks/use-framework-context";
 const LiveProvider = lazy(() => import("./LiveProvider"));
 const PreviewProvider = lazy(() => import("./PreviewProvider"));
 function RuntimeProvider({
   children,
   runtime,
-  previewMode,
+  siteVersion,
   appOrigin = "https://app.makeswift.com",
   apiOrigin = "https://api.makeswift.com",
   locale = void 0
 }) {
+  const { versionedFetch } = useFrameworkContext();
   const client = useMemo(
     () => new MakeswiftHostApiClient({
       uri: new URL("graphql", apiOrigin).href,
       locale,
-      siteVersion: previewMode ? MakeswiftSiteVersion.Working : MakeswiftSiteVersion.Live
+      fetch: versionedFetch(siteVersion)
     }),
-    [apiOrigin, locale, previewMode]
+    [apiOrigin, locale, siteVersion, versionedFetch]
   );
-  const StoreProvider = previewMode ? PreviewProvider : LiveProvider;
+  const isPreview = siteVersion != null;
+  const StoreProvider = isPreview ? PreviewProvider : LiveProvider;
   useBuilderConnectionPing({ appOrigin });
   return /* @__PURE__ */ jsx(ReactRuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ jsx(MakeswiftHostApiClientProvider, { client, children: /* @__PURE__ */ jsxs(StoreProvider, { children: [
     children,
-    /* @__PURE__ */ jsx(DraftSwitcher, { isDraft: previewMode })
+    /* @__PURE__ */ jsx(PreviewSwitcher, { isPreview })
   ] }) }) });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo, lazy } from 'react'\n\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { ReactRuntime } from '../react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../host-api-client'\nimport { MakeswiftSiteVersion } from '../../../api/site-version'\nimport { DraftSwitcher } from './draft-switcher/draft-switcher'\nimport { useBuilderConnectionPing } from './hooks/use-builder-connection-ping'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function RuntimeProvider({\n  children,\n  runtime,\n  previewMode,\n  appOrigin = 'https://app.makeswift.com',\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntime\n  previewMode: boolean\n  apiOrigin?: string\n  appOrigin?: string\n  locale?: string\n}) {\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n        siteVersion: previewMode ? MakeswiftSiteVersion.Working : MakeswiftSiteVersion.Live,\n      }),\n    [apiOrigin, locale, previewMode],\n  )\n\n  const StoreProvider = previewMode ? PreviewProvider : LiveProvider\n\n  useBuilderConnectionPing({ appOrigin })\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider>\n          {children}\n          <DraftSwitcher isDraft={previewMode} />\n        </StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AA+CQ,SAEE,KAFF;AA7CR,SAAoB,SAAS,YAAY;AAEzC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAEpC,SAAS,sCAAsC;AAC/C,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AAEzC,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAEvD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GAOG;AACD,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,EAAE;AAAA,MACnC;AAAA,MACA,aAAa,cAAc,qBAAqB,UAAU,qBAAqB;AAAA,IACjF,CAAC;AAAA,IACH,CAAC,WAAW,QAAQ,WAAW;AAAA,EACjC;AAEA,QAAM,gBAAgB,cAAc,kBAAkB;AAEtD,2BAAyB,EAAE,UAAU,CAAC;AAEtC,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SACnC,8BAAC,kCAA+B,QAC9B,+BAAC,iBACE;AAAA;AAAA,IACD,oBAAC,iBAAc,SAAS,aAAa;AAAA,KACvC,GACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo, lazy } from 'react'\n\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { ReactRuntime } from '../react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../host-api-client'\nimport { type SiteVersion } from '../../../api/site-version'\nimport { PreviewSwitcher } from './preview-switcher/preview-switcher'\nimport { useBuilderConnectionPing } from './hooks/use-builder-connection-ping'\nimport { useFrameworkContext } from './hooks/use-framework-context'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function RuntimeProvider({\n  children,\n  runtime,\n  siteVersion,\n  appOrigin = 'https://app.makeswift.com',\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntime\n  siteVersion: SiteVersion | null\n  apiOrigin?: string\n  appOrigin?: string\n  locale?: string\n}) {\n  const { versionedFetch } = useFrameworkContext()\n\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n        fetch: versionedFetch(siteVersion),\n      }),\n    [apiOrigin, locale, siteVersion, versionedFetch],\n  )\n\n  const isPreview = siteVersion != null\n  const StoreProvider = isPreview ? PreviewProvider : LiveProvider\n\n  useBuilderConnectionPing({ appOrigin })\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider>\n          {children}\n          <PreviewSwitcher isPreview={isPreview} />\n        </StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AAmDQ,SAEE,KAFF;AAjDR,SAAoB,SAAS,YAAY;AAEzC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAEpC,SAAS,sCAAsC;AAE/C,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AAEpC,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAEvD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GAOG;AACD,QAAM,EAAE,eAAe,IAAI,oBAAoB;AAE/C,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,EAAE;AAAA,MACnC;AAAA,MACA,OAAO,eAAe,WAAW;AAAA,IACnC,CAAC;AAAA,IACH,CAAC,WAAW,QAAQ,aAAa,cAAc;AAAA,EACjD;AAEA,QAAM,YAAY,eAAe;AACjC,QAAM,gBAAgB,YAAY,kBAAkB;AAEpD,2BAAyB,EAAE,UAAU,CAAC;AAEtC,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SACnC,8BAAC,kCAA+B,QAC9B,+BAAC,iBACE;AAAA;AAAA,IACD,oBAAC,mBAAgB,WAAsB;AAAA,KACzC,GACF,GACF;AAEJ;","names":[]}

package/dist/esm/{next → runtimes/react}/components/Slot.js

@@ -1,16 +1,14 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { MakeswiftComponentType } from "../../components";
+import { MakeswiftComponentType } from "../../../components";
 import { MakeswiftComponent } from "./MakeswiftComponent";
-import SlotProvider from "./SlotProvider";
+import { SlotProvider } from "./SlotProvider";
 const Slot = ({ label, snapshot, fallback }) => {
   const contextValue = useMemo(() => ({ fallback }), [fallback]);
   return /* @__PURE__ */ jsx(SlotProvider, { value: contextValue, children: /* @__PURE__ */ jsx(MakeswiftComponent, { snapshot, label, type: MakeswiftComponentType.Slot }) });
 };
-var Slot_default = Slot;
 export {
-  Slot,
-  Slot_default as default
+  Slot
 };
 //# sourceMappingURL=Slot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Slot.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo } from 'react'\nimport { MakeswiftComponentSnapshot } from '../../../client'\nimport { MakeswiftComponentType } from '../../../components'\n\nimport { MakeswiftComponent } from './MakeswiftComponent'\nimport { SlotProvider } from './SlotProvider'\n\ntype Props = {\n  label: string\n  snapshot: MakeswiftComponentSnapshot\n  fallback?: ReactNode\n}\n\nexport const Slot = ({ label, snapshot, fallback }: Props) => {\n  const contextValue = useMemo(() => ({ fallback }), [fallback])\n\n  return (\n    <SlotProvider value={contextValue}>\n      <MakeswiftComponent snapshot={snapshot} label={label} type={MakeswiftComponentType.Slot} />\n    </SlotProvider>\n  )\n}\n"],"mappings":";AAoBM;AAlBN,SAAoB,eAAe;AAEnC,SAAS,8BAA8B;AAEvC,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAQtB,MAAM,OAAO,CAAC,EAAE,OAAO,UAAU,SAAS,MAAa;AAC5D,QAAM,eAAe,QAAQ,OAAO,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC;AAE7D,SACE,oBAAC,gBAAa,OAAO,cACnB,8BAAC,sBAAmB,UAAoB,OAAc,MAAM,uBAAuB,MAAM,GAC3F;AAEJ;","names":[]}

package/dist/esm/{next → runtimes/react}/components/SlotProvider.js

@@ -9,9 +9,8 @@ function SlotProvider({
 }) {
   return /* @__PURE__ */ jsx(PropsContext.Provider, { value, children });
 }
-var SlotProvider_default = SlotProvider;
 export {
   PropsContext,
-  SlotProvider_default as default
+  SlotProvider
 };
 //# sourceMappingURL=SlotProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/SlotProvider.tsx"],"sourcesContent":["import { createContext, ReactNode } from 'react'\n\nexport const PropsContext = createContext<{\n  fallback: ReactNode\n}>({\n  fallback: null,\n})\n\nexport function SlotProvider({\n  value,\n  children,\n}: {\n  value: { fallback: ReactNode }\n  children: ReactNode\n}) {\n  return <PropsContext.Provider value={value}>{children}</PropsContext.Provider>\n}\n"],"mappings":"AAeS;AAfT,SAAS,qBAAgC;AAElC,MAAM,eAAe,cAEzB;AAAA,EACD,UAAU;AACZ,CAAC;AAEM,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAe,UAAS;AACxD;","names":[]}

package/dist/esm/runtimes/react/components/framework-context.js

@@ -1,13 +1,51 @@
 import { Fragment, jsx } from "react/jsx-runtime";
-import { createContext } from "react";
+import {
+  createContext,
+  forwardRef
+} from "react";
+import {
+  ApiHandlerHeaders,
+  serializeSiteVersion
+} from "../../../api/site-version";
 import { BaseHeadSnippet } from "./page/HeadSnippet";
 const DefaultHead = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+const DefaultImage = ({ priority, fill, style, ...props }) => /* @__PURE__ */ jsx(
+  "img",
+  {
+    ...props,
+    style: {
+      ...fill ? {
+        height: "100%",
+        width: "100%",
+        objectFit: "cover"
+      } : {},
+      ...style
+    },
+    loading: priority ? "eager" : "lazy"
+  }
+);
+const DefaultLink = forwardRef(
+  ({ linkType, ...props }, ref) => /* @__PURE__ */ jsx("a", { ...props, ref })
+);
+const versionedFetch = (siteVersion) => (url, init) => fetch(url, {
+  ...init,
+  headers: {
+    ...init?.headers,
+    ...siteVersion != null ? { [ApiHandlerHeaders.SiteVersion]: serializeSiteVersion(siteVersion) } : {}
+  }
+});
 const FrameworkContext = createContext({
   Head: DefaultHead,
-  HeadSnippet: BaseHeadSnippet
+  HeadSnippet: BaseHeadSnippet,
+  Image: DefaultImage,
+  Link: DefaultLink,
+  versionedFetch
 });
 export {
   DefaultHead,
-  FrameworkContext
+  DefaultImage,
+  DefaultLink,
+  FrameworkContext,
+  versionedFetch
 };
 //# sourceMappingURL=framework-context.js.map

package/dist/esm/runtimes/react/components/framework-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/framework-context.tsx"],"sourcesContent":["import { createContext, type ReactNode, type PropsWithChildren } from 'react'\n\nimport { type Snippet } from '../../../client'\n\nimport { BaseHeadSnippet } from './page/HeadSnippet'\n\ntype HeadComponent = (props: { children: ReactNode }) => ReactNode\ntype HeadSnippet = (props: { snippet: Snippet }) => ReactNode\n\nexport type FrameworkContext = {\n  Head: HeadComponent\n  HeadSnippet: HeadSnippet\n}\n\n// React 19 automatically hoists metadata tags to the <head>\nexport const DefaultHead = ({ children }: PropsWithChildren) => <>{children}</>\n\nexport const FrameworkContext = createContext<FrameworkContext>({\n  Head: DefaultHead,\n  HeadSnippet: BaseHeadSnippet,\n})\n"],"mappings":"AAegE;AAfhE,SAAS,qBAA6D;AAItE,SAAS,uBAAuB;AAWzB,MAAM,cAAc,CAAC,EAAE,SAAS,MAAyB,gCAAG,UAAS;AAErE,MAAM,mBAAmB,cAAgC;AAAA,EAC9D,MAAM;AAAA,EACN,aAAa;AACf,CAAC;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/framework-context.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  type PropsWithChildren,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  forwardRef,\n} from 'react'\n\nimport { type LinkData } from '@makeswift/prop-controllers'\n\nimport { type Snippet } from '../../../client'\nimport { type HttpFetch } from '../../../state/makeswift-api-client'\nimport {\n  ApiHandlerHeaders,\n  serializeSiteVersion,\n  type SiteVersion,\n} from '../../../api/site-version'\n\nimport { BaseHeadSnippet } from './page/HeadSnippet'\n\ntype HeadComponent = (props: { children: ReactNode }) => ReactNode\ntype HeadSnippet = (props: { snippet: Snippet }) => ReactNode\ntype ImageComponent = (props: {\n  src: string\n  alt: string\n  sizes?: string\n  width?: number\n  height?: number\n  priority?: boolean\n  fill?: boolean\n  style?: CSSProperties\n}) => ReactNode\n\ntype LinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick'> & {\n  linkType?: LinkData['type']\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype LinkComponent = ForwardRefExoticComponent<RefAttributes<HTMLAnchorElement> & LinkProps>\n\nexport type FrameworkContext = {\n  Head: HeadComponent\n  HeadSnippet: HeadSnippet\n  Image: ImageComponent\n  Link: LinkComponent\n  versionedFetch: (siteVersion: SiteVersion | null) => HttpFetch\n}\n\n// React 19 automatically hoists metadata tags to the <head>\nexport const DefaultHead = ({ children }: PropsWithChildren) => <>{children}</>\n\nexport const DefaultImage: ImageComponent = ({ priority, fill, style, ...props }) => (\n  <img\n    {...props}\n    style={{\n      ...(fill\n        ? {\n            height: '100%',\n            width: '100%',\n            objectFit: 'cover',\n          }\n        : {}),\n      ...style,\n    }}\n    loading={priority ? 'eager' : 'lazy'}\n  />\n)\n\nexport const DefaultLink: LinkComponent = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ linkType, ...props }, ref) => <a {...props} ref={ref} />,\n)\n\nexport const versionedFetch: FrameworkContext['versionedFetch'] = siteVersion => (url, init) =>\n  fetch(url, {\n    ...init,\n    headers: {\n      ...init?.headers,\n      ...(siteVersion != null\n        ? { [ApiHandlerHeaders.SiteVersion]: serializeSiteVersion(siteVersion) }\n        : {}),\n    },\n  })\n\nexport const FrameworkContext = createContext<FrameworkContext>({\n  Head: DefaultHead,\n  HeadSnippet: BaseHeadSnippet,\n  Image: DefaultImage,\n  Link: DefaultLink,\n  versionedFetch,\n})\n"],"mappings":"AAqDgE;AArDhE;AAAA,EACE;AAAA,EAQA;AAAA,OACK;AAMP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,uBAAuB;AA+BzB,MAAM,cAAc,CAAC,EAAE,SAAS,MAAyB,gCAAG,UAAS;AAErE,MAAM,eAA+B,CAAC,EAAE,UAAU,MAAM,OAAO,GAAG,MAAM,MAC7E;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,OAAO;AAAA,MACL,GAAI,OACA;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,MACb,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL;AAAA,IACA,SAAS,WAAW,UAAU;AAAA;AAChC;AAGK,MAAM,cAA6B;AAAA,EACxC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,oBAAC,OAAG,GAAG,OAAO,KAAU;AAC3D;AAEO,MAAM,iBAAqD,iBAAe,CAAC,KAAK,SACrF,MAAM,KAAK;AAAA,EACT,GAAG;AAAA,EACH,SAAS;AAAA,IACP,GAAG,MAAM;AAAA,IACT,GAAI,eAAe,OACf,EAAE,CAAC,kBAAkB,WAAW,GAAG,qBAAqB,WAAW,EAAE,IACrE,CAAC;AAAA,EACP;AACF,CAAC;AAEI,MAAM,mBAAmB,cAAgC;AAAA,EAC9D,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN;AACF,CAAC;","names":[]}

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Suspense, useMemo } from "react";
+import { Suspense, useMemo, memo } from "react";
 import { useDispatch } from "../../hooks/use-dispatch";
 import { useUniversalDispatch } from "../../hooks/use-universal-dispatch";
 import { useCacheData } from "../../hooks/use-cache-data";
@@ -17,22 +17,24 @@ function useRegisterPageDocument(pageDocument) {
   useUniversalDispatch(dispatch, registerDocumentsEffect, [rootDocuments]);
   return rootDocuments[0];
 }
-const Page = ({
-  snapshot,
-  metadata
-}) => {
-  useCacheData(snapshot.cacheData);
-  const rootDocument = useRegisterPageDocument(snapshot.document);
-  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(
-    PageComponent,
-    {
-      page: snapshot.document,
-      rootDocument,
-      metadata
-    },
-    snapshot.document.data.key
-  ) });
-};
+const Page = memo(
+  ({
+    snapshot,
+    metadata = true
+  }) => {
+    useCacheData(snapshot.cacheData);
+    const rootDocument = useRegisterPageDocument(snapshot.document);
+    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(
+      PageComponent,
+      {
+        page: snapshot.document,
+        rootDocument,
+        metadata
+      },
+      snapshot.document.data.key
+    ) });
+  }
+);
 export {
   Page
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/index.tsx"],"sourcesContent":["import { Suspense, useMemo } from 'react'\n\nimport { useDispatch } from '../../hooks/use-dispatch'\nimport { useUniversalDispatch } from '../../hooks/use-universal-dispatch'\nimport { useCacheData } from '../../hooks/use-cache-data'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  pageToRootDocument,\n} from '../../../../client'\n\nimport * as ReactPage from '../../../../state/react-page'\nimport { registerDocumentsEffect } from '../../../../state/actions'\n\nimport { type PageMetadataSettings } from './page-seo-settings'\nimport { Page as PageComponent } from './Page'\n\nexport { type PageMetadataSettings } from './page-seo-settings'\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 = ({\n  snapshot,\n  metadata,\n}: {\n  snapshot: MakeswiftPageSnapshot\n  metadata: boolean | PageMetadataSettings\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        metadata={metadata}\n      />\n    </Suspense>\n  )\n}\n"],"mappings":"AA8CM;AA9CN,SAAS,UAAU,eAAe;AAElC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,+BAA+B;AAGxC,SAAS,QAAQ,qBAAqB;AAItC,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,CAAC;AAAA,EACnB;AAAA,EACA;AACF,MAGM;AACJ,eAAa,SAAS,SAAS;AAE/B,QAAM,eAAe,wBAAwB,SAAS,QAAQ;AAE9D,SACE,oBAAC,YAEC;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,SAAS;AAAA,MACf;AAAA,MACA;AAAA;AAAA,IAHK,SAAS,SAAS,KAAK;AAAA,EAI9B,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/page/index.tsx"],"sourcesContent":["import { Suspense, useMemo, memo, type ComponentProps } from 'react'\n\nimport { useDispatch } from '../../hooks/use-dispatch'\nimport { useUniversalDispatch } from '../../hooks/use-universal-dispatch'\nimport { useCacheData } from '../../hooks/use-cache-data'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  pageToRootDocument,\n} from '../../../../client'\n\nimport * as ReactPage from '../../../../state/react-page'\nimport { registerDocumentsEffect } from '../../../../state/actions'\n\nimport { type PageMetadataSettings } from './page-seo-settings'\nimport { Page as PageComponent } from './Page'\n\nexport { type PageMetadataSettings } from './page-seo-settings'\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\n/**\n * @param snapshot - The snapshot of the page to render, from\n * `client.getPageSnapshot()`.\n * @param metadata - Allows control over whether to use data from Makeswift for\n * rendering metadata tags in the `<head>` of the page. Pass `true` (default if\n * not provided) to render all metadata tags, or `false` to not render any. For\n * more granular control, pass an object with boolean values for specific\n * metadata fields. Valid fields include:\n *  - `title`\n *  - `description`\n *  - `keywords`\n *  - `socialImage`\n *  - `canonicalUrl`\n *  - `indexingBlocked`\n *  - `favicon`\n *\n * If a field is not provided, it will default to `false`.\n */\nexport const Page = memo(\n  ({\n    snapshot,\n    metadata = true,\n  }: {\n    snapshot: MakeswiftPageSnapshot\n    metadata?: boolean | PageMetadataSettings\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          metadata={metadata}\n        />\n      </Suspense>\n    )\n  },\n)\n\nexport type PageProps = ComponentProps<typeof Page>\n"],"mappings":"AAiEQ;AAjER,SAAS,UAAU,SAAS,YAAiC;AAE7D,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,+BAA+B;AAGxC,SAAS,QAAQ,qBAAqB;AAItC,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;AAoBO,MAAM,OAAO;AAAA,EAClB,CAAC;AAAA,IACC;AAAA,IACA,WAAW;AAAA,EACb,MAGM;AACJ,iBAAa,SAAS,SAAS;AAE/B,UAAM,eAAe,wBAAwB,SAAS,QAAQ;AAE9D,WACE,oBAAC,YAEC;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,SAAS;AAAA,QACf;AAAA,QACA;AAAA;AAAA,MAHK,SAAS,SAAS,KAAK;AAAA,IAI9B,GACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/esm/runtimes/react/components/{draft-switcher/draft-switcher.js → preview-switcher/preview-switcher.js}

@@ -3,22 +3,12 @@ import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { PageMeta } from "../page/head-tags";
 import { useIsInBuilder } from "../../hooks/use-is-in-builder";
-import { DraftToolbar } from "./draft-toolbar";
-const ClearDraftModeRequestPath = "/api/makeswift/clear-draft";
-async function exitDraftMode() {
-  try {
-    await fetch(ClearDraftModeRequestPath);
-    window.location.reload();
-  } catch (err) {
-    console.error("Could not clear Makeswift cookies. Please report this error to your developer.");
-    console.error(err);
-  }
-}
-function DraftSwitcher({ isDraft }) {
+import { PreviewToolbar } from "./preview-toolbar";
+function PreviewSwitcher({ isPreview }) {
   const shadowContainerRef = useRef(null);
   const [shadowRoot, setShadowRoot] = useState(null);
   const isInBuilder = useIsInBuilder();
-  const showToolbar = !isInBuilder && isDraft;
+  const showToolbar = !isInBuilder && isPreview;
   useEffect(() => {
     if (!showToolbar)
       return;
@@ -28,17 +18,17 @@ function DraftSwitcher({ isDraft }) {
     }
   }, [showToolbar, shadowRoot, setShadowRoot]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showToolbar && /* @__PURE__ */ jsx("span", { id: "makeswift-draft-switcher", ref: shadowContainerRef, children: shadowRoot ? createPortal(/* @__PURE__ */ jsx(DraftToolbar, { onExitDraft: exitDraftMode }), shadowRoot) : null }),
+    showToolbar && /* @__PURE__ */ jsx("span", { id: "makeswift-preview-switcher", ref: shadowContainerRef, children: shadowRoot ? createPortal(/* @__PURE__ */ jsx(PreviewToolbar, {}), shadowRoot) : null }),
     /* @__PURE__ */ jsx(
       PageMeta,
       {
-        name: "makeswift-draft-info",
-        content: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })
+        name: "makeswift-preview-info",
+        content: JSON.stringify({ isPreview, inBuilder: isInBuilder })
       }
     )
   ] });
 }
 export {
-  DraftSwitcher
+  PreviewSwitcher
 };
-//# sourceMappingURL=draft-switcher.js.map
+//# sourceMappingURL=preview-switcher.js.map

package/dist/esm/runtimes/react/components/preview-switcher/preview-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/preview-switcher/preview-switcher.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PageMeta } from '../page/head-tags'\nimport { useIsInBuilder } from '../../hooks/use-is-in-builder'\nimport { PreviewToolbar } from './preview-toolbar'\n\nexport function PreviewSwitcher({ isPreview }: { isPreview: boolean }) {\n  const shadowContainerRef = useRef<HTMLSpanElement | null>(null)\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  const showToolbar = !isInBuilder && isPreview\n\n  useEffect(() => {\n    if (!showToolbar) return\n    if (\n      shadowContainerRef.current &&\n      shadowContainerRef.current.shadowRoot == null &&\n      shadowRoot == null\n    ) {\n      const root = shadowContainerRef.current.attachShadow({ mode: 'open' })\n      setShadowRoot(root)\n    }\n  }, [showToolbar, shadowRoot, setShadowRoot])\n\n  return (\n    <>\n      {showToolbar && (\n        <span id=\"makeswift-preview-switcher\" ref={shadowContainerRef}>\n          {shadowRoot ? createPortal(<PreviewToolbar />, shadowRoot) : null}\n        </span>\n      )}\n      {/* Insert preview mode information into the DOM to make it easier to debug preview mode-related\n          issues on production sites */}\n      <PageMeta\n        name=\"makeswift-preview-info\"\n        content={JSON.stringify({ isPreview: isPreview, inBuilder: isInBuilder })}\n      />\n    </>\n  )\n}\n"],"mappings":"AA2BI,mBAGiC,KAHjC;AA3BJ,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,oBAAoB;AAE7B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAExB,SAAS,gBAAgB,EAAE,UAAU,GAA2B;AACrE,QAAM,qBAAqB,OAA+B,IAAI;AAC9D,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AACpE,QAAM,cAAc,eAAe;AAEnC,QAAM,cAAc,CAAC,eAAe;AAEpC,YAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,QACE,mBAAmB,WACnB,mBAAmB,QAAQ,cAAc,QACzC,cAAc,MACd;AACA,YAAM,OAAO,mBAAmB,QAAQ,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,aAAa,CAAC;AAE3C,SACE,iCACG;AAAA,mBACC,oBAAC,UAAK,IAAG,8BAA6B,KAAK,oBACxC,uBAAa,aAAa,oBAAC,kBAAe,GAAI,UAAU,IAAI,MAC/D;AAAA,IAIF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,KAAK,UAAU,EAAE,WAAsB,WAAW,YAAY,CAAC;AAAA;AAAA,IAC1E;AAAA,KACF;AAEJ;","names":[]}

package/dist/esm/runtimes/react/components/{draft-switcher/draft-toolbar.js → preview-switcher/preview-toolbar.js}

@@ -1,4 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 const makeswiftIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC";
 const styles = `
 .exit-preview-container {
@@ -18,6 +19,7 @@ const styles = `
     0 11px 40px 0 rgba(0, 0, 0, 0.25),
     0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: 150ms;
+  text-decoration: none;
 
   font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
     'Segoe UI Emoji';
@@ -40,16 +42,22 @@ const styles = `
     0 6px 10px 0 rgba(0, 0, 0, 0.15);
 }
 `;
-function DraftToolbar({ onExitDraft }) {
+function PreviewToolbar() {
+  const redirectLiveUrl = useMemo(() => {
+    const currentUrl = new URL(window.location.href);
+    const destination = `${currentUrl.pathname}${currentUrl.search}${currentUrl.hash}`;
+    currentUrl.searchParams.set("makeswift-redirect-live", encodeURIComponent(destination));
+    return currentUrl.toString();
+  }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: styles } }),
-    /* @__PURE__ */ jsx("div", { className: "exit-preview-container", children: /* @__PURE__ */ jsxs("button", { className: "exit-preview-button", onClick: onExitDraft, children: [
+    /* @__PURE__ */ jsx("div", { className: "exit-preview-container", children: /* @__PURE__ */ jsxs("a", { className: "exit-preview-button", href: redirectLiveUrl, children: [
       /* @__PURE__ */ jsx("img", { src: makeswiftIcon, alt: "Makeswift Logo", width: 18, height: 18 }),
-      /* @__PURE__ */ jsx("span", { className: "label", children: "Exit Preview" })
+      /* @__PURE__ */ jsx("span", { className: "label", children: "Exit preview" })
     ] }) })
   ] });
 }
 export {
-  DraftToolbar
+  PreviewToolbar
 };
-//# sourceMappingURL=draft-toolbar.js.map
+//# sourceMappingURL=preview-toolbar.js.map

package/dist/esm/runtimes/react/components/preview-switcher/preview-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/preview-switcher/preview-toolbar.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nconst makeswiftIcon =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC'\n\nconst styles = `\n.exit-preview-container {\n  position: fixed;\n  bottom: 16px;\n  right: 16px;\n  z-index: 2147483647;\n}\n\n.exit-preview-button {\n  background: #2e2e2e;\n  padding: 10px 18px 10px 14px;\n  border: 0px;\n  border-radius: 32px;\n  color: #efefef;\n  box-shadow:\n    0 11px 40px 0 rgba(0, 0, 0, 0.25),\n    0 2px 10px 0 rgba(0, 0, 0, 0.12);\n  transition: 150ms;\n  text-decoration: none;\n\n  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n    'Segoe UI Emoji';\n  font-size: 14px;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.exit-preview-button > .label {\n  transform: translateY(-1px);\n}\n\n.exit-preview-container:hover > .exit-preview-button {\n  transform: translateY(-2px);\n  box-shadow:\n    0 15px 40px 0 rgba(0, 0, 0, 0.3),\n    0 6px 10px 0 rgba(0, 0, 0, 0.15);\n}\n`\n\nexport function PreviewToolbar() {\n  const redirectLiveUrl = useMemo(() => {\n    const currentUrl = new URL(window.location.href)\n    const destination = `${currentUrl.pathname}${currentUrl.search}${currentUrl.hash}`\n    currentUrl.searchParams.set('makeswift-redirect-live', encodeURIComponent(destination))\n    return currentUrl.toString()\n  }, [])\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: styles }} />\n      <div className=\"exit-preview-container\">\n        <a className=\"exit-preview-button\" href={redirectLiveUrl}>\n          <img src={makeswiftIcon} alt=\"Makeswift Logo\" width={18} height={18} />\n          <span className=\"label\">Exit preview</span>\n        </a>\n      </div>\n    </>\n  )\n}\n"],"mappings":"AAwDI,mBACE,KAEE,YAHJ;AAxDJ,SAAS,eAAe;AAExB,MAAM,gBACJ;AAEF,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CR,SAAS,iBAAiB;AAC/B,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,aAAa,IAAI,IAAI,OAAO,SAAS,IAAI;AAC/C,UAAM,cAAc,GAAG,WAAW,QAAQ,GAAG,WAAW,MAAM,GAAG,WAAW,IAAI;AAChF,eAAW,aAAa,IAAI,2BAA2B,mBAAmB,WAAW,CAAC;AACtF,WAAO,WAAW,SAAS;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA,wBAAC,WAAM,yBAAyB,EAAE,QAAQ,OAAO,GAAG;AAAA,IACpD,oBAAC,SAAI,WAAU,0BACb,+BAAC,OAAE,WAAU,uBAAsB,MAAM,iBACvC;AAAA,0BAAC,SAAI,KAAK,eAAe,KAAI,kBAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,MACrE,oBAAC,UAAK,WAAU,SAAQ,0BAAY;AAAA,OACtC,GACF;AAAA,KACF;AAEJ;","names":[]}