tinacms 0.69.7 → 0.69.8

package/dist/client.es.js

@@ -24,9 +24,6 @@ class TinaClient {
       if (!branch || !clientId) {
         throw new Error(`Invalid URL format provided. Expected: https://${TINA_HOST}/content/<ClientID>/github/<Branch> but but received ${url2}`);
       }
-      if (params.host !== TINA_HOST) {
-        throw new Error(`The only supported hosts are ${TINA_HOST} or localhost, but received ${params.host}.`);
-      }
       return {
         host: params.host,
         clientId,

package/dist/client.js

@@ -31,9 +31,6 @@
         if (!branch || !clientId) {
           throw new Error(`Invalid URL format provided. Expected: https://${TINA_HOST}/content/<ClientID>/github/<Branch> but but received ${url2}`);
         }
-        if (params.host !== TINA_HOST) {
-          throw new Error(`The only supported hosts are ${TINA_HOST} or localhost, but received ${params.host}.`);
-        }
         return {
           host: params.host,
           clientId,

package/dist/index.es.js

@@ -9,7 +9,7 @@ import { resolveForm, TinaSchema, addNamespaceToSchema, validateSchema } from "@
 import gql$1 from "graphql-tag";
 import * as yup from "yup";
 import styled from "styled-components";
-import { setEditing, TinaDataContext, useEditState } from "@tinacms/sharedctx";
+import { setEditing, TinaDataContext, EditContext, useEditState } from "@tinacms/sharedctx";
 import UrlPattern from "url-pattern";
 import { NavLink, useNavigate, useParams, useLocation, Link, HashRouter, Routes, Route } from "react-router-dom";
 import { Transition, Menu } from "@headlessui/react";
@@ -352,9 +352,10 @@ const createClient = ({
   isLocalClient = true,
   branch,
   tinaioConfig,
-  schema
+  schema,
+  apiUrl
 }) => {
-  return isLocalClient ? new LocalClient({ schema }) : new Client({
+  return isLocalClient ? new LocalClient({ customContentApiUrl: apiUrl, schema }) : new Client({
     clientId: clientId || "",
     branch: branch || "main",
     tokenStorage: "LOCAL_STORAGE",
@@ -2544,7 +2545,7 @@ class TinaAdminApi {
           collection: collectionName,
           includeDocuments,
           sort,
-          limit: 10,
+          limit: 50,
           after
         }
       }) : await this.api.request(`#graphql
@@ -2585,7 +2586,7 @@ class TinaAdminApi {
           collection: collectionName,
           includeDocuments,
           sort,
-          limit: 10,
+          limit: 50,
           after
         }
       });
@@ -2714,7 +2715,9 @@ const TinaCloudProvider = (props) => {
   useTinaAuthRedirect();
   const cms = React.useMemo(() => props.cms || new TinaCMS({
     enabled: true,
-    sidebar: true
+    sidebar: true,
+    isLocalClient: props.isLocalClient,
+    clientId: props.clientId
   }), [props.cms]);
   if (!cms.api.tina) {
     cms.registerApi("tina", createClient({ ...props, branch: currentBranch }));
@@ -3169,6 +3172,9 @@ var styles = `.tina-tailwind {
 .tina-tailwind .mr-2 {
   margin-right: 8px;
 }
+.tina-tailwind .ml-1 {
+  margin-left: 4px;
+}
 .tina-tailwind .mb-2 {
   margin-bottom: 8px;
 }
@@ -3181,9 +3187,6 @@ var styles = `.tina-tailwind {
 .tina-tailwind .-mt-0 {
   margin-top: -0px;
 }
-.tina-tailwind .ml-1 {
-  margin-left: 4px;
-}
 .tina-tailwind .mt-2 {
   margin-top: 8px;
 }
@@ -3708,6 +3711,9 @@ var styles = `.tina-tailwind {
 .tina-tailwind .hover\\:opacity-100:hover {
   opacity: 1;
 }
+.tina-tailwind .hover\\:opacity-60:hover {
+  opacity: .6;
+}
 .tina-tailwind .focus\\:text-blue-400:focus {
   --tw-text-opacity: 1;
   color: rgb(34 150 254 / var(--tw-text-opacity));
@@ -3925,7 +3931,6 @@ function useTina({
     isLoading
   };
 }
-const TINA_HOST = "content.tinajs.io";
 const parseURL = (url) => {
   if (url.includes("localhost")) {
     return { branch: null, isLocalClient: true, clientId: null };
@@ -3940,9 +3945,6 @@ const parseURL = (url) => {
   if (!branch || !clientId) {
     throw new Error(`Invalid URL format provided. Expected: https://content.tinajs.io/content/<ClientID>/github/<Branch> but but received ${url}`);
   }
-  if (params.host !== TINA_HOST) {
-    throw new Error(`The only supported hosts are ${TINA_HOST} or localhost, but received ${params.host}.`);
-  }
   return {
     branch,
     clientId,
@@ -4058,7 +4060,8 @@ const TinaCMSProvider2 = ({
     isLocalClient,
     cmsCallback: props.cmsCallback,
     mediaStore: props.mediaStore,
-    schema
+    apiUrl: apiURL,
+    schema: { ...schema, config: { ...schema.config, ...props } }
   }, /* @__PURE__ */ React.createElement("style", null, styles), /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement(DocumentCreator, {
     documentCreatorCallback
   }), /* @__PURE__ */ React.createElement(TinaDataProvider, {
@@ -4120,6 +4123,7 @@ const FormRegistrar = ({
   onPayloadStateChange
 }) => {
   const cms = useCMS();
+  const { setFormsRegistering } = React.useContext(EditContext);
   const [payload, isLoading] = useGraphqlForms({
     query: request == null ? void 0 : request.query,
     variables: request == null ? void 0 : request.variables,
@@ -4133,6 +4137,7 @@ const FormRegistrar = ({
   });
   React.useEffect(() => {
     onPayloadStateChange({ payload, isLoading });
+    setFormsRegistering && setFormsRegistering(isLoading);
   }, [JSON.stringify(payload), isLoading]);
   return isLoading ? /* @__PURE__ */ React.createElement(Loader, null, /* @__PURE__ */ React.createElement(React.Fragment, null)) : null;
 };
@@ -4424,6 +4429,7 @@ const Sidebar = ({ cms }) => {
   var _a, _b;
   const collectionsInfo = useGetCollections(cms);
   const screens = cms.plugins.getType("screen").all();
+  const cloudConfigs = cms.plugins.getType("cloud-config").all();
   const [menuIsOpen, setMenuIsOpen] = React.useState(false);
   const isLocalMode = (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode;
   const navBreakpoint = 1e3;
@@ -4434,12 +4440,16 @@ const Sidebar = ({ cms }) => {
     showCollections: true,
     collectionsInfo,
     screens,
+    cloudConfigs,
     contentCreators: [],
     RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: view.name,
       to: `/screens/${slugify(view.name)}`,
       Icon: view.Icon ? view.Icon : ImFilesEmpty
     }),
+    RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink, {
+      config
+    }),
     RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: collection.label ? collection.label : collection.name,
       to: `/collections/${collection.name}`,
@@ -4463,6 +4473,7 @@ const Sidebar = ({ cms }) => {
     showCollections: true,
     collectionsInfo,
     screens,
+    cloudConfigs,
     contentCreators: [],
     RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: view.name,
@@ -4472,6 +4483,9 @@ const Sidebar = ({ cms }) => {
         setMenuIsOpen(false);
       }
     }),
+    RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink, {
+      config
+    }),
     RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: collection.label ? collection.label : collection.name,
       to: `/collections/${collection.name}`,
@@ -4529,6 +4543,25 @@ const SidebarLink = (props) => {
     className: "mr-2 h-6 opacity-80 w-auto"
   }), " ", label);
 };
+const SidebarCloudLink = ({ config }) => {
+  if (config.text) {
+    return /* @__PURE__ */ React.createElement("span", {
+      className: "text-base tracking-wide text-gray-500 flex items-center opacity-90"
+    }, config.text, " ", /* @__PURE__ */ React.createElement("a", {
+      target: "_blank",
+      className: "ml-1 text-blue-600 hover:opacity-60",
+      href: config.link.href
+    }, config.link.text));
+  }
+  return /* @__PURE__ */ React.createElement("span", {
+    className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100"
+  }, /* @__PURE__ */ React.createElement(config.Icon, {
+    className: "mr-2 h-6 opacity-80 w-auto"
+  }), /* @__PURE__ */ React.createElement("a", {
+    target: "_blank",
+    href: config.link.href
+  }, config.link.text));
+};
 const GetCMS = ({ children }) => {
   try {
     const cms = useCMS();

package/dist/index.js

@@ -370,9 +370,10 @@
     isLocalClient = true,
     branch,
     tinaioConfig,
-    schema
+    schema,
+    apiUrl
   }) => {
-    return isLocalClient ? new LocalClient({ schema }) : new Client({
+    return isLocalClient ? new LocalClient({ customContentApiUrl: apiUrl, schema }) : new Client({
       clientId: clientId || "",
       branch: branch || "main",
       tokenStorage: "LOCAL_STORAGE",
@@ -2562,7 +2563,7 @@ mutation addPendingDocumentMutation(
             collection: collectionName,
             includeDocuments,
             sort,
-            limit: 10,
+            limit: 50,
             after
           }
         }) : await this.api.request(`#graphql
@@ -2603,7 +2604,7 @@ mutation addPendingDocumentMutation(
             collection: collectionName,
             includeDocuments,
             sort,
-            limit: 10,
+            limit: 50,
             after
           }
         });
@@ -2732,7 +2733,9 @@ mutation addPendingDocumentMutation(
     useTinaAuthRedirect();
     const cms = React__default["default"].useMemo(() => props.cms || new toolkit.TinaCMS({
       enabled: true,
-      sidebar: true
+      sidebar: true,
+      isLocalClient: props.isLocalClient,
+      clientId: props.clientId
     }), [props.cms]);
     if (!cms.api.tina) {
       cms.registerApi("tina", createClient({ ...props, branch: currentBranch }));
@@ -3187,6 +3190,9 @@ mutation addPendingDocumentMutation(
 .tina-tailwind .mr-2 {
   margin-right: 8px;
 }
+.tina-tailwind .ml-1 {
+  margin-left: 4px;
+}
 .tina-tailwind .mb-2 {
   margin-bottom: 8px;
 }
@@ -3199,9 +3205,6 @@ mutation addPendingDocumentMutation(
 .tina-tailwind .-mt-0 {
   margin-top: -0px;
 }
-.tina-tailwind .ml-1 {
-  margin-left: 4px;
-}
 .tina-tailwind .mt-2 {
   margin-top: 8px;
 }
@@ -3726,6 +3729,9 @@ mutation addPendingDocumentMutation(
 .tina-tailwind .hover\\:opacity-100:hover {
   opacity: 1;
 }
+.tina-tailwind .hover\\:opacity-60:hover {
+  opacity: .6;
+}
 .tina-tailwind .focus\\:text-blue-400:focus {
   --tw-text-opacity: 1;
   color: rgb(34 150 254 / var(--tw-text-opacity));
@@ -3943,7 +3949,6 @@ mutation addPendingDocumentMutation(
       isLoading
     };
   }
-  const TINA_HOST = "content.tinajs.io";
   const parseURL = (url) => {
     if (url.includes("localhost")) {
       return { branch: null, isLocalClient: true, clientId: null };
@@ -3958,9 +3963,6 @@ mutation addPendingDocumentMutation(
     if (!branch || !clientId) {
       throw new Error(`Invalid URL format provided. Expected: https://content.tinajs.io/content/<ClientID>/github/<Branch> but but received ${url}`);
     }
-    if (params.host !== TINA_HOST) {
-      throw new Error(`The only supported hosts are ${TINA_HOST} or localhost, but received ${params.host}.`);
-    }
     return {
       branch,
       clientId,
@@ -4076,7 +4078,8 @@ mutation addPendingDocumentMutation(
       isLocalClient,
       cmsCallback: props.cmsCallback,
       mediaStore: props.mediaStore,
-      schema
+      apiUrl: apiURL,
+      schema: { ...schema, config: { ...schema.config, ...props } }
     }, /* @__PURE__ */ React__default["default"].createElement("style", null, styles), /* @__PURE__ */ React__default["default"].createElement(ErrorBoundary, null, /* @__PURE__ */ React__default["default"].createElement(DocumentCreator, {
       documentCreatorCallback
     }), /* @__PURE__ */ React__default["default"].createElement(TinaDataProvider, {
@@ -4138,6 +4141,7 @@ mutation addPendingDocumentMutation(
     onPayloadStateChange
   }) => {
     const cms = toolkit.useCMS();
+    const { setFormsRegistering } = React__default["default"].useContext(sharedctx.EditContext);
     const [payload, isLoading] = useGraphqlForms({
       query: request == null ? void 0 : request.query,
       variables: request == null ? void 0 : request.variables,
@@ -4151,6 +4155,7 @@ mutation addPendingDocumentMutation(
     });
     React__default["default"].useEffect(() => {
       onPayloadStateChange({ payload, isLoading });
+      setFormsRegistering && setFormsRegistering(isLoading);
     }, [JSON.stringify(payload), isLoading]);
     return isLoading ? /* @__PURE__ */ React__default["default"].createElement(Loader, null, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)) : null;
   };
@@ -4442,6 +4447,7 @@ This will work when developing locally but NOT when deployed to production.
     var _a, _b;
     const collectionsInfo = useGetCollections(cms);
     const screens = cms.plugins.getType("screen").all();
+    const cloudConfigs = cms.plugins.getType("cloud-config").all();
     const [menuIsOpen, setMenuIsOpen] = React__default["default"].useState(false);
     const isLocalMode = (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode;
     const navBreakpoint = 1e3;
@@ -4452,12 +4458,16 @@ This will work when developing locally but NOT when deployed to production.
       showCollections: true,
       collectionsInfo,
       screens,
+      cloudConfigs,
       contentCreators: [],
       RenderNavSite: ({ view }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: view.name,
         to: `/screens/${slugify(view.name)}`,
         Icon: view.Icon ? view.Icon : ImFilesEmpty
       }),
+      RenderNavCloud: ({ config }) => /* @__PURE__ */ React__default["default"].createElement(SidebarCloudLink, {
+        config
+      }),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: collection.label ? collection.label : collection.name,
         to: `/collections/${collection.name}`,
@@ -4481,6 +4491,7 @@ This will work when developing locally but NOT when deployed to production.
       showCollections: true,
       collectionsInfo,
       screens,
+      cloudConfigs,
       contentCreators: [],
       RenderNavSite: ({ view }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: view.name,
@@ -4490,6 +4501,9 @@ This will work when developing locally but NOT when deployed to production.
           setMenuIsOpen(false);
         }
       }),
+      RenderNavCloud: ({ config }) => /* @__PURE__ */ React__default["default"].createElement(SidebarCloudLink, {
+        config
+      }),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: collection.label ? collection.label : collection.name,
         to: `/collections/${collection.name}`,
@@ -4547,6 +4561,25 @@ This will work when developing locally but NOT when deployed to production.
       className: "mr-2 h-6 opacity-80 w-auto"
     }), " ", label);
   };
+  const SidebarCloudLink = ({ config }) => {
+    if (config.text) {
+      return /* @__PURE__ */ React__default["default"].createElement("span", {
+        className: "text-base tracking-wide text-gray-500 flex items-center opacity-90"
+      }, config.text, " ", /* @__PURE__ */ React__default["default"].createElement("a", {
+        target: "_blank",
+        className: "ml-1 text-blue-600 hover:opacity-60",
+        href: config.link.href
+      }, config.link.text));
+    }
+    return /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100"
+    }, /* @__PURE__ */ React__default["default"].createElement(config.Icon, {
+      className: "mr-2 h-6 opacity-80 w-auto"
+    }), /* @__PURE__ */ React__default["default"].createElement("a", {
+      target: "_blank",
+      href: config.link.href
+    }, config.link.text));
+  };
   const GetCMS = ({ children }) => {
     try {
       const cms = toolkit.useCMS();

package/dist/style.css

@@ -372,6 +372,9 @@
 .tina-tailwind .mr-2 {
   margin-right: 8px;
 }
+.tina-tailwind .ml-1 {
+  margin-left: 4px;
+}
 .tina-tailwind .mb-2 {
   margin-bottom: 8px;
 }
@@ -384,9 +387,6 @@
 .tina-tailwind .-mt-0 {
   margin-top: -0px;
 }
-.tina-tailwind .ml-1 {
-  margin-left: 4px;
-}
 .tina-tailwind .mt-2 {
   margin-top: 8px;
 }
@@ -911,6 +911,9 @@
 .tina-tailwind .hover\:opacity-100:hover {
   opacity: 1;
 }
+.tina-tailwind .hover\:opacity-60:hover {
+  opacity: .6;
+}
 .tina-tailwind .focus\:text-blue-400:focus {
   --tw-text-opacity: 1;
   color: rgb(34 150 254 / var(--tw-text-opacity));

package/dist/utils/index.d.ts

@@ -22,7 +22,8 @@ export interface CreateClientProps {
     repo?: string;
     branch?: string;
     schema?: TinaCloudSchema<false>;
+    apiUrl?: string;
 }
-export declare const createClient: ({ clientId, isLocalClient, branch, tinaioConfig, schema, }: CreateClientProps) => Client;
+export declare const createClient: ({ clientId, isLocalClient, branch, tinaioConfig, schema, apiUrl, }: CreateClientProps) => Client;
 export declare function assertShape<T extends unknown>(value: unknown, yupSchema: (args: typeof yup) => yup.AnySchema, errorMessage?: string): asserts value is T;
 export declare function safeAssertShape<T extends unknown>(value: unknown, yupSchema: (args: typeof yup) => yup.AnySchema): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.69.7",
+  "version": "0.69.8",
   "main": "dist/index.js",
   "module": "./dist/index.es.js",
   "exports": {
@@ -54,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.3",
-    "@tinacms/sharedctx": "0.1.2",
-    "@tinacms/toolkit": "0.57.4",
+    "@tinacms/schema-tools": "0.1.4",
+    "@tinacms/sharedctx": "0.1.3",
+    "@tinacms/toolkit": "0.57.5",
     "crypto-js": "^4.0.0",
     "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.1",
@@ -64,7 +64,6 @@
     "graphql-tag": "^2.11.0",
     "lodash.set": "^4.3.2",
     "prism-react-renderer": "^1.3.5",
-    "prism": "^4.1.2",
     "react-icons": "^4.3.1",
     "react-router-dom": "6",
     "url-pattern": "^1.0.3",