@makeswift/runtime 0.24.0-canary.0 → 0.24.0

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

@@ -1,8 +1,5 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { z } from "zod";
-import { ActionTypes } from "../react";
-const makeswiftSiteVersionSchema = z.enum(["Live", "Working"]);
-const MakeswiftSiteVersion = makeswiftSiteVersionSchema.Enum;
+import { makeswiftSiteVersionSchema } from "../api/site-version";
 const makeswiftPreviewDataSchema = z.object({
   makeswift: z.literal(true),
   siteVersion: makeswiftSiteVersionSchema
@@ -13,107 +10,7 @@ function getMakeswiftSiteVersion(previewData) {
     return result.data.siteVersion;
   return null;
 }
-function PreviewModeScript({
-  isPreview = false,
-  appOrigin = "https://app.makeswift.com"
-}) {
-  const previewModeScript = `
-const isPreview = ${isPreview}
-const appOrigin = '${appOrigin.replace("'", "\\'")}'
-const searchParamName = 'x-makeswift-preview-mode'
-const headerName = 'X-Makeswift-Preview-Mode'
-const originalUrl = new URL(window.location.href)
-
-if (window.parent !== window) {
-  window.addEventListener('message', event => {
-    if (event.origin === appOrigin && event.data.type === 'makeswift_preview_mode') {
-      const { secret } = event.data
-
-      if (!isPreview && !originalUrl.searchParams.has(searchParamName)) {
-        const url = new URL(originalUrl)
-
-        url.searchParams.set(searchParamName, secret)
-
-        window.location.replace(url)
-      } else {
-        const originalFetch = window.fetch
-
-        window.fetch = function patchedFetch(resource, options) {
-          const request = new Request(resource, options)
-
-          if (new URL(request.url).origin !== window.location.origin) {
-            return originalFetch.call(this, resource, options)
-          }
-          
-          const newHeaders = new Headers(request.headers)
-          newHeaders.set(headerName, secret)
-
-          return originalFetch.call(
-            this,
-            new Request(request, { headers: newHeaders })
-          )
-        }
-      }
-    }
-  })
-
-  window.parent.postMessage({ type: 'makeswift_preview_mode' }, appOrigin)
-}
-
-if (originalUrl.searchParams.has(searchParamName)) {
-  const url = new URL(originalUrl)
-
-  url.searchParams.delete(searchParamName)
-
-  window.history.replaceState(null, '', url)
-}
-`;
-  const makeswiftConnectionCheckScript = `
-const appOrigin = '${appOrigin.replace("'", "\\'")}'
-
-if (window.parent !== window) {
-  window.addEventListener('message', event => {
-    if (
-      event.origin === appOrigin && 
-      event.data.type === '${ActionTypes.MAKESWIFT_CONNECTION_INIT}'
-    ) {
-      setInterval(() => {
-        window.parent.postMessage({ 
-          type: '${ActionTypes.MAKESWIFT_CONNECTION_CHECK}',
-          payload: { 
-            currentUrl: window.location.href 
-          }
-        }, appOrigin)
-      }, 20)
-    }
-  })
-
-  window.parent.postMessage({ type: '${ActionTypes.MAKESWIFT_CONNECTION_INIT}' }, appOrigin)
-}
-`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "script",
-      {
-        id: "makeswift-preview-mode",
-        type: "module",
-        dangerouslySetInnerHTML: { __html: previewModeScript }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "script",
-      {
-        id: "makeswift-connection-check",
-        type: "module",
-        dangerouslySetInnerHTML: { __html: makeswiftConnectionCheckScript }
-      }
-    )
-  ] });
-}
 export {
-  MakeswiftSiteVersion,
-  PreviewModeScript,
-  getMakeswiftSiteVersion,
-  makeswiftSiteVersionSchema
+  getMakeswiftSiteVersion
 };
 //# sourceMappingURL=preview-mode.js.map

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

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

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

