@makeswift/runtime 0.5.2 → 0.5.4

package/dist/index.cjs2.js

@@ -36,7 +36,7 @@ require("use-sync-external-store/shim");
 require("./slot.cjs.js");
 var css = require("@emotion/css");
 var jsxRuntime = require("react/jsx-runtime");
-var reactPage = require("./react-page.cjs.js");
+var constants = require("./constants.cjs.js");
 var NextImage = require("next/image");
 var useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs.js");
 var ReactPlayer = require("react-player");
@@ -47,9 +47,9 @@ function _interopDefaultLegacy(e) {
 var NextImage__default = /* @__PURE__ */ _interopDefaultLegacy(NextImage);
 var ReactPlayer__default = /* @__PURE__ */ _interopDefaultLegacy(ReactPlayer);
 function useBackgrounds(value) {
-  const fileIds = reactPage.getBackgroundsFileIds(value);
+  const fileIds = constants.getBackgroundsFileIds(value);
   const files = next.useFiles(fileIds);
-  const swatchIds = reactPage.getBackgroundsSwatchIds(value);
+  const swatchIds = constants.getBackgroundsSwatchIds(value);
   const swatches = next.useSwatches(swatchIds);
   return React.useMemo(() => {
     if (value == null)
@@ -72,7 +72,7 @@ function useBackgrounds(value) {
           }
           if (bg.type === "color" && bg.payload != null) {
             const { swatchId, alpha } = bg.payload;
-            const swatch = swatches.filter(reactPage.isNonNullable).find((s) => s && s.id === swatchId);
+            const swatch = swatches.filter(constants.isNonNullable).find((s) => s && s.id === swatchId);
             return { id: bg.id, type: "color", payload: { swatch, alpha } };
           }
           if (bg.type === "gradient" && bg.payload != null && bg.payload.stops.length > 0) {
@@ -86,7 +86,7 @@ function useBackgrounds(value) {
                   var _c = _b2, { color } = _c, restOfStop = __objRest(_c, ["color"]);
                   return __spreadProps(__spreadValues({}, restOfStop), {
                     color: color && {
-                      swatch: swatches.filter(reactPage.isNonNullable).find((s) => s && s.id === color.swatchId),
+                      swatch: swatches.filter(constants.isNonNullable).find((s) => s && s.id === color.swatchId),
                       alpha: color.alpha
                     }
                   });
@@ -106,7 +106,7 @@ function useBackgrounds(value) {
             };
           }
           return null;
-        }).filter(reactPage.isNonNullable)
+        }).filter(constants.isNonNullable)
       });
     });
   }, [files, swatches, value]);

package/dist/index.es.js

@@ -39,8 +39,8 @@ import * as React from "react";
 import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useCallback, Component, useImperativeHandle, Suspense } from "react";
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
 import dynamic from "next/dynamic";
-import { g as getPropControllerDescriptors, i as isElementReference, a as getElementSwatchIds, b as getFileIds, d as getTypographyIds, e as getTableIds, f as getPageIds, h as getElementChildren, j as createDocumentReference, k as getBorderSwatchIds, l as isNonNullable, m as getBoxShadowsSwatchIds, n as getResponsiveColorSwatchIds, o as getComponentPropControllerDescriptors, p as getPropControllers, q as configureStore$1, r as getDocument, s as getElementId, t as getIsInBuilder, u as copyElementTree, v as getReactComponent } from "./react-page.es.js";
-import { A as ActionTypes, f as introspectedResourcesFulfilled, g as apiResourceFulfilled, t as typographiesFulfilled, h as restoreAPIResourcesCache, j as registerComponentHandleEffect, k as mountComponentEffect, l as registerComponentEffect, n as registerReactComponentEffect } from "./actions.es.js";
+import { g as getPropControllerDescriptors, i as isElementReference, a as getElementSwatchIds, b as getFileIds, d as getTypographyIds, e as getTableIds, f as getPageIds, h as getElementChildren, j as createDocumentReference, M as MakeswiftComponentType, k as getBorderSwatchIds, l as isNonNullable, m as getBoxShadowsSwatchIds, n as getResponsiveColorSwatchIds, o as getComponentPropControllerDescriptors, p as getPropControllers, q as configureStore$1, r as getDocument, s as getElementId, t as getIsInBuilder, u as copyElementTree, v as getReactComponent } from "./constants.es.js";
+import { A as ActionTypes, f as introspectedResourcesFulfilled, g as apiResourceFulfilled, t as typographiesFulfilled, h as registerComponentHandleEffect, j as mountComponentEffect, k as registerComponentEffect, l as registerReactComponentEffect } from "./actions.es.js";
 import { cache, cx } from "@emotion/css";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as Types, E as ElementID, B as Backgrounds, W as Width, h as ResponsiveIconRadioGroup, M as Margin, P as Padding, i as Border, j as BorderRadius, k as Shadows, G as GapY, l as GapX, m as ResponsiveSelect, n as ResponsiveNumber, o as Checkbox, p as Grid, q as TextInput, L as Link, r as ResponsiveColor, s as TextStyle, t as Images, N as Number$1, D as Date$1, F as Font, u as ResponsiveLength, v as TextArea, w as Table, x as TableFormFields, y as Image, z as ResponsiveOpacity, A as NavigationLinks, H as SocialLinks, J as RichText, V as Video, K as StyleControlProperty, O as ImageControlValueFormat, I as ImageControlType, C as ColorControlType, Q as BorderPropControllerFormat, U as ShadowsPropControllerFormat, X as BorderRadiusPropControllerFormat, Y as MarginPropControllerFormat, Z as PaddingPropControllerFormat, _ as WidthPropControllerFormat, S as SlotControlType, a as StyleControlType } from "./slot.es.js";
