@makeswift/runtime 0.5.2 → 0.5.3

package/dist/index.es.js

@@ -40,7 +40,7 @@ import { useEffect, createContext, useContext, useState, useMemo, useRef, Childr
 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 { 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.3";
 function isErrorWithMessage(error) {
   return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
 }
@@ -1288,13 +1283,10 @@ 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]]),