@makeswift/runtime 0.10.10 → 0.10.12

package/dist/index.es.js

@@ -38,13 +38,14 @@ import * as React from "react";
 import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useId, useCallback, useImperativeHandle, Component, Suspense } from "react";
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
 import dynamic from "next/dynamic";
-import { a as deepEqual, b as createDocumentReference, g as getPropControllerDescriptors, e as isElementReference, f as getDefaultLocale, h as getLocales, j as getSwatchIds, k as getFileIds, l as getTypographyIds, m as getTableIds, n as getPageIds, o as getElementChildren, E as ElementID, B as Backgrounds, W as Width, p as ResponsiveIconRadioGroup, M as Margin, P as Padding, q as Border, r as BorderRadius, S as Shadows, G as GapY, s as GapX, t as ResponsiveSelect, u as ResponsiveNumber, v as Checkbox, w as Grid, x as TextInput, L as Link, y as ResponsiveColor, z as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, A as ResponsiveLength, H as TextArea, J as Table, K as TableFormFields, O as Image, Q as ResponsiveOpacity, U as NavigationLinks, V as SocialLinks, X as RichText, Y as Video, Z as useStyle, _ as getBorderSwatchIds, $ as getBoxShadowsSwatchIds, a0 as getResponsiveColorSwatchIds, a1 as StyleControlProperty, a2 as ImageControlValueFormat, a3 as isPropControllersHandle, a4 as isRichTextV1Data, a5 as isNonNullable$1, a6 as TypographyControlType, a7 as StyleControlType, a8 as RichTextV2ControlType, a9 as RichTextControlType, aa as SlotControlType, ab as StyleV2ControlType, ac as ListControlType, ad as ShapeControlType, ae as LinkControlType, af as ImageControlType, ag as IconRadioGroupControlType, ah as ColorControlType, ai as SelectControlType, aj as getComponentPropControllerDescriptors, ak as getPropControllers, al as Types, am as BorderPropControllerFormat, an as ShadowsPropControllerFormat, ao as BorderRadiusPropControllerFormat, ap as MarginPropControllerFormat, aq as PaddingPropControllerFormat, ar as WidthPropControllerFormat, as as configureStore$1, at as copyElementTree, au as getBreakpoints, av as parseLocalesInput, aw as getDocument, ax as getElementId, ay as getIsInBuilder, az as getReactComponent, aA as getBuilderEditMode, aB as getIsPreview } from "./react-page.es.js";
+import { b as deepEqual, e as createDocumentReference, g as getPropControllerDescriptors, f as isElementReference, h as getDefaultLocale, j as getLocales, k as getSwatchIds, l as getFileIds, m as getTypographyIds, n as getTableIds, o as getPageIds, p as getElementChildren, E as ElementID, B as Backgrounds, W as Width, q as ResponsiveIconRadioGroup, M as Margin, P as Padding, r as Border, s as BorderRadius, S as Shadows, G as GapY, t as GapX, u as ResponsiveSelect, v as ResponsiveNumber, w as Checkbox, x as Grid, y as TextInput, L as Link, z as ResponsiveColor, A as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, H as ResponsiveLength, J as TextArea, K as Table, O as TableFormFields, Q as Image, U as ResponsiveOpacity, V as NavigationLinks, X as SocialLinks, Y as RichText, Z as Video, _ as useStyle, $ as getBorderSwatchIds, a0 as getBoxShadowsSwatchIds, a1 as getResponsiveColorSwatchIds, a2 as StyleControlProperty, a3 as ImageControlValueFormat, a4 as isPropControllersHandle, a5 as isRichTextV1Data, a6 as isNonNullable$1, a7 as TypographyControlType, a8 as StyleControlType, a9 as RichTextV2ControlType, aa as RichTextControlType, ab as SlotControlType, ac as StyleV2ControlType, ad as ListControlType, ae as ShapeControlType, af as LinkControlType, ag as ImageControlType, ah as IconRadioGroupControlType, ai as ColorControlType, aj as SelectControlType, ak as getComponentPropControllerDescriptors, al as getPropControllers, am as Types, an as BorderPropControllerFormat, ao as ShadowsPropControllerFormat, ap as BorderRadiusPropControllerFormat, aq as MarginPropControllerFormat, ar as PaddingPropControllerFormat, as as WidthPropControllerFormat, at as configureStore$1, au as copyElementTree, av as getBreakpoints, aw as parseLocalesInput, ax as getDocument, ay as getElementId, az as getIsInBuilder, aA as getReactComponent, aB as getBuilderEditMode, aC as getIsPreview } from "./react-page.es.js";
 import { A as ActionTypes, o as apiResourceFulfilled, p as registerComponentEffect, q as registerReactComponentEffect, t as registerComponentHandleEffect, v as mountComponentEffect } from "./actions.es.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TextAreaControlType, a as TextInputControlType, N as NumberControlType, C as CheckboxControlType } from "./text-input.es.js";
 import { C as ComboboxControlType } from "./combobox.es.js";
 import { v4 } from "uuid";
 import "slate";
