@makeswift/runtime 0.2.2 → 0.2.4

package/dist/index.cjs.js

@@ -59,12 +59,12 @@ var boxModels = require("./box-models.cjs.js");
 var reactDom = require("react-dom");
 var parse = require("html-react-parser");
 var Head = require("next/head");
-require("@emotion/server/create-instance");
-require("next/document");
-require("cookie");
-require("cors");
-require("http-proxy");
-require("set-cookie-parser");
+var createEmotionServer = require("@emotion/server/create-instance");
+var NextDocument = require("next/document");
+var cookie = require("cookie");
+var Cors = require("cors");
+var httpProxy = require("http-proxy");
+var setCookieParser = require("set-cookie-parser");
 var uuid = require("uuid/v4");
 var ipsum = require("corporate-ipsum");
 function _interopDefaultLegacy(e) {
@@ -97,6 +97,9 @@ var ColorHelper__default = /* @__PURE__ */ _interopDefaultLegacy(ColorHelper);
 var scrollIntoView__default = /* @__PURE__ */ _interopDefaultLegacy(scrollIntoView);
 var parse__default = /* @__PURE__ */ _interopDefaultLegacy(parse);
 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 uuid__default = /* @__PURE__ */ _interopDefaultLegacy(uuid);
 var ipsum__default = /* @__PURE__ */ _interopDefaultLegacy(ipsum);
 const SCRIPT_TAG = "script";
@@ -678,7 +681,7 @@ const SITE_FONTS_QUERY = client.gql`
     }
   }
 `;
-function Page({
+function Page$1({
   document: page
 }) {
   var _a;
@@ -845,6 +848,256 @@ function Page({
     }, snippet.id))]
   });
 }
