@makeswift/runtime 0.1.0 → 0.1.3

package/dist/index.cjs.js

@@ -869,29 +869,57 @@ class Document$1 extends NextDocument__default["default"] {
   }
 }
 const REVALIDATE_SECONDS = 1;
+function getApiOrigin() {
+  var _a;
+  const apiOriginString = (_a = process["env"].MAKESWIFT_API_HOST) != null ? _a : "https://api.makeswift.com";
+  try {
+    const url = new URL(apiOriginString);
+    return url.origin;
+  } catch (error) {
+    const errorMessage = `"MAKESWIFT_API_HOST" environment variable must be a valid URL. Expected something like "https://api.makeswift.com" but instead received "${apiOriginString}".`;
+    throw new Error(errorMessage);
+  }
+}
+const uuidRegExp = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/;
+function getApiKey() {
+  const apiKey = process["env"].MAKESWIFT_SITE_API_KEY;
+  if (apiKey == null) {
+    const errorMessage = '"MAKESWIFT_SITE_API_KEY" environment variable must be set. Please add your site API key to your `.env.local` file. More info: https://www.makeswift.com/docs/guides/manual-setup#add-environment-variables';
+    throw new Error(errorMessage);
+  }
+  if (!uuidRegExp.test(apiKey)) {
+    const errorMEssage = `Invalid Makeswift site API key "${apiKey}". Please check your \`.env.local\` file for the "MAKESWIFT_SITE_API_KEY" environment variable. More info: https://www.makeswift.com/docs/guides/manual-setup#add-environment-variables`;
+    throw new Error(errorMEssage);
+  }
+  return apiKey;
+}
 async function getServerSideProps({
   query: {
     pageId
   }
 }) {
-  const url = `${process["env"].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`;
+  const url = `${getApiOrigin()}/v0/preview-page-data?id=${pageId}`;
   const res = await fetch(url, {
     headers: {
-      "x-api-key": process["env"].MAKESWIFT_SITE_API_KEY
+      "x-api-key": getApiKey()
     }
   });
-  if (res.status !== 200) {
+  if (res.status === 404) {
     console.error(await res.json());
     return {
       notFound: true
     };
   }
+  if (!res.ok) {
+    const json = await res.json();
+    throw new Error(json.message);
+  }
   const page = await res.json();
   if (page == null)
     return {
       notFound: true
     };
-  const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
+  const makeswiftApiEndpoint = `${getApiOrigin()}/graphql`;
   const client2 = new MakeswiftClient({
     uri: makeswiftApiEndpoint
   });
@@ -917,26 +945,30 @@ async function getStaticProps({
   const {
     path = []
   } = params;
-  const url = `${process["env"].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join("/")}`;
+  const url = `${getApiOrigin()}/v0/live-page-data?path=${path.join("/")}`;
   const res = await fetch(url, {
     headers: {
-      "x-api-key": process["env"].MAKESWIFT_SITE_API_KEY
+      "x-api-key": getApiKey()
     }
   });
-  if (res.status !== 200) {
+  if (res.status === 404) {
     console.error(await res.json());
     return {
       notFound: true,
       revalidate: REVALIDATE_SECONDS
     };
   }
+  if (!res.ok) {
+    const json = await res.json();
+    throw new Error(json.message);
+  }
   const page = await res.json();
   if (page == null)
     return {
       notFound: true,
       revalidate: REVALIDATE_SECONDS
     };
-  const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
+  const makeswiftApiEndpoint = `${getApiOrigin()}/graphql`;
   const client2 = new MakeswiftClient({
     uri: makeswiftApiEndpoint
   });
@@ -1550,8 +1582,6 @@ const { Provider } = Context$1;
 function registerComponent$6(runtime) {
   return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
     return require("./Form.cjs.js");
-  }).then(function(n) {
-    return n.Form$1;
   })))), {
     type: "./components/Form/index.js",
     label: "Form",
@@ -2446,10 +2476,11 @@ function useStyleControlCssObject(style$1, controlDefinition) {
     style$1 == null ? void 0 : style$1.margin,
     style$1 == null ? void 0 : style$1.padding,
     useBorder(style$1 == null ? void 0 : style$1.border),
-    style$1 == null ? void 0 : style$1.borderRadius
-  ], ([width, margin, padding, border, borderRadius]) => {
-    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-    return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, properties.includes(style.StyleControlProperty.Width) && {
+    style$1 == null ? void 0 : style$1.borderRadius,
+    style$1 == null ? void 0 : style$1.textStyle
+  ], ([width, margin, padding, border, borderRadius, textStyle]) => {
+    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+    return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, properties.includes(style.StyleControlProperty.Width) && {
       width: (_a = widthToString(width)) != null ? _a : "100%"
     }), properties.includes(style.StyleControlProperty.Margin) && {
       marginTop: (_b = marginToString(margin == null ? void 0 : margin.marginTop)) != null ? _b : 0,
@@ -2471,7 +2502,10 @@ function useStyleControlCssObject(style$1, controlDefinition) {
       borderTopRightRadius: (_o = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderTopRightRadius)) != null ? _o : 0,
       borderBottomRightRadius: (_p = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderBottomRightRadius)) != null ? _p : 0,
       borderBottomLeftRadius: (_q = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderBottomLeftRadius)) != null ? _q : 0
-    });
+    }), properties.includes(style.StyleControlProperty.TextStyle) && __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, (textStyle == null ? void 0 : textStyle.fontFamily) && { fontFamily: textStyle.fontFamily }), (textStyle == null ? void 0 : textStyle.letterSpacing) && { letterSpacing: textStyle.letterSpacing }), (textStyle == null ? void 0 : textStyle.fontSize) && { fontSize: fontSizeToString(textStyle.fontSize) }), (textStyle == null ? void 0 : textStyle.fontWeight) && { fontWeight: textStyle.fontWeight }), {
+      textTransform: (_r = textStyle == null ? void 0 : textStyle.textTransform) != null ? _r : [],
+      fontStyle: (_s = textStyle == null ? void 0 : textStyle.fontStyle) != null ? _s : []
+    }));
   }));
   function widthToString(widthProperty) {
     if (widthProperty == null)
@@ -2501,6 +2535,9 @@ function useStyleControlCssObject(style$1, controlDefinition) {
       return null;
     return `${borderRadius.value}${borderRadius.unit}`;
   }
+  function fontSizeToString(fontSize) {
+    return `${fontSize.value}${fontSize.unit}`;
+  }
 }
 const useInsertionEffectSpecifier = "useInsertionEffect";
 const useInsertionEffect = (_e = React__namespace[useInsertionEffectSpecifier]) != null ? _e : React__namespace.useLayoutEffect;
