tinacms 0.69.4 → 0.69.7

package/dist/admin/index.d.ts

@@ -10,4 +10,6 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-export declare const TinaAdmin: () => JSX.Element;
+export declare const TinaAdmin: ({ preview }: {
+    preview?: JSX.Element;
+}) => JSX.Element;

package/dist/hooks/use-graphql-forms.d.ts

@@ -33,7 +33,10 @@ export declare const transformDocumentIntoMutationRequestPayload: (document: {
     includeCollection?: boolean;
     includeTemplate?: boolean;
 }) => any;
-export declare const generateFormCreators: (cms: TinaCMS, showInSidebar?: boolean) => {
+export declare const generateFormCreators: (cms: TinaCMS, showInSidebar?: boolean, global?: boolean | {
+    icon?: any;
+    layout: 'fullscreen' | 'popup';
+}) => {
     createForm: (formConfig: any) => Form<any, import("@tinacms/toolkit").AnyField>;
     createGlobalForm: GlobalFormCreator;
 };

package/dist/index.d.ts

@@ -20,11 +20,13 @@ export * from '@tinacms/toolkit';
 export { TinaAdmin } from './admin';
 export { RouteMappingPlugin } from './admin/plugins/route-mapping';
 export { TinaAdminApi } from './admin/api';
-import { TinaCMSProvider2 } from './tina-cms';
+import { TinaCMSProvider2, DocumentCreatorCallback } from './tina-cms';
 import type { TinaCMSProviderDefaultProps } from './types/cms';
 export type { TinaCMSProviderDefaultProps };
 export default TinaCMSProvider2;
-import type { TinaCloudSchema as TinaCloudSchemaBase, TinaCloudCollection as TinaCloudCollectionBase, TinaCloudTemplateBase as TinaTemplate, TinaFieldBase } from '@tinacms/schema-tools';
+import { TinaCMS } from '@tinacms/toolkit';
+import { formifyCallback } from './hooks/use-graphql-forms';
+import type { TinaCloudSchema as TinaCloudSchemaBase, TinaCloudCollection as TinaCloudCollectionBase, TinaCloudTemplateBase as TinaTemplate, TinaFieldBase, TinaCMSConfig } from '@tinacms/schema-tools';
 export declare type TinaCloudSchema = TinaCloudSchemaBase<false>;
 export declare type TinaCloudCollection = TinaCloudCollectionBase<false>;
 export declare type TinaCollection = TinaCloudCollectionBase<false>;
@@ -32,3 +34,4 @@ export declare type TinaField = TinaFieldBase;
 export type { TinaTemplate };
 export declare const defineSchema: (config: TinaCloudSchema) => TinaCloudSchema;
 export declare const defineConfig: (config: Omit<TinaCMSProviderDefaultProps, 'children'>) => Omit<TinaCMSProviderDefaultProps, "children">;
+export declare const defineStaticConfig: (config: TinaCMSConfig<(cms: TinaCMS) => TinaCMS, formifyCallback, import("./hooks/use-content-creator").DocumentCreatorArgs, undefined>) => TinaCMSConfig<(cms: TinaCMS) => TinaCMS, formifyCallback, import("./hooks/use-content-creator").DocumentCreatorArgs, undefined>;

package/dist/index.es.js

@@ -436,11 +436,16 @@ const transformParams = (data) => {
     }
   }
 };