+class Makeswift {
+  constructor(apiKey, { apiOrigin = "https://api.makeswift.com" } = {}) {
+    __publicField(this, "apiKey");
+    __publicField(this, "apiOrigin");
+    if (typeof apiKey !== "string") {
+      throw new Error(`The Makeswift client must be passed a valid Makeswift site API key: \`new Makeswift('<makeswift_site_api_key>')\`
+Received "${apiKey}" instead.`);
+    }
+    this.apiKey = apiKey;
+    try {
+      this.apiOrigin = new URL(apiOrigin);
+    } catch {
+      throw new Error(`The Makeswift client received an invalid \`apiOrigin\` parameter: "${apiOrigin}".`);
+    }
+  }
+  async fetch(path, init) {
+    const response = await fetch(new URL(path, this.apiOrigin).toString(), __spreadProps(__spreadValues({}, init), {
+      headers: __spreadProps(__spreadValues({}, init == null ? void 0 : init.headers), { ["X-API-Key"]: this.apiKey })
+    }));
+    return response;
+  }
+  async getPages(params = {}) {
+    const searchParams = new URLSearchParams(params);
+    const response = await this.fetch(`/v1/pages?${searchParams}`);
+    if (!response.ok) {
+      throw new Error(`Failed to get pages with error: "${response.statusText}"`);
+    }
+    const json = await response.json();
+    return json;
+  }
+  async createSnapshot(document2) {
+    const client2 = new MakeswiftClient({ uri: new URL("graphql", this.apiOrigin).href });
+    const cacheData = await client2.prefetch(document2.data);
+    return { document: document2, apiOrigin: this.apiOrigin.href, cacheData };
+  }
+  async getPageSnapshotByPageId(pageId, { preview = false } = {}) {
+    const searchParams = new URLSearchParams({ preview: String(preview) });
+    const response = await this.fetch(`/v1/pages/${pageId}/document?${searchParams}`);
+    if (!response.ok) {
+      if (response.status === 404)
+        return null;
+      throw new Error(`Failed to get snapshot with error: "${response.statusText}"`);
+    }
+    const document2 = await response.json();
+    return await this.createSnapshot(document2);
+  }
+  async getPageSnapshot(path, { preview } = {}) {
+    const [page] = await this.getPages({ path });
+    if (page == null)
+      return null;
+    const snapshot = this.getPageSnapshotByPageId(page.id, { preview });
+    return snapshot;
+  }
+}
+function PreviewModeScript({
+  isPreview = false,
+  appOrigin = "https://app.makeswift.com"
+}) {
+  const __html = `
+const isPreview = ${isPreview}
+const appOrigin = '${appOrigin.replace("'", "\\'")}'
+const searchParamName = 'x-makeswift-preview-mode'
+const headerName = 'X-Makeswift-Preview-Mode'
+const originalUrl = new URL(window.location.href)
+
+if (window.parent !== window) {
+  window.addEventListener('message', event => {
+    if (event.origin === appOrigin && event.data.type === 'makeswift_preview_mode') {
+      const { secret } = event.data
+
+      if (!isPreview && !originalUrl.searchParams.has(searchParamName)) {
+        const url = new URL(originalUrl)
+
+        url.searchParams.set(searchParamName, secret)
+
+        window.location.replace(url)
+      } else {
+        const originalFetch = window.fetch
+
+        window.fetch = function patchedFetch(input, init) {
+          return originalFetch.call(this, input, {
+            ...init,
+            headers: { ...init?.headers, [headerName]: secret },
+          })
+        }
+      }
+    }
+  })
+
+  window.parent.postMessage({ type: 'makeswift_preview_mode' }, appOrigin)
+}
+
+if (originalUrl.searchParams.has(searchParamName)) {
+  const url = new URL(originalUrl)
+
+  url.searchParams.delete(searchParamName)
+
+  window.history.replaceState(null, '', url)
+}
+`;
+  return /* @__PURE__ */ jsxRuntime.jsx("script", {
+    id: "makeswift-preview-mode",
+    type: "module",
+    dangerouslySetInnerHTML: {
+      __html
+    }
+  });
+}
+class Document$1 extends NextDocument__default["default"] {
+  static async getInitialProps(ctx) {
+    const sheet = new styled.ServerStyleSheet();
+    const originalRenderPage = ctx.renderPage;
+    try {
+      ctx.renderPage = () => originalRenderPage({
+        enhanceApp: (App) => (props) => sheet.collectStyles(/* @__PURE__ */ jsxRuntime.jsx(App, __spreadValues({}, props)))
+      });
+      const initialProps = await NextDocument__default["default"].getInitialProps(ctx);
+      slate.KeyUtils.resetGenerator();
+      const {
+        extractCritical
+      } = createEmotionServer__default["default"](css.cache);
+      const {
+        ids,
+        css: css$1
+      } = extractCritical(initialProps.html);
+      return __spreadProps(__spreadValues({}, initialProps), {
+        styles: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [initialProps.styles, sheet.getStyleElement(), /* @__PURE__ */ jsxRuntime.jsx("style", {
+            "data-emotion": `css ${ids.join(" ")}`,
+            dangerouslySetInnerHTML: {
+              __html: css$1
+            }
+          })]
+        })
+      });
+    } finally {
+      sheet.seal();
+    }
+  }
+  render() {
+    const {
+      isPreview
+    } = this.props.__NEXT_DATA__;
+    return /* @__PURE__ */ jsxRuntime.jsxs(NextDocument.Html, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx(NextDocument.Head, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(PreviewModeScript, {
+          isPreview
+        })
+      }), /* @__PURE__ */ jsxRuntime.jsxs("body", {
+        children: [/* @__PURE__ */ jsxRuntime.jsx(NextDocument.Main, {}), /* @__PURE__ */ jsxRuntime.jsx(NextDocument.NextScript, {})]
+      })]
+    });
+  }
+}
+const version = "0.2.4";
+function MakeswiftApiHandler(apiKey, { appOrigin = "https://app.makeswift.com", getFonts } = {}) {
+  const cors = Cors__default["default"]({ origin: appOrigin });
+  const previewModeProxy = httpProxy.createProxyServer();
+  previewModeProxy.on("proxyReq", (proxyReq) => {
+    proxyReq.removeHeader("X-Makeswift-Preview-Mode");
+    const url = new URL(proxyReq.path, "http://n");
+    url.searchParams.delete("x-makeswift-preview-mode");
+    proxyReq.path = url.pathname + url.search;
+  });
+  if (typeof apiKey !== "string") {
+    throw new Error(`The Makeswift Next.js API handler must be passed a valid Makeswift site API key: \`MakeswiftApiHandler('<makeswift_site_api_key>')\`
+Received "${apiKey}" instead.`);
+  }
+  return async function makeswiftApiHandler(req, res) {
+    var _a, _b;
+    await new Promise((resolve2, reject) => {
+      cors(req, res, (err) => {
+        if (err instanceof Error)
+          reject(err);
+        else
+          resolve2();
+      });
+    });
+    const { makeswift } = req.query;
+    if (!Array.isArray(makeswift)) {
+      throw new Error(`The Makeswift Next.js API handler must be used in a dynamic catch-all route named \`[...makeswift]\`.
+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 action = makeswift.join("/");
+    switch (action) {
+      case "manifest": {
+        if (req.query.secret !== apiKey)
+          return res.status(401).json({ message: "Unauthorized" });
+        return res.json({
+          version,
+          previewMode: true
+        });
+      }
+      case "revalidate": {
+        if (req.query.secret !== apiKey) {
+          return res.status(401).json({ message: "Unauthorized" });
+        }
+        if (typeof req.query.path !== "string") {
+          return res.status(400).json({ message: "Bad Request" });
+        }
+        const revalidate = (_a = res.revalidate) != null ? _a : res.unstable_revalidate;
+        if (typeof revalidate !== "function") {
+          const message = `Cannot revalidate path "${req.query.path}" because \`revalidate\` function does not exist in API handler response. Please update to Next.js v12.2.0 or higher for support for on-demand revalidation.
+Read more here: https://nextjs.org/blog/next-12-2#on-demand-incremental-static-regeneration-stable`;
+          console.warn(message);
+          return res.json({ revalidated: false });
+        }
+        try {
+          await revalidate(req.query.path);
+          return res.json({ revalidated: true });
+        } catch (error) {
+          return res.status(500).json({ message: "Error Revalidating" });
+        }
+      }
+      case "proxy-preview-mode": {
+        if (req.query.secret !== apiKey)
+          return res.status(401).send("Unauthorized");
+        const host = req.headers.host;
+        if (host == null)
+          return res.status(400).send("Bad Request");
+        const forwardedProto = req.headers["x-forwarded-proto"];
+        const proto = typeof forwardedProto === "string" ? forwardedProto : "http";
+        let target = `${proto}://${host}`;
+        if (process.env["NODE_ENV"] !== "production") {
+          const port = req.socket.localPort;
+          if (port != null)
+            target = `http://localhost:${port}`;
+        }
+        const setCookie = res.setPreviewData({ makeswift: true }).getHeader("Set-Cookie");
+        res.removeHeader("Set-Cookie");
+        if (!Array.isArray(setCookie))
+          return res.status(500).send("Internal Server Error");
+        const cookie$1 = setCookieParser.parse(setCookie).map((cookie2) => cookie.serialize(cookie2.name, cookie2.value, cookie2)).join(";");
+        return await new Promise((resolve2, reject) => previewModeProxy.web(req, res, { target, headers: { cookie: cookie$1 } }, (err) => {
+          if (err)
+            reject(err);
+          else
+            resolve2();
+        }));
+      }
+      case "fonts": {
+        const fonts = (_b = await (getFonts == null ? void 0 : getFonts())) != null ? _b : [];
+        return res.json(fonts);
+      }
+      default:
+        return res.status(404).json({ message: "Not Found" });
+    }
+  };
+}
 const FORWARDED_NEXT_DYNAMIC_REF_KEY = "__forwarded_next_dynamic_ref__";
 function saveForwardedRef(props, ref) {
   return __spreadProps(__spreadValues({}, props), {
@@ -871,6 +1124,111 @@ function forwardNextDynamicRef(nextDynamicThunk) {
   })));
   return React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Dynamic, __spreadValues({}, saveForwardedRef(props, ref))));
 }
