@makeswift/runtime 0.5.0 → 0.5.2

package/dist/index.cjs.js

@@ -227,6 +227,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)]));
 }
@@ -290,8 +327,12 @@ function reducer$1(state = getInitialState(), action) {
       });
       return new Map(state).set(types.APIResourceType.Typography, typographies);
     }
-    case actions.ActionTypes.CHANGE_API_RESOURCE:
+    case actions.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 actions.ActionTypes.EVICT_API_RESOURCE: {
       const [resourceType, resourceId] = action.payload.id.split(":");
       if (!(resourceType in types.APIResourceType))
@@ -697,43 +738,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"
@@ -1085,7 +1089,7 @@ class Document$1 extends NextDocument__default["default"] {
     });
   }
 }
-const version = "0.5.0";
+const version = "0.5.2";
 function isErrorWithMessage(error) {
   return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
 }
@@ -2881,8 +2885,35 @@ function useResponsiveColor(color) {
     return swatch == null ? null : __spreadProps(__spreadValues({}, rest), { value: { swatch, alpha } });
   }).filter(reactPage.isNonNullable);
 }
-const isSSR = typeof window === "undefined" || /ServerSideRendering/.test(window.navigator && window.navigator.userAgent);
-const useIsomorphicLayoutEffect = isSSR ? React.useEffect : React.useLayoutEffect;
+const DEVICE_QUERIES = DEVICES.map((device) => ({
+  id: device.id,
+  query: getDeviceMediaQuery(device).replace("@media", "")
+}));
+function subscribe(notify) {
+  const cleanUpFns = DEVICE_QUERIES.map((q) => {
+    const mediaQueryList = window.matchMedia(q.query);
+    mediaQueryList.addEventListener("change", notify);
+    return () => mediaQueryList.removeEventListener("change", notify);
+  });
+  return () => cleanUpFns.forEach((fn) => fn());
+}
+function useMediaQuery(responsiveValue) {
+  const getServerSnapshot = () => {
+    var _a;
+    return (_a = findDeviceOverride(responsiveValue, DEVICES[0].id)) == null ? void 0 : _a.value;
+  };
+  function getSnapshot() {
+    var _a;
+    const deviceId = DEVICE_QUERIES.reduce((matchedDevice, deviceQueries) => {
+      if (window.matchMedia(deviceQueries.query).matches) {
+        return deviceQueries.id;
+      }
+      return matchedDevice;
+    }, DEVICE_QUERIES[0].id);
+    return (_a = findDeviceOverride(responsiveValue, deviceId)) == null ? void 0 : _a.value;
+  }
+  return shim.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
 const getIndexes = (spans, index) => {
   const flattened = spans.reduce((a, s) => a.concat(s), []);
   if (index < 0 || index > flattened.length)
@@ -3999,7 +4030,6 @@ exports.colorToString = colorToString;
 exports.deepEqual = deepEqual;
 exports.findDeviceOverride = findDeviceOverride;
 exports.forwardNextDynamicRef = forwardNextDynamicRef;
-exports.getDeviceMediaQuery = getDeviceMediaQuery;
 exports.getServerSideProps = getServerSideProps;
 exports.getStaticPaths = getStaticPaths;
 exports.getStaticProps = getStaticProps;
@@ -4018,8 +4048,8 @@ exports.useFile = useFile;
 exports.useFiles = useFiles;
 exports.useFormContext = useFormContext;
 exports.useIsInBuilder = useIsInBuilder;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useMakeswiftClient = useMakeswiftClient;
+exports.useMediaQuery = useMediaQuery;
 exports.usePageId = usePageId;
 exports.usePagePathnameSlice = usePagePathnameSlice;
 exports.useResponsiveColor = useResponsiveColor;