@@ -249,8 +249,6 @@ function getAPIResource$1(state, resourceType, resourceId) {
 }
 function reducer$1(state = getInitialState(), action) {
   switch (action.type) {
-    case ActionTypes.RESTORE_API_RESOURCES_CACHE:
-      return getInitialState(action.payload.serializedState);
     case ActionTypes.API_RESOURCE_FULFILLED: {
       const { resourceType, resourceId, resource } = action.payload;
       return new Map(state).set(resourceType, new Map(state.get(resourceType)).set(resourceId, resource));
@@ -626,9 +624,6 @@ class MakeswiftClient {
     KeyUtils.resetGenerator();
     return getSerializedState(this.makeswiftApiClient.getState());
   }
-  updateCacheData(cacheData) {
-    this.makeswiftApiClient.dispatch(restoreAPIResourcesCache(cacheData));
-  }
   readSwatch(swatchId) {
     return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.Swatch, swatchId);
   }
@@ -1054,7 +1049,7 @@ class Document$1 extends NextDocument {
     });
   }
 }
-const version = "0.5.2";
+const version = "0.5.4";
 function isErrorWithMessage(error) {
   return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
 }
@@ -1288,20 +1283,17 @@ async function getServerSideProps(ctx) {
 const Page = memo(({
   snapshot
 }) => {
-  const [client] = useState(() => new MakeswiftClient({
+  const client = useMemo(() => new MakeswiftClient({
     uri: new URL("graphql", snapshot.apiOrigin).href,
     cacheData: snapshot.cacheData
-  }));
-  useEffect(() => {
-    client.updateCacheData(snapshot.cacheData);
-  }, [client, snapshot]);
+  }), [snapshot]);
   return /* @__PURE__ */ jsx(RuntimeProvider, {
     client,
     rootElements: /* @__PURE__ */ new Map([[snapshot.document.id, snapshot.document.data]]),
     preview: snapshot.preview,
     children: /* @__PURE__ */ jsx(Page$1, {
       document: snapshot.document
-    })
+    }, snapshot.document.data.key)
   });
 });
 const keys = (o) => Object.keys(o);
@@ -1367,21 +1359,6 @@ const getDeviceMediaQuery = (device) => {
   }
   return parts.join(" and ");
 };
-const MakeswiftComponentType = {
-  Box: "./components/Box/index.js",
-  Button: "./components/Button/index.js",
-  Carousel: "./components/Carousel/index.js",
-  Countdown: "./components/Countdown/index.js",
-  Divider: "./components/Divider/index.js",
-  Embed: "./components/Embed/index.js",
-  Form: "./components/Form/index.js",
-  Image: "./components/Image/index.js",
-  Navigation: "./components/Navigation/index.js",
-  Root: "./components/Root/index.js",
-  SocialLinks: "./components/SocialLinks/index.js",
-  Text: "./components/Text/index.js",
-  Video: "./components/Video/index.js"
-};
 const DEFAULT_BOX_ANIMATE_TYPE = "none";
 const DEFAULT_BOX_ANIMATE_DELAY = 0;
 const DEFAULT_BOX_ANIMATE_DURATION = 0.75;
@@ -3933,5 +3910,5 @@ const DocumentReference = memo(forwardRef(function DocumentReference2({
     document: document2
   });
 }));
-export { Page as $, Alignments as A, useFile as B, Contrasts as C, DocumentReference as D, Element as E, DEVICES as F, findDeviceOverride as G, serializeStyles as H, insertStyles as I, useTypography as J, useSwatches as K, shallowMergeFallbacks as L, MakeswiftComponentType as M, useFiles as N, usePagePathnameSlice as O, PageProvider as P, useElementId as Q, RuntimeProvider as R, Shapes as S, deepEqual as T, storeContextDefaultValue as U, StoreContext as V, MakeswiftProvider as W, MakeswiftClient as X, getStaticPaths as Y, getStaticProps as Z, getServerSideProps as _, ReactRuntime as a, Makeswift as a0, PreviewModeScript as a1, Document$1 as a2, MakeswiftApiHandler as a3, forwardNextDynamicRef as a4, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useBoxShadow as k, useResponsiveColor as l, useMediaQuery as m, Page$1 as n, useStyle as o, responsiveWidth as p, responsiveTextStyle as q, responsiveStyle as r, colorToString as s, Sizes as t, useIsInBuilder as u, useFormContext as v, responsiveGridItem as w, useTable as x, useMakeswiftClient as y, Provider as z };
+export { Makeswift as $, Alignments as A, useFile as B, Contrasts as C, DocumentReference as D, Element as E, DEVICES as F, findDeviceOverride as G, serializeStyles as H, insertStyles as I, useTypography as J, useSwatches as K, shallowMergeFallbacks as L, useFiles as M, usePagePathnameSlice as N, useElementId as O, PageProvider as P, deepEqual as Q, RuntimeProvider as R, Shapes as S, storeContextDefaultValue as T, StoreContext as U, MakeswiftProvider as V, MakeswiftClient as W, getStaticPaths as X, getStaticProps as Y, getServerSideProps as Z, Page as _, ReactRuntime as a, PreviewModeScript as a0, Document$1 as a1, MakeswiftApiHandler as a2, forwardNextDynamicRef as a3, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useBoxShadow as k, useResponsiveColor as l, useMediaQuery as m, Page$1 as n, useStyle as o, responsiveWidth as p, responsiveTextStyle as q, responsiveStyle as r, colorToString as s, Sizes as t, useIsInBuilder as u, useFormContext as v, responsiveGridItem as w, useTable as x, useMakeswiftClient as y, Provider as z };
 //# sourceMappingURL=index.es.js.map