@makeswift/runtime 0.0.10 → 0.0.13

package/dist/next.cjs.js

@@ -26,7 +26,7 @@ var slate = require("slate");
 var createEmotionServer = require("@emotion/server/create-instance");
 var css = require("@emotion/css");
 var index = require("./index.cjs.js");
-var Page$1 = require("./Page.cjs.js");
+var ssr = require("@apollo/client/react/ssr");
 var jsxRuntime = require("react/jsx-runtime");
 require("use-sync-external-store/shim/with-selector");
 require("@apollo/client");
@@ -37,8 +37,6 @@ require("./actions.cjs.js");
 require("./descriptors.cjs.js");
 require("./style.cjs.js");
 require("framer-motion");
-require("@apollo/client/react/ssr");
-require("uuid/v4");
 require("html-react-parser");
 require("next/head");
 require("color");
@@ -46,6 +44,7 @@ require("scroll-into-view-if-needed");
 require("next/link");
 require("react-use-gesture");
 require("@popmotion/popcorn");
+require("uuid/v4");
 require("next/image");
 require("formik");
 require("./box-models.cjs.js");
@@ -66,15 +65,31 @@ function _interopDefaultLegacy(e) {
 var NextDocument__default = /* @__PURE__ */ _interopDefaultLegacy(NextDocument);
 var createEmotionServer__default = /* @__PURE__ */ _interopDefaultLegacy(createEmotionServer);
 class Document extends NextDocument__default["default"] {
+  constructor(props) {
+    super(props);
+    const {
+      __NEXT_DATA__,
+      cacheData
+    } = props;
+    __NEXT_DATA__.props.pageProps.cacheData = cacheData;
+  }
   static async getInitialProps(ctx) {
     const sheet = new styled.ServerStyleSheet();
     const originalRenderPage = ctx.renderPage;
+    let appProps;
     try {
       ctx.renderPage = () => originalRenderPage({
-        enhanceApp: (App) => (props) => sheet.collectStyles(/* @__PURE__ */ jsxRuntime.jsx(App, __spreadValues({}, props)))
+        enhanceApp: (App) => (props) => {
+          if (appProps == null)
+            appProps = props;
+          return sheet.collectStyles(/* @__PURE__ */ jsxRuntime.jsx(App, __spreadValues({}, props)));
+        }
       });
-      const initialProps = await NextDocument__default["default"].getInitialProps(ctx);
+      index.garbageCollectGlobalCacheData();
+      await ctx.renderPage();
+      await ssr.getDataFromTree(/* @__PURE__ */ jsxRuntime.jsx(ctx.AppTree, __spreadValues({}, appProps)));
       slate.KeyUtils.resetGenerator();
+      const initialProps = await NextDocument__default["default"].getInitialProps(ctx);
       const {
         extractCritical
       } = createEmotionServer__default["default"](css.cache);
@@ -83,6 +98,7 @@ class Document extends NextDocument__default["default"] {
         css: css$1
       } = extractCritical(initialProps.html);
       return __spreadProps(__spreadValues({}, initialProps), {
+        cacheData: index.getGlobalCacheData(),
         styles: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [initialProps.styles, sheet.getStyleElement(), /* @__PURE__ */ jsxRuntime.jsx("style", {
             "data-emotion": `css ${ids.join(" ")}`,
@@ -121,16 +137,12 @@ async function getServerSideProps({
       notFound: true
     };
   const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
-  const client = new index.MakeswiftClient({
-    uri: makeswiftApiEndpoint
-  });
-  const cacheData = await client.prefetch(page.data);
   return {
     props: {
       page,
       rootElement: page.data,
       makeswiftApiEndpoint,
-      cacheData
+      preview: true
     }
   };
 }
@@ -165,16 +177,12 @@ async function getStaticProps({
       revalidate: REVALIDATE_SECONDS
     };
   const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
-  const client = new index.MakeswiftClient({
-    uri: makeswiftApiEndpoint
-  });
-  const cacheData = await client.prefetch(page.data);
   return {
     props: {
       page,
       rootElement: page.data,
       makeswiftApiEndpoint,
-      cacheData
+      preview: false
     },
     revalidate: REVALIDATE_SECONDS
   };
@@ -189,20 +197,23 @@ function Page({
   page,
   rootElement,
   makeswiftApiEndpoint,
-  cacheData
+  cacheData,
+  preview
 }) {
   const [client] = React.useState(() => new index.MakeswiftClient({
     uri: makeswiftApiEndpoint,
     cacheData
   }));
   React.useEffect(() => {
-    client.updateCacheData(cacheData);
+    if (cacheData)
+      client.updateCacheData(cacheData);
   }, [client, cacheData]);
   return /* @__PURE__ */ jsxRuntime.jsx(index.RuntimeProvider, {
     client,
     rootElements: /* @__PURE__ */ new Map([[page.id, rootElement]]),
-    children: /* @__PURE__ */ jsxRuntime.jsx(Page$1.Page, {
-      page
+    children: /* @__PURE__ */ jsxRuntime.jsx(index.Page, {
+      page,
+      preview
     })
   });
 }

package/dist/next.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.cjs.js","sources":["../src/next.tsx"],"sourcesContent":["import { NormalizedCacheObject } from '@apollo/client'\nimport {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { useEffect, useState } from 'react'\nimport { ServerStyleSheet } from 'styled-components'\nimport { KeyUtils } from 'slate'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport { cache } from '@emotion/css'\n\nimport { MakeswiftClient } from './api/react'\nimport { Element } from './state/react-page'\nimport { RuntimeProvider } from './runtimes/react'\nimport { Page as PageMeta, PageData } from './components'\n\nexport { MakeswiftClient }\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),\n        })\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      KeyUtils.resetGenerator()\n\n      const { extractCritical } = createEmotionServer(cache)\n      const { ids, css } = extractCritical(initialProps.html)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n            <style\n              data-emotion={`css ${ids.join(' ')}`}\n              dangerouslySetInnerHTML={{ __html: css }}\n            />\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\nexport type PageProps = {\n  page: PageData\n  rootElement: Element\n  makeswiftApiEndpoint: string\n  cacheData: NormalizedCacheObject\n}\n\ntype APIResult = PageData & {\n  data: any\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page: APIResult = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n  const client = new MakeswiftClient({ uri: makeswiftApiEndpoint })\n  const cacheData = await client.prefetch(page.data)\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      cacheData,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page: APIResult = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n  const client = new MakeswiftClient({ uri: makeswiftApiEndpoint })\n  const cacheData = await client.prefetch(page.data)\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      cacheData,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ page, rootElement, makeswiftApiEndpoint, cacheData }: PageProps) {\n  const [client] = useState(() => new MakeswiftClient({ uri: makeswiftApiEndpoint, cacheData }))\n\n  useEffect(() => {\n    client.updateCacheData(cacheData)\n  }, [client, cacheData])\n\n  return (\n    <RuntimeProvider client={client} rootElements={new Map([[page.id, rootElement]])}>\n      <PageMeta page={page} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["Document","NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","KeyUtils","resetGenerator","extractCritical","createEmotionServer","cache","ids","css","html","styles","_Fragment","getStyleElement","join","__html","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","console","error","json","notFound","page","makeswiftApiEndpoint","client","MakeswiftClient","uri","cacheData","prefetch","data","rootElement","params","revalidate","path","paths","fallback","useState","useEffect","updateCacheData","RuntimeProvider","Map","id","PageMeta"],"mappings":"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"}
+{"version":3,"file":"next.cjs.js","sources":["../src/next.tsx"],"sourcesContent":["import {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps, DocumentProps } from 'next/document'\nimport { useEffect, useState } from 'react'\nimport { ServerStyleSheet } from 'styled-components'\nimport { KeyUtils } from 'slate'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport { cache } from '@emotion/css'\n\nimport { garbageCollectGlobalCacheData, getGlobalCacheData, MakeswiftClient } from './api/react'\nimport { Element } from './state/react-page'\nimport { RuntimeProvider } from './runtimes/react'\nimport { Page as PageMeta, PageData } from './components'\nimport { getDataFromTree } from '@apollo/client/react/ssr'\nimport { AppPropsType } from 'next/dist/shared/lib/utils'\nimport { NextRouter } from 'next/router'\nimport { NormalizedCacheObject } from '@apollo/client'\n\nexport { MakeswiftClient }\n\ntype CacheDataProps = {\n  cacheData: NormalizedCacheObject\n}\n\nexport class Document extends NextDocument<CacheDataProps> {\n  constructor(props: DocumentProps & CacheDataProps) {\n    super(props)\n\n    const { __NEXT_DATA__, cacheData } = props\n\n    __NEXT_DATA__.props.pageProps.cacheData = cacheData\n  }\n\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n    let appProps: AppPropsType<NextRouter>\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => {\n            if (appProps == null) appProps = props\n\n            return sheet.collectStyles(<App {...props} />)\n          },\n        })\n\n      garbageCollectGlobalCacheData()\n\n      await ctx.renderPage()\n\n      // @ts-expect-error: TypeScript thinks that `appProps` hasn't been assigned but we know that\n      // is has been due to our call of `ctx.renderPage()` above.\n      await getDataFromTree(<ctx.AppTree {...appProps} />)\n\n      KeyUtils.resetGenerator()\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      const { extractCritical } = createEmotionServer(cache)\n      const { ids, css } = extractCritical(initialProps.html)\n\n      return {\n        ...initialProps,\n        // @ts-expect-error: We're hacking around Next.js internals here to get Apollo SSR working.\n        cacheData: getGlobalCacheData(),\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n            <style\n              data-emotion={`css ${ids.join(' ')}`}\n              dangerouslySetInnerHTML={{ __html: css }}\n            />\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\nexport type PageProps = {\n  page: PageData\n  rootElement: Element\n  makeswiftApiEndpoint: string\n  cacheData?: NormalizedCacheObject\n  preview: boolean\n}\n\ntype APIResult = PageData & {\n  data: any\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page: APIResult = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      preview: true,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page: APIResult = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      preview: false,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ page, rootElement, makeswiftApiEndpoint, cacheData, preview }: PageProps) {\n  const [client] = useState(() => new MakeswiftClient({ uri: makeswiftApiEndpoint, cacheData }))\n\n  useEffect(() => {\n    if (cacheData) client.updateCacheData(cacheData)\n  }, [client, cacheData])\n\n  return (\n    <RuntimeProvider client={client} rootElements={new Map([[page.id, rootElement]])}>\n      <PageMeta page={page} preview={preview} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["Document","NextDocument","constructor","props","__NEXT_DATA__","cacheData","pageProps","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","appProps","enhanceApp","App","collectStyles","_jsx","garbageCollectGlobalCacheData","getDataFromTree","KeyUtils","resetGenerator","initialProps","extractCritical","createEmotionServer","cache","ids","css","html","getGlobalCacheData","styles","_Fragment","getStyleElement","join","__html","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","console","error","json","notFound","page","makeswiftApiEndpoint","rootElement","data","preview","params","revalidate","path","paths","fallback","client","useState","MakeswiftClient","uri","useEffect","updateCacheData","RuntimeProvider","Map","id","PageMeta"],"mappings":"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"}

package/dist/next.es.js

@@ -23,9 +23,9 @@ import { ServerStyleSheet } from "styled-components";
 import { KeyUtils } from "slate";
 import createEmotionServer from "@emotion/server/create-instance";
 import { cache } from "@emotion/css";
-import { Q as MakeswiftClient, R as RuntimeProvider } from "./index.es.js";
-export { Q as MakeswiftClient } from "./index.es.js";
-import { P as Page$1 } from "./Page.es.js";
+import { W as garbageCollectGlobalCacheData, X as getGlobalCacheData, Y as MakeswiftClient, R as RuntimeProvider, V as Page$1 } from "./index.es.js";
+export { Y as MakeswiftClient } from "./index.es.js";
+import { getDataFromTree } from "@apollo/client/react/ssr";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "@apollo/client";
@@ -36,8 +36,6 @@ import "./actions.es.js";
 import "./descriptors.es.js";
 import "./style.es.js";
 import "framer-motion";
-import "@apollo/client/react/ssr";
-import "uuid/v4";
 import "html-react-parser";
 import "next/head";
 import "color";
@@ -45,6 +43,7 @@ import "scroll-into-view-if-needed";
 import "next/link";
 import "react-use-gesture";
 import "@popmotion/popcorn";
+import "uuid/v4";
 import "next/image";
 import "formik";
 import "./box-models.es.js";
@@ -60,15 +59,31 @@ import "./text-input.es.js";
 import "./list.es.js";
 import "react-dom";
 class Document extends NextDocument {
+  constructor(props) {
+    super(props);
+    const {
+      __NEXT_DATA__,
+      cacheData
+    } = props;
+    __NEXT_DATA__.props.pageProps.cacheData = cacheData;
+  }
   static async getInitialProps(ctx) {
     const sheet = new ServerStyleSheet();
     const originalRenderPage = ctx.renderPage;
+    let appProps;
     try {
       ctx.renderPage = () => originalRenderPage({
-        enhanceApp: (App) => (props) => sheet.collectStyles(/* @__PURE__ */ jsx(App, __spreadValues({}, props)))
+        enhanceApp: (App) => (props) => {
+          if (appProps == null)
+            appProps = props;
+          return sheet.collectStyles(/* @__PURE__ */ jsx(App, __spreadValues({}, props)));
+        }
       });
-      const initialProps = await NextDocument.getInitialProps(ctx);
+      garbageCollectGlobalCacheData();
+      await ctx.renderPage();
+      await getDataFromTree(/* @__PURE__ */ jsx(ctx.AppTree, __spreadValues({}, appProps)));
       KeyUtils.resetGenerator();
+      const initialProps = await NextDocument.getInitialProps(ctx);
       const {
         extractCritical
       } = createEmotionServer(cache);
@@ -77,6 +92,7 @@ class Document extends NextDocument {
         css
       } = extractCritical(initialProps.html);
       return __spreadProps(__spreadValues({}, initialProps), {
+        cacheData: getGlobalCacheData(),
         styles: /* @__PURE__ */ jsxs(Fragment, {
           children: [initialProps.styles, sheet.getStyleElement(), /* @__PURE__ */ jsx("style", {
             "data-emotion": `css ${ids.join(" ")}`,
@@ -115,16 +131,12 @@ async function getServerSideProps({
       notFound: true
     };
   const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
-  const client = new MakeswiftClient({
-    uri: makeswiftApiEndpoint
-  });
-  const cacheData = await client.prefetch(page.data);
   return {
     props: {
       page,
       rootElement: page.data,
       makeswiftApiEndpoint,
-      cacheData
+      preview: true
     }
   };
 }
@@ -159,16 +171,12 @@ async function getStaticProps({
       revalidate: REVALIDATE_SECONDS
     };
   const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
-  const client = new MakeswiftClient({
-    uri: makeswiftApiEndpoint
-  });
-  const cacheData = await client.prefetch(page.data);
   return {
     props: {
       page,
       rootElement: page.data,
       makeswiftApiEndpoint,
-      cacheData
+      preview: false
     },
     revalidate: REVALIDATE_SECONDS
   };
@@ -183,20 +191,23 @@ function Page({
   page,
   rootElement,
   makeswiftApiEndpoint,
-  cacheData
+  cacheData,
+  preview
 }) {
   const [client] = useState(() => new MakeswiftClient({
     uri: makeswiftApiEndpoint,
     cacheData
   }));
   useEffect(() => {
-    client.updateCacheData(cacheData);
+    if (cacheData)
+      client.updateCacheData(cacheData);
   }, [client, cacheData]);
   return /* @__PURE__ */ jsx(RuntimeProvider, {
     client,
     rootElements: /* @__PURE__ */ new Map([[page.id, rootElement]]),
     children: /* @__PURE__ */ jsx(Page$1, {
-      page
+      page,
+      preview
     })
   });
 }

package/dist/next.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.es.js","sources":["../src/next.tsx"],"sourcesContent":["import { NormalizedCacheObject } from '@apollo/client'\nimport {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { useEffect, useState } from 'react'\nimport { ServerStyleSheet } from 'styled-components'\nimport { KeyUtils } from 'slate'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport { cache } from '@emotion/css'\n\nimport { MakeswiftClient } from './api/react'\nimport { Element } from './state/react-page'\nimport { RuntimeProvider } from './runtimes/react'\nimport { Page as PageMeta, PageData } from './components'\n\nexport { MakeswiftClient }\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),\n        })\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      KeyUtils.resetGenerator()\n\n      const { extractCritical } = createEmotionServer(cache)\n      const { ids, css } = extractCritical(initialProps.html)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n            <style\n              data-emotion={`css ${ids.join(' ')}`}\n              dangerouslySetInnerHTML={{ __html: css }}\n            />\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\nexport type PageProps = {\n  page: PageData\n  rootElement: Element\n  makeswiftApiEndpoint: string\n  cacheData: NormalizedCacheObject\n}\n\ntype APIResult = PageData & {\n  data: any\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page: APIResult = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n  const client = new MakeswiftClient({ uri: makeswiftApiEndpoint })\n  const cacheData = await client.prefetch(page.data)\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      cacheData,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page: APIResult = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n  const client = new MakeswiftClient({ uri: makeswiftApiEndpoint })\n  const cacheData = await client.prefetch(page.data)\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      cacheData,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ page, rootElement, makeswiftApiEndpoint, cacheData }: PageProps) {\n  const [client] = useState(() => new MakeswiftClient({ uri: makeswiftApiEndpoint, cacheData }))\n\n  useEffect(() => {\n    client.updateCacheData(cacheData)\n  }, [client, cacheData])\n\n  return (\n    <RuntimeProvider client={client} rootElements={new Map([[page.id, rootElement]])}>\n      <PageMeta page={page} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["Document","NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","KeyUtils","resetGenerator","extractCritical","createEmotionServer","cache","ids","css","html","styles","_Fragment","getStyleElement","join","__html","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","console","error","json","notFound","page","makeswiftApiEndpoint","client","MakeswiftClient","uri","cacheData","prefetch","data","rootElement","params","revalidate","path","paths","fallback","useState","useEffect","updateCacheData","Map","id","PageMeta"],"mappings":"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"}
+{"version":3,"file":"next.es.js","sources":["../src/next.tsx"],"sourcesContent":["import {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps, DocumentProps } from 'next/document'\nimport { useEffect, useState } from 'react'\nimport { ServerStyleSheet } from 'styled-components'\nimport { KeyUtils } from 'slate'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport { cache } from '@emotion/css'\n\nimport { garbageCollectGlobalCacheData, getGlobalCacheData, MakeswiftClient } from './api/react'\nimport { Element } from './state/react-page'\nimport { RuntimeProvider } from './runtimes/react'\nimport { Page as PageMeta, PageData } from './components'\nimport { getDataFromTree } from '@apollo/client/react/ssr'\nimport { AppPropsType } from 'next/dist/shared/lib/utils'\nimport { NextRouter } from 'next/router'\nimport { NormalizedCacheObject } from '@apollo/client'\n\nexport { MakeswiftClient }\n\ntype CacheDataProps = {\n  cacheData: NormalizedCacheObject\n}\n\nexport class Document extends NextDocument<CacheDataProps> {\n  constructor(props: DocumentProps & CacheDataProps) {\n    super(props)\n\n    const { __NEXT_DATA__, cacheData } = props\n\n    __NEXT_DATA__.props.pageProps.cacheData = cacheData\n  }\n\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n    let appProps: AppPropsType<NextRouter>\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => {\n            if (appProps == null) appProps = props\n\n            return sheet.collectStyles(<App {...props} />)\n          },\n        })\n\n      garbageCollectGlobalCacheData()\n\n      await ctx.renderPage()\n\n      // @ts-expect-error: TypeScript thinks that `appProps` hasn't been assigned but we know that\n      // is has been due to our call of `ctx.renderPage()` above.\n      await getDataFromTree(<ctx.AppTree {...appProps} />)\n\n      KeyUtils.resetGenerator()\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      const { extractCritical } = createEmotionServer(cache)\n      const { ids, css } = extractCritical(initialProps.html)\n\n      return {\n        ...initialProps,\n        // @ts-expect-error: We're hacking around Next.js internals here to get Apollo SSR working.\n        cacheData: getGlobalCacheData(),\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n            <style\n              data-emotion={`css ${ids.join(' ')}`}\n              dangerouslySetInnerHTML={{ __html: css }}\n            />\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\nexport type PageProps = {\n  page: PageData\n  rootElement: Element\n  makeswiftApiEndpoint: string\n  cacheData?: NormalizedCacheObject\n  preview: boolean\n}\n\ntype APIResult = PageData & {\n  data: any\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page: APIResult = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      preview: true,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page: APIResult = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      preview: false,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ page, rootElement, makeswiftApiEndpoint, cacheData, preview }: PageProps) {\n  const [client] = useState(() => new MakeswiftClient({ uri: makeswiftApiEndpoint, cacheData }))\n\n  useEffect(() => {\n    if (cacheData) client.updateCacheData(cacheData)\n  }, [client, cacheData])\n\n  return (\n    <RuntimeProvider client={client} rootElements={new Map([[page.id, rootElement]])}>\n      <PageMeta page={page} preview={preview} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["Document","NextDocument","constructor","props","__NEXT_DATA__","cacheData","pageProps","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","appProps","enhanceApp","App","collectStyles","_jsx","getDataFromTree","KeyUtils","resetGenerator","initialProps","extractCritical","createEmotionServer","cache","ids","css","html","getGlobalCacheData","styles","_Fragment","getStyleElement","join","__html","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","console","error","json","notFound","page","makeswiftApiEndpoint","rootElement","data","preview","params","revalidate","path","paths","fallback","client","useState","MakeswiftClient","uri","useEffect","updateCacheData","Map","id","PageMeta"],"mappings":"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"}

package/dist/react-builder-preview.cjs.js

@@ -21,6 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var redux = require("redux");
 var thunk = require("redux-thunk");
+var index = require("./index.cjs.js");
 var immutable = require("immutable");
 var reactPage = require("./react-page.cjs.js");
 var actions = require("./actions.cjs.js");
@@ -28,51 +29,41 @@ var boxModels = require("./box-models.cjs.js");
 var instances = require("./instances.cjs.js");
 var constants = require("./constants.cjs.js");
 var controlSerialization = require("./control-serialization.cjs.js");
+require("react");
+require("use-sync-external-store/shim/with-selector");
+require("@apollo/client");
+require("styled-components");
+require("framer-motion");
+require("@emotion/css");
+require("react/jsx-runtime");
+require("html-react-parser");
+require("next/head");
 require("./descriptors.cjs.js");
 require("./style.cjs.js");
-require("css-box-model");
+require("color");
+require("scroll-into-view-if-needed");
+require("next/link");
+require("react-use-gesture");
+require("@popmotion/popcorn");
+require("uuid/v4");
+require("next/image");
+require("formik");
+require("polished");
+require("react-player");
+require("slate");
+require("slate-hotkeys");
+require("corporate-ipsum");
+require("is-hotkey");
+require("slate-react");
+require("@convertkit/slate-lists");
+require("./text-input.cjs.js");
 require("./list.cjs.js");
+require("react-dom");
+require("css-box-model");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
 var thunk__default = /* @__PURE__ */ _interopDefaultLegacy(thunk);
-function is(x, y) {
-  if (x === y)
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  return x !== x && y !== y;
-}
-const { hasOwnProperty: hasOwnProperty$1 } = Object.prototype;
-const shallowEqual = (a, b) => {
-  if (is(a, b))
-    return true;
-  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
-    return false;
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length)
-    return false;
-  for (let i = 0; i < keysA.length; i += 1) {
-    if (!hasOwnProperty$1.call(b, keysA[i]) || !is(a[keysA[i]], b[keysA[i]]))
-      return false;
-  }
-  return true;
-};
-const { hasOwnProperty } = Object.prototype;
-const deepEqual = (a, b) => {
-  if (shallowEqual(a, b))
-    return true;
-  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
-    return false;
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length)
-    return false;
-  for (let i = 0; i < keysA.length; i += 1) {
-    if (!hasOwnProperty.call(b, keysA[i]) || !deepEqual(a[keysA[i]], b[keysA[i]]))
-      return false;
-  }
-  return true;
-};
 function apply(data, operation) {
   let applied = data;
   operation.forEach((component) => {
@@ -230,7 +221,7 @@ function measureElements() {
       const changedDocumentBoxModels = /* @__PURE__ */ new Map();
       measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {
         const currentBoxModel = getBoxModel(getState(), documentKey, elementKey);
-        if (currentBoxModel == null || !deepEqual(currentBoxModel, measuredBoxModel)) {
+        if (currentBoxModel == null || !index.deepEqual(currentBoxModel, measuredBoxModel)) {
           changedDocumentBoxModels.set(elementKey, measuredBoxModel);
         }
       });
@@ -267,10 +258,17 @@ function getElementSize(element) {
   };
 }
 function lockDocumentScroll() {
-  const lastDocumentOverflow = window.document.documentElement.style.overflow;
-  window.document.documentElement.style.overflow = "hidden";
-  return () => {
-    window.document.documentElement.style.overflow = lastDocumentOverflow;
+  return (dispatch) => {
+    const lastDocumentOverflow = window.document.documentElement.style.overflow;
+    window.document.documentElement.style.overflow = "hidden";
+    window.document.documentElement.addEventListener("wheel", handleWheelEvent);
+    return () => {
+      window.document.documentElement.style.overflow = lastDocumentOverflow;
+      window.document.documentElement.removeEventListener("wheel", handleWheelEvent);
+    };
+    function handleWheelEvent({ deltaX, deltaY }) {
+      dispatch(actions.handleWheel({ deltaX, deltaY }));
+    }
   };
 }
 function startHandlingFocusEvents() {
@@ -300,7 +298,7 @@ function startMeasuringDocumentElement() {
     };
     function handleAnimationFrameRequest() {
       const nextSize = getElementSize(window.document.documentElement);
-      if (!deepEqual(lastSize, nextSize)) {
+      if (!index.deepEqual(lastSize, nextSize)) {
         lastSize = nextSize;
         dispatch(actions.changeDocumentElementSize(nextSize));
       }
@@ -313,7 +311,7 @@ function initialize() {
     const stopMeasuringElements = dispatch(startMeasuringElements());
     const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement());
     const stopHandlingFocusEvent = startHandlingFocusEvents();
-    const unlockDocumentScroll = lockDocumentScroll();
+    const unlockDocumentScroll = dispatch(lockDocumentScroll());
     dispatch(actions.setIsInBuilder(true));
     return () => {
       stopMeasuringElements();
@@ -365,6 +363,7 @@ function messageChannelMiddleware() {
         case actions.ActionTypes.UNMOUNT_COMPONENT:
         case actions.ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
         case actions.ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
+        case actions.ActionTypes.HANDLE_WHEEL:
           messageChannel.port1.postMessage(action);
           break;
         case actions.ActionTypes.REGISTER_COMPONENT: {