tinacms 0.0.0-b20679d-20241024054309 → 0.0.0-b23aa0c-20251026220307

package/README.md

@@ -24,7 +24,7 @@ Test a TinaCMS starter site locally
 npx create-tina-app@latest
 ```
 
-Or try a [demo site](https://app.tina.io/quickstart) on Tina Cloud.
+Or try a [demo site](https://app.tina.io/quickstart) on TinaCloud.
 
 ## Documentation
 

package/dist/admin/api.d.ts

@@ -3,10 +3,14 @@ import type { Collection, TinaSchema } from '@tinacms/schema-tools';
 import type { Client } from '../internalClient';
 import type { CollectionResponse, DocumentForm } from './types';
 import { SearchClient } from '@tinacms/search/dist/index-client';
+export declare const CREATE_DOCUMENT_GQL = "#graphql\nmutation($collection: String!, $relativePath: String!, $params: DocumentMutation!) {\n  createDocument(\n    collection: $collection,\n    relativePath: $relativePath,\n    params: $params\n  ){__typename}\n}";
+export declare const UPDATE_DOCUMENT_GQL = "#graphql\nmutation($collection: String!, $relativePath: String!, $params: DocumentUpdateMutation!) {\n  updateDocument(\n    collection: $collection,\n    relativePath: $relativePath,\n    params: $params\n  ){__typename}\n}";
+export declare const DELETE_DOCUMENT_GQL = "#graphql\nmutation DeleteDocument($collection: String!, $relativePath: String!){\n  deleteDocument(collection: $collection, relativePath: $relativePath){\n    __typename\n  }\n}";
 export interface FilterArgs {
     filterField: string;
     collection?: string;
     relativePath?: string;
+    relativePathWithoutExtension?: string;
     newRelativePath?: string;
     startsWith?: string;
     endsWith?: string;

package/dist/admin/components/GetCollection.d.ts

@@ -1,9 +1,9 @@
 /**
 
 */
-import React from 'react';
-import type { TinaCMS } from '@tinacms/toolkit';
 import type { Collection } from '@tinacms/schema-tools';
+import type { TinaCMS } from '@tinacms/toolkit';
+import React from 'react';
 import { FilterArgs } from '../api';
 import type { CollectionResponse } from '../types';
 export declare const useGetCollection: (cms: TinaCMS, collectionName: string, includeDocuments: boolean, folder: {

package/dist/admin/components/Page.d.ts

@@ -1,17 +1,11 @@
-/**
-
-*/
 import React from 'react';
-export declare const PageWrapper: ({ children }: {
+export declare const PageWrapper: ({ headerClassName, children, }: {
+    headerClassName?: string;
     children: React.ReactNode;
 }) => React.JSX.Element;
-export declare const PageHeader: ({ isLocalMode, children, }: {
-    isLocalMode?: boolean;
+export declare const PageHeader: ({ children, }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const PageBody: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
-export declare const PageBodyNarrow: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;

package/dist/admin/components/Sidebar.d.ts

@@ -1,6 +1,3 @@
-/**
-
-*/
 import React from 'react';
 import type { TinaCMS } from '@tinacms/toolkit';
 export declare const slugify: (text: any) => any;

package/dist/admin/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/admin/pages/CollectionCreatePage.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Collection } from '@tinacms/schema-tools';
+import React from 'react';
 import type { TinaCMS } from '@tinacms/toolkit';
 declare const CollectionCreatePage: () => React.JSX.Element;
 export declare const RenderForm: ({ cms, collection, folder, templateName, mutationInfo, customDefaults, }: {

package/dist/admin/pages/CollectionListPage.d.ts

@@ -1,8 +1,8 @@
+import type { Collection } from '@tinacms/schema-tools';
+import { type TinaCMS } from '@tinacms/toolkit';
 import React from 'react';
 import { type NavigateFunction } from 'react-router-dom';
-import { type TinaCMS } from '@tinacms/toolkit';
 import type { CollectionResponse, DocumentSys } from '../types';
-import type { Collection } from '@tinacms/schema-tools';
 export declare const handleNavigate: (navigate: NavigateFunction, cms: TinaCMS, collection: CollectionResponse, collectionDefinition: Collection<true>, document: DocumentSys) => Promise<any>;
 declare const CollectionListPage: () => React.JSX.Element;
 export default CollectionListPage;

package/dist/admin/pages/DashboardPage.d.ts

@@ -1,6 +1,3 @@
-/**
-
-*/
 import React from 'react';
 declare const DashboardPage: () => React.JSX.Element;
 export default DashboardPage;

package/dist/admin/pages/ScreenPage.d.ts

@@ -1,6 +1,3 @@
-/**
-
-*/
 import React from 'react';
 declare const ScreenPage: () => React.JSX.Element;
 export default ScreenPage;

package/dist/admin/types.d.ts

@@ -25,6 +25,9 @@ export interface DocumentNode {
 }
 export interface DocumentForm {
     _values: Object;
+    _sys?: {
+        hasReferences?: boolean;
+    };
 }
 export interface DocumentSys {
     _sys: {

package/dist/auth/AuthModal.d.ts

@@ -1,10 +1,7 @@
-/**
-
-*/
 import React from 'react';
 interface ModalBuilderProps {
     title: string;
-    message?: string;
+    message?: React.ReactNode;
     error?: string;
     actions: ButtonProps[];
     close(): void;

package/dist/auth/TinaCloudProvider.d.ts

@@ -1,5 +1,5 @@
+import { MediaStore, StaticMedia, TinaCMS } from '@tinacms/toolkit';
 import React from 'react';
-import { TinaCMS, MediaStore, StaticMedia } from '@tinacms/toolkit';
 import { Client, TinaIOConfig } from '../internalClient';
 import { CreateClientProps } from '../utils';
 export interface TinaCloudMediaStoreClass {
@@ -18,7 +18,6 @@ export interface TinaCloudAuthWallProps {
     }[];
     mediaStore?: TinaCloudMediaStoreClass | (() => Promise<TinaCloudMediaStoreClass>);
 }
-export declare const AuthWallInner: ({ children, cms, getModalActions, }: TinaCloudAuthWallProps) => React.JSX.Element;
 /**
  * Provides the ability to setup your CMS and media while also providing an authentication wall so Tina is not enabled without a valid user session.
  *

package/dist/cache/node-cache.d.ts

@@ -1,3 +1,3 @@
 import type { Cache } from './index';
-export declare const makeCacheDir: (dir: string, fs: any) => Promise<string>;
+export declare const makeCacheDir: (dir: string, fs: any, path: any, os: any) => Promise<string>;
 export declare const NodeCache: (dir: string) => Promise<Cache>;

package/dist/client.js

@@ -1,11 +1,16 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("fetch-ponyfill")) : typeof define === "function" && define.amd ? define(["exports", "fetch-ponyfill"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP));
-})(this, function(exports2, fetchPonyfill) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("async-lock")) : typeof define === "function" && define.amd ? define(["exports", "async-lock"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP));
+})(this, function(exports2, AsyncLock) {
   "use strict";
-  const { fetch: fetchPonyfillFN, Headers: HeadersPonyfill } = fetchPonyfill();
-  const fetchDefined = typeof fetch === "undefined" ? fetchPonyfillFN : fetch;
-  const HeadersDefined = typeof Headers === "undefined" ? HeadersPonyfill : Headers;
   const TINA_HOST = "content.tinajs.io";
+  function replaceGithubPathSplit(url, replacement) {
+    const parts = url.split("github/");
+    if (parts.length > 1 && replacement) {
+      return parts[0] + "github/" + replacement;
+    } else {
+      return url;
+    }
+  }
   class TinaClient {
     constructor({
       token,
@@ -29,6 +34,7 @@
         if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
           const { NodeCache: NodeCache2 } = await Promise.resolve().then(() => nodeCache);
           this.cache = await NodeCache2(this.cacheDir);
+          this.cacheLock = new AsyncLock();
         }
       } catch (e) {
         console.error(e);
@@ -39,7 +45,7 @@
       var _a;
       await this.init();
       const errorPolicyDefined = errorPolicy || this.errorPolicy;
-      const headers = new HeadersDefined();
+      const headers = new Headers();
       if (this.readonlyToken) {
         headers.append("X-API-KEY", this.readonlyToken);
       }
@@ -56,7 +62,6 @@
         query: args.query,
         variables: (args == null ? void 0 : args.variables) || {}
       });
-      const url = (args == null ? void 0 : args.url) || this.apiUrl;
       const optionsObject = {
         method: "POST",
         headers,
@@ -64,50 +69,66 @@
         redirect: "follow",
         ...providedFetchOptions
       };
+      const draftBranch = headers.get("x-branch");
+      const url = replaceGithubPathSplit((args == null ? void 0 : args.url) || this.apiUrl, draftBranch);
       let key = "";
+      let result;
       if (this.cache) {
         key = this.cache.makeKey(bodyString);
-        const value = await this.cache.get(key);
-        if (value) {
-          return value;
-        }
-      }
-      const res = await fetchDefined(url, optionsObject);
-      if (!res.ok) {
-        let additionalInfo = "";
-        if (res.status === 401) {
-          additionalInfo = "Please check that your client ID, URL and read only token are configured properly.";
-        }
-        throw new Error(
-          `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/errors/faq/`
-        );
-      }
-      const json = await res.json();
-      if (json.errors && errorPolicyDefined === "throw") {
-        throw new Error(
-          `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/errors/faq/
-        Errors: 
-	${json.errors.map((error) => error.message).join("\n")}`
+        await this.cacheLock.acquire(key, async () => {
+          result = await this.cache.get(key);
+          if (!result) {
+            result = await requestFromServer(
+              url,
+              args.query,
+              optionsObject,
+              errorPolicyDefined
+            );
+            await this.cache.set(key, result);
+          }
+        });
+      } else {
+        result = await requestFromServer(
+          url,
+          args.query,
+          optionsObject,
+          errorPolicyDefined
         );
       }
-      const result = {
-        data: json == null ? void 0 : json.data,
-        errors: (json == null ? void 0 : json.errors) || null,
-        query: args.query
-      };
-      if (this.cache) {
-        await this.cache.set(key, result);
-      }
       return result;
     }
   }
+  async function requestFromServer(url, query, optionsObject, errorPolicyDefined) {
+    const res = await fetch(url, optionsObject);
+    if (!res.ok) {
+      let additionalInfo = "";
+      if (res.status === 401) {
+        additionalInfo = "Please check that your client ID, URL and read only token are configured properly.";
+      }
+      throw new Error(
+        `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/r/FAQ/`
+      );
+    }
+    const json = await res.json();
+    if (json.errors && errorPolicyDefined === "throw") {
+      throw new Error(
+        `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/r/FAQ/
+      Errors: 
+	${json.errors.map((error) => error.message).join("\n")}`
+      );
+    }
+    const result = {
+      data: json == null ? void 0 : json.data,
+      errors: (json == null ? void 0 : json.errors) || null,
+      query
+    };
+    return result;
+  }
   function createClient(args) {
     const client = new TinaClient(args);
     return client;
   }
-  const makeCacheDir = async (dir, fs) => {
-    const path = require("node:path");
-    const os = require("node:os");
+  const makeCacheDir = async (dir, fs, path, os) => {
     const pathParts = dir.split(path.sep).filter(Boolean);
     const cacheHash = pathParts[pathParts.length - 1];
     const rootUser = pathParts[0];
@@ -124,30 +145,45 @@
   };
   const NodeCache = async (dir) => {
     const fs = require("node:fs");
+    const path = require("node:path");
+    const os = require("node:os");
     const { createHash } = require("node:crypto");
-    const cacheDir = await makeCacheDir(dir, fs);
+    const cacheDir = await makeCacheDir(dir, fs, path, os);
     return {
       makeKey: (key) => {
         const input = key && key instanceof Object ? JSON.stringify(key) : key || "";
         return createHash("sha256").update(input).digest("hex");
       },
       get: async (key) => {
+        let readValue;
+        const cacheFilename = `${cacheDir}/${key}`;
         try {
-          const data = await fs.promises.readFile(`${cacheDir}/${key}`, "utf-8");
-          return JSON.parse(data);
+          const data = await fs.promises.readFile(cacheFilename, "utf-8");
+          readValue = JSON.parse(data);
         } catch (e) {
-          if (e.code === "ENOENT") {
-            return void 0;
+          if (e.code !== "ENOENT") {
+            console.error(
+              `Failed to read cache file to ${cacheFilename}: ${e.message}`
+            );
           }
-          throw e;
         }
+        return readValue;
       },
       set: async (key, value) => {
-        await fs.promises.writeFile(
-          `${cacheDir}/${key}`,
-          JSON.stringify(value),
-          "utf-8"
-        );
+        const cacheFilename = `${cacheDir}/${key}`;
+        try {
+          await fs.promises.writeFile(cacheFilename, JSON.stringify(value), {
+            encoding: "utf-8",
+            flag: "wx"
+            // Don't overwrite existing caches
+          });
+        } catch (e) {
+          if (e.code !== "EEXIST") {
+            console.error(
+              `Failed to write cache file to ${cacheFilename}: ${e.message}`
+            );
+          }
+        }
       }
     };
   };

package/dist/client.mjs

@@ -1,8 +1,13 @@
-import fetchPonyfill from "fetch-ponyfill";
-const { fetch: fetchPonyfillFN, Headers: HeadersPonyfill } = fetchPonyfill();
-const fetchDefined = typeof fetch === "undefined" ? fetchPonyfillFN : fetch;
-const HeadersDefined = typeof Headers === "undefined" ? HeadersPonyfill : Headers;
+import AsyncLock from "async-lock";
 const TINA_HOST = "content.tinajs.io";
+function replaceGithubPathSplit(url, replacement) {
+  const parts = url.split("github/");
+  if (parts.length > 1 && replacement) {
+    return parts[0] + "github/" + replacement;
+  } else {
+    return url;
+  }
+}
 class TinaClient {
   constructor({
     token,
@@ -24,8 +29,9 @@ class TinaClient {
     }
     try {
       if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
-        const { NodeCache } = await import("./node-cache-906fcb22.mjs");
+        const { NodeCache } = await import("./node-cache-5e8db9f0.mjs");
         this.cache = await NodeCache(this.cacheDir);
+        this.cacheLock = new AsyncLock();
       }
     } catch (e) {
       console.error(e);
@@ -36,7 +42,7 @@ class TinaClient {
     var _a;
     await this.init();
     const errorPolicyDefined = errorPolicy || this.errorPolicy;
-    const headers = new HeadersDefined();
+    const headers = new Headers();
     if (this.readonlyToken) {
       headers.append("X-API-KEY", this.readonlyToken);
     }
@@ -53,7 +59,6 @@ class TinaClient {
       query: args.query,
       variables: (args == null ? void 0 : args.variables) || {}
     });
-    const url = (args == null ? void 0 : args.url) || this.apiUrl;
     const optionsObject = {
       method: "POST",
       headers,
@@ -61,43 +66,61 @@ class TinaClient {
       redirect: "follow",
       ...providedFetchOptions
     };
+    const draftBranch = headers.get("x-branch");
+    const url = replaceGithubPathSplit((args == null ? void 0 : args.url) || this.apiUrl, draftBranch);
     let key = "";
+    let result;
     if (this.cache) {
       key = this.cache.makeKey(bodyString);
-      const value = await this.cache.get(key);
-      if (value) {
-        return value;
-      }
-    }
-    const res = await fetchDefined(url, optionsObject);
-    if (!res.ok) {
-      let additionalInfo = "";
-      if (res.status === 401) {
-        additionalInfo = "Please check that your client ID, URL and read only token are configured properly.";
-      }
-      throw new Error(
-        `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/errors/faq/`
-      );
-    }
-    const json = await res.json();
-    if (json.errors && errorPolicyDefined === "throw") {
-      throw new Error(
-        `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/errors/faq/
-        Errors: 
-	${json.errors.map((error) => error.message).join("\n")}`
+      await this.cacheLock.acquire(key, async () => {
+        result = await this.cache.get(key);
+        if (!result) {
+          result = await requestFromServer(
+            url,
+            args.query,
+            optionsObject,
+            errorPolicyDefined
+          );
+          await this.cache.set(key, result);
+        }
+      });
+    } else {
+      result = await requestFromServer(
+        url,
+        args.query,
+        optionsObject,
+        errorPolicyDefined
       );
     }
-    const result = {
-      data: json == null ? void 0 : json.data,
-      errors: (json == null ? void 0 : json.errors) || null,
-      query: args.query
-    };
-    if (this.cache) {
-      await this.cache.set(key, result);
-    }
     return result;
   }
 }
+async function requestFromServer(url, query, optionsObject, errorPolicyDefined) {
+  const res = await fetch(url, optionsObject);
+  if (!res.ok) {
+    let additionalInfo = "";
+    if (res.status === 401) {
+      additionalInfo = "Please check that your client ID, URL and read only token are configured properly.";
+    }
+    throw new Error(
+      `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/r/FAQ/`
+    );
+  }
+  const json = await res.json();
+  if (json.errors && errorPolicyDefined === "throw") {
+    throw new Error(
+      `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/r/FAQ/
+      Errors: 
+	${json.errors.map((error) => error.message).join("\n")}`
+    );
+  }
+  const result = {
+    data: json == null ? void 0 : json.data,
+    errors: (json == null ? void 0 : json.errors) || null,
+    query
+  };
+  return result;
+}
 function createClient(args) {
   const client = new TinaClient(args);
   return client;

package/dist/hooks/create-page-plugin.d.ts

@@ -29,7 +29,7 @@ export type OnNewDocument = (args: {
     path: string;
 }) => void;
 export declare class ContentCreatorPlugin implements AddContentPlugin<FormShape> {
-    __type: 'content-creator';
+    __type: "content-creator";
     fields: AddContentPlugin<FormShape>['fields'];
     onNewDocument?: OnNewDocument;
     onChange: (values: any) => void;

package/dist/index.d.ts

@@ -53,7 +53,7 @@ export type TinaCollection = Collection;
 export type TinaCloudSchema = Schema;
 export declare const defineSchema: (config: Schema) => Schema<false>;
 export declare const defineLegacyConfig: (config: Omit<TinaCMSProviderDefaultProps, "children">) => Omit<TinaCMSProviderDefaultProps, "children">;
-interface MediaStoreClass {
+export interface MediaStoreClass {
     new (...args: any[]): MediaStore;
 }
 export declare const defineStaticConfig: (config: Config<(cms: TinaCMS) => TinaCMS, formifyCallback, DocumentCreatorCallback, MediaStoreClass>) => Config<(cms: TinaCMS) => TinaCMS, formifyCallback, import("./hooks/use-content-creator").DocumentCreatorArgs, MediaStoreClass, undefined>;