@makeswift/runtime 0.6.7 → 0.7.1

package/dist/index.es.js

@@ -39,7 +39,7 @@ import * as React from "react";
 import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useCallback, useImperativeHandle, Component, 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, M as MakeswiftComponentType, k as getBorderSwatchIds, l as isNonNullable, m as getBoxShadowsSwatchIds, n as getResponsiveColorSwatchIds, o as isPropControllersHandle, p as getComponentPropControllerDescriptors, q as getPropControllers, r as configureStore$1, s as getDocument, t as getElementId, u as getIsPreview, v as getIsInBuilder, w as copyElementTree, x as getReactComponent, y as getBuilderEditMode } from "./constants.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$1, m as getBoxShadowsSwatchIds, n as getResponsiveColorSwatchIds, o as isPropControllersHandle, p as getComponentPropControllerDescriptors, q as getPropControllers, r as configureStore$1, s as getDocument, t as getElementId, u as getIsPreview, v as getIsInBuilder, w as copyElementTree, x as getReactComponent, y as getBuilderEditMode } from "./constants.es.js";
 import { A as ActionTypes, h as introspectedResourcesFulfilled, j as apiResourceFulfilled, t as typographiesFulfilled, k as registerComponentHandleEffect, l as mountComponentEffect, n as registerComponentEffect, o as registerReactComponentEffect } from "./actions.es.js";
 import { cache, cx } from "@emotion/css";
 import { serializeStyles } from "@emotion/serialize";
@@ -199,6 +199,24 @@ async function introspect(element, client, store) {
     pageIds: [...pageIds]
   };
 }
+function normalizeToMakeswiftResources(partialResources) {
+  const resources = {
+    swatches: (partialResources == null ? void 0 : partialResources.swatches) || [],
+    typographies: (partialResources == null ? void 0 : partialResources.typographies) || [],
+    files: (partialResources == null ? void 0 : partialResources.files) || [],
+    tables: (partialResources == null ? void 0 : partialResources.tables) || [],
+    pagePathnameSlices: (partialResources == null ? void 0 : partialResources.pagePathnameSlices) || [],
+    globalElements: (partialResources == null ? void 0 : partialResources.globalElements) || [],
+    snippets: (partialResources == null ? void 0 : partialResources.snippets) || [],
+    fonts: (partialResources == null ? void 0 : partialResources.fonts) || [],
+    pageMetadata: (partialResources == null ? void 0 : partialResources.pageMetadata) || {},
+    pageSeo: (partialResources == null ? void 0 : partialResources.pageSeo) || {}
+  };
+  return resources;
+}
+function fileToFileSnapshot(file) {
+  return file;
+}
 function is(x, y) {
   if (x === y)
     return x !== 0 || y !== 0 || 1 / x === 1 / y;
@@ -236,11 +254,15 @@ const deepEqual = (a, b) => {
   }
   return true;
 };
+function isNonNullable(value) {
+  return value != null;
+}
 function getSnapshotResourcesFromSerializedState(serializedState) {
   const resources = {
     swatches: serializedState.Swatch.filter((_) => true),
     typographies: serializedState.Typography.filter((_) => true),
-    files: serializedState.File.filter((_) => true),
+    files: serializedState.File.map(({ id, value }) => value.__typename === APIResourceType.File ? { id, value: fileToFileSnapshot(value) } : null).filter(isNonNullable),
+    tables: serializedState.Table.filter((_) => true),
     pagePathnameSlices: serializedState.PagePathnameSlice.filter((_) => true),
     globalElements: serializedState.GlobalElement.filter((_) => true)
   };
@@ -369,7 +391,7 @@ const FileFragment = `
     __typename
     id
     name
-    publicUrl
+    publicUrl: publicUrlV2
     extension
     dimensions {
       width
@@ -944,21 +966,7 @@ function useCachedSite(siteId) {
   const site = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
   return site;
 }
-const version = "0.6.7";
-function normalizeToMakeswiftResources(partialResources) {
-  const resources = {
-    swatches: (partialResources == null ? void 0 : partialResources.swatches) || [],
-    typographies: (partialResources == null ? void 0 : partialResources.typographies) || [],
-    files: (partialResources == null ? void 0 : partialResources.files) || [],
-    pagePathnameSlices: (partialResources == null ? void 0 : partialResources.pagePathnameSlices) || [],
-    globalElements: (partialResources == null ? void 0 : partialResources.globalElements) || [],
-    snippets: (partialResources == null ? void 0 : partialResources.snippets) || [],
-    fonts: (partialResources == null ? void 0 : partialResources.fonts) || [],
-    pageMetadata: (partialResources == null ? void 0 : partialResources.pageMetadata) || {},
-    pageSeo: (partialResources == null ? void 0 : partialResources.pageSeo) || {}
-  };
-  return resources;
-}
+const version = "0.7.1";
 class Makeswift {
   constructor(apiKey, { apiOrigin = "https://api.makeswift.com" } = {}) {
     __publicField(this, "apiKey");
@@ -1100,6 +1108,11 @@ Received "${apiKey}" instead.`);
           ...resourcesFromCurrentSnapshot2.files,
           ...publishedResources2.files
         ], deletedResources2 == null ? void 0 : deletedResources2.files),
