@makeswift/runtime 0.10.2 → 0.10.4

package/dist/index.cjs.js

@@ -43,6 +43,7 @@ var actions = require("./actions.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
 var textInput = require("./text-input.cjs.js");
 var combobox = require("./combobox.cjs.js");
+var uuid = require("uuid");
 require("slate");
 var shim = require("use-sync-external-store/shim");
 var redux = require("redux");
@@ -65,11 +66,6 @@ var cookie = require("cookie");
 var httpProxy = require("http-proxy");
 var setCookieParser = require("set-cookie-parser");
 var constants = require("./constants.cjs.js");
-var uuid = require("uuid");
-var ipsum = require("corporate-ipsum");
-require("is-hotkey");
-require("slate-react");
-var NextLink = require("next/link");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
@@ -103,8 +99,6 @@ var Head__default = /* @__PURE__ */ _interopDefaultLegacy(Head);
 var createEmotionServer__default = /* @__PURE__ */ _interopDefaultLegacy(createEmotionServer);
 var NextDocument__default = /* @__PURE__ */ _interopDefaultLegacy(NextDocument);
 var Cors__default = /* @__PURE__ */ _interopDefaultLegacy(Cors);
-var ipsum__default = /* @__PURE__ */ _interopDefaultLegacy(ipsum);
-var NextLink__default = /* @__PURE__ */ _interopDefaultLegacy(NextLink);
 const SCRIPT_TAG = "script";
 function BodySnippet({
   code,
@@ -1214,7 +1208,7 @@ 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.2";
+const version = "0.10.4";
 async function handler(req, res, { apiKey, unstable_siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
@@ -2391,211 +2385,6 @@ function registerComponent$2(runtime) {
     }
   });
 }
-function useSwatch(swatchId) {
-  const client = useMakeswiftClient();
-  const readSwatch = () => swatchId == null ? null : client.readSwatch(swatchId);
-  const swatch = shim.useSyncExternalStore(client.subscribe, readSwatch, readSwatch);
-  React.useEffect(() => {
-    if (swatchId != null)
-      client.fetchSwatch(swatchId).catch(console.error);
-  }, [client, swatchId]);
-  return swatch;
-}
-function useSwatches(swatchIds) {
-  const client = useMakeswiftClient();
-  const lastSnapshot = React.useRef();
-  function getSnapshot() {
-    const swatches2 = swatchIds.map((swatchId) => client.readSwatch(swatchId));
-    if (lastSnapshot.current != null && lastSnapshot.current.length === swatches2.length && lastSnapshot.current.every((swatch, idx) => swatches2[idx] === swatch)) {
-      return lastSnapshot.current;
-    }
-    return lastSnapshot.current = swatches2;
-  }
-  const swatches = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  React.useEffect(() => {
-    Promise.all(swatchIds.map((swatchId) => client.fetchSwatch(swatchId))).catch(console.error);
-  }, [client, swatchIds]);
-  return swatches;
-}
-function useFile(fileId) {
-  const client = useMakeswiftClient();
-  const readFile = () => fileId == null ? null : client.readFile(fileId);
-  const file = shim.useSyncExternalStore(client.subscribe, readFile, readFile);
-  React.useEffect(() => {
-    if (fileId != null)
-      client.fetchFile(fileId);
-  }, [client, fileId]);
-  return file;
-}
-function useFiles(fileIds) {
-  const client = useMakeswiftClient();
-  const lastSnapshot = React.useRef();
-  function getSnapshot() {
-    const files2 = fileIds.map((fileId) => client.readFile(fileId));
-    if (lastSnapshot.current != null && lastSnapshot.current.length === files2.length && lastSnapshot.current.every((file, idx) => files2[idx] === file)) {
-      return lastSnapshot.current;
-    }
-    return lastSnapshot.current = files2;
-  }
-  const files = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  React.useEffect(() => {
-    Promise.all(fileIds.map((fileId) => client.fetchFile(fileId))).catch(console.error);
-  }, [client, fileIds]);
-  return files;
-}
-function useTypography(typographyId) {
-  const client = useMakeswiftClient();
-  const readTypography = () => typographyId == null ? null : client.readTypography(typographyId);
-  const typography = shim.useSyncExternalStore(client.subscribe, readTypography, readTypography);
-  React.useEffect(() => {
-    if (typographyId != null)
-      client.fetchTypography(typographyId).catch(console.error);
-  }, [client, typographyId]);
-  return typography;
-}
-function useGlobalElement(globalElementId) {
-  const client = useMakeswiftClient();
-  const readGlobalElement = () => globalElementId == null ? null : client.readGlobalElement(globalElementId);
-  const globalElement = shim.useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement);
-  React.useEffect(() => {
-    if (globalElementId != null)
-      client.fetchGlobalElement(globalElementId).catch(console.error);
-  }, [client, globalElementId]);
-  return globalElement;
-}
-function useLocalizedGlobalElement(globalElementId) {
-  const client = useMakeswiftClient();
-  const readLocalizedGlobalElement = () => globalElementId == null ? null : client.readLocalizedGlobalElement(globalElementId);
-  const localizedGlobalElement = shim.useSyncExternalStore(client.subscribe, readLocalizedGlobalElement, readLocalizedGlobalElement);
-  React.useEffect(() => {
-    if (globalElementId != null) {
-      client.fetchLocalizedGlobalElement(globalElementId).catch(console.error);
-    }
-  }, [client, globalElementId]);
-  return localizedGlobalElement;
-}
-function usePagePathnameSlice(pageId) {
-  const client = useMakeswiftClient();
-  const readPagePathnameSlice = () => pageId == null ? null : client.readPagePathnameSlice(pageId);
-  const pagePathnameSlice = shim.useSyncExternalStore(client.subscribe, readPagePathnameSlice, readPagePathnameSlice);
-  React.useEffect(() => {
-    if (pageId != null)
-      client.fetchPagePathnameSlice(pageId).catch(console.error);
-  }, [client, pageId]);
-  return pagePathnameSlice;
-}
-function useTable(tableId) {
-  const client = useMakeswiftClient();
-  const readTable = () => tableId == null ? null : client.readTable(tableId);
-  const table = shim.useSyncExternalStore(client.subscribe, readTable, readTable);
-  React.useEffect(() => {
-    if (tableId != null)
-      client.fetchTable(tableId).catch(console.error);
-  }, [client, tableId]);
-  return table;
-}
-const Link = React.forwardRef(function Link2(_e, ref) {
-  var _f = _e, {
-    link,
-    onClick = () => {
-    }
-  } = _f, restOfProps = __objRest(_f, [
-    "link",
-    "onClick"
-  ]);
-  var _a;
-  const pageId = link && link.type === "OPEN_PAGE" ? link.payload.pageId : null;
-  const page = usePagePathnameSlice(pageId != null ? pageId : null);
-  const elementKey = (link == null ? void 0 : link.type) === "SCROLL_TO_ELEMENT" ? (_a = link.payload.elementIdConfig) == null ? void 0 : _a.elementKey : null;
-  const elementId = useElementId(elementKey);
-  let useNextLink;
-  let href;
-  let target;
-  let block;
-  if (link) {
-    switch (link.type) {
-      case "OPEN_PAGE": {
-        if (page) {
-          useNextLink = true;
-          href = `/${page.pathname}`;
-        }
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "OPEN_URL": {
-        useNextLink = true;
-        href = link.payload.url;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "SEND_EMAIL": {
-        useNextLink = false;
-        const {
-          to,
-          subject = "",
-          body = ""
-        } = link.payload;
-        if (to != null)
-          href = `mailto:${to}?subject=${subject}&body=${body}`;
-        break;
-      }
-      case "CALL_PHONE": {
-        useNextLink = false;
-        href = `tel:${link.payload.phoneNumber}`;
-        break;
-      }
-      case "SCROLL_TO_ELEMENT": {
-        useNextLink = false;
-        href = `#${elementId != null ? elementId : ""}`;
-        block = link.payload.block;
-        break;
-      }
-      default:
-        throw new RangeError(`Invalid link type "${link.type}."`);
-    }
-  }
-  function handleClick(event) {
-    onClick(event);
-    if (event.defaultPrevented)
-      return;
-    if (event.currentTarget.isContentEditable)
-      return event.preventDefault();
-    if (link && link.type === "SCROLL_TO_ELEMENT") {
-      let hash;
-      try {
-        if (href != null)
-          hash = new URL(`http://www.example.com/${href}`).hash;
-      } catch (error) {
-        console.error(`Link received invalid href: ${href}`, error);
-      }
-      if (href != null && hash != null && href === hash) {
-        event.preventDefault();
-        const view = event.view;
-        scrollIntoView__default["default"](view.document.querySelector(hash), {
-          behavior: "smooth",
-          block
-        });
-        if (view.location.hash !== hash)
-          view.history.pushState({}, "", hash);
-      }
-    }
-  }
-  if (useNextLink && href != null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(NextLink__default["default"], __spreadProps(__spreadValues({}, restOfProps), {
-      ref,
-      target,
-      onClick: handleClick,
-      href,
-      legacyBehavior: false
-    }));
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, restOfProps), {
-    ref,
-    href,
-    target,
-    onClick: handleClick
-  }));
-});
 function registerComponent$1(runtime) {
   return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
     return require("./Text.cjs.js");
@@ -2604,36 +2393,7 @@ function registerComponent$1(runtime) {
     label: "Text",
     props: {
       id: reactPage.ElementID(),
-      text: reactPage.RichText({
-        unstable_defaultValue: [
-          {
-            type: reactPage.BlockType.Default,
-            children: [
-              {
-                text: ipsum__default["default"](3),
-                typography: {
-                  style: [
-                    {
-                      deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-                      value: {
-                        fontWeight: 400,
-                        fontSize: { value: 18, unit: "px" },
-                        lineHeight: 1.5
-                      }
-                    },
-                    ...runtime.getBreakpoints().some(({ id }) => id === state_breakpoints.DefaultBreakpointID.Mobile) ? [
-                      {
-                        deviceId: state_breakpoints.DefaultBreakpointID.Mobile,
-                        value: { fontSize: { value: 16, unit: "px" } }
-                      }
-                    ] : []
-                  ]
-                }
-              }
-            ]
-          }
-        ]
-      }),
+      text: reactPage.RichText(),
       width: reactPage.Width({
         format: reactPage.Width.Format.ClassName,
         preset: [
@@ -2764,8 +2524,111 @@ const FallbackComponent = React.forwardRef(function FallbackComponent2({
 function isNonNullable(value) {
   return value != null;
 }
-function mapSideColor(swatches, _g) {
-  var _h = _g, { color } = _h, restOfSide = __objRest(_h, ["color"]);
+function useSwatch(swatchId) {
+  const client = useMakeswiftClient();
+  const readSwatch = () => swatchId == null ? null : client.readSwatch(swatchId);
+  const swatch = shim.useSyncExternalStore(client.subscribe, readSwatch, readSwatch);
+  React.useEffect(() => {
+    if (swatchId != null)
+      client.fetchSwatch(swatchId).catch(console.error);
+  }, [client, swatchId]);
+  return swatch;
+}
+function useSwatches(swatchIds) {
+  const client = useMakeswiftClient();
+  const lastSnapshot = React.useRef();
+  function getSnapshot() {
+    const swatches2 = swatchIds.map((swatchId) => client.readSwatch(swatchId));
+    if (lastSnapshot.current != null && lastSnapshot.current.length === swatches2.length && lastSnapshot.current.every((swatch, idx) => swatches2[idx] === swatch)) {
+      return lastSnapshot.current;
+    }
+    return lastSnapshot.current = swatches2;
+  }
+  const swatches = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
+  React.useEffect(() => {
+    Promise.all(swatchIds.map((swatchId) => client.fetchSwatch(swatchId))).catch(console.error);
+  }, [client, swatchIds]);
+  return swatches;
+}
+function useFile(fileId) {
+  const client = useMakeswiftClient();
+  const readFile = () => fileId == null ? null : client.readFile(fileId);
+  const file = shim.useSyncExternalStore(client.subscribe, readFile, readFile);
+  React.useEffect(() => {
+    if (fileId != null)
+      client.fetchFile(fileId);
+  }, [client, fileId]);
+  return file;
+}
+function useFiles(fileIds) {
+  const client = useMakeswiftClient();
+  const lastSnapshot = React.useRef();
+  function getSnapshot() {
+    const files2 = fileIds.map((fileId) => client.readFile(fileId));
+    if (lastSnapshot.current != null && lastSnapshot.current.length === files2.length && lastSnapshot.current.every((file, idx) => files2[idx] === file)) {
+      return lastSnapshot.current;
+    }
+    return lastSnapshot.current = files2;
+  }
+  const files = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
+  React.useEffect(() => {
+    Promise.all(fileIds.map((fileId) => client.fetchFile(fileId))).catch(console.error);
+  }, [client, fileIds]);
+  return files;
+}
+function useTypography(typographyId) {
+  const client = useMakeswiftClient();
+  const readTypography = () => typographyId == null ? null : client.readTypography(typographyId);
+  const typography = shim.useSyncExternalStore(client.subscribe, readTypography, readTypography);
+  React.useEffect(() => {
+    if (typographyId != null)
+      client.fetchTypography(typographyId).catch(console.error);
+  }, [client, typographyId]);
+  return typography;
+}
+function useGlobalElement(globalElementId) {
+  const client = useMakeswiftClient();
+  const readGlobalElement = () => globalElementId == null ? null : client.readGlobalElement(globalElementId);
+  const globalElement = shim.useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement);
+  React.useEffect(() => {
+    if (globalElementId != null)
+      client.fetchGlobalElement(globalElementId).catch(console.error);
+  }, [client, globalElementId]);
+  return globalElement;
+}
+function useLocalizedGlobalElement(globalElementId) {
+  const client = useMakeswiftClient();
+  const readLocalizedGlobalElement = () => globalElementId == null ? null : client.readLocalizedGlobalElement(globalElementId);
+  const localizedGlobalElement = shim.useSyncExternalStore(client.subscribe, readLocalizedGlobalElement, readLocalizedGlobalElement);
+  React.useEffect(() => {
+    if (globalElementId != null) {
+      client.fetchLocalizedGlobalElement(globalElementId).catch(console.error);
+    }
+  }, [client, globalElementId]);
+  return localizedGlobalElement;
+}
+function usePagePathnameSlice(pageId) {
+  const client = useMakeswiftClient();
+  const readPagePathnameSlice = () => pageId == null ? null : client.readPagePathnameSlice(pageId);
+  const pagePathnameSlice = shim.useSyncExternalStore(client.subscribe, readPagePathnameSlice, readPagePathnameSlice);
+  React.useEffect(() => {
+    if (pageId != null)
+      client.fetchPagePathnameSlice(pageId).catch(console.error);
+  }, [client, pageId]);
+  return pagePathnameSlice;
+}
+function useTable(tableId) {
+  const client = useMakeswiftClient();
+  const readTable = () => tableId == null ? null : client.readTable(tableId);
+  const table = shim.useSyncExternalStore(client.subscribe, readTable, readTable);
+  React.useEffect(() => {
+    if (tableId != null)
+      client.fetchTable(tableId).catch(console.error);
+  }, [client, tableId]);
+  return table;
+}
+function mapSideColor(swatches, _e) {
+  var _f = _e, { color } = _f, restOfSide = __objRest(_f, ["color"]);
   return __spreadProps(__spreadValues({}, restOfSide), {
     color: color && {
       alpha: color.alpha,
@@ -3298,7 +3161,7 @@ function useNumber(numberControlData, controlDefinition) {
   return numberControlData != null ? numberControlData : controlDefinition.config.defaultValue;
 }
 const EditableText$1 = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./index.cjs7.js");
+  return require("./index.cjs8.js");
 }))));
 const ReadOnlyText$1 = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
   return require("./ReadOnlyText.cjs.js");
@@ -3321,7 +3184,7 @@ function useRichText(data, control) {
   });
 }
 const EditableText = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./index.cjs8.js");
+  return require("./index.cjs9.js");
 }))));
 const ReadOnlyText = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
   return require("./ReadOnlyTextV2.cjs.js");
@@ -3400,13 +3263,13 @@ function useSlot(data, control) {
     }, element.key))
   });
 }
