tinacms 0.0.0-d80714b-20241205222511 → 0.0.0-d94de9b-20250707010010

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

@@ -7,6 +7,7 @@ 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/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 {

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,43 +69,61 @@
         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/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")}`
+      );
+    }
+    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;
@@ -132,22 +155,35 @@
         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-4c336858.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/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")}`
+    );
+  }
+  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;