@@ -5,26 +5,30 @@ import { cache } from "@emotion/css";
 import { useServerInsertedHTML } from "next/navigation";
 import { createContext, useContext, useState } from "react";
 const CacheContext = createContext(cache);
-function RootStyleRegistry({ children }) {
-  const [{ cache: cache2, flush }] = useState(() => {
-    const cache3 = createCache({ key: "css" });
-    cache3.compat = true;
-    const prevInsert = cache3.insert;
-    let inserted = [];
-    cache3.insert = (...args) => {
-      const serialized = args[1];
-      if (cache3.inserted[serialized.name] === void 0) {
-        inserted.push(serialized.name);
-      }
-      return prevInsert(...args);
-    };
-    const flush2 = () => {
-      const prevInserted = inserted;
-      inserted = [];
-      return prevInserted;
-    };
-    return { cache: cache3, flush: flush2 };
-  });
+const createRootStyleCache = ({ key }) => {
+  const cache2 = createCache({ key });
+  cache2.compat = true;
+  const prevInsert = cache2.insert;
+  let inserted = [];
+  cache2.insert = (...args) => {
+    const serialized = args[1];
+    if (cache2.inserted[serialized.name] === void 0) {
+      inserted.push(serialized.name);
+    }
+    return prevInsert(...args);
+  };
+  const flush = () => {
+    const prevInserted = inserted;
+    inserted = [];
+    return prevInserted;
+  };
+  return { cache: cache2, flush };
+};
+function RootStyleRegistry({
+  children,
+  cacheKey
+}) {
+  const [{ cache: cache2, flush }] = useState(() => createRootStyleCache({ key: cacheKey ?? "mswft" }));
   useServerInsertedHTML(() => {
     const names = flush();
     if (names.length === 0)

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 createCache, { EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport { ReactNode, createContext, useContext, useState } from 'react'\n\nconst CacheContext = createContext(cache)\n\nexport function RootStyleRegistry({ children }: { children: ReactNode }) {\n  const [{ cache, flush }] = useState(() => {\n    const cache = createCache({ key: 'css' })\n    cache.compat = true\n    const prevInsert = cache.insert\n    let inserted: string[] = []\n    cache.insert = (...args) => {\n      const serialized = args[1]\n      if (cache.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name)\n      }\n      return prevInsert(...args)\n    }\n    const flush = () => {\n      const prevInserted = inserted\n      inserted = []\n      return prevInserted\n    }\n    return { cache, flush }\n  })\n\n  useServerInsertedHTML(() => {\n    const names = flush()\n    if (names.length === 0) return null\n    let styles = ''\n    for (const name of names) {\n      styles += cache.inserted[name]\n    }\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{\n          __html: styles,\n        }}\n      />\n    )\n  })\n\n  return <CacheContext.Provider value={cache}>{children}</CacheContext.Provider>\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n"],"mappings":";AAsCM;AApCN,OAAO,iBAAmC;AAC1C,SAAS,aAAa;AACtB,SAAS,6BAA6B;AACtC,SAAoB,eAAe,YAAY,gBAAgB;AAE/D,MAAM,eAAe,cAAc,KAAK;AAEjC,SAAS,kBAAkB,EAAE,SAAS,GAA4B;AACvE,QAAM,CAAC,EAAE,OAAAA,QAAO,MAAM,CAAC,IAAI,SAAS,MAAM;AACxC,UAAMA,SAAQ,YAAY,EAAE,KAAK,MAAM,CAAC;AACxC,IAAAA,OAAM,SAAS;AACf,UAAM,aAAaA,OAAM;AACzB,QAAI,WAAqB,CAAC;AAC1B,IAAAA,OAAM,SAAS,IAAI,SAAS;AAC1B,YAAM,aAAa,KAAK,CAAC;AACzB,UAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,iBAAS,KAAK,WAAW,IAAI;AAAA,MAC/B;AACA,aAAO,WAAW,GAAG,IAAI;AAAA,IAC3B;AACA,UAAMC,SAAQ,MAAM;AAClB,YAAM,eAAe;AACrB,iBAAW,CAAC;AACZ,aAAO;AAAA,IACT;AACA,WAAO,EAAE,OAAAD,QAAO,OAAAC,OAAM;AAAA,EACxB,CAAC;AAED,wBAAsB,MAAM;AAC1B,UAAM,QAAQ,MAAM;AACpB,QAAI,MAAM,WAAW;AAAG,aAAO;AAC/B,QAAI,SAAS;AACb,eAAW,QAAQ,OAAO;AACxB,gBAAUD,OAAM,SAAS,IAAI;AAAA,IAC/B;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc,GAAGA,OAAM,GAAG,IAAI,MAAM,KAAK,GAAG,CAAC;AAAA,QAC7C,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAOA,QAAQ,UAAS;AACxD;AAEO,SAAS,WAAyB;AACvC,SAAO,WAAW,YAAY;AAChC;","names":["cache","flush"]}
+{"version":3,"sources":["../../../src/next/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport createCache, { EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport { ReactNode, createContext, useContext, useState } from 'react'\n\nconst CacheContext = createContext(cache)\n\nconst createRootStyleCache = ({ key }: { key: string }) => {\n  const cache = createCache({ key })\n  cache.compat = true\n\n  const prevInsert = cache.insert\n  let inserted: string[] = []\n\n  cache.insert = (...args) => {\n    const serialized = args[1]\n    if (cache.inserted[serialized.name] === undefined) {\n      inserted.push(serialized.name)\n    }\n    return prevInsert(...args)\n  }\n\n  const flush = () => {\n    const prevInserted = inserted\n    inserted = []\n    return prevInserted\n  }\n\n  return { cache, flush }\n}\n\nexport function RootStyleRegistry({\n  children,\n  cacheKey,\n}: {\n  children: ReactNode\n  cacheKey?: string\n}) {\n  const [{ cache, flush }] = useState(() => createRootStyleCache({ key: cacheKey ?? 'mswft' }))\n\n  useServerInsertedHTML(() => {\n    const names = flush()\n    if (names.length === 0) return null\n    let styles = ''\n    for (const name of names) {\n      styles += cache.inserted[name]\n    }\n\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{\n          __html: styles,\n        }}\n      />\n    )\n  })\n\n  return <CacheContext.Provider value={cache}>{children}</CacheContext.Provider>\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n"],"mappings":";AAmDM;AAjDN,OAAO,iBAAmC;AAC1C,SAAS,aAAa;AACtB,SAAS,6BAA6B;AACtC,SAAoB,eAAe,YAAY,gBAAgB;AAE/D,MAAM,eAAe,cAAc,KAAK;AAExC,MAAM,uBAAuB,CAAC,EAAE,IAAI,MAAuB;AACzD,QAAMA,SAAQ,YAAY,EAAE,IAAI,CAAC;AACjC,EAAAA,OAAM,SAAS;AAEf,QAAM,aAAaA,OAAM;AACzB,MAAI,WAAqB,CAAC;AAE1B,EAAAA,OAAM,SAAS,IAAI,SAAS;AAC1B,UAAM,aAAa,KAAK,CAAC;AACzB,QAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,eAAS,KAAK,WAAW,IAAI;AAAA,IAC/B;AACA,WAAO,WAAW,GAAG,IAAI;AAAA,EAC3B;AAEA,QAAM,QAAQ,MAAM;AAClB,UAAM,eAAe;AACrB,eAAW,CAAC;AACZ,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,OAAAA,QAAO,MAAM;AACxB;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,EAAE,OAAAA,QAAO,MAAM,CAAC,IAAI,SAAS,MAAM,qBAAqB,EAAE,KAAK,YAAY,QAAQ,CAAC,CAAC;AAE5F,wBAAsB,MAAM;AAC1B,UAAM,QAAQ,MAAM;AACpB,QAAI,MAAM,WAAW;AAAG,aAAO;AAC/B,QAAI,SAAS;AACb,eAAW,QAAQ,OAAO;AACxB,gBAAUA,OAAM,SAAS,IAAI;AAAA,IAC/B;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc,GAAGA,OAAM,GAAG,IAAI,MAAM,KAAK,GAAG,CAAC;AAAA,QAC7C,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAOA,QAAQ,UAAS;AACxD;AAEO,SAAS,WAAyB;AACvC,SAAO,WAAW,YAAY;AAChC;","names":["cache"]}

package/dist/esm/next/server.js

@@ -1,8 +1,6 @@
 import { MakeswiftApiHandler } from "./api-handler";
 import { getSiteVersion } from "./draft-mode";
-import { DraftModeScript } from "./draft-mode/draft-mode-script";
 export {
-  DraftModeScript,
   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, MakeswiftApiHandlerResponse } from './api-handler'\nexport { getSiteVersion } from './draft-mode'\nexport { DraftModeScript } from './draft-mode/draft-mode-script'\n"],"mappings":"AAAA,SAAS,2BAA2B;AAEpC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;","names":[]}
+{"version":3,"sources":["../../../src/next/server.ts"],"sourcesContent":["export { MakeswiftApiHandler } from './api-handler'\nexport type { Manifest, Font, MakeswiftApiHandlerResponse } from './api-handler'\nexport { getSiteVersion } from './draft-mode'\n"],"mappings":"AAAA,SAAS,2BAA2B;AAEpC,SAAS,sBAAsB;","names":[]}

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

@@ -0,0 +1,37 @@
+import { createRequest } from "node-mocks-http";
+function urlToQuery(url) {
+  const segments = url.pathname.split("/").filter(Boolean);
+  if (segments.length === 0)
+    return {};
+  if (segments.length === 1)
+    return [segments[0]];
+  let structure = {};
+  let current = structure;
+  for (let i = 0; i < segments.length - 2; i++) {
+    current[segments[i]] = {};
+    current = current[segments[i]];
+  }
+  current[segments[segments.length - 2]] = [segments[segments.length - 1]];
+  return {
+    ...structure,
+    ...Object.fromEntries(
+      url.searchParams.entries()
+    )
+  };
+}
+function createNextApiRequest({
+  method,
+  path,
+  body
+}) {
+  return createRequest({
+    method,
+    url: path,
+    query: urlToQuery(new URL(path, "http://localhost")),
+    body
+  });
+}
+export {
+  createNextApiRequest
+};
+//# sourceMappingURL=test-utils.js.map

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { canAcceptRef } from '../utils/can-accept-ref'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ResolveProps } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n\n    if (Component == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    const forwardRef = canAcceptRef(Component)\n\n    return (\n      <Suspense>\n        <ResolveProps element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </ResolveProps>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":"AAmBa;AAUC;AA7Bd,SAAc,UAAU,YAAY,YAAY;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAMtB,MAAM,cAAc;AAAA,EACzB,WAAW,SAASA,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,YAAY,aAAa,YAAY,IAAI;AAE/C,QAAI,aAAa,MAAM;AACrB,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,UAAMC,cAAa,aAAa,SAAS;AAEzC,WACE,oBAAC,YACC,8BAAC,gBAAa,SAAS,aACpB,qBACCA,cACE,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["ElementData","forwardRef"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { canAcceptRef } from '../utils/can-accept-ref'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ResolveProps } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n\n    if (Component == null) {\n      console.warn(`Unknown component '${elementData.type}'`, { elementData })\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    const forwardRef = canAcceptRef(Component)\n\n    return (\n      <Suspense>\n        <ResolveProps element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </ResolveProps>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":"AAoBa;AAUC;AA9Bd,SAAc,UAAU,YAAY,YAAY;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAMtB,MAAM,cAAc;AAAA,EACzB,WAAW,SAASA,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,YAAY,aAAa,YAAY,IAAI;AAE/C,QAAI,aAAa,MAAM;AACrB,cAAQ,KAAK,sBAAsB,YAAY,IAAI,KAAK,EAAE,YAAY,CAAC;AACvE,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,UAAMC,cAAa,aAAa,SAAS;AAEzC,WACE,oBAAC,YACC,8BAAC,gBAAa,SAAS,aACpB,qBACCA,cACE,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["ElementData","forwardRef"]}

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

@@ -1,27 +1,38 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 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 { useBuilderHandshake } from "./hooks/use-builder-handshake";
+import { useBuilderConnectionPing } from "./hooks/use-builder-connection-ping";
 const LiveProvider = lazy(() => import("./LiveProvider"));
 const PreviewProvider = lazy(() => import("./PreviewProvider"));
 function ReactRuntimeProvider({
   children,
   runtime,
   previewMode,
+  appOrigin = "https://app.makeswift.com",
   apiOrigin = "https://api.makeswift.com",
   locale = void 0
 }) {
   const client = useMemo(
     () => new MakeswiftHostApiClient({
       uri: new URL("graphql", apiOrigin).href,
-      locale
+      locale,
+      siteVersion: previewMode ? MakeswiftSiteVersion.Working : MakeswiftSiteVersion.Live
     }),
-    [apiOrigin, locale]
+    [apiOrigin, locale, previewMode]
   );
   const StoreProvider = previewMode ? PreviewProvider : LiveProvider;
-  return /* @__PURE__ */ jsx(ReactRuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ jsx(MakeswiftHostApiClientProvider, { client, children: /* @__PURE__ */ jsx(StoreProvider, { children }) }) });
+  useBuilderHandshake({ appOrigin });
+  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 })
+  ] }) }) });
 }
 export {
   ReactRuntimeProvider

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'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function ReactRuntimeProvider({\n  children,\n  runtime,\n  previewMode,\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntime\n  previewMode: boolean\n  apiOrigin?: string\n  locale?: string\n}) {\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n      }),\n    [apiOrigin, locale],\n  )\n\n  const StoreProvider = previewMode ? PreviewProvider : LiveProvider\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider>{children}</StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AAuCQ;AArCR,SAAoB,SAAS,YAAY;AAEzC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAEpC,SAAS,sCAAsC;AAE/C,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAEvD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,SAAS;AACX,GAMG;AACD,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,EAAE;AAAA,MACnC;AAAA,IACF,CAAC;AAAA,IACH,CAAC,WAAW,MAAM;AAAA,EACpB;AAEA,QAAM,gBAAgB,cAAc,kBAAkB;AAEtD,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SACnC,8BAAC,kCAA+B,QAC9B,8BAAC,iBAAe,UAAS,GAC3B,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 { MakeswiftSiteVersion } from '../../../api/site-version'\nimport { DraftSwitcher } from './draft-switcher/draft-switcher'\nimport { useBuilderHandshake } from './hooks/use-builder-handshake'\nimport { useBuilderConnectionPing } from './hooks/use-builder-connection-ping'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function ReactRuntimeProvider({\n  children,\n  runtime,\n  previewMode,\n  appOrigin = 'https://app.makeswift.com',\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntime\n  previewMode: boolean\n  apiOrigin?: string\n  appOrigin?: string\n  locale?: string\n}) {\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n        siteVersion: previewMode ? MakeswiftSiteVersion.Working : MakeswiftSiteVersion.Live,\n      }),\n    [apiOrigin, locale, previewMode],\n  )\n\n  const StoreProvider = previewMode ? PreviewProvider : LiveProvider\n\n  useBuilderHandshake({ appOrigin })\n  useBuilderConnectionPing({ appOrigin })\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider>\n          {children}\n          <DraftSwitcher isDraft={previewMode} />\n        </StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AAiDQ,SAEE,KAFF;AA/CR,SAAoB,SAAS,YAAY;AAEzC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAEpC,SAAS,sCAAsC;AAC/C,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,gCAAgC;AAEzC,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAEvD,SAAS,qBAAqB;AAAA,EACnC;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,sBAAoB,EAAE,UAAU,CAAC;AACjC,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":[]}

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

@@ -0,0 +1,48 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+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 }) {
+  const shadowContainerRef = useRef(null);
+  const [shadowRoot, setShadowRoot] = useState(null);
+  const isInBuilder = useIsInBuilder();
+  const showToolbar = !isInBuilder && isDraft;
+  useEffect(() => {
+    if (!showToolbar)
+      return;
+    if (shadowContainerRef.current && shadowContainerRef.current.shadowRoot == null && shadowRoot == null) {
+      const root = shadowContainerRef.current.attachShadow({ mode: "open" });
+      setShadowRoot(root);
+    }
+  }, [showToolbar, shadowRoot, setShadowRoot]);
+  if (!showToolbar)
+    return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showToolbar && /* @__PURE__ */ jsx("span", { id: "makeswift-draft-switcher", ref: shadowContainerRef, children: shadowRoot ? createPortal(/* @__PURE__ */ jsx(DraftToolbar, { onExitDraft: exitDraftMode }), shadowRoot) : null }),
+    /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/json",
+        id: "makeswift-draft-info",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })
+        }
+      }
+    )
+  ] });
+}
+export {
+  DraftSwitcher
+};
+//# sourceMappingURL=draft-switcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useIsInBuilder } from '../../hooks/use-is-in-builder'\nimport { DraftToolbar } from './draft-toolbar'\n\nconst ClearDraftModeRequestPath = '/api/makeswift/clear-draft'\n\nasync function exitDraftMode() {\n  try {\n    await fetch(ClearDraftModeRequestPath)\n    window.location.reload()\n  } catch (err) {\n    console.error('Could not clear Makeswift cookies. Please report this error to your developer.')\n    console.error(err)\n  }\n}\n\nexport function DraftSwitcher({ isDraft }: { isDraft: boolean }) {\n  const shadowContainerRef = useRef<HTMLSpanElement | null>(null)\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  const showToolbar = !isInBuilder && isDraft\n\n  useEffect(() => {\n    if (!showToolbar) return\n    if (\n      shadowContainerRef.current &&\n      shadowContainerRef.current.shadowRoot == null &&\n      shadowRoot == null\n    ) {\n      const root = shadowContainerRef.current.attachShadow({ mode: 'open' })\n      setShadowRoot(root)\n    }\n  }, [showToolbar, shadowRoot, setShadowRoot])\n\n  if (!showToolbar) return null\n\n  return (\n    <>\n      {showToolbar && (\n        <span id=\"makeswift-draft-switcher\" ref={shadowContainerRef}>\n          {shadowRoot\n            ? createPortal(<DraftToolbar onExitDraft={exitDraftMode} />, shadowRoot)\n            : null}\n        </span>\n      )}\n      <script\n        type=\"application/json\"\n        id=\"makeswift-draft-info\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder }),\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":"AAwCI,mBAIuB,KAJvB;AAxCJ,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,oBAAoB;AAE7B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAE7B,MAAM,4BAA4B;AAElC,eAAe,gBAAgB;AAC7B,MAAI;AACF,UAAM,MAAM,yBAAyB;AACrC,WAAO,SAAS,OAAO;AAAA,EACzB,SAAS,KAAK;AACZ,YAAQ,MAAM,gFAAgF;AAC9F,YAAQ,MAAM,GAAG;AAAA,EACnB;AACF;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,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,MAAI,CAAC;AAAa,WAAO;AAEzB,SACE,iCACG;AAAA,mBACC,oBAAC,UAAK,IAAG,4BAA2B,KAAK,oBACtC,uBACG,aAAa,oBAAC,gBAAa,aAAa,eAAe,GAAI,UAAU,IACrE,MACN;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ,KAAK,UAAU,EAAE,OAAO,SAAS,WAAW,YAAY,CAAC;AAAA,QACnE;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { useEffect } from "react";
+import { ActionTypes } from "../../../../react";
+const CONNECTION_PING_INTERVAL_MS = 20;
+function useBuilderConnectionPing({ appOrigin }) {
+  useEffect(() => {
+    let connectionInterval;
+    if (window.parent !== window) {
+      window.addEventListener("message", messageHandler);
+      window.parent.postMessage(
+        { type: ActionTypes.MAKESWIFT_CONNECTION_INIT },
+        { targetOrigin: appOrigin }
+      );
+    }
+    return () => {
+      window.removeEventListener("message", messageHandler);
+      if (connectionInterval != null) {
+        window.clearInterval(connectionInterval);
+        connectionInterval = null;
+      }
+    };
+    function messageHandler(event) {
+      if (event.origin === appOrigin && event.data.type === ActionTypes.MAKESWIFT_CONNECTION_INIT) {
+        if (connectionInterval != null) {
+          window.clearInterval(connectionInterval);
+          connectionInterval = null;
+        }
+        connectionInterval = window.setInterval(() => {
+          window.parent.postMessage(
+            {
+              type: ActionTypes.MAKESWIFT_CONNECTION_CHECK,
+              payload: { currentUrl: window.location.href }
+            },
+            { targetOrigin: appOrigin }
+          );
+        }, CONNECTION_PING_INTERVAL_MS);
+      }
+    }
+  }, [appOrigin]);
+}
+export {
+  useBuilderConnectionPing
+};
+//# sourceMappingURL=use-builder-connection-ping.js.map

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

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

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