+import "ts-pattern";
 import { useSyncExternalStore } from "use-sync-external-store/shim";
 import { createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
@@ -669,12 +670,12 @@ const makeswiftSiteVersionSchema = z.enum(["Live", "Working"]);
 const MakeswiftSiteVersion = makeswiftSiteVersionSchema.Enum;
 const makeswiftPreviewDataSchema = z.object({
   makeswift: z.literal(true),
-  unstable_siteVersion: makeswiftSiteVersionSchema
+  siteVersion: makeswiftSiteVersionSchema
 });
 function getMakeswiftSiteVersion(previewData) {
   const result = makeswiftPreviewDataSchema.safeParse(previewData);
   if (result.success)
-    return result.data.unstable_siteVersion;
+    return result.data.siteVersion;
   return null;
 }
 function PreviewModeScript({
@@ -772,7 +773,7 @@ class Makeswift {
   constructor(apiKey, {
     apiOrigin = "https://api.makeswift.com",
     runtime = ReactRuntime,
-    unstable_previewData
+    siteVersion
   } = {}) {
     __publicField(this, "apiKey");
     __publicField(this, "apiOrigin");
@@ -791,7 +792,11 @@ Received "${apiKey}" instead.`);
     }
     this.graphqlClient = new GraphQLClient(new URL("graphql", apiOrigin).href);
     this.runtime = runtime;
-    this.siteVersion = getMakeswiftSiteVersion(unstable_previewData);
+    this.siteVersion = siteVersion != null ? siteVersion : null;
+  }
+  static getSiteVersion(previewData) {
+    var _a;
+    return (_a = getMakeswiftSiteVersion(previewData)) != null ? _a : MakeswiftSiteVersion.Live;
   }
   async fetch(path, init) {
     var _a;
@@ -805,8 +810,7 @@ Received "${apiKey}" instead.`);
     return response;
   }
   async getPages() {
-    const isUsingVersioning = this.siteVersion != null;
-    const response = await this.fetch(`/${isUsingVersioning ? "v3" : "v2"}/pages`, {
+    const response = await this.fetch(`/${this.siteVersion == null ? "v2" : "v3"}/pages`, {
       headers: {
         "Makeswift-Site-Version": MakeswiftSiteVersion.Live
       }
@@ -820,8 +824,7 @@ Received "${apiKey}" instead.`);
   }
   async getTypographies(typographyIds, preview) {
     var _a;
-    const isUsingVersioning = this.siteVersion != null;
-    const url = new URL(`${isUsingVersioning ? "v2" : "v1"}/typographies/bulk`, this.apiOrigin);
+    const url = new URL(`${this.siteVersion == null ? "v1" : "v2"}/typographies/bulk`, this.apiOrigin);
     typographyIds.forEach((id) => {
       url.searchParams.append("ids", id);
     });
@@ -839,8 +842,7 @@ Received "${apiKey}" instead.`);
   }
   async getSwatches(ids, preview) {
     var _a;
-    const isUsingVersioning = this.siteVersion != null;
-    const url = new URL(`${isUsingVersioning ? "v2" : "v1"}/swatches/bulk`, this.apiOrigin);
+    const url = new URL(`${this.siteVersion == null ? "v1" : "v2"}/swatches/bulk`, this.apiOrigin);
     ids.forEach((id) => {
       url.searchParams.append("ids", id);
     });
@@ -993,7 +995,6 @@ Received "${apiKey}" instead.`);
     unstable_locale
   } = {}) {
     var _a, _b, _c;
-    const isUsingVersioning = this.siteVersion != null;
     const siteVersion = (_a = this.siteVersion) != null ? _a : previewOverride ? MakeswiftSiteVersion.Working : MakeswiftSiteVersion.Live;
     const defaultLocale = (_b = getDefaultLocale(this.runtime.store.getState())) == null ? void 0 : _b.toString();
     const locale = unstable_locale === defaultLocale ? null : unstable_locale;
@@ -1005,7 +1006,7 @@ Received "${apiKey}" instead.`);
       }
       searchParams.set("locale", locale);
     }
-    const response = await this.fetch(`/${isUsingVersioning ? "v3" : "v2"}/pages/${encodeURIComponent(pathname)}/document?${searchParams.toString()}`, {
+    const response = await this.fetch(`/${this.siteVersion == null ? "v2" : "v3"}/pages/${encodeURIComponent(pathname)}/document?${searchParams.toString()}`, {
       headers: { "Makeswift-Site-Version": siteVersion }
     });
     if (!response.ok) {
@@ -1029,8 +1030,7 @@ Received "${apiKey}" instead.`);
     };
   }
   async getSwatch(swatchId) {
-    const isUsingVersioning = this.siteVersion != null;
-    const response = await this.fetch(`${isUsingVersioning ? "v2" : "v1"}/swatches/${swatchId}`);
+    const response = await this.fetch(`${this.siteVersion == null ? "v1" : "v2"}/swatches/${swatchId}`);
     if (!response.ok) {
       if (response.status !== 404)
         console.error("Failed to get swatch", await response.json());
@@ -1044,8 +1044,7 @@ Received "${apiKey}" instead.`);
     return result.file;
   }
   async getTypography(typographyId) {
-    const isUsingVersioning = this.siteVersion != null;
-    const response = await this.fetch(`${isUsingVersioning ? "v2" : "v1"}/typographies/${typographyId}`);
+    const response = await this.fetch(`${this.siteVersion == null ? "v1" : "v2"}/typographies/${typographyId}`);
     if (!response.ok) {
       if (response.status !== 404)
         console.error("Failed to get typography", await response.json());
@@ -1055,8 +1054,7 @@ Received "${apiKey}" instead.`);
     return typography;
   }
   async getGlobalElement(globalElementId) {
-    const isUsingVersioning = this.siteVersion != null;
-    const response = await this.fetch(`${isUsingVersioning ? "v2" : "v1"}/global-elements/${globalElementId}`);
+    const response = await this.fetch(`${this.siteVersion == null ? "v1" : "v2"}/global-elements/${globalElementId}`);
     if (!response.ok) {
       if (response.status !== 404)
         console.error("Failed to get global element", await response.json());
@@ -1066,8 +1064,7 @@ Received "${apiKey}" instead.`);
     return globalElement;
   }
   async getLocalizedGlobalElement(globalElementId, locale) {
-    const isUsingVersioning = this.siteVersion != null;
-    const response = await this.fetch(`${isUsingVersioning ? "v2" : "v1"}/localized-global-elements/${globalElementId}?locale=${locale}`);
+    const response = await this.fetch(`${this.siteVersion == null ? "v1" : "v2"}/localized-global-elements/${globalElementId}?locale=${locale}`);
     if (!response.ok) {
       if (response.status !== 404)
         console.error("Failed to get localized global element", await response.json());
@@ -1159,8 +1156,8 @@ async function fonts(_req, res, { getFonts } = {}) {
   const fonts2 = (_a = await (getFonts == null ? void 0 : getFonts())) != null ? _a : [];
   return res.json(fonts2);
 }
-const version = "0.10.10";
-async function handler(req, res, { apiKey, unstable_siteVersions }) {
+const version = "0.10.12";
+async function handler(req, res, { apiKey, siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
   }
@@ -1171,7 +1168,8 @@ async function handler(req, res, { apiKey, unstable_siteVersions }) {
     clientSideNavigation: true,
     elementFromPoint: false,
     customBreakpoints: true,
-    unstable_siteVersions,
+    siteVersions,
+    unstable_siteVersions: siteVersions,
     localizedPageSSR: true
   });
 }
@@ -1216,7 +1214,7 @@ async function proxyPreviewMode(req, res, { apiKey }) {
   const secure = process.env["NODE_ENV"] === "production";
   const previewData = {
     makeswift: true,
-    unstable_siteVersion: MakeswiftSiteVersion.Working
+    siteVersion: MakeswiftSiteVersion.Working
   };
   const setCookie = res.setPreviewData(previewData).getHeader("Set-Cookie");
   res.removeHeader("Set-Cookie");
@@ -1261,7 +1259,7 @@ function MakeswiftApiHandler(apiKey, {
   appOrigin = "https://app.makeswift.com",
   apiOrigin = "https://api.makeswift.com",
   getFonts,
-  unstable_siteVersions = false
+  siteVersions = false
 } = {}) {
   const cors = Cors({ origin: appOrigin });
   if (typeof apiKey !== "string") {
@@ -1283,12 +1281,15 @@ Received "${apiKey}" instead.`);
 Received "${makeswift}" for the \`makeswift\` param instead.
 Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes`);
     }
-    const client = new Makeswift(apiKey, { apiOrigin, unstable_previewData: req.previewData });
+    const client = new Makeswift(apiKey, {
+      apiOrigin,
+      siteVersion: siteVersions ? Makeswift.getSiteVersion(req.previewData) : void 0
+    });
     const action = "/" + makeswift.join("/");
     const matches = (pattern) => match(pattern, { decode: decodeURIComponent })(action);
     let m;
     if (matches("/manifest"))
-      return handler(req, res, { apiKey, unstable_siteVersions });
+      return handler(req, res, { apiKey, siteVersions });
     if (matches("/revalidate"))
       return revalidate(req, res, { apiKey });
     if (matches("/proxy-preview-mode"))
@@ -1397,8 +1398,7 @@ async function getStaticProps(ctx) {
   var _a, _b, _c;
   deprecationWarning("getStaticProps");
   const makeswift = new Makeswift(getApiKey(), {
-    apiOrigin: getApiOrigin(),
-    unstable_previewData: ctx.previewData
+    apiOrigin: getApiOrigin()
   });
   const path = "/" + ((_b = (_a = ctx.params) == null ? void 0 : _a.path) != null ? _b : []).join("/");
   const snapshot = await makeswift.getPageSnapshot(path, {
@@ -1420,8 +1420,7 @@ async function getServerSideProps(ctx) {
   var _a, _b;
   deprecationWarning("getServerSideProps");
   const makeswift = new Makeswift(getApiKey(), {
-    apiOrigin: getApiOrigin(),
-    unstable_previewData: ctx.previewData
+    apiOrigin: getApiOrigin()
   });
   const path = "/" + ((_b = (_a = ctx.params) == null ? void 0 : _a.path) != null ? _b : []).join("/");
   const snapshot = await makeswift.getPageSnapshot(path, {