@makeswift/runtime 0.0.10 → 0.0.13

package/dist/index.cjs.js

@@ -43,23 +43,22 @@ var actions = require("./actions.cjs.js");
 var styled = require("styled-components");
 var framerMotion = require("framer-motion");
 var css = require("@emotion/css");
-var ssr = require("@apollo/client/react/ssr");
-var slate = require("slate");
-var uuid = require("uuid/v4");
 var jsxRuntime = require("react/jsx-runtime");
-require("html-react-parser");
-require("next/head");
+var parse = require("html-react-parser");
+var Head = require("next/head");
 var descriptors = require("./descriptors.cjs.js");
 var ColorHelper = require("color");
 var scrollIntoView = require("scroll-into-view-if-needed");
 var NextLink = require("next/link");
 var reactUseGesture = require("react-use-gesture");
 var popcorn = require("@popmotion/popcorn");
+var uuid = require("uuid/v4");
 var NextImage = require("next/image");
 var formik = require("formik");
 var boxModels = require("./box-models.cjs.js");
 var polished = require("polished");
 var ReactPlayer = require("react-player");
+var slate = require("slate");
 var Hotkeys = require("slate-hotkeys");
 var ipsum = require("corporate-ipsum");
 var isHotkey = require("is-hotkey");
@@ -94,10 +93,12 @@ function _interopNamespace(e) {
 }
 var React__namespace = /* @__PURE__ */ _interopNamespace(React);
 var styled__default = /* @__PURE__ */ _interopDefaultLegacy(styled);
-var uuid__default = /* @__PURE__ */ _interopDefaultLegacy(uuid);
+var parse__default = /* @__PURE__ */ _interopDefaultLegacy(parse);
+var Head__default = /* @__PURE__ */ _interopDefaultLegacy(Head);
 var ColorHelper__default = /* @__PURE__ */ _interopDefaultLegacy(ColorHelper);
 var scrollIntoView__default = /* @__PURE__ */ _interopDefaultLegacy(scrollIntoView);
 var NextLink__default = /* @__PURE__ */ _interopDefaultLegacy(NextLink);
+var uuid__default = /* @__PURE__ */ _interopDefaultLegacy(uuid);
 var NextImage__default = /* @__PURE__ */ _interopDefaultLegacy(NextImage);
 var ReactPlayer__default = /* @__PURE__ */ _interopDefaultLegacy(ReactPlayer);
 var Hotkeys__default = /* @__PURE__ */ _interopDefaultLegacy(Hotkeys);
@@ -318,13 +319,35 @@ const typePolicies = {
           __typename: "Table",
           id: args == null ? void 0 : args.id
         }, true);
+      },
+      page(existingData, {
+        args,
+        toReference
+      }) {
+        return existingData != null ? existingData : toReference({
+          __typename: "Page",
+          id: args == null ? void 0 : args.id
+        }, true);
+      },
+      site(existingData, {
+        args,
+        toReference
+      }) {
+        return existingData != null ? existingData : toReference({
+          __typename: "Site",
+          id: args == null ? void 0 : args.id
+        }, true);
       }
     }
   }
 };
