@makeswift/runtime 0.5.1 → 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";
@@ -192,6 +192,43 @@ async function introspect(element, client, store) {
     pageIds: [...pageIds]
   };
 }
+function is(x, y) {
+  if (x === y)
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+  return x !== x && y !== y;
+}
+const { hasOwnProperty: hasOwnProperty$1 } = Object.prototype;
+const shallowEqual = (a, b) => {
+  if (is(a, b))
+    return true;
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  for (let i = 0; i < keysA.length; i += 1) {
+    if (!hasOwnProperty$1.call(b, keysA[i]) || !is(a[keysA[i]], b[keysA[i]]))
+      return false;
+  }
+  return true;
+};
+const { hasOwnProperty } = Object.prototype;
+const deepEqual = (a, b) => {
+  if (shallowEqual(a, b))
+    return true;
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  for (let i = 0; i < keysA.length; i += 1) {
+    if (!hasOwnProperty.call(b, keysA[i]) || !deepEqual(a[keysA[i]], b[keysA[i]]))
+      return false;
+  }
+  return true;
+};
 function getInitialState(serializedState = []) {
   return new Map(serializedState.map(([resourceType, resources]) => [resourceType, new Map(resources)]));
 }
@@ -212,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));
@@ -255,8 +290,12 @@ function reducer$1(state = getInitialState(), action) {
       });
       return new Map(state).set(APIResourceType.Typography, typographies);
     }
-    case ActionTypes.CHANGE_API_RESOURCE:
+    case ActionTypes.CHANGE_API_RESOURCE: {
+      const existingApiResource = getAPIResource$1(state, action.payload.resource.__typename, action.payload.resource.id);
+      if (deepEqual(existingApiResource, action.payload.resource))
+        return state;
       return new Map(state).set(action.payload.resource.__typename, new Map(state.get(action.payload.resource.__typename)).set(action.payload.resource.id, action.payload.resource));
+    }
     case ActionTypes.EVICT_API_RESOURCE: {
       const [resourceType, resourceId] = action.payload.id.split(":");
       if (!(resourceType in APIResourceType))
@@ -585,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);
   }
@@ -662,43 +698,6 @@ function MakeswiftProvider({
     children
   });
 }
-function is(x, y) {
-  if (x === y)
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  return x !== x && y !== y;
-}
-const { hasOwnProperty: hasOwnProperty$1 } = Object.prototype;
-const shallowEqual = (a, b) => {
-  if (is(a, b))
-    return true;
-  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
-    return false;
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length)
-    return false;
-  for (let i = 0; i < keysA.length; i += 1) {
-    if (!hasOwnProperty$1.call(b, keysA[i]) || !is(a[keysA[i]], b[keysA[i]]))
-      return false;
-  }
-  return true;
-};
-const { hasOwnProperty } = Object.prototype;
-const deepEqual = (a, b) => {
-  if (shallowEqual(a, b))
-    return true;
-  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
-    return false;
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length)
-    return false;
-  for (let i = 0; i < keysA.length; i += 1) {
-    if (!hasOwnProperty.call(b, keysA[i]) || !deepEqual(a[keysA[i]], b[keysA[i]]))
-      return false;
-  }
-  return true;
-};
 const SnippetLocation = {
   Body: "BODY",
   Head: "HEAD"
@@ -1050,7 +1049,7 @@ class Document$1 extends NextDocument {
     });
   }
 }
-const version = "0.5.1";
+const version = "0.5.3";
 function isErrorWithMessage(error) {
   return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
 }
@@ -1284,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]]),