@makeswift/runtime 0.0.15 → 0.0.16

package/dist/components.cjs.js

@@ -13,6 +13,9 @@ require("./style.cjs.js");
 require("styled-components");
 require("framer-motion");
 require("@emotion/css");
+require("@apollo/client/react/ssr");
+require("slate");
+require("uuid/v4");
 require("react/jsx-runtime");
 require("html-react-parser");
 require("next/head");
@@ -21,14 +24,12 @@ require("scroll-into-view-if-needed");
 require("next/link");
 require("react-use-gesture");
 require("@popmotion/popcorn");
-require("uuid/v4");
 require("next/image");
 require("formik");
 require("./box-models.cjs.js");
 require("css-box-model");
 require("polished");
 require("react-player");
-require("slate");
 require("slate-hotkeys");
 require("corporate-ipsum");
 require("is-hotkey");

package/dist/components.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components.es.js

@@ -11,6 +11,9 @@ import "./style.es.js";
 import "styled-components";
 import "framer-motion";
 import "@emotion/css";
+import "@apollo/client/react/ssr";
+import "slate";
+import "uuid/v4";
 import "react/jsx-runtime";
 import "html-react-parser";
 import "next/head";
@@ -19,14 +22,12 @@ import "scroll-into-view-if-needed";
 import "next/link";
 import "react-use-gesture";
 import "@popmotion/popcorn";
-import "uuid/v4";
 import "next/image";
 import "formik";
 import "./box-models.es.js";
 import "css-box-model";
 import "polished";
 import "react-player";
-import "slate";
 import "slate-hotkeys";
 import "corporate-ipsum";
 import "is-hotkey";

package/dist/components.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.cjs.js

@@ -43,6 +43,9 @@ 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");
 var parse = require("html-react-parser");
 var Head = require("next/head");
@@ -52,13 +55,11 @@ 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");
@@ -93,12 +94,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);
@@ -341,13 +342,9 @@ const typePolicies = {
     }
   }
 };
-const isServer$1 = typeof window === "undefined";
-let globalApolloClient = null;
-function garbageCollectGlobalCacheData() {
-  globalApolloClient = null;
-}
-function getGlobalCacheData() {
-  return globalApolloClient == null ? void 0 : globalApolloClient.cache.extract();
+const PrefetchContext = React.createContext(false);
+function useIsPrefetching() {
+  return React.useContext(PrefetchContext);
 }
 function createApolloClient({
   uri,
@@ -360,8 +357,7 @@ function createApolloClient({
     cache.restore(cacheData);
   return new client.ApolloClient({
     uri,
-    cache,
-    ssrMode: isServer$1
+    cache
   });
 }
 class MakeswiftClient {
@@ -370,14 +366,25 @@ class MakeswiftClient {
     cacheData
   }) {
     __publicField(this, "apolloClient");
-    if (globalApolloClient == null)
-      globalApolloClient = createApolloClient({
-        uri,
-        cacheData
-      });
-    else if (cacheData != null)
-      globalApolloClient.cache.restore(cacheData);
-    this.apolloClient = globalApolloClient;
+    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();
   }
   updateCacheData(cacheData) {
     this.apolloClient.cache.restore(cacheData);
@@ -1396,6 +1403,9 @@ 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, {
@@ -2375,6 +2385,7 @@ 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;
@@ -2395,6 +2406,8 @@ 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,
@@ -9085,8 +9098,6 @@ 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;