+        tables: mergeIdSpecifiedResource([
+          ...resourcesFromPublishedElementTree2.tables,
+          ...resourcesFromCurrentSnapshot2.tables,
+          ...publishedResources2.tables
+        ], deletedResources2 == null ? void 0 : deletedResources2.tables),
         typographies: mergeIdSpecifiedResource([
           ...resourcesFromPublishedElementTree2.typographies,
           ...resourcesFromCurrentSnapshot2.typographies,
@@ -1156,6 +1169,7 @@ Received "${apiKey}" instead.`);
     return [
       ...resources.swatches.map(parseResourceIds),
       ...resources.files.map(parseResourceIds),
+      ...resources.tables.map(parseResourceIds),
       ...resources.typographies.map(parseResourceIds),
       ...resources.pagePathnameSlices.map(parseResourceIds),
       ...resources.globalElements.map(parseResourceIds),
@@ -1424,11 +1438,12 @@ Read more here: https://nextjs.org/blog/next-12-2#on-demand-incremental-static-r
         });
         const makeswiftApiClient = new MakeswiftClient({ uri: new URL("graphql", apiOrigin).href });
         async function formMakeswiftResources(publishedResources) {
-          var _a2, _b, _c2, _d, _e, _f, _g;
+          var _a2, _b, _c2, _d, _e, _f, _g, _h;
           const publishedResourcesInMakeswiftSnapshotFormat = {
             swatches: [],
             typographies: [],
             files: [],
+            tables: [],
             pagePathnameSlices: [],
             globalElements: [],
             snippets: [],
@@ -1462,14 +1477,23 @@ Read more here: https://nextjs.org/blog/next-12-2#on-demand-incremental-static-r
             if (file != null) {
               (_c2 = publishedResourcesInMakeswiftSnapshotFormat.files) == null ? void 0 : _c2.push({
                 id: fileId,
-                value: file
+                value: fileToFileSnapshot(file)
+              });
+            }
+          }
+          for await (const tableId of publishedResources.tables || []) {
+            const table = await makeswiftApiClient.fetchTable(tableId);
+            if (table != null) {
+              (_d = publishedResourcesInMakeswiftSnapshotFormat.tables) == null ? void 0 : _d.push({
+                id: tableId,
+                value: table
               });
             }
           }
           for await (const pageId of publishedResources.pagePathnameSlices || []) {
             const pagePathnameSlice = await makeswiftApiClient.fetchPagePathnameSlice(pageId);
             if (pagePathnameSlice != null) {
-              (_d = publishedResourcesInMakeswiftSnapshotFormat.pagePathnameSlices) == null ? void 0 : _d.push({
+              (_e = publishedResourcesInMakeswiftSnapshotFormat.pagePathnameSlices) == null ? void 0 : _e.push({
                 id: pageId,
                 value: pagePathnameSlice
               });
@@ -1478,7 +1502,7 @@ Read more here: https://nextjs.org/blog/next-12-2#on-demand-incremental-static-r
           for await (const globalElementId of publishedResources.globalElements || []) {
             const globalElement = await makeswiftApiClient.fetchGlobalElement(globalElementId);
             if (globalElement != null) {
-              (_e = publishedResourcesInMakeswiftSnapshotFormat.globalElements) == null ? void 0 : _e.push({
+              (_f = publishedResourcesInMakeswiftSnapshotFormat.globalElements) == null ? void 0 : _f.push({
                 id: globalElementId,
                 value: globalElement
               });
@@ -1497,7 +1521,7 @@ Read more here: https://nextjs.org/blog/next-12-2#on-demand-incremental-static-r
             for await (const snippetId of publishedResources.snippets || []) {
               const snippet = availableSnippets.find((availableSnippet) => availableSnippet.id === snippetId);
               if (snippet != null) {
-                (_f = publishedResourcesInMakeswiftSnapshotFormat.snippets) == null ? void 0 : _f.push({
+                (_g = publishedResourcesInMakeswiftSnapshotFormat.snippets) == null ? void 0 : _g.push({
                   id: snippetId,
                   value: snippet
                 });
@@ -1506,7 +1530,7 @@ Read more here: https://nextjs.org/blog/next-12-2#on-demand-incremental-static-r
             for await (const family of publishedResources.fonts || []) {
               const font = availableFonts.find((availableFont) => availableFont.family === family);
               if (font != null) {
-                (_g = publishedResourcesInMakeswiftSnapshotFormat.fonts) == null ? void 0 : _g.push({
+                (_h = publishedResourcesInMakeswiftSnapshotFormat.fonts) == null ? void 0 : _h.push({
                   id: family,
                   value: font
                 });
@@ -2842,7 +2866,7 @@ function mapSideColor(swatches, _d) {
   return __spreadProps(__spreadValues({}, restOfSide), {
     color: color && {
       alpha: color.alpha,
-      swatch: swatches.filter(isNonNullable).find((s) => s && s.id === color.swatchId)
+      swatch: swatches.filter(isNonNullable$1).find((s) => s && s.id === color.swatchId)
     }
   });
 }
@@ -2888,7 +2912,7 @@ function useBoxShadow(value) {
         return __spreadProps(__spreadValues({}, restOfShadow), {
           payload: {
             color: color != null ? {
-              swatch: swatches.filter(isNonNullable).find((s) => s && s.id === color.swatchId),
+              swatch: swatches.filter(isNonNullable$1).find((s) => s && s.id === color.swatchId),
               alpha: color.alpha
             } : null,
             inset: inset != null ? inset : ShadowDefaultValue.inset,
@@ -2912,7 +2936,7 @@ function useResponsiveColor(color) {
     const { swatchId, alpha } = v;
     const swatch = swatches.find((s) => s && s.id === swatchId);
     return swatch == null ? null : __spreadProps(__spreadValues({}, rest), { value: { swatch, alpha } });
-  }).filter(isNonNullable);
+  }).filter(isNonNullable$1);
 }
 const DEVICE_QUERIES = DEVICES.map((device) => ({
   id: device.id,