@makeswift/runtime 0.0.12 → 0.0.13

package/dist/components.cjs.js

@@ -13,9 +13,6 @@ 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");
@@ -24,12 +21,14 @@ 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,9 +11,6 @@ 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";
@@ -22,12 +19,14 @@ 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,9 +43,6 @@ 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");
@@ -55,11 +52,13 @@ 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,12 +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);
@@ -342,9 +341,13 @@ const typePolicies = {
     }
   }
 };
-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,
@@ -357,7 +360,8 @@ function createApolloClient({
     cache.restore(cacheData);
   return new client.ApolloClient({
     uri,
-    cache
+    cache,
+    ssrMode: isServer$1
   });
 }
 class MakeswiftClient {
@@ -366,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);
@@ -1403,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, {
@@ -2385,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;
@@ -2406,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,
@@ -8552,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);
@@ -9094,6 +9084,8 @@ 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;