-const generateFormCreators = (cms, showInSidebar) => {
+const generateFormCreators = (cms, showInSidebar, global) => {
   const createForm = (formConfig) => {
     const form = new Form(formConfig);
     if (showInSidebar) {
-      cms.forms.add(form);
+      if (global) {
+        const options = typeof global === "boolean" ? [null, "fullscreen"] : [global.icon, global.layout];
+        cms.plugins.add(new GlobalFormPlugin(form, ...options));
+      } else {
+        cms.forms.add(form);
+      }
     }
     return form;
   };
@@ -520,7 +525,11 @@ const getPathToChange = (documentBlueprint, formNode, event) => {
   return accum.join(".");
 };
 const buildForm = (doc, cms, formify2, showInSidebar = false, onSubmit) => {
-  const { createForm, createGlobalForm } = generateFormCreators(cms, showInSidebar);
+  var _a;
+  const id = doc._internalSys.path;
+  const enrichedSchema = cms.api.tina.schema;
+  const collection = enrichedSchema.getCollection(doc._internalSys.collection.name);
+  const { createForm, createGlobalForm } = generateFormCreators(cms, showInSidebar, (_a = collection.ui) == null ? void 0 : _a.global);
   const SKIPPED = "SKIPPED";
   let form;
   let skipped;
@@ -529,9 +538,6 @@ const buildForm = (doc, cms, formify2, showInSidebar = false, onSubmit) => {
   };
   if (skipped)
     return;
-  const id = doc._internalSys.path;
-  const enrichedSchema = cms.api.tina.schema;
-  const collection = enrichedSchema.getCollection(doc._internalSys.collection.name);
   const template = enrichedSchema.getTemplateForData({
     collection,
     data: doc._values
@@ -2288,6 +2294,15 @@ mutation addPendingDocumentMutation(
     const jsonRes = await res.json();
     return jsonRes;
   }
+  async fetchEvents(limit, cursor) {
+    if (this.isLocalMode) {
+      return {
+        events: []
+      };
+    } else {
+      return (await this.fetchWithToken(`${this.contentApiBase}/events/${this.clientId}/${this.branch}?limit=${limit || 1}${cursor ? `&cursor=${cursor}` : ""}`, { method: "GET" })).json();
+    }
+  }
   parseJwt(token) {
     const base64Url = token.split(".")[1];
     const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
@@ -2780,7 +2795,7 @@ const TinaCloudProvider = (props) => {
   })));
 };
 const TinaCloudAuthWall = TinaCloudProvider;
-var styles = /* @__PURE__ */ (() => `.tina-tailwind {
+var styles = `.tina-tailwind {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -3718,7 +3733,7 @@ var styles = /* @__PURE__ */ (() => `.tina-tailwind {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 132 255 / var(--tw-ring-opacity));
 }
-`)();
+`;
 class ContentCreatorPlugin {
   constructor(options) {
     this.__type = "content-creator";
@@ -4422,12 +4437,12 @@ const Sidebar = ({ cms }) => {
     contentCreators: [],
     RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: view.name,
-      to: `screens/${slugify(view.name)}`,
+      to: `/screens/${slugify(view.name)}`,
       Icon: view.Icon ? view.Icon : ImFilesEmpty
     }),
     RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: collection.label ? collection.label : collection.name,
-      to: `collections/${collection.name}`,
+      to: `/collections/${collection.name}`,
       Icon: ImFilesEmpty
     })
   }), !renderDesktopNav && /* @__PURE__ */ React.createElement(Transition, {
@@ -4451,7 +4466,7 @@ const Sidebar = ({ cms }) => {
     contentCreators: [],
     RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: view.name,
-      to: `screens/${slugify(view.name)}`,
+      to: `/screens/${slugify(view.name)}`,
       Icon: view.Icon ? view.Icon : ImFilesEmpty,
       onClick: () => {
         setMenuIsOpen(false);
@@ -4459,7 +4474,7 @@ const Sidebar = ({ cms }) => {
     }),
     RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: collection.label ? collection.label : collection.name,
-      to: `collections/${collection.name}`,
+      to: `/collections/${collection.name}`,
       Icon: ImFilesEmpty,
       onClick: () => {
         setMenuIsOpen(false);
@@ -4820,12 +4835,17 @@ const TemplateMenu = ({ templates }) => {
     className: `w-full text-md px-4 py-2 tracking-wide flex items-center opacity-80 text-gray-600 ${active && "text-gray-800 opacity-100"}`
   }, template.label))))))));
 };
-const handleNavigate = (navigate, cms, collection, document) => {
+const handleNavigate = (navigate, cms, collection, collectionDefinition, document) => {
+  var _a, _b;
   const plugins = cms.plugins.all("tina-admin");
   const routeMapping = plugins.find(({ name }) => name === "route-mapping");
-  const routeOverride = routeMapping ? routeMapping.mapper(collection, document) : void 0;
+  const tinaPreview = cms.flags.get("tina-preview") || false;
+  const routeOverride = ((_a = collectionDefinition.ui) == null ? void 0 : _a.router) ? (_b = collectionDefinition.ui) == null ? void 0 : _b.router({
+    document,
+    collection: collectionDefinition
+  }) : routeMapping ? routeMapping.mapper(collection, document) : void 0;
   if (routeOverride) {
-    window.location.href = routeOverride;
+    tinaPreview ? navigate(`/preview?iframe-url=${encodeURIComponent(routeOverride)}`) : window.location.href = routeOverride;
     return null;
   } else {
     navigate(document._sys.breadcrumbs.join("/"));
@@ -4868,7 +4888,8 @@ const CollectionListPage = () => {
       const documents = collection.documents.edges;
       const admin = cms.api.admin;
       const pageInfo = collection.documents.pageInfo;
-      const fields = (_a = collectionExtra.fields) == null ? void 0 : _a.filter((x) => ["string", "number", "datetime"].includes(x.type));
+      const fields = (_a = collectionExtra.fields) == null ? void 0 : _a.filter((x) => ["string", "number", "datetime", "boolean"].includes(x.type));
+      const collectionDefinition = cms.api.tina.schema.getCollection(collection.name);
       return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, open && /* @__PURE__ */ React.createElement(DeleteModal, {
         filename: vars.relativePath,
         deleteFunc: async () => {
@@ -4959,7 +4980,7 @@ const CollectionListPage = () => {
         }, /* @__PURE__ */ React.createElement("a", {
           className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer",
           onClick: () => {
-            handleNavigate(navigate, cms, collection, document.node);
+            handleNavigate(navigate, cms, collection, collectionDefinition, document.node);
           }
         }, /* @__PURE__ */ React.createElement(BiEdit, {
           className: "inline-block h-6 w-auto opacity-70"
@@ -5359,7 +5380,18 @@ const Redirect = () => {
   }, []);
   return null;
 };
-const TinaAdmin = () => {
+const SetPreviewFlag = ({
+  preview,
+  cms
+}) => {
+  React.useEffect(() => {
+    if (preview) {
+      cms.flags.set("tina-iframe", true);
+    }
+  }, [preview]);
+  return null;
+};
+const TinaAdmin = ({ preview }) => {
   const isSSR2 = typeof window === "undefined";
   const { edit } = useEditState();
   if (isSSR2) {
@@ -5371,31 +5403,43 @@ const TinaAdmin = () => {
   return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
     const isTinaAdminEnabled = cms.flags.get("tina-admin") === false ? false : true;
     if (isTinaAdminEnabled) {
-      return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement("div", {
-        className: "flex items-stretch h-screen overflow-hidden"
-      }, /* @__PURE__ */ React.createElement(Sidebar, {
+      return /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(SetPreviewFlag, {
+        preview,
         cms
-      }), /* @__PURE__ */ React.createElement("div", {
-        className: "flex-1 relative"
-      }, /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, {
+      }), /* @__PURE__ */ React.createElement(Routes, null, preview && /* @__PURE__ */ React.createElement(Route, {
+        path: "preview",
+        element: preview
+      }), /* @__PURE__ */ React.createElement(Route, {
         path: "collections/:collectionName/new",
-        element: /* @__PURE__ */ React.createElement(CollectionCreatePage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "collections/:collectionName/:templateName/new",
-        element: /* @__PURE__ */ React.createElement(CollectionCreatePage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "collections/:collectionName/*",
-        element: /* @__PURE__ */ React.createElement(CollectionUpdatePage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(CollectionUpdatePage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "collections/:collectionName",
-        element: /* @__PURE__ */ React.createElement(CollectionListPage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(CollectionListPage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "screens/:screenName",
-        element: /* @__PURE__ */ React.createElement(ScreenPage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(ScreenPage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "/",
-        element: /* @__PURE__ */ React.createElement(DashboardPage, null)
-      }))))));
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(DashboardPage, null))
+      })));
     } else {
       return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, {
         path: "logout",
@@ -5407,6 +5451,18 @@ const TinaAdmin = () => {
     }
   });
 };
+const DefaultWrapper = ({
+  cms,
+  children
+}) => {
+  return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-stretch h-screen overflow-hidden"
+  }, /* @__PURE__ */ React.createElement(Sidebar, {
+    cms
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "flex-1 relative"
+  }, children)));
+};
 class RouteMappingPlugin {
   constructor(mapper) {
     this.__type = "tina-admin";
@@ -5421,4 +5477,7 @@ const defineSchema = (config) => {
 const defineConfig = (config) => {
   return config;
 };
-export { AuthWallInner, Client, DEFAULT_LOCAL_TINA_GQL_SERVER_URL, LocalClient, RouteMappingPlugin, TinaAdmin, TinaAdminApi, TinaCMSProvider2, TinaCloudAuthWall, TinaCloudProvider, TinaDataProvider, assertShape, createClient, TinaCMSProvider2 as default, defineConfig, defineSchema, getStaticPropsForTina, gql, safeAssertShape, staticRequest, useDocumentCreatorPlugin, useGraphqlForms, useTinaAuthRedirect };
+const defineStaticConfig = (config) => {
+  return config;
+};
+export { AuthWallInner, Client, DEFAULT_LOCAL_TINA_GQL_SERVER_URL, LocalClient, RouteMappingPlugin, TinaAdmin, TinaAdminApi, TinaCMSProvider2, TinaCloudAuthWall, TinaCloudProvider, TinaDataProvider, assertShape, createClient, TinaCMSProvider2 as default, defineConfig, defineSchema, defineStaticConfig, getStaticPropsForTina, gql, safeAssertShape, staticRequest, useDocumentCreatorPlugin, useGraphqlForms, useTinaAuthRedirect };

package/dist/index.js

@@ -454,11 +454,16 @@
       }
     }
   };
-  const generateFormCreators = (cms, showInSidebar) => {
+  const generateFormCreators = (cms, showInSidebar, global) => {
     const createForm = (formConfig) => {
       const form = new toolkit.Form(formConfig);
       if (showInSidebar) {
-        cms.forms.add(form);
+        if (global) {
+          const options = typeof global === "boolean" ? [null, "fullscreen"] : [global.icon, global.layout];
+          cms.plugins.add(new toolkit.GlobalFormPlugin(form, ...options));
+        } else {
+          cms.forms.add(form);
+        }
       }
       return form;
     };
@@ -538,7 +543,11 @@
     return accum.join(".");
   };
   const buildForm = (doc, cms, formify2, showInSidebar = false, onSubmit) => {
-    const { createForm, createGlobalForm } = generateFormCreators(cms, showInSidebar);
+    var _a;
+    const id = doc._internalSys.path;
+    const enrichedSchema = cms.api.tina.schema;
+    const collection = enrichedSchema.getCollection(doc._internalSys.collection.name);
+    const { createForm, createGlobalForm } = generateFormCreators(cms, showInSidebar, (_a = collection.ui) == null ? void 0 : _a.global);
     const SKIPPED = "SKIPPED";
     let form;
     let skipped;
@@ -547,9 +556,6 @@
     };
     if (skipped)
       return;
-    const id = doc._internalSys.path;
-    const enrichedSchema = cms.api.tina.schema;
-    const collection = enrichedSchema.getCollection(doc._internalSys.collection.name);
     const template = enrichedSchema.getTemplateForData({
       collection,
       data: doc._values
@@ -2306,6 +2312,15 @@ mutation addPendingDocumentMutation(
       const jsonRes = await res.json();
       return jsonRes;
     }
+    async fetchEvents(limit, cursor) {
+      if (this.isLocalMode) {
+        return {
+          events: []
+        };
+      } else {
+        return (await this.fetchWithToken(`${this.contentApiBase}/events/${this.clientId}/${this.branch}?limit=${limit || 1}${cursor ? `&cursor=${cursor}` : ""}`, { method: "GET" })).json();
+      }
+    }
     parseJwt(token) {
       const base64Url = token.split(".")[1];
       const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
@@ -2798,7 +2813,7 @@ mutation addPendingDocumentMutation(
     })));
   };
   const TinaCloudAuthWall = TinaCloudProvider;
-  var styles = /* @__PURE__ */ (() => `.tina-tailwind {
+  var styles = `.tina-tailwind {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -3736,7 +3751,7 @@ mutation addPendingDocumentMutation(
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 132 255 / var(--tw-ring-opacity));
 }
-`)();
+`;
   class ContentCreatorPlugin {
     constructor(options) {
       this.__type = "content-creator";
@@ -4440,12 +4455,12 @@ This will work when developing locally but NOT when deployed to production.
       contentCreators: [],
       RenderNavSite: ({ view }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: view.name,
-        to: `screens/${slugify(view.name)}`,
+        to: `/screens/${slugify(view.name)}`,
         Icon: view.Icon ? view.Icon : ImFilesEmpty
       }),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: collection.label ? collection.label : collection.name,
-        to: `collections/${collection.name}`,
+        to: `/collections/${collection.name}`,
         Icon: ImFilesEmpty
       })
     }), !renderDesktopNav && /* @__PURE__ */ React__default["default"].createElement(react.Transition, {
@@ -4469,7 +4484,7 @@ This will work when developing locally but NOT when deployed to production.
       contentCreators: [],
       RenderNavSite: ({ view }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: view.name,
-        to: `screens/${slugify(view.name)}`,
+        to: `/screens/${slugify(view.name)}`,
         Icon: view.Icon ? view.Icon : ImFilesEmpty,
         onClick: () => {
           setMenuIsOpen(false);
@@ -4477,7 +4492,7 @@ This will work when developing locally but NOT when deployed to production.
       }),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: collection.label ? collection.label : collection.name,
-        to: `collections/${collection.name}`,
+        to: `/collections/${collection.name}`,
         Icon: ImFilesEmpty,
         onClick: () => {
           setMenuIsOpen(false);
@@ -4838,12 +4853,17 @@ This will work when developing locally but NOT when deployed to production.
       className: `w-full text-md px-4 py-2 tracking-wide flex items-center opacity-80 text-gray-600 ${active && "text-gray-800 opacity-100"}`
     }, template.label))))))));
   };
-  const handleNavigate = (navigate, cms, collection, document) => {
+  const handleNavigate = (navigate, cms, collection, collectionDefinition, document) => {
+    var _a, _b;
     const plugins = cms.plugins.all("tina-admin");
     const routeMapping = plugins.find(({ name }) => name === "route-mapping");
-    const routeOverride = routeMapping ? routeMapping.mapper(collection, document) : void 0;
+    const tinaPreview = cms.flags.get("tina-preview") || false;
+    const routeOverride = ((_a = collectionDefinition.ui) == null ? void 0 : _a.router) ? (_b = collectionDefinition.ui) == null ? void 0 : _b.router({
+      document,
+      collection: collectionDefinition
+    }) : routeMapping ? routeMapping.mapper(collection, document) : void 0;
     if (routeOverride) {
-      window.location.href = routeOverride;
+      tinaPreview ? navigate(`/preview?iframe-url=${encodeURIComponent(routeOverride)}`) : window.location.href = routeOverride;
       return null;
     } else {
       navigate(document._sys.breadcrumbs.join("/"));
@@ -4886,7 +4906,8 @@ This will work when developing locally but NOT when deployed to production.
         const documents = collection.documents.edges;
         const admin = cms.api.admin;
         const pageInfo = collection.documents.pageInfo;
-        const fields = (_a = collectionExtra.fields) == null ? void 0 : _a.filter((x) => ["string", "number", "datetime"].includes(x.type));
+        const fields = (_a = collectionExtra.fields) == null ? void 0 : _a.filter((x) => ["string", "number", "datetime", "boolean"].includes(x.type));
+        const collectionDefinition = cms.api.tina.schema.getCollection(collection.name);
         return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, open && /* @__PURE__ */ React__default["default"].createElement(DeleteModal, {
           filename: vars.relativePath,
           deleteFunc: async () => {
@@ -4977,7 +4998,7 @@ This will work when developing locally but NOT when deployed to production.
           }, /* @__PURE__ */ React__default["default"].createElement("a", {
             className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer",
             onClick: () => {
-              handleNavigate(navigate, cms, collection, document.node);
+              handleNavigate(navigate, cms, collection, collectionDefinition, document.node);
             }
           }, /* @__PURE__ */ React__default["default"].createElement(BiEdit, {
             className: "inline-block h-6 w-auto opacity-70"
@@ -5377,7 +5398,18 @@ This will work when developing locally but NOT when deployed to production.
     }, []);
     return null;
   };
-  const TinaAdmin = () => {
+  const SetPreviewFlag = ({
+    preview,
+    cms
+  }) => {
+    React__default["default"].useEffect(() => {
+      if (preview) {
+        cms.flags.set("tina-iframe", true);
+      }
+    }, [preview]);
+    return null;
+  };
+  const TinaAdmin = ({ preview }) => {
     const isSSR2 = typeof window === "undefined";
     const { edit } = sharedctx.useEditState();
     if (isSSR2) {
@@ -5389,31 +5421,43 @@ This will work when developing locally but NOT when deployed to production.
     return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => {
       const isTinaAdminEnabled = cms.flags.get("tina-admin") === false ? false : true;
       if (isTinaAdminEnabled) {
-        return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex items-stretch h-screen overflow-hidden"
-        }, /* @__PURE__ */ React__default["default"].createElement(Sidebar, {
+        return /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement(SetPreviewFlag, {
+          preview,
           cms
-        }), /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex-1 relative"
-        }, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
+        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, preview && /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
+          path: "preview",
+          element: preview
+        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/:collectionName/new",
-          element: /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/:collectionName/:templateName/new",
-          element: /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/:collectionName/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(CollectionUpdatePage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(CollectionUpdatePage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/:collectionName",
-          element: /* @__PURE__ */ React__default["default"].createElement(CollectionListPage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(CollectionListPage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "screens/:screenName",
-          element: /* @__PURE__ */ React__default["default"].createElement(ScreenPage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(ScreenPage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "/",
-          element: /* @__PURE__ */ React__default["default"].createElement(DashboardPage, null)
-        }))))));
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(DashboardPage, null))
+        })));
       } else {
         return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "logout",
@@ -5425,6 +5469,18 @@ This will work when developing locally but NOT when deployed to production.
       }
     });
   };
+  const DefaultWrapper = ({
+    cms,
+    children
+  }) => {
+    return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "flex items-stretch h-screen overflow-hidden"
+    }, /* @__PURE__ */ React__default["default"].createElement(Sidebar, {
+      cms
+    }), /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "flex-1 relative"
+    }, children)));
+  };
   class RouteMappingPlugin {
     constructor(mapper) {
       this.__type = "tina-admin";
@@ -5439,6 +5495,9 @@ This will work when developing locally but NOT when deployed to production.
   const defineConfig = (config) => {
     return config;
   };
+  const defineStaticConfig = (config) => {
+    return config;
+  };
   exports2.AuthWallInner = AuthWallInner;
   exports2.Client = Client;
   exports2.DEFAULT_LOCAL_TINA_GQL_SERVER_URL = DEFAULT_LOCAL_TINA_GQL_SERVER_URL;
@@ -5455,6 +5514,7 @@ This will work when developing locally but NOT when deployed to production.
   exports2["default"] = TinaCMSProvider2;
   exports2.defineConfig = defineConfig;
   exports2.defineSchema = defineSchema;
+  exports2.defineStaticConfig = defineStaticConfig;
   exports2.getStaticPropsForTina = getStaticPropsForTina;
   exports2.gql = gql;
   exports2.safeAssertShape = safeAssertShape;

package/dist/internalClient/index.d.ts

@@ -93,6 +93,16 @@ export declare class Client {
     }): Promise<{
         assetsSyncing: string[];
     }>;
+    fetchEvents(limit?: number, cursor?: string): Promise<{
+        events: {
+            message: string;
+            timestamp: number;
+            id: string;
+            isError: boolean;
+            isGlobal: boolean;
+        }[];
+        cursor?: string;
+    }>;
     parseJwt(token: any): any;
     getRefreshedToken(tokens: string): Promise<TokenObject>;
     isAuthorized(): Promise<boolean>;

package/dist/react.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This is an experimental version of the useTina hook,
+ * it is only meant to be used with Tina in "iframe mode".
+ */
+export declare function useTina<T extends object>(props: {
+    query: string;
+    variables: object;
+    data: T;
+}): {
+    data: T;
+};

package/dist/react.es.js

@@ -0,0 +1,17 @@
+import React from "react";
+function useTina(props) {
+  const [data, setData] = React.useState(props.data);
+  React.useEffect(() => {
+    const id = btoa(JSON.stringify({ query: props.query }));
+    parent.postMessage({ type: "open", ...props, id }, window.location.origin);
+    window.addEventListener("message", (event) => {
+      if (event.data.id === id) {
+        console.log("child: event received");
+        setData(event.data.data);
+      }
+    });
+    return () => parent.postMessage({ type: "close", id }, window.location.origin);
+  }, []);
+  return { data };
+}
+export { useTina };

package/dist/react.js

@@ -0,0 +1,26 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react")) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP));
+})(this, function(exports2, React) {
+  "use strict";
+  function _interopDefaultLegacy(e) {
+    return e && typeof e === "object" && "default" in e ? e : { "default": e };
+  }
+  var React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
+  function useTina(props) {
+    const [data, setData] = React__default["default"].useState(props.data);
+    React__default["default"].useEffect(() => {
+      const id = btoa(JSON.stringify({ query: props.query }));
+      parent.postMessage({ type: "open", ...props, id }, window.location.origin);
+      window.addEventListener("message", (event) => {
+        if (event.data.id === id) {
+          console.log("child: event received");
+          setData(event.data.data);
+        }
+      });
+      return () => parent.postMessage({ type: "close", id }, window.location.origin);
+    }, []);
+    return { data };
+  }
+  exports2.useTina = useTina;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});

package/dist/tina-cms.d.ts

@@ -11,8 +11,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import type { formifyCallback } from './hooks/use-graphql-forms';
+import { useDocumentCreatorPlugin } from './hooks/use-content-creator';
 import { TinaCMSProviderDefaultProps } from './types/cms';
 export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => JSX.Element;
+export declare type DocumentCreatorCallback = Parameters<typeof useDocumentCreatorPlugin>[0];
 export declare const TinaDataProvider: ({ children, formifyCallback, }: {
     children: any;
     formifyCallback: formifyCallback;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.69.4",
+  "version": "0.69.7",
   "main": "dist/index.js",
   "module": "./dist/index.es.js",
   "exports": {
@@ -19,6 +19,11 @@
       "import": "./dist/edit-state.es.js",
       "require": "./dist/edit-state.js"
     },
+    "./dist/react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.es.js",
+      "require": "./dist/react.js"
+    },
     "./dist/rich-text": {
       "types": "./dist/rich-text/index.d.ts",
       "import": "./dist/rich-text/index.es.js",
@@ -38,6 +43,7 @@
       "src/index.ts",
       "src/edit-state.tsx",
       "src/rich-text/index.tsx",
+      "src/react.tsx",
       "src/client.ts"
     ]
   },
@@ -48,9 +54,9 @@
     "@headlessui/react": "^1.5.0",
     "@heroicons/react": "^1.0.4",
     "@react-hook/window-size": "^3.0.7",
-    "@tinacms/schema-tools": "0.1.0",
+    "@tinacms/schema-tools": "0.1.3",
     "@tinacms/sharedctx": "0.1.2",
-    "@tinacms/toolkit": "0.57.2",
+    "@tinacms/toolkit": "0.57.4",
     "crypto-js": "^4.0.0",
     "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.1",