-function Slot(_i) {
-  var _j = _i, {
+function Slot(_g) {
+  var _h = _g, {
     as,
     control,
     children,
     className
-  } = _j, restOfProps = __objRest(_j, [
+  } = _h, restOfProps = __objRest(_h, [
     "as",
     "control",
     "children",
@@ -3435,15 +3298,15 @@ function Slot(_i) {
 }
 Slot.Placeholder = SlotPlaceholder;
 Slot.Item = SlotItem;
-function SlotItem(_k) {
-  var _l = _k, {
+function SlotItem(_i) {
+  var _j = _i, {
     as,
     control,
     grid,
     index,
     children,
     className
-  } = _l, restOfProps = __objRest(_l, [
+  } = _j, restOfProps = __objRest(_j, [
     "as",
     "control",
     "grid",
@@ -4161,10 +4024,10 @@ const PreviewProvider = dynamic__default["default"](() => Promise.resolve().then
 const LiveProvider = dynamic__default["default"](() => Promise.resolve().then(function() {
   return require("./LiveProvider.cjs.js");
 }));
-function RuntimeProvider(_m) {
-  var _n = _m, {
+function RuntimeProvider(_k) {
+  var _l = _k, {
     preview
-  } = _n, props = __objRest(_n, [
+  } = _l, props = __objRest(_l, [
     "preview"
   ]);
   return preview ? /* @__PURE__ */ jsxRuntime.jsx(PreviewProvider, __spreadValues({}, props)) : /* @__PURE__ */ jsxRuntime.jsx(LiveProvider, __spreadValues({}, props));
@@ -4381,7 +4244,6 @@ exports.Document = Document$1;
 exports.DocumentReference = DocumentReference;
 exports.Element = Element$1;
 exports.ElementImperativeHandle = ElementImperativeHandle;
-exports.Link = Link;
 exports.Makeswift = Makeswift;
 exports.MakeswiftApiHandler = MakeswiftApiHandler;
 exports.MakeswiftProvider = MakeswiftProvider;
@@ -4406,6 +4268,7 @@ exports.useBorder = useBorder;
 exports.useBoxShadow = useBoxShadow;
 exports.useBreakpoints = useBreakpoints;
 exports.useBuilderEditMode = useBuilderEditMode;
+exports.useElementId = useElementId;
 exports.useEnhancedTypography = useEnhancedTypography;
 exports.useFile = useFile;
 exports.useFiles = useFiles;
@@ -4413,6 +4276,7 @@ exports.useFormContext = useFormContext;
 exports.useIsInBuilder = useIsInBuilder;
 exports.useMakeswiftClient = useMakeswiftClient;
 exports.usePageId = usePageId;
+exports.usePagePathnameSlice = usePagePathnameSlice;
 exports.useResponsiveColor = useResponsiveColor;
 exports.useResponsiveGridItem = useResponsiveGridItem;
 exports.useResponsiveStyle = useResponsiveStyle;