@@ -2891,17 +2928,17 @@ function useDispatch() {
   const store = React.useContext(Context);
   return store.dispatch;
 }
-function useSuppressRefWarning(ownerName) {
-  const originalErrorRef = React.useRef(console.error);
-  const patchedRef = React.useRef(false);
-  if (patchedRef.current === false) {
+const originalError = console.error;
+let patched = false;
+function suppressRefWarning(ownerName) {
+  if (patched === false) {
     console.error = (...args) => {
       if (typeof args[0] === "string" && args[0].includes("Function components cannot be given refs.") && args[0].includes(`Check the render method of \`${ownerName}\`.`)) {
         return;
       }
-      return originalErrorRef.current(...args);
+      return originalError(...args);
     };
-    patchedRef.current = true;
+    patched = true;
   }
 }
 const ElementData = React.memo(React.forwardRef(function ElementData2({
@@ -2911,7 +2948,7 @@ const ElementData = React.memo(React.forwardRef(function ElementData2({
   const [handle, setHandle] = React.useState(null);
   const [foundDomNode, setFoundDomNode] = React.useState(null);
   React.useImperativeHandle(ref, () => handle != null ? handle : foundDomNode, [handle, foundDomNode]);
-  useSuppressRefWarning(`\`ForwardRef(${ElementData2.name})\``);
+  suppressRefWarning(`\`ForwardRef(${ElementData2.name})\``);
   if (Component == null) {
     return /* @__PURE__ */ jsxRuntime.jsx(FallbackComponent, {
       ref,