@makeswift/runtime 0.0.0-6baa2a2 → 0.0.0-7d64672

package/dist/next.cjs.js

@@ -18,20 +18,25 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-Object.defineProperty(exports, "__esModule", { value: true });
-exports[Symbol.toStringTag] = "Module";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var NextDocument = require("next/document");
+var React = require("react");
 var styled = require("styled-components");
 var react = require("./react.cjs2.js");
+var Page$1 = require("./Page.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
-require("react");
 require("use-sync-external-store/shim/with-selector");
 require("@apollo/client");
+require("./react-page.cjs.js");
 require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
 require("./descriptors.cjs.js");
 require("framer-motion");
+require("@apollo/client/react/ssr");
+require("uuid/v4");
+require("html-react-parser");
+require("next/head");
 require("./box-models.cjs.js");
 require("css-box-model");
 require("next/image");
@@ -41,7 +46,7 @@ require("scroll-into-view-if-needed");
 require("next/link");
 require("react-use-gesture");
 require("@popmotion/popcorn");
-require("uuid/v4");
+require("formik");
 require("polished");
 require("slate");
 require("slate-hotkeys");
@@ -77,10 +82,10 @@ async function getServerSideProps({
     pageId
   }
 }) {
-  const url = `${{}.MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`;
+  const url = `${process["env"].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`;
   const res = await fetch(url, {
     headers: {
-      "x-api-key": {}.MAKESWIFT_SITE_API_KEY
+      "x-api-key": process["env"].MAKESWIFT_SITE_API_KEY
     }
   });
   if (res.status !== 200) {
@@ -94,11 +99,17 @@ async function getServerSideProps({
     return {
       notFound: true
     };
+  const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
+  const client = new react.MakeswiftClient({
+    uri: makeswiftApiEndpoint
+  });
+  const cacheData = await client.prefetch(page.data);
   return {
     props: {
-      pageId: page.id,
+      page,
       rootElement: page.data,
-      makeswiftApiEndpoint: `${{}.MAKESWIFT_API_HOST}/graphql`
+      makeswiftApiEndpoint,
+      cacheData
     }
   };
 }
@@ -113,10 +124,10 @@ async function getStaticProps({
   const {
     path = []
   } = params;
-  const url = `${{}.MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join("/")}`;
+  const url = `${process["env"].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join("/")}`;
   const res = await fetch(url, {
     headers: {
-      "x-api-key": {}.MAKESWIFT_SITE_API_KEY
+      "x-api-key": process["env"].MAKESWIFT_SITE_API_KEY
     }
   });
   if (res.status !== 200) {
@@ -132,11 +143,17 @@ async function getStaticProps({
       notFound: true,
       revalidate: REVALIDATE_SECONDS
     };
+  const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
+  const client = new react.MakeswiftClient({
+    uri: makeswiftApiEndpoint
+  });
+  const cacheData = await client.prefetch(page.data);
   return {
     props: {
-      pageId: page.id,
+      page,
       rootElement: page.data,
-      makeswiftApiEndpoint: `${{}.MAKESWIFT_API_HOST}/graphql`
+      makeswiftApiEndpoint,
+      cacheData
     },
     revalidate: REVALIDATE_SECONDS
   };
@@ -148,15 +165,20 @@ async function getStaticPaths() {
   };
 }
 function Page({
-  pageId,
+  page,
   rootElement,
-  makeswiftApiEndpoint
+  makeswiftApiEndpoint,
+  cacheData
 }) {
+  const [client] = React.useState(() => new react.MakeswiftClient({
+    uri: makeswiftApiEndpoint,
+    cacheData
+  }));
   return /* @__PURE__ */ jsxRuntime.jsx(react.RuntimeProvider, {
-    defaultRootElements: /* @__PURE__ */ new Map([[pageId, rootElement]]),
-    makeswiftApiEndpoint,
-    children: /* @__PURE__ */ jsxRuntime.jsx(react.Document, {
-      documentKey: pageId
+    client,
+    defaultRootElements: /* @__PURE__ */ new Map([[page.id, rootElement]]),
+    children: /* @__PURE__ */ jsxRuntime.jsx(Page$1.Page, {
+      page
     })
   });
 }

package/dist/next.cjs.js.map

@@ -1 +1 @@
-{"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 } from 'next/document'\nimport { ServerStyleSheet } from 'styled-components'\n\nimport { RuntimeProvider, Document as DocumentComponent } from './runtimes/react'\nimport { Element } from './state/react-page'\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      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\ntype PageProps = {\n  pageId: string\n  rootElement: Element\n  makeswiftApiEndpoint: string\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 = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process.env.MAKESWIFT_API_HOST}/graphql`,\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 = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process.env.MAKESWIFT_API_HOST}/graphql`,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ pageId, rootElement, makeswiftApiEndpoint }: PageProps) {\n  return (\n    <RuntimeProvider\n      defaultRootElements={new Map([[pageId, rootElement]])}\n      makeswiftApiEndpoint={makeswiftApiEndpoint}\n    >\n      <DocumentComponent documentKey={pageId} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","styles","getStyleElement","seal","REVALIDATE_SECONDS","query","pageId","url","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","error","json","notFound","page","id","rootElement","data","makeswiftApiEndpoint","params","revalidate","path","join","paths","fallback","RuntimeProvider","Map","DocumentComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAa8BA,iCAAa;AAAA,eAC5BC,gBAAgBC,KAAqD;UAC1EC,QAAQ,IAAIC;UACZC,qBAAqBH,IAAII;QAE3B;UACEA,aAAa,MACfD,mBAAmB;AAAA,QACjBE,YAAYC,SAAOC,WAASN,MAAMO,6CAAe,wBAAQD;AAAAA;YAGvDE,eAAe,MAAMX,iCAAaC,gBAAgBC;aAEjD,iCACFS,eADE;AAAA,QAELC;qBAEKD,aAAaC,QACbT,MAAMU;AAAAA;AAAAA;AAAAA;YAKPC;AAAAA;AAAAA;AAAAA;AAKZ,MAAMC,qBAAqB;kCAQc;AAAA,EACvCC,OAAO;AAAA,IAAEC;AAAAA;AAAAA,GACiE;QACpEC,MAAO,MAAcC,8CAA8CF;QACnEG,MAAM,MAAMC,MAAMH,KAAK;AAAA,IAC3BI,SAAS;AAAA,sBAA2BC;AAAAA;AAAAA;MAGlCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA;AAAA;QAGfC,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA;SAE9B;AAAA,IACLlB,OAAO;AAAA,MACLQ,QAAQW,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,MAAcb;AAAAA;AAAAA;AAAAA;8BAKN;AAAA,EACnCc;AAAAA,GACsF;MAClFA,UAAU;WAAa;AAAA,MAAEN,UAAU;AAAA,MAAMO,YAAYnB;AAAAA;QACnD;AAAA,IAAEoB,OAAO;AAAA,MAAOF;QAChBf,MAAO,MAAcC,6CAA6CgB,KAAKC,KAAK;QAE5EhB,MAAM,MAAMC,MAAMH,KAAK;AAAA,IAC3BI,SAAS;AAAA,sBAA2BC;AAAAA;AAAAA;MAGlCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA,MAAMO,YAAYnB;AAAAA;AAAAA;QAGjCa,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA,MAAMO,YAAYnB;AAAAA;SAEhD;AAAA,IACLN,OAAO;AAAA,MACLQ,QAAQW,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,MAAcb;AAAAA;AAAAA,IAEvCe,YAAYnB;AAAAA;AAAAA;gCAIsD;SAC7D;AAAA,IAAEsB,OAAO;AAAA,IAAIC,UAAU;AAAA;AAAA;cAGX;AAAA,EAAErB;AAAAA,EAAQa;AAAAA,EAAaE;AAAAA,GAAmC;wCAE1EO;IACC,yCAAyBC,IAAI,CAAC,CAACvB,QAAQa;AAAAA,IACvC;AAAA,6CAECW;MAAkB,aAAaxB;AAAAA;AAAAA;AAAAA;;;;;;"}
+{"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 { useState } from 'react'\nimport { ServerStyleSheet } from 'styled-components'\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 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      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\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  return (\n    <RuntimeProvider client={client} defaultRootElements={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","styles","_Fragment","getStyleElement","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","join","paths","fallback","useState","RuntimeProvider","Map","id","PageMeta"],"mappings":"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"}

package/dist/next.es.js

@@ -18,17 +18,23 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import NextDocument from "next/document";
+import { useState } from "react";
 import { ServerStyleSheet } from "styled-components";
-import { R as RuntimeProvider, D as Document$1 } from "./react.es2.js";
+import { Q as MakeswiftClient, R as RuntimeProvider } from "./react.es2.js";
+import { P as Page$1 } from "./Page.es.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "react";
 import "use-sync-external-store/shim/with-selector";
 import "@apollo/client";
+import "./react-page.es.js";
 import "redux";
 import "redux-thunk";
 import "./actions.es.js";
 import "./descriptors.es.js";
 import "framer-motion";
+import "@apollo/client/react/ssr";
+import "uuid/v4";
+import "html-react-parser";
+import "next/head";
 import "./box-models.es.js";
 import "css-box-model";
 import "next/image";
@@ -38,7 +44,7 @@ import "scroll-into-view-if-needed";
 import "next/link";
 import "react-use-gesture";
 import "@popmotion/popcorn";
-import "uuid/v4";
+import "formik";
 import "polished";
 import "slate";
 import "slate-hotkeys";
@@ -70,10 +76,10 @@ async function getServerSideProps({
     pageId
   }
 }) {
-  const url = `${{}.MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`;
+  const url = `${process["env"].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`;
   const res = await fetch(url, {
     headers: {
-      "x-api-key": {}.MAKESWIFT_SITE_API_KEY
+      "x-api-key": process["env"].MAKESWIFT_SITE_API_KEY
     }
   });
   if (res.status !== 200) {
@@ -87,11 +93,17 @@ async function getServerSideProps({
     return {
       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: {
-      pageId: page.id,
+      page,
       rootElement: page.data,
-      makeswiftApiEndpoint: `${{}.MAKESWIFT_API_HOST}/graphql`
+      makeswiftApiEndpoint,
+      cacheData
     }
   };
 }
@@ -106,10 +118,10 @@ async function getStaticProps({
   const {
     path = []
   } = params;
-  const url = `${{}.MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join("/")}`;
+  const url = `${process["env"].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join("/")}`;
   const res = await fetch(url, {
     headers: {
-      "x-api-key": {}.MAKESWIFT_SITE_API_KEY
+      "x-api-key": process["env"].MAKESWIFT_SITE_API_KEY
     }
   });
   if (res.status !== 200) {
@@ -125,11 +137,17 @@ async function getStaticProps({
       notFound: true,
       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: {
-      pageId: page.id,
+      page,
       rootElement: page.data,
-      makeswiftApiEndpoint: `${{}.MAKESWIFT_API_HOST}/graphql`
+      makeswiftApiEndpoint,
+      cacheData
     },
     revalidate: REVALIDATE_SECONDS
   };
@@ -141,15 +159,20 @@ async function getStaticPaths() {
   };
 }
 function Page({
-  pageId,
+  page,
   rootElement,
-  makeswiftApiEndpoint
+  makeswiftApiEndpoint,
+  cacheData
 }) {
+  const [client] = useState(() => new MakeswiftClient({
+    uri: makeswiftApiEndpoint,
+    cacheData
+  }));
   return /* @__PURE__ */ jsx(RuntimeProvider, {
-    defaultRootElements: /* @__PURE__ */ new Map([[pageId, rootElement]]),
-    makeswiftApiEndpoint,
-    children: /* @__PURE__ */ jsx(Document$1, {
-      documentKey: pageId
+    client,
+    defaultRootElements: /* @__PURE__ */ new Map([[page.id, rootElement]]),
+    children: /* @__PURE__ */ jsx(Page$1, {
+      page
     })
   });
 }

package/dist/next.es.js.map

@@ -1 +1 @@
-{"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 } from 'next/document'\nimport { ServerStyleSheet } from 'styled-components'\n\nimport { RuntimeProvider, Document as DocumentComponent } from './runtimes/react'\nimport { Element } from './state/react-page'\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      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\ntype PageProps = {\n  pageId: string\n  rootElement: Element\n  makeswiftApiEndpoint: string\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 = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process.env.MAKESWIFT_API_HOST}/graphql`,\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 = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process.env.MAKESWIFT_API_HOST}/graphql`,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ pageId, rootElement, makeswiftApiEndpoint }: PageProps) {\n  return (\n    <RuntimeProvider\n      defaultRootElements={new Map([[pageId, rootElement]])}\n      makeswiftApiEndpoint={makeswiftApiEndpoint}\n    >\n      <DocumentComponent documentKey={pageId} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","styles","getStyleElement","seal","REVALIDATE_SECONDS","query","pageId","url","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","error","json","notFound","page","id","rootElement","data","makeswiftApiEndpoint","params","revalidate","path","join","paths","fallback","Map","DocumentComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAa8BA,aAAa;AAAA,eAC5BC,gBAAgBC,KAAqD;UAC1EC,QAAQ,IAAIC;UACZC,qBAAqBH,IAAII;QAE3B;UACEA,aAAa,MACfD,mBAAmB;AAAA,QACjBE,YAAYC,SAAOC,WAASN,MAAMO,kCAAe,wBAAQD;AAAAA;YAGvDE,eAAe,MAAMX,aAAaC,gBAAgBC;aAEjD,iCACFS,eADE;AAAA,QAELC;qBAEKD,aAAaC,QACbT,MAAMU;AAAAA;AAAAA;AAAAA;YAKPC;AAAAA;AAAAA;AAAAA;AAKZ,MAAMC,qBAAqB;kCAQc;AAAA,EACvCC,OAAO;AAAA,IAAEC;AAAAA;AAAAA,GACiE;QACpEC,MAAO,MAAcC,8CAA8CF;QACnEG,MAAM,MAAMC,MAAMH,KAAK;AAAA,IAC3BI,SAAS;AAAA,sBAA2BC;AAAAA;AAAAA;MAGlCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA;AAAA;QAGfC,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA;SAE9B;AAAA,IACLlB,OAAO;AAAA,MACLQ,QAAQW,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,MAAcb;AAAAA;AAAAA;AAAAA;8BAKN;AAAA,EACnCc;AAAAA,GACsF;MAClFA,UAAU;WAAa;AAAA,MAAEN,UAAU;AAAA,MAAMO,YAAYnB;AAAAA;QACnD;AAAA,IAAEoB,OAAO;AAAA,MAAOF;QAChBf,MAAO,MAAcC,6CAA6CgB,KAAKC,KAAK;QAE5EhB,MAAM,MAAMC,MAAMH,KAAK;AAAA,IAC3BI,SAAS;AAAA,sBAA2BC;AAAAA;AAAAA;MAGlCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA,MAAMO,YAAYnB;AAAAA;AAAAA;QAGjCa,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA,MAAMO,YAAYnB;AAAAA;SAEhD;AAAA,IACLN,OAAO;AAAA,MACLQ,QAAQW,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,MAAcb;AAAAA;AAAAA,IAEvCe,YAAYnB;AAAAA;AAAAA;gCAIsD;SAC7D;AAAA,IAAEsB,OAAO;AAAA,IAAIC,UAAU;AAAA;AAAA;cAGX;AAAA,EAAErB;AAAAA,EAAQa;AAAAA,EAAaE;AAAAA,GAAmC;6BAE1E;IACC,yCAAyBO,IAAI,CAAC,CAACtB,QAAQa;AAAAA,IACvC;AAAA,kCAECU;MAAkB,aAAavB;AAAAA;AAAAA;AAAAA;;"}
+{"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 { useState } from 'react'\nimport { ServerStyleSheet } from 'styled-components'\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 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      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\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  return (\n    <RuntimeProvider client={client} defaultRootElements={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","styles","_Fragment","getStyleElement","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","join","paths","fallback","useState","Map","id","PageMeta"],"mappings":"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"}

package/dist/prop-controllers.cjs.js

@@ -1,8 +1,8 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports[Symbol.toStringTag] = "Module";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var descriptors = require("./descriptors.cjs.js");
 var instances = require("./instances.cjs.js");
 exports.Props = descriptors.descriptors;
 exports.RichTextPropControllerMessageType = instances.RichTextPropControllerMessageType;
+exports.TableFormFieldsMessageType = instances.TableFormFieldsMessageType;
 //# sourceMappingURL=prop-controllers.cjs.js.map

package/dist/prop-controllers.es.js

@@ -1,3 +1,3 @@
 export { d as Props } from "./descriptors.es.js";
-export { R as RichTextPropControllerMessageType } from "./instances.es.js";
+export { R as RichTextPropControllerMessageType, T as TableFormFieldsMessageType } from "./instances.es.js";
 //# sourceMappingURL=prop-controllers.es.js.map

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

@@ -18,36 +18,17 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-exports[Symbol.toStringTag] = "Module";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var redux = require("redux");
 var thunk = require("redux-thunk");
 var immutable = require("immutable");
-var react = require("./react.cjs2.js");
+var reactPage = require("./react-page.cjs.js");
 var actions = require("./actions.cjs.js");
 var boxModels = require("./box-models.cjs.js");
 var instances = require("./instances.cjs.js");
 var constants = require("./constants.cjs.js");
-require("react");
-require("use-sync-external-store/shim/with-selector");
-require("@apollo/client");
+var controlSerialization = require("./control-serialization.cjs.js");
 require("./descriptors.cjs.js");
-require("styled-components");
-require("framer-motion");
-require("react/jsx-runtime");
-require("next/image");
-require("react-player");
-require("color");
-require("scroll-into-view-if-needed");
-require("next/link");
-require("react-use-gesture");
-require("@popmotion/popcorn");
-require("uuid/v4");
-require("polished");
-require("slate");
-require("slate-hotkeys");
-require("corporate-ipsum");
-require("slate-react");
-require("@convertkit/slate-lists");
 require("css-box-model");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
@@ -107,25 +88,27 @@ function apply(data, operation) {
 function getInitialState$1({
   rootElements
 } = {}) {
-  return react.getInitialState({ rootElements });
+  return reactPage.getInitialState({ rootElements });
 }
 function getReadOnlyDocumentsStateSlice(state) {
   return state;
 }
-function getDocumentRootElement(state, documentKey) {
-  return react.getDocumentRootElement(getReadOnlyDocumentsStateSlice(state), documentKey);
+function getDocument(state, documentKey) {
+  return reactPage.getDocument$1(getReadOnlyDocumentsStateSlice(state), documentKey);
 }
 function reducer$2(state = getInitialState$1(), action) {
+  var _a;
+  const nextState = reactPage.reducer(state, action);
   switch (action.type) {
     case actions.ActionTypes.CHANGE_DOCUMENT: {
-      const currentRootElement = getDocumentRootElement(state, action.payload.documentKey);
+      const currentRootElement = (_a = getDocument(nextState, action.payload.documentKey)) == null ? void 0 : _a.rootElement;
       if (currentRootElement == null)
-        return state;
+        return nextState;
       const nextRootElement = apply(currentRootElement, action.payload.operation);
-      return currentRootElement === nextRootElement ? state : new Map(state).set(action.payload.documentKey, react.createDocument(nextRootElement));
+      return currentRootElement === nextRootElement ? nextState : new Map(nextState).set(action.payload.documentKey, reactPage.createDocument(action.payload.documentKey, nextRootElement));
     }
     default:
-      return state;
+      return nextState;
   }
 }
 function isPropControllersHandle(value) {
@@ -178,10 +161,10 @@ function reducer$1(state = getInitialState(), action) {
 }
 const reducer = redux.combineReducers({
   documents: reducer$2,
-  reactComponents: react.reducer,
+  reactComponents: reactPage.reducer$1,
   boxModels: boxModels.reducer,
-  componentsMeta: react.reducer$1,
-  propControllers: react.reducer$2,
+  componentsMeta: reactPage.reducer$2,
+  propControllers: reactPage.reducer$3,
   propControllerHandles: reducer$1,
   isInBuilder: (_state = true, _action) => true
 });
@@ -201,13 +184,13 @@ function getComponentsMetaStateSlice(state) {
   return state.componentsMeta;
 }
 function getComponentsMeta(state) {
-  return react.getComponentsMeta(getComponentsMetaStateSlice(state));
+  return reactPage.getComponentsMeta(getComponentsMetaStateSlice(state));
 }
 function getPropControllersStateSlice(state) {
   return state.propControllers;
 }
 function getComponentPropControllerDescriptors(state, componentType) {
-  return react.getComponentPropControllerDescriptors(getPropControllersStateSlice(state), componentType);
+  return reactPage.getComponentPropControllerDescriptors(getPropControllersStateSlice(state), componentType);
 }
 function getPropControllerHandlesStateSlice(state) {
   return state.propControllerHandles;
@@ -230,9 +213,9 @@ function measureElements() {
     });
     const changedBoxModels = /* @__PURE__ */ new Map();
     currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {
+      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
       currentDocumentBoxModels.forEach((_boxModel, elementKey) => {
         var _a;
-        const changedDocumentBoxModels = /* @__PURE__ */ new Map();
         if (!((_a = measuredBoxModels.get(documentKey)) == null ? void 0 : _a.has(elementKey))) {
           changedDocumentBoxModels.set(elementKey, null);
         }
@@ -338,7 +321,8 @@ function messageChannelMiddleware() {
     registeredComponentsMeta.forEach((componentMeta, componentType) => {
       const propControllerDescriptors = getComponentPropControllerDescriptors(state, componentType);
       if (propControllerDescriptors != null) {
-        messageChannel.port1.postMessage(actions.registerComponent(componentType, componentMeta, propControllerDescriptors));
+        const [serializedControls, transferables] = controlSerialization.serializeControls(propControllerDescriptors);
+        messageChannel.port1.postMessage(actions.registerBuilderComponent(componentType, componentMeta, serializedControls), transferables);
       }
     });
     return (action) => {
@@ -346,15 +330,25 @@ function messageChannelMiddleware() {
         case actions.ActionTypes.CHANGE_ELEMENT_BOX_MODELS:
         case actions.ActionTypes.MOUNT_COMPONENT:
         case actions.ActionTypes.UNMOUNT_COMPONENT:
-        case actions.ActionTypes.REGISTER_COMPONENT:
-        case actions.ActionTypes.UNREGISTER_COMPONENT:
         case actions.ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
         case actions.ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
           messageChannel.port1.postMessage(action);
           break;
+        case actions.ActionTypes.REGISTER_COMPONENT: {
+          const { type, meta, propControllerDescriptors } = action.payload;
+          const [serializedControls, transferables] = controlSerialization.serializeControls(propControllerDescriptors);
+          messageChannel.port1.postMessage(actions.registerBuilderComponent(type, meta, serializedControls), transferables);
+          break;
+        }
+        case actions.ActionTypes.UNREGISTER_COMPONENT:
+          messageChannel.port1.postMessage(actions.unregisterBuilderComponent(action.payload.type));
+          break;
         case actions.ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
           window.document.documentElement.scrollTop = action.payload.scrollTop;
           break;
+        case actions.ActionTypes.SCROLL_DOCUMENT_ELEMENT:
+          window.document.documentElement.scrollTop += action.payload.scrollTopDelta;
+          break;
         case actions.ActionTypes.INIT:
           cleanUp = dispatch(initialize());
           break;
@@ -368,7 +362,7 @@ function messageChannelMiddleware() {
 }
 function createAndRegisterPropControllers(documentKey, elementKey) {
   return (dispatch, getState) => {
-    const descriptors = react.getElementPropControllerDescriptors(getState(), documentKey, elementKey);
+    const descriptors = reactPage.getElementPropControllerDescriptors(getState(), documentKey, elementKey);
     if (descriptors == null)
       return null;
     const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
@@ -429,6 +423,9 @@ function apolloClientCacheSyncMiddleware(client) {
           });
           break;
         }
+        case actions.ActionTypes.EVICT_API_RESOURCE:
+          client.cache.evict({ id: action.payload.id });
+          break;
       }
       return next(action);
     };