@@ -0,0 +1,21 @@
+import { useEffect, useMemo } from "react";
+import { useIsPagesRouter } from "../../../../next/hooks/use-is-pages-router";
+const PAGES_ROUTER_HANDSHAKE_MESSAGE = "makeswift_preview_mode";
+const APP_ROUTER_HANDSHAKE_MESSAGE = "makeswift_draft_mode";
+function useBuilderHandshake({ appOrigin }) {
+  const isPagesRouter = useIsPagesRouter();
+  const handshakeInitiationMessage = useMemo(() => {
+    if (isPagesRouter)
+      return PAGES_ROUTER_HANDSHAKE_MESSAGE;
+    return APP_ROUTER_HANDSHAKE_MESSAGE;
+  }, [isPagesRouter]);
+  useEffect(() => {
+    if (window.parent !== window) {
+      window.parent.postMessage({ type: handshakeInitiationMessage }, { targetOrigin: appOrigin });
+    }
+  }, [appOrigin, handshakeInitiationMessage]);
+}
+export {
+  useBuilderHandshake
+};
+//# sourceMappingURL=use-builder-handshake.js.map

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

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

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

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
-import { Slate } from "@makeswift/controls";
-import { getBaseBreakpoint, DefaultBreakpointID } from "../../../../../state/modules/breakpoints";
+import { Slate, getBaseBreakpoint } from "@makeswift/controls";
+import { DefaultBreakpointID } from "../../../../../state/modules/breakpoints";
 import { useBreakpoints } from "../../../hooks/use-breakpoints";
 import { RichText } from "../../../../../controls";
 function usePresetValue(definition) {

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

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

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

@@ -1,9 +1,9 @@
+import { useMemo } from "react";
 import { updateAPIClientCache } from "../../../state/actions";
 import { useMakeswiftHostApiClient } from "../host-api-client";
-import { useUniversalDispatch } from "./use-universal-dispatch";
 function useCacheData(cacheData) {
   const { makeswiftApiClient: apiStore } = useMakeswiftHostApiClient();
-  useUniversalDispatch(apiStore.dispatch, updateAPIClientCache, [cacheData]);
+  useMemo(() => apiStore.dispatch(updateAPIClientCache(cacheData)), [cacheData]);
 }
 export {
   useCacheData

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

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