-const PrefetchContext = React.createContext(false);
-function useIsPrefetching() {
-  return React.useContext(PrefetchContext);
+const isServer$1 = typeof window === "undefined";
+let globalApolloClient = null;
+function garbageCollectGlobalCacheData() {
+  globalApolloClient = null;
+}
+function getGlobalCacheData() {
+  return globalApolloClient == null ? void 0 : globalApolloClient.cache.extract();
 }
 function createApolloClient({
   uri,
@@ -337,7 +360,8 @@ function createApolloClient({
     cache.restore(cacheData);
   return new client.ApolloClient({
     uri,
-    cache
+    cache,
+    ssrMode: isServer$1
   });
 }
 class MakeswiftClient {
@@ -346,25 +370,14 @@ class MakeswiftClient {
     cacheData
   }) {
     __publicField(this, "apolloClient");
-    this.apolloClient = createApolloClient({
-      uri,
-      cacheData
-    });
-  }
-  async prefetch(element) {
-    const id = uuid__default["default"]();
-    await ssr.getDataFromTree(/* @__PURE__ */ jsxRuntime.jsx(PrefetchContext.Provider, {
-      value: true,
-      children: /* @__PURE__ */ jsxRuntime.jsx(RuntimeProvider, {
-        client: this,
-        rootElements: /* @__PURE__ */ new Map([[id, element]]),
-        children: /* @__PURE__ */ jsxRuntime.jsx(DocumentReference, {
-          documentReference: reactPage.createDocumentReference(id)
-        })
-      })
-    }));
-    slate.KeyUtils.resetGenerator();
-    return this.apolloClient.cache.extract();
+    if (globalApolloClient == null)
+      globalApolloClient = createApolloClient({
+        uri,
+        cacheData
+      });
+    else if (cacheData != null)
+      globalApolloClient.cache.restore(cacheData);
+    this.apolloClient = globalApolloClient;
   }
   updateCacheData(cacheData) {
     this.apolloClient.cache.restore(cacheData);
@@ -1383,9 +1396,6 @@ const BackgroundsContainer$1 = styled__default["default"](Container$c)`
 function Backgrounds({
   backgrounds
 }) {
-  const isPrefetching = useIsPrefetching();
-  if (isPrefetching)
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   if (backgrounds == null)
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -2170,7 +2180,8 @@ const Button$1 = React.forwardRef(function Button2(_m, ref) {
     color,
     textStyle,
     width,
-    margin
+    margin,
+    className
   } = _n, restOfProps = __objRest(_n, [
     "id",
     "children",
@@ -2182,12 +2193,13 @@ const Button$1 = React.forwardRef(function Button2(_m, ref) {
     "color",
     "textStyle",
     "width",
-    "margin"
+    "margin",
+    "className"
   ]);
   return /* @__PURE__ */ jsxRuntime.jsx(StyledButton$1, __spreadProps(__spreadValues({}, restOfProps), {
     ref,
     id,
-    className: css.cx(css.css(responsiveWidth(width, "auto"))),
+    className: css.cx(css.css(responsiveWidth(width, "auto")), className),
     color,
     link,
     margin,
@@ -2363,7 +2375,6 @@ const ImageComponent = React.forwardRef(function Image2({
   const dataDimensions = (fileData == null ? void 0 : fileData.publicUrl) ? fileData == null ? void 0 : fileData.dimensions : placeholder2.dimensions;
   const [measuredDimensions, setMeasuredDimensions] = React.useState(null);
   const isInBuilder = useIsInBuilder();
-  const isPrefetching = useIsPrefetching();
   React.useEffect(() => {
     if (dataDimensions)
       return;
@@ -2384,8 +2395,6 @@ const ImageComponent = React.forwardRef(function Image2({
   if (!dimensions)
     return null;
   const widthClass = css.css(responsiveWidth(width, `${dimensions.width}px`));
-  if (isPrefetching)
-    return null;
   return /* @__PURE__ */ jsxRuntime.jsx(ImageContainer, {
     as: link ? Link : "div",
     link,
@@ -2548,7 +2557,7 @@ const Reel = styled__default["default"](framerMotion.motion.div)`
         }
       `)}
 `;
-const Page = styled__default["default"](framerMotion.motion.div)`
+const Page$1 = styled__default["default"](framerMotion.motion.div)`
   position: relative;
   width: 100%;
 `;
@@ -2761,7 +2770,7 @@ const Carousel = React.forwardRef(function Carousel2({
     },
     children: [/* @__PURE__ */ jsxRuntime.jsxs(Container$b, {
       children: [/* @__PURE__ */ jsxRuntime.jsx(ClipMask, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(Page, __spreadProps(__spreadValues({}, bindPage()), {
+        children: /* @__PURE__ */ jsxRuntime.jsx(Page$1, __spreadProps(__spreadValues({}, bindPage()), {
           animate: animation,
           children: /* @__PURE__ */ jsxRuntime.jsx(Reel, {
             gap,
@@ -3550,7 +3559,7 @@ const defaultHtml = `<div style="padding: 24px; background-color: rgba(161, 168,
 <rect y="160" width="40" height="8" rx="2" fill="#A1A8C2" fill-opacity="0.5"/>
 </svg>
 </div>`;
-const SCRIPT_TAG = "script";
+const SCRIPT_TAG$1 = "script";
 const Embed = React.forwardRef(function Embed2({
   id,
   width,
@@ -3568,7 +3577,7 @@ const Embed = React.forwardRef(function Embed2({
       return;
     const walker = container.ownerDocument.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
       acceptNode(node) {
-        return node.tagName.toLowerCase() === SCRIPT_TAG ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+        return node.tagName.toLowerCase() === SCRIPT_TAG$1 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
       }
     });
     const nodes = [];
@@ -3579,7 +3588,7 @@ const Embed = React.forwardRef(function Embed2({
         await new Promise((resolve) => {
           var _a, _b;
           const node = nodes[i];
-          const script = node.ownerDocument.createElement(SCRIPT_TAG);
+          const script = node.ownerDocument.createElement(SCRIPT_TAG$1);
           script.textContent = node.textContent;
           Array.from(node.attributes).forEach(({
             name,
@@ -4908,7 +4917,7 @@ function useTableFormFieldRefs(propController, { fieldsCount }) {
     }
   }, [propController, container, items, isInBuilder]);
   const itemRefs = React.useMemo(() => Array.from({ length: fieldsCount + 1 }).map((_, index) => (item) => {
-    setItems((is) => [...is.slice(0, index), item, ...is.slice(index + 1)]);
+    setItems((is2) => [...is2.slice(0, index), item, ...is2.slice(index + 1)]);
   }), [fieldsCount, setItems]);
   return { container: setContainer, items: itemRefs };
 }
@@ -7835,6 +7844,325 @@ function registerBuiltinComponents(runtime) {
     unregisterVideoComponent();
   };
 }
+const SCRIPT_TAG = "script";
+function BodySnippet({
+  code,
+  cleanup
+}) {
+  React.useEffect(() => {
+    const container = document.createElement("div");
+    container.innerHTML = code;
+    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);
+    const scripts = [];
+    while (walker.nextNode()) {
+      if (walker.currentNode instanceof HTMLScriptElement)
+        scripts.push(walker.currentNode);
+    }
+    scripts.forEach((inlineScript) => {
+      var _a;
+      const executableScript = document.createElement(SCRIPT_TAG);
+      executableScript.textContent = inlineScript.textContent;
+      Array.from(inlineScript.attributes).forEach(({
+        name,
+        value
+      }) => {
+        executableScript.setAttribute(name, value);
+      });
+      (_a = inlineScript.parentNode) == null ? void 0 : _a.replaceChild(executableScript, inlineScript);
+    });
+    const nodes = Array.from(container.childNodes);
+    document.body.append(...nodes);
+    return () => {
+      nodes.forEach((node) => {
+        var _a;
+        (_a = node.parentNode) == null ? void 0 : _a.removeChild(node);
+      });
+      if (cleanup == null)
+        return;
+      const cleanUp = new Function(cleanup);
+      try {
+        cleanUp();
+      } catch {
+      }
+    };
+  }, [code, cleanup]);
+  return null;
+}
+function is(x, y) {
+  if (x === y)
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+  return x !== x && y !== y;
+}
+const { hasOwnProperty: hasOwnProperty$1 } = Object.prototype;
+const shallowEqual = (a, b) => {
+  if (is(a, b))
+    return true;
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  for (let i = 0; i < keysA.length; i += 1) {
+    if (!hasOwnProperty$1.call(b, keysA[i]) || !is(a[keysA[i]], b[keysA[i]]))
+      return false;
+  }
+  return true;
+};
+const { hasOwnProperty } = Object.prototype;
+const deepEqual = (a, b) => {
+  if (shallowEqual(a, b))
+    return true;
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  for (let i = 0; i < keysA.length; i += 1) {
+    if (!hasOwnProperty.call(b, keysA[i]) || !deepEqual(a[keysA[i]], b[keysA[i]]))
+      return false;
+  }
+  return true;
+};
+const defaultFavicon = {
+  mimetype: "image/png",
+  publicUrl: "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 VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_.\-\d]*$/;
+const VALID_HEAD_ELEMENT_TYPES = ["title", "base", "link", "style", "meta", "script", "noscript", "template"];
+function snippetToElement(snippet) {
+  return React.Children.map(parse__default["default"](snippet.code), (element) => {
+    if (typeof element === "string")
+      return element;
+    if (!VALID_TAG_REGEX.test(element.type))
+      return null;
+    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id;
+    return React.createElement(element.type, __spreadProps(__spreadValues({}, element.props), {
+      key
+    }));
+  });
+}
+const filterUsedSnippetProperties = ({
+  code,
+  builderEnabled,
+  liveEnabled,
+  location,
+  cleanup
+}) => ({
+  code,
+  builderEnabled,
+  liveEnabled,
+  location,
+  cleanup
+});
+const PAGE_SNIPPETS_QUERY = client.gql`
+  query PageById($id: ID!) {
+    page(id: $id) {
+      __typename
+      id
+      snippets {
+        __typename
+        id
+        name
+        code
+        cleanup
+        location
+        shouldAddToNewPages
+        liveEnabled
+        builderEnabled
+      }
+    }
+  }
+`;
+const SITE_FONTS_QUERY = client.gql`
+  query SiteById($id: ID!) {
+    site(id: $id) {
+      id
+      googleFonts {
+        edges {
+          activeVariants {
+            specifier
+          }
+          node {
+            family
+            variants {
+              specifier
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+function Page({
+  page,
+  preview = false
+}) {
+  var _a;
+  const isInBuilder = useIsInBuilder();
+  const [snippets, setSnippets] = React.useState(page.snippets);
+  useQuery(PAGE_SNIPPETS_QUERY, {
+    variables: {
+      id: page.id
+    },
+    skip: isInBuilder === false,
+    fetchPolicy: "cache-only",
+    onCompleted(data) {
+      if (data == null)
+        return;
+      const oldSnippets = snippets.map(filterUsedSnippetProperties);
+      const newSnippets = data.page.snippets.map(filterUsedSnippetProperties);
+      if (deepEqual(newSnippets, oldSnippets))
+        return;
+      setSnippets(data.page.snippets);
+    }
+  });
+  const {
+    data: siteData
+  } = useQuery(SITE_FONTS_QUERY, {
+    variables: {
+      id: page.site.id
+    },
+    skip: isInBuilder === false,
+    fetchPolicy: "cache-only"
+  });
+  const favicon = (_a = page.meta.favicon) != null ? _a : defaultFavicon;
+  const {
+    title,
+    description,
+    keywords,
+    socialImage
+  } = page.meta;
+  const {
+    canonicalUrl,
+    isIndexingBlocked
+  } = page.seo;
+  const fontFamilyParamValue = React.useMemo(() => {
+    if ((siteData == null ? void 0 : siteData.site) == null) {
+      return page.fonts.map(({
+        family,
+        variants
+      }) => {
+        return `${family.replace(/ /g, "+")}:${variants.join()}`;
+      }).join("|");
+    }
+    return siteData.site.googleFonts.edges.filter((edge) => edge != null).map(({
+      activeVariants,
+      node: {
+        family,
+        variants
+      }
+    }) => {
+      const activeVariantSpecifiers = variants.filter((variant) => activeVariants.some((activeVariant) => activeVariant.specifier === variant.specifier)).map((variant) => variant.specifier).join();
+      return `${family.replace(/ /g, "+")}:${activeVariantSpecifiers}`;
+    }).join("|");
+  }, [siteData, page]);
+  const filteredSnippets = React.useMemo(() => snippets.filter((snippet) => preview ? snippet.builderEnabled : snippet.liveEnabled), [snippets]);
+  const headSnippets = React.useMemo(() => filteredSnippets.filter((snippet) => snippet.location === "HEAD"), [filteredSnippets]);
+  const previousHeadSnippets = React.useRef(null);
+  React.useEffect(() => {
+    var _a2;
+    const headSnippetsToCleanUp = ((_a2 = previousHeadSnippets.current) != null ? _a2 : []).filter((previousSnippet) => previousSnippet.cleanup != null).filter((previousSnippet) => !headSnippets.some((snippet) => previousSnippet.id === snippet.id));
+    headSnippetsToCleanUp.forEach((snippetToCleanUp) => {
+      if (snippetToCleanUp.cleanup == null)
+        return;
+      const cleanUp = new Function(snippetToCleanUp.cleanup);
+      try {
+        cleanUp();
+      } catch {
+      }
+    });
+    previousHeadSnippets.current = headSnippets;
+  }, [headSnippets]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/* @__PURE__ */ jsxRuntime.jsxs(Head__default["default"], {
+      children: [/* @__PURE__ */ jsxRuntime.jsx("style", {
+        children: `
+            html {
+              font-family: sans-serif;
+            }
+            div#__next {
+              overflow: hidden;
+            }
+          `
+      }), /* @__PURE__ */ jsxRuntime.jsx("link", {
+        rel: "icon",
+        type: favicon.mimetype,
+        href: favicon.publicUrl
+      }), canonicalUrl && /* @__PURE__ */ jsxRuntime.jsx("link", {
+        rel: "canonical",
+        href: canonicalUrl
+      }), isIndexingBlocked && /* @__PURE__ */ jsxRuntime.jsx("meta", {
+        name: "robots",
+        content: "noindex"
+      }), title && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx("title", {
+          children: title
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          property: "og:title",
+          content: title
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          name: "twitter:title",
+          content: title
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          itemProp: "name",
+          content: title
+        })]
+      }), description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx("meta", {
+          name: "description",
+          content: description
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          property: "og:description",
+          content: description
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          name: "twitter:description",
+          content: description
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          itemProp: "description",
+          content: description
+        })]
+      }), keywords && /* @__PURE__ */ jsxRuntime.jsx("meta", {
+        name: "keywords",
+        content: keywords
+      }), socialImage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx("meta", {
+          property: "og:image",
+          content: socialImage.publicUrl
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          property: "og:image:type",
+          content: socialImage.publicUrl
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          name: "twitter:image",
+          content: socialImage.publicUrl
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          name: "twitter:card",
+          content: socialImage.publicUrl
+        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
+          itemProp: "image",
+          content: socialImage.publicUrl
+        })]
+      }), fontFamilyParamValue !== "" && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /* @__PURE__ */ jsxRuntime.jsx("link", {
+          rel: "stylesheet",
+          href: `https://fonts.googleapis.com/css?family=${fontFamilyParamValue}&display=swap`
+        })
+      }), headSnippets.map(snippetToElement).map((children) => React.Children.map(children, (child) => {
+        if (typeof child === "string")
+          return child;
+        if (VALID_HEAD_ELEMENT_TYPES.includes(child.type))
+          return child;
+        return null;
+      }))]
+    }), /* @__PURE__ */ jsxRuntime.jsx(DocumentReference, {
+      documentReference: reactPage.createDocumentReference(page.id)
+    }), filteredSnippets.filter((snippet) => snippet.location === "BODY").map((snippet) => /* @__PURE__ */ jsxRuntime.jsx(BodySnippet, {
+      code: snippet.code,
+      cleanup: snippet.cleanup
+    }, snippet.id))]
+  });
+}
 var _path;
 function _extends() {
   _extends = Object.assign || function(target) {
@@ -8211,8 +8539,11 @@ function useStyleControlCssObject(style$1, controlDefinition) {
 }
 const useInsertionEffectSpecifier = "useInsertionEffect";
 const useInsertionEffect = (_ea = React__namespace[useInsertionEffectSpecifier]) != null ? _ea : React__namespace.useLayoutEffect;
+const isServer = typeof window === "undefined";
 function useFormattedStyle(styleControlData, controlDefinition) {
   const style2 = useStyleControlCssObject(styleControlData, controlDefinition);
+  if (isServer)
+    return css.css(style2);
   const serialized = serializeStyles([style2], css.cache.registered);
   useInsertionEffect(() => {
     insertStyles(css.cache, serialized, false);
@@ -8276,7 +8607,7 @@ function ShapeControlValue({
   data,
   children
 }) {
-  return Object.entries(definition.config.type).reduce((renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ jsxRuntime.jsx(ControlValue, {
+  return Object.entries(definition.config.type).reduceRight((renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ jsxRuntime.jsx(ControlValue, {
     definition: controlDefinition,
     data: data == null ? void 0 : data[key],
     children: (value) => renderFn(__spreadProps(__spreadValues({}, shapeControlValue), {
@@ -8422,11 +8753,9 @@ function PropsValue({
 function suppressWarningAndFindDomNode(instance) {
   const error = console.error;
   console.error = (...args) => {
-    const [msg, ...substitutions] = args;
-    const text = substitutions.reduce((text2, substitution) => text2.replace("%s", substitution), msg);
-    if (!text.includes("findDOMNode is deprecated in StrictMode.")) {
-      error.apply(console, args);
-    }
+    if (typeof args[0] === "string" && args[0].includes("%s is deprecated in StrictMode."))
+      return;
+    return error.apply(console, args);
   };
   const foundDomNode = reactDom.findDOMNode(instance);
   console.error = error;
@@ -8586,11 +8915,10 @@ function useSuppressRefWarning(ownerName) {
   const patchedRef = React.useRef(false);
   if (patchedRef.current === false) {
     console.error = (...args) => {
-      const [msg, ...substitutions] = args;
-      const text = substitutions.reduce((text2, substitution) => text2.replace("%s", substitution), msg);
-      if (!text.includes("Function components cannot be given refs.") || !text.includes(`Check the render method of \`${ownerName}\`.`)) {
-        originalErrorRef.current(...args);
+      if (typeof args[0] === "string" && args[0].includes("Function components cannot be given refs.") && args[0].includes(`Check the render method of \`${ownerName}\`.`)) {
+        return;
       }
+      return originalErrorRef.current(...args);
     };
     patchedRef.current = true;
   }
@@ -8693,21 +9021,21 @@ const Element$1 = React.memo(React.forwardRef(function Element2({
   }, elementKey);
 }));
 const Document = React.memo(React.forwardRef(function Document2({
-  document
+  document: document2
 }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(DocumentContext.Provider, {
-    value: document.key,
+    value: document2.key,
     children: /* @__PURE__ */ jsxRuntime.jsx(Element$1, {
       ref,
-      element: document.rootElement
+      element: document2.rootElement
     })
   });
 }));
 const DocumentReference = React.memo(React.forwardRef(function DocumentReference2({
   documentReference
 }, ref) {
-  const document = useDocument(documentReference.key);
-  if (document == null) {
+  const document2 = useDocument(documentReference.key);
+  if (document2 == null) {
     return /* @__PURE__ */ jsxRuntime.jsx(FallbackComponent, {
       ref,
       text: "Document not found"
@@ -8715,7 +9043,7 @@ const DocumentReference = React.memo(React.forwardRef(function DocumentReference
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Document, {
     ref,
-    document
+    document: document2
   });
 }));
 exports.Box = Box;
@@ -8737,10 +9065,13 @@ exports.Form = Form;
 exports.ImageComponent = ImageComponent;
 exports.MakeswiftClient = MakeswiftClient;
 exports.Navigation = Navigation;
+exports.PAGE_SNIPPETS_QUERY = PAGE_SNIPPETS_QUERY;
+exports.Page = Page;
 exports.PageProvider = PageProvider;
 exports.ReactRuntime = ReactRuntime;
 exports.Root = Root;
 exports.RuntimeProvider = RuntimeProvider;
+exports.SITE_FONTS_QUERY = SITE_FONTS_QUERY;
 exports.SocialLinks = SocialLinks;
 exports.Text = Text;
 exports.cssBorder = cssBorder;
@@ -8752,6 +9083,9 @@ exports.cssMediaRules = cssMediaRules;
 exports.cssPadding = cssPadding;
 exports.cssTextStyle = cssTextStyle;
 exports.cssWidth = cssWidth;
+exports.deepEqual = deepEqual;
+exports.garbageCollectGlobalCacheData = garbageCollectGlobalCacheData;
+exports.getGlobalCacheData = getGlobalCacheData;
 exports.registerBuiltinComponents = registerBuiltinComponents;
 exports.registerComponent = registerComponent$c;
 exports.useBackgrounds = useBackgrounds;