+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;
+}
+function deprecationWarning(methodName) {
+  const warningMessage = `The \`${methodName}\` export has been deprecated and will be removed in the next minor version. More info: https://github.com/makeswift/makeswift/releases/tag/%40makeswift%2Fruntime%400.2.0`;
+  if (process.env["NODE_ENV"] !== "production")
+    console.warn(warningMessage);
+}
+async function getStaticPaths() {
+  deprecationWarning("getStaticPaths");
+  const makeswift = new Makeswift(getApiKey(), {
+    apiOrigin: getApiOrigin()
+  });
+  const pages = await makeswift.getPages();
+  return {
+    paths: pages.map((page) => ({
+      params: {
+        path: page.path.split("/").filter((segment) => segment !== "")
+      }
+    })),
+    fallback: "blocking"
+  };
+}
+const REVALIDATE_SECONDS = 1;
+async function getStaticProps(ctx) {
+  var _a, _b, _c;
+  deprecationWarning("getStaticProps");
+  const makeswift = new Makeswift(getApiKey(), {
+    apiOrigin: getApiOrigin()
+  });
+  const path = "/" + ((_b = (_a = ctx.params) == null ? void 0 : _a.path) != null ? _b : []).join("/");
+  const snapshot = await makeswift.getPageSnapshot(path, {
+    preview: ((_c = ctx.previewData) == null ? void 0 : _c.makeswift) === true
+  });
+  if (snapshot == null)
+    return {
+      notFound: true,
+      revalidate: REVALIDATE_SECONDS
+    };
+  return {
+    props: {
+      snapshot
+    },
+    revalidate: REVALIDATE_SECONDS
+  };
+}
+async function getServerSideProps(ctx) {
+  var _a, _b;
+  deprecationWarning("getServerSideProps");
+  const makeswift = new Makeswift(getApiKey(), {
+    apiOrigin: getApiOrigin()
+  });
+  const path = "/" + ((_b = (_a = ctx.params) == null ? void 0 : _a.path) != null ? _b : []).join("/");
+  const snapshot = await makeswift.getPageSnapshot(path, {
+    preview: true
+  });
+  if (snapshot == null)
+    return {
+      notFound: true
+    };
+  return {
+    props: {
+      snapshot
+    }
+  };
+}
+const Page = React.memo(({
+  snapshot
+}) => {
+  const [client2] = React.useState(() => new MakeswiftClient({
+    uri: new URL("graphql", snapshot.apiOrigin).href,
+    cacheData: snapshot.cacheData
+  }));
+  React.useEffect(() => {
+    client2.updateCacheData(snapshot.cacheData);
+  }, [client2, snapshot]);
+  return /* @__PURE__ */ jsxRuntime.jsx(RuntimeProvider, {
+    client: client2,
+    rootElements: /* @__PURE__ */ new Map([[snapshot.document.id, snapshot.document.data]]),
+    children: /* @__PURE__ */ jsxRuntime.jsx(Page$1, {
+      document: snapshot.document
+    })
+  });
+});
 const keys = (o) => Object.keys(o);
 const coalesce = (...args) => {
   let i;
@@ -3170,14 +3528,19 @@ exports.DEFAULT_ITEM_ANIMATE_DURATION = DEFAULT_ITEM_ANIMATE_DURATION;
 exports.DEFAULT_ITEM_ANIMATE_TYPE = DEFAULT_ITEM_ANIMATE_TYPE;
 exports.DEFAULT_ITEM_STAGGER_DURATION = DEFAULT_ITEM_STAGGER_DURATION;
 exports.DEVICES = DEVICES;
+exports.Document = Document$1;
 exports.DocumentReference = DocumentReference;
 exports.Element = Element;
 exports.FILES_BY_ID = FILES_BY_ID;
+exports.Makeswift = Makeswift;
+exports.MakeswiftApiHandler = MakeswiftApiHandler;
 exports.MakeswiftClient = MakeswiftClient;
 exports.MakeswiftComponentType = MakeswiftComponentType;
 exports.PAGE_SNIPPETS_QUERY = PAGE_SNIPPETS_QUERY;
-exports.Page = Page;
+exports.Page = Page$1;
+exports.Page$1 = Page;
 exports.PageProvider = PageProvider;
+exports.PreviewModeScript = PreviewModeScript;
 exports.Provider = Provider;
 exports.ReactRuntime = ReactRuntime;
 exports.RuntimeProvider = RuntimeProvider;
@@ -3194,6 +3557,9 @@ exports.forwardNextDynamicRef = forwardNextDynamicRef;
 exports.getDevice = getDevice;
 exports.getDeviceMediaQuery = getDeviceMediaQuery;
 exports.getIndexes = getIndexes;
+exports.getServerSideProps = getServerSideProps;
+exports.getStaticPaths = getStaticPaths;
+exports.getStaticProps = getStaticProps;
 exports.isNonNullable = isNonNullable;
 exports.join = join;
 exports.shallowMergeFallbacks = shallowMergeFallbacks;