@makeswift/runtime 0.0.13 → 0.0.17

package/dist/index.es.js

@@ -43,6 +43,9 @@ import { f as registerComponentHandleEffect, g as mountComponentEffect, h as reg
 import styled, { css, keyframes, createGlobalStyle } from "styled-components";
 import { useReducedMotion, useAnimation, motion } from "framer-motion";
 import { cx, css as css$1, cache } from "@emotion/css";
+import { getDataFromTree } from "@apollo/client/react/ssr";
+import { KeyUtils, Value } from "slate";
+import uuid from "uuid/v4";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import parse$1 from "html-react-parser";
 import Head from "next/head";
@@ -52,20 +55,18 @@ import scrollIntoView from "scroll-into-view-if-needed";
 import NextLink from "next/link";
 import { useGesture } from "react-use-gesture";
 import { wrap } from "@popmotion/popcorn";
-import uuid from "uuid/v4";
 import NextImage from "next/image";
 import { Field as Field$1, getIn, Formik } from "formik";
 import { p as parse, c as createBox, g as getBox } from "./box-models.es.js";
 import { normalize } from "polished";
 import ReactPlayer from "react-player";
-import { Value } from "slate";
 import Hotkeys from "slate-hotkeys";
 import ipsum from "corporate-ipsum";
 import { isHotkey } from "is-hotkey";
 import { Editor } from "slate-react";
 import Lists from "@convertkit/slate-lists";
-import { S as ShapeControlType, I as ImageControlType, C as ColorControlType, a as SelectControlType, T as TextAreaControlType, b as TextInputControlType, N as NumberControlType, c as CheckboxControlType } from "./text-input.es.js";
-import { L as ListControlType } from "./list.es.js";
+import { I as ImageControlType, C as ColorControlType, S as SelectControlType, T as TextAreaControlType, a as TextInputControlType, N as NumberControlType, b as CheckboxControlType } from "./text-input.es.js";
+import { L as ListControlType, S as ShapeControlType, C as ComboboxControlType } from "./shape.es.js";
 import { a as StyleControlProperty, S as StyleControlType } from "./style.es.js";
 import { findDOMNode } from "react-dom";
 const PlaceholderBase$1 = styled.div`
@@ -305,13 +306,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 = createContext(false);
+function useIsPrefetching() {
+  return useContext(PrefetchContext);
 }
 function createApolloClient({
   uri,
@@ -324,8 +321,7 @@ function createApolloClient({
     cache2.restore(cacheData);
   return new ApolloClient({
     uri,
-    cache: cache2,
-    ssrMode: isServer$1
+    cache: cache2
   });
 }
 class MakeswiftClient {
@@ -334,14 +330,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();
+    await getDataFromTree(/* @__PURE__ */ jsx(PrefetchContext.Provider, {
+      value: true,
+      children: /* @__PURE__ */ jsx(RuntimeProvider, {
+        client: this,
+        rootElements: /* @__PURE__ */ new Map([[id, element]]),
+        children: /* @__PURE__ */ jsx(DocumentReference, {
+          documentReference: createDocumentReference(id)
+        })
+      })
+    }));
+    KeyUtils.resetGenerator();
+    return this.apolloClient.cache.extract();
   }
   updateCacheData(cacheData) {
     this.apolloClient.cache.restore(cacheData);
@@ -1360,6 +1367,9 @@ const BackgroundsContainer$1 = styled(Container$c)`
 function Backgrounds({
   backgrounds
 }) {
+  const isPrefetching = useIsPrefetching();
+  if (isPrefetching)
+    return /* @__PURE__ */ jsx(Fragment, {});
   if (backgrounds == null)
     return /* @__PURE__ */ jsx(Fragment, {});
   return /* @__PURE__ */ jsx(Fragment, {
@@ -2339,6 +2349,7 @@ const ImageComponent = forwardRef(function Image2({
   const dataDimensions = (fileData == null ? void 0 : fileData.publicUrl) ? fileData == null ? void 0 : fileData.dimensions : placeholder2.dimensions;
   const [measuredDimensions, setMeasuredDimensions] = useState(null);
   const isInBuilder = useIsInBuilder();
+  const isPrefetching = useIsPrefetching();
   useEffect(() => {
     if (dataDimensions)
       return;
@@ -2359,6 +2370,8 @@ const ImageComponent = forwardRef(function Image2({
   if (!dimensions)
     return null;
   const widthClass = css$1(responsiveWidth(width, `${dimensions.width}px`));
+  if (isPrefetching)
+    return null;
   return /* @__PURE__ */ jsx(ImageContainer, {
     as: link ? Link : "div",
     link,
@@ -5605,6 +5618,7 @@ const StyledDropDownItem = styled(Link)`
   color: black;
   background-color: transparent;
   transition: background-color 0.2s;
+  ${cssTextStyle()}
   ${(p) => cssMediaRules([p.color, p.textStyle], ([color, textStyle = {}]) => {
   const fontSize = textStyle.fontSize || {
     value: 14,
@@ -8545,6 +8559,9 @@ function useColorValue(data, definition) {
   const [swatch] = (_b = (_a = result.data) == null ? void 0 : _a.swatches) != null ? _b : [null];
   return ColorHelper({ h: swatch == null ? void 0 : swatch.hue, s: swatch == null ? void 0 : swatch.saturation, l: swatch == null ? void 0 : swatch.lightness }).alpha(data.alpha).rgb().string();
 }
+function useComboboxControlValue(data) {
+  return data == null ? void 0 : data.value;
+}
 function useImageControlValue(data) {
   var _a;
   return (_a = useFile(data)) == null ? void 0 : _a.publicUrl;
@@ -8633,6 +8650,12 @@ function ControlValue({
         parameters: [data],
         children: (value) => children(value)
       }, definition.type);
+    case ComboboxControlType:
+      return /* @__PURE__ */ jsx(RenderHook, {
+        hook: useComboboxControlValue,
+        parameters: [data],
+        children: (value) => children(value)
+      }, definition.type);
     case ShapeControlType:
       return /* @__PURE__ */ jsx(ShapeControlValue, {
         definition,
@@ -8674,6 +8697,7 @@ function PropsValue({
       case SelectControlType:
       case ColorControlType:
       case ImageControlType:
+      case ComboboxControlType:
       case ShapeControlType:
       case ListControlType:
         return /* @__PURE__ */ jsx(ControlValue, {
@@ -9008,5 +9032,5 @@ const DocumentReference = memo(forwardRef(function DocumentReference2({
     document: document2
   });
 }));
-export { useBackgrounds as A, Box as B, Carousel as C, DocumentReference as D, Element$1 as E, Form as F, useBorder as G, useBoxShadow as H, ImageComponent as I, useResponsiveColor as J, useFile as K, useMediaQuery as L, usePage as M, Navigation as N, useTable as O, PageProvider as P, PAGE_SNIPPETS_QUERY as Q, RuntimeProvider as R, SocialLinks as S, Text as T, SITE_FONTS_QUERY as U, Page2 as V, garbageCollectGlobalCacheData as W, getGlobalCacheData as X, MakeswiftClient as Y, deepEqual as Z, ReactRuntime as a, usePageId as b, Button$1 as c, Countdown as d, Divider as e, Embed as f, Root as g, registerComponent$c as h, DEFAULT_BOX_ANIMATE_TYPE as i, DEFAULT_BOX_ANIMATE_DELAY as j, DEFAULT_BOX_ANIMATE_DURATION as k, DEFAULT_ITEM_ANIMATE_TYPE as l, DEFAULT_ITEM_ANIMATE_DELAY as m, DEFAULT_ITEM_ANIMATE_DURATION as n, DEFAULT_ITEM_STAGGER_DURATION as o, cssMediaRules as p, cssWidth as q, registerBuiltinComponents as r, cssMargin as s, cssPadding as t, useIsInBuilder as u, cssBorder as v, cssBorderRadius as w, cssBoxShadow as x, cssGridItem as y, cssTextStyle as z };
+export { useBackgrounds as A, Box as B, Carousel as C, DocumentReference as D, Element$1 as E, Form as F, useBorder as G, useBoxShadow as H, ImageComponent as I, useResponsiveColor as J, useFile as K, useMediaQuery as L, usePage as M, Navigation as N, useTable as O, PageProvider as P, PAGE_SNIPPETS_QUERY as Q, RuntimeProvider as R, SocialLinks as S, Text as T, SITE_FONTS_QUERY as U, Page2 as V, MakeswiftClient as W, deepEqual as X, ReactRuntime as a, usePageId as b, Button$1 as c, Countdown as d, Divider as e, Embed as f, Root as g, registerComponent$c as h, DEFAULT_BOX_ANIMATE_TYPE as i, DEFAULT_BOX_ANIMATE_DELAY as j, DEFAULT_BOX_ANIMATE_DURATION as k, DEFAULT_ITEM_ANIMATE_TYPE as l, DEFAULT_ITEM_ANIMATE_DELAY as m, DEFAULT_ITEM_ANIMATE_DURATION as n, DEFAULT_ITEM_STAGGER_DURATION as o, cssMediaRules as p, cssWidth as q, registerBuiltinComponents as r, cssMargin as s, cssPadding as t, useIsInBuilder as u, cssBorder as v, cssBorderRadius as w, cssBoxShadow as x, cssGridItem as y, cssTextStyle as z };
 //# sourceMappingURL=index.es.js.map