tinacms 3.0.2 → 3.1.1

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

@@ -1,3 +1,7 @@
 import type { Cache } from './index';
-export declare const makeCacheDir: (dir: string, fs: any, path: any, os: any) => Promise<string>;
-export declare const NodeCache: (dir: string) => Promise<Cache>;
+type FsModule = typeof import('node:fs');
+type PathModule = typeof import('node:path');
+type OsModule = typeof import('node:os');
+export declare const makeCacheDir: (dir: string, fsArg: FsModule, pathArg: PathModule, osArg: OsModule) => string | null;
+export declare const NodeCache: (dir: string) => Promise<Cache | null>;
+export {};

package/dist/client.js

@@ -1,11 +1,123 @@
 var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/cache/node-cache.ts
+var node_cache_exports = {};
+__export(node_cache_exports, {
+  NodeCache: () => NodeCache,
+  makeCacheDir: () => makeCacheDir
+});
+var resolveModule, getRootPath, makeCacheDir, NodeCache;
+var init_node_cache = __esm({
+  "src/cache/node-cache.ts"() {
+    resolveModule = (mod) => {
+      if (mod && typeof mod === "object" && "default" in mod && mod.default) {
+        return mod.default;
+      }
+      return mod;
+    };
+    getRootPath = (pathParts, pathArg) => {
+      if (pathParts.length === 0) return null;
+      const isWindows = pathArg.sep === "\\";
+      const root = pathParts[0];
+      return isWindows ? `${root}${pathArg.sep}` : `${pathArg.sep}${root}`;
+    };
+    makeCacheDir = (dir, fsArg, pathArg, osArg) => {
+      const normalizedDir = pathArg.normalize(dir);
+      const pathParts = normalizedDir.split(pathArg.sep).filter(Boolean);
+      const cacheHash = pathParts[pathParts.length - 1];
+      const rootPath = getRootPath(pathParts, pathArg);
+      const rootExists = rootPath && fsArg.existsSync(rootPath);
+      const cacheDir = rootExists ? normalizedDir : pathArg.join(osArg.tmpdir(), cacheHash);
+      try {
+        fsArg.mkdirSync(cacheDir, { recursive: true });
+      } catch (error) {
+        console.warn(
+          `Warning: Failed to create cache directory: ${error.message}. Caching will be disabled.`
+        );
+        return null;
+      }
+      return cacheDir;
+    };
+    NodeCache = async (dir) => {
+      try {
+        const [fsModule, pathModule, osModule, cryptoModule] = await Promise.all([
+          import("node:fs"),
+          import("node:path"),
+          import("node:os"),
+          import("node:crypto")
+        ]);
+        const fs = resolveModule(fsModule);
+        const path = resolveModule(pathModule);
+        const os = resolveModule(osModule);
+        const crypto = resolveModule(cryptoModule);
+        if (typeof path?.join !== "function") {
+          console.warn(
+            "Warning: Node.js path module not available. Caching will be disabled."
+          );
+          return null;
+        }
+        const cacheDir = makeCacheDir(dir, fs, path, os);
+        if (cacheDir === null) {
+          return null;
+        }
+        return {
+          makeKey: (key) => {
+            const input = key && key instanceof Object ? JSON.stringify(key) : key || "";
+            return crypto.createHash("sha256").update(input).digest("hex");
+          },
+          get: async (key) => {
+            let readValue;
+            const cacheFilename = path.join(cacheDir, key);
+            try {
+              const data = await fs.promises.readFile(cacheFilename, "utf-8");
+              readValue = JSON.parse(data);
+            } catch (e) {
+              if (e.code !== "ENOENT") {
+                console.warn(
+                  `Warning: Failed to read cache file ${cacheFilename}: ${e.message}`
+                );
+              }
+            }
+            return readValue;
+          },
+          set: async (key, value) => {
+            const cacheFilename = path.join(cacheDir, key);
+            try {
+              await fs.promises.writeFile(cacheFilename, JSON.stringify(value), {
+                encoding: "utf-8",
+                flag: "wx"
+              });
+            } catch (e) {
+              if (e.code !== "EEXIST") {
+                console.warn(
+                  `Warning: Failed to write cache file ${cacheFilename}: ${e.message}`
+                );
+              }
+            }
+          }
+        };
+      } catch (e) {
+        console.warn(
+          "Warning: Failed to initialize cache. Caching will be disabled.",
+          e.message
+        );
+        return null;
+      }
+    };
+  }
+});
+
+// src/unifiedClient/index.ts
 import AsyncLock from "async-lock";
-const TINA_HOST = "content.tinajs.io";
+var TINA_HOST = "content.tinajs.io";
 function replaceGithubPathSplit(url, replacement) {
   const parts = url.split("github/");
   if (parts.length > 1 && replacement) {
@@ -14,7 +126,15 @@ function replaceGithubPathSplit(url, replacement) {
     return url;
   }
 }
-class TinaClient {
+var TinaClient = class {
+  apiUrl;
+  readonlyToken;
+  queries;
+  errorPolicy;
+  initialized = false;
+  cacheLock;
+  cacheDir;
+  cache;
   constructor({
     token,
     url,
@@ -22,16 +142,8 @@ class TinaClient {
     errorPolicy,
     cacheDir
   }) {
-    __publicField(this, "apiUrl");
-    __publicField(this, "readonlyToken");
-    __publicField(this, "queries");
-    __publicField(this, "errorPolicy");
-    __publicField(this, "initialized", false);
-    __publicField(this, "cacheLock");
-    __publicField(this, "cacheDir");
-    __publicField(this, "cache");
     this.apiUrl = url;
-    this.readonlyToken = token == null ? void 0 : token.trim();
+    this.readonlyToken = token?.trim();
     this.queries = queries(this);
     this.errorPolicy = errorPolicy || "throw";
     this.cacheDir = cacheDir || "";
@@ -41,10 +153,12 @@ class TinaClient {
       return;
     }
     try {
-      if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
-        const { NodeCache } = await import("./node-cache-c9558e1e.js");
-        this.cache = await NodeCache(this.cacheDir);
-        this.cacheLock = new AsyncLock();
+      if (this.cacheDir && typeof window === "undefined") {
+        const { NodeCache: NodeCache2 } = await Promise.resolve().then(() => (init_node_cache(), node_cache_exports));
+        this.cache = await NodeCache2(this.cacheDir);
+        if (this.cache) {
+          this.cacheLock = new AsyncLock();
+        }
       }
     } catch (e) {
       console.error(e);
@@ -52,7 +166,6 @@ class TinaClient {
     this.initialized = true;
   }
   async request({ errorPolicy, ...args }, options) {
-    var _a;
     await this.init();
     const errorPolicyDefined = errorPolicy || this.errorPolicy;
     const headers = new Headers();
@@ -60,17 +173,17 @@ class TinaClient {
       headers.append("X-API-KEY", this.readonlyToken);
     }
     headers.append("Content-Type", "application/json");
-    if (options == null ? void 0 : options.fetchOptions) {
-      if ((_a = options == null ? void 0 : options.fetchOptions) == null ? void 0 : _a.headers) {
+    if (options?.fetchOptions) {
+      if (options?.fetchOptions?.headers) {
         Object.entries(options.fetchOptions.headers).forEach(([key2, value]) => {
           headers.append(key2, value);
         });
       }
     }
-    const { headers: _, ...providedFetchOptions } = (options == null ? void 0 : options.fetchOptions) || {};
+    const { headers: _, ...providedFetchOptions } = options?.fetchOptions || {};
     const bodyString = JSON.stringify({
       query: args.query,
-      variables: (args == null ? void 0 : args.variables) || {}
+      variables: args?.variables || {}
     });
     const optionsObject = {
       method: "POST",
@@ -80,7 +193,7 @@ class TinaClient {
       ...providedFetchOptions
     };
     const draftBranch = headers.get("x-branch");
-    const url = replaceGithubPathSplit((args == null ? void 0 : args.url) || this.apiUrl, draftBranch);
+    const url = replaceGithubPathSplit(args?.url || this.apiUrl, draftBranch);
     let key = "";
     let result;
     if (this.cache) {
@@ -107,7 +220,7 @@ class TinaClient {
     }
     return result;
   }
-}
+};
 async function requestFromServer(url, query, optionsObject, errorPolicyDefined) {
   const res = await fetch(url, optionsObject);
   if (!res.ok) {
@@ -128,8 +241,8 @@ async function requestFromServer(url, query, optionsObject, errorPolicyDefined)
     );
   }
   const result = {
-    data: json == null ? void 0 : json.data,
-    errors: (json == null ? void 0 : json.errors) || null,
+    data: json?.data,
+    errors: json?.errors || null,
     query
   };
   return result;

package/dist/index.js

@@ -15,7 +15,7 @@ import { isHotkey } from "is-hotkey";
 import clsx$1, { clsx } from "clsx";
 import { Slot } from "@radix-ui/react-slot";
 import { isLangSupported, formatCodeBlock, insertEmptyCodeBlock, unwrapCodeBlock, isCodeBlockEmpty, isSelectionAtCodeBlockStart } from "@udecode/plate-code-block";
-import { X, Search, ChevronDown, Check, AlertTriangle, BracesIcon, Plus, AlignCenter as AlignCenter$1, AlignJustify, AlignLeft as AlignLeft$1, AlignRight as AlignRight$1, PaintBucket, Quote, ChevronRight, ChevronsUpDown, FileCode, Baseline, RectangleVertical, Combine, Ungroup, MessageSquare, MessageSquarePlus, Trash, GripVertical, Edit2, Smile, ExternalLink, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Settings, Strikethrough, Subscript, Superscript, Table, Text as Text$2, Underline, Link2Off, Eye, SeparatorHorizontal, Moon, SunMedium, Twitter, PaintBucketIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, Trash2Icon, ArrowUp, ArrowDown, XIcon, ArrowLeft, ArrowRight, EraserIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUp, Clock, CalendarCheck, Calendar as Calendar$1, CalendarDays, RotateCw, ChevronLeft, LoaderCircle, TriangleAlert, EllipsisVertical, GitBranchIcon, List as List$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink } from "lucide-react";
+import { X, Search, ChevronDown, Check, AlertTriangle, BracesIcon, Plus, AlignCenter as AlignCenter$1, AlignJustify, AlignLeft as AlignLeft$1, AlignRight as AlignRight$1, PaintBucket, Quote, ChevronRight, ChevronsUpDown, FileCode, Baseline, RectangleVertical, Combine, Ungroup, MessageSquare, MessageSquarePlus, Trash, GripVertical, Edit2, Smile, ExternalLink, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Settings, Strikethrough, Subscript, Superscript, Table, Text as Text$2, Underline, Link2Off, Eye, SeparatorHorizontal, Moon, SunMedium, Twitter, PaintBucketIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, Trash2Icon, ArrowUp, ArrowDown, XIcon, ArrowLeft, ArrowRight, EraserIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUp, Clock, CalendarCheck, Calendar as Calendar$1, CalendarDays, RotateCw, ChevronLeft, LoaderCircle, TriangleAlert, History, EllipsisVertical, GitBranchIcon, List as List$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink } from "lucide-react";
 import mermaid from "mermaid";
 import { cva } from "class-variance-authority";
 import { Command as Command$2 } from "cmdk";
@@ -38721,9 +38721,6 @@ function BiListUl(props) {
 function BiLockAlt(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12 2C9.243 2 7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zm6 10 .002 8H6v-8h12zm-9-2V7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9z" }, "child": [] }] })(props);
 }
-function BiLock(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12 2C9.243 2 7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v2H9V7zm9.002 13H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12l.002 9z" }, "child": [] }] })(props);
-}
 function BiMenu(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, "child": [] }] })(props);
 }
@@ -43971,7 +43968,7 @@ const Badge = ({
     children
   );
 };
-const tableHeadingStyle = "px-3 py-3 text-left text-xs font-bold text-gray-700 tracking-wider";
+const tableHeadingStyle = "px-3 py-3 text-left text-xs font-bold text-gray-700 tracking-wider sticky top-0 bg-gray-100 z-20 border-b-2 border-gray-200 ";
 function formatBranchName(str) {
   const pattern = /[^/\w-]+/g;
   const formattedStr = str.replace(pattern, "-");
@@ -44207,6 +44204,9 @@ const BranchSelector = ({
   const [search, setSearch] = React.useState("");
   const [filter2, setFilter] = React.useState("content");
   const [sortValue, setSortValue] = React.useState("default");
+  const [selectedBranch, setSelectedBranch] = React.useState(
+    null
+  );
   const cms = useCMS$1();
   const filteredBranchList = getFilteredBranchList(
     branchList,
@@ -44266,7 +44266,19 @@ const BranchSelector = ({
         }
       ]
     }
-  ))), filteredBranchList.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "block relative text-gray-300 italic py-1" }, "No branches to display"), filteredBranchList.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "min-w-[192px] max-h-[24rem] overflow-y-auto w-full h-full rounded-lg shadow-inner bg-white border border-gray-200" }, /* @__PURE__ */ React.createElement("table", { className: "w-full" }, /* @__PURE__ */ React.createElement("thead", { className: "bg-gray-100 border-b-2 border-gray-200" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: tableHeadingStyle }, "Branch Name"), /* @__PURE__ */ React.createElement("th", { className: tableHeadingStyle }, "Last Updated"), /* @__PURE__ */ React.createElement("th", null), /* @__PURE__ */ React.createElement("th", null))), /* @__PURE__ */ React.createElement("tbody", null, filteredBranchList.map((branch) => /* @__PURE__ */ React.createElement(
+  ))), filteredBranchList.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "block relative text-gray-300 italic py-1" }, "No branches to display"), filteredBranchList.length > 0 && /* @__PURE__ */ React.createElement(TooltipProvider$1, null, /* @__PURE__ */ React.createElement("div", { className: "rounded-lg border border-gray-200 overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-[192px] max-h-[24rem] overflow-y-auto w-full h-full shadow-inner bg-white" }, /* @__PURE__ */ React.createElement("table", { className: "w-full table-auto max-h-[24rem]" }, /* @__PURE__ */ React.createElement("thead", { className: "sticky top-0 z-20 bg-gray-100 border-b-2 border-gray-200" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: `${tableHeadingStyle} w-auto` }, "Branch Name"), /* @__PURE__ */ React.createElement(
+    "th",
+    {
+      className: `${tableHeadingStyle} w-0 whitespace-nowrap text-left`
+    },
+    "Last Updated"
+  ), /* @__PURE__ */ React.createElement(
+    "th",
+    {
+      className: `${tableHeadingStyle} w-0 whitespace-nowrap text-left`
+    },
+    "Pull Request"
+  ))), /* @__PURE__ */ React.createElement("tbody", null, filteredBranchList.map((branch) => /* @__PURE__ */ React.createElement(
     BranchItem,
     {
       key: branch.name,
@@ -44275,9 +44287,24 @@ const BranchSelector = ({
       onChange,
       refreshBranchList,
       previewFunction,
-      cms
+      cms,
+      selectedBranch,
+      onSelectBranch: setSelectedBranch
     }
-  ))))));
+  ))))))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React.createElement(
+    Button$2,
+    {
+      variant: "primary",
+      onClick: () => {
+        onChange(selectedBranch);
+      },
+      disabled: !selectedBranch || selectedBranch === currentBranch
+    },
+    "Open branch in editor"
+  )));
+};
+const extractPullRequestId = (url) => {
+  return url.split("/").pop() || "";
 };
 const BranchItem = ({
   branch,
@@ -44285,9 +44312,11 @@ const BranchItem = ({
   onChange,
   refreshBranchList,
   previewFunction,
-  cms
+  cms,
+  selectedBranch,
+  onSelectBranch
 }) => {
-  var _a2, _b;
+  var _a2;
   const [creatingPR, setCreatingPR] = React.useState(false);
   const handleCreatePullRequest = async () => {
     if (creatingPR)
@@ -44311,62 +44340,63 @@ const BranchItem = ({
     }
   };
   const isCurrentBranch = branch.name === currentBranch;
+  const isSelected2 = selectedBranch === branch.name;
   const indexingStatus = (_a2 = branch == null ? void 0 : branch.indexStatus) == null ? void 0 : _a2.status;
+  const handleRowClick = () => {
+    if (indexingStatus === "complete" && !isCurrentBranch) {
+      onSelectBranch(isSelected2 ? null : branch.name);
+    }
+  };
   return /* @__PURE__ */ React.createElement(
     "tr",
     {
-      className: `text-base border-l-0 border-t-0 border-r-0 outline-none transition-all ease-out duration-150 ${indexingStatus !== "complete" ? "bg-gray-50 text-gray-400" : isCurrentBranch ? "bg-blue-50 text-blue-800 border-b-0" : "border-b-2 border-gray-50"}`
+      onClick: handleRowClick,
+      className: `text-base border-l-0 transition-colors border-t-0 border-r-0 outline-none transition-all ease-out duration-150 ${indexingStatus !== "complete" ? "bg-gray-50 text-gray-400" : isCurrentBranch ? "border-b-2 border-gray-50" : isSelected2 ? "bg-blue-100 text-blue-900 border-b-2 border-blue-50 cursor-pointer" : "border-b-2 border-gray-50 hover:bg-gray-50/50 cursor-pointer"}`
     },
-    /* @__PURE__ */ React.createElement("td", { className: "pl-3 pr-3 py-1.5 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, branch.protected && /* @__PURE__ */ React.createElement(BiLock, { className: "w-5 h-auto opacity-70 text-blue-500 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm leading-tight truncate" }, branch.name)), indexingStatus !== "complete" && /* @__PURE__ */ React.createElement("div", { className: "w-fit mt-1" }, /* @__PURE__ */ React.createElement(IndexStatus, { indexingStatus: branch.indexStatus.status })))),
+    /* @__PURE__ */ React.createElement(
+      "td",
+      {
+        className: `pl-3 pr-3 max-w-xs ${isCurrentBranch ? "py-2.5" : "py-1.5"}`
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1 min-w-0" }, branch.protected ? /* @__PURE__ */ React.createElement(BiLockAlt, { className: "w-4 h-auto opacity-70 text-blue-500 flex-shrink-0" }) : /* @__PURE__ */ React.createElement(BiGitBranch, { className: "w-4 h-auto opacity-70 text-gray-600 flex-shrink-0" }), /* @__PURE__ */ React.createElement(Tooltip$1, { delayDuration: 300 }, /* @__PURE__ */ React.createElement(TooltipTrigger$1, { asChild: true }, /* @__PURE__ */ React.createElement("span", { className: "text-sm leading-tight truncate block min-w-0 cursor-default" }, branch.name)), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(TooltipContent$1, { side: "top" }, branch.name)))), isCurrentBranch && /* @__PURE__ */ React.createElement("div", { className: "w-fit mt-1" }, /* @__PURE__ */ React.createElement(
+        Badge,
+        {
+          calloutStyle: "info",
+          className: "w-fit flex-shrink-0",
+          displayIcon: false
+        },
+        /* @__PURE__ */ React.createElement(BiPencil, { className: "w-3 h-auto inline-block mr-1" }),
+        "Currently editing"
+      )), indexingStatus !== "complete" && /* @__PURE__ */ React.createElement("div", { className: "w-fit mt-1" }, /* @__PURE__ */ React.createElement(IndexStatus, { indexingStatus: branch.indexStatus.status })))
+    ),
     /* @__PURE__ */ React.createElement("td", { className: "px-3 py-1.5 min-w-0" }, creatingPR ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-bold text-blue-600" }, "Creating PR"), /* @__PURE__ */ React.createElement("span", { className: "text-sm leading-tight text-blue-500" }, "Please wait...")), /* @__PURE__ */ React.createElement(FaSpinner, { className: "w-3 h-auto animate-spin text-blue-500" })) : /* @__PURE__ */ React.createElement("span", { className: "text-sm leading-tight whitespace-nowrap" }, formatDistanceToNow$1(new Date(branch.indexStatus.timestamp), {
       addSuffix: true
     }))),
-    /* @__PURE__ */ React.createElement("td", { className: "px-3 py-1.5 text-left" }, indexingStatus === "complete" && !isCurrentBranch && /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("td", { className: "px-3 py-1.5 flex", onClick: (e3) => e3.stopPropagation() }, branch.githubPullRequestUrl ? /* @__PURE__ */ React.createElement(
       Button$2,
       {
         variant: "white",
         size: "custom",
         onClick: () => {
-          onChange(branch.name);
+          window.open(branch.githubPullRequestUrl, "_blank");
         },
-        className: "cursor-pointer text-sm h-9 px-4 flex items-center gap-1"
+        className: "cursor-pointer h-9 px-2 flex items-center gap-1",
+        title: "Open Git Pull Request"
       },
-      /* @__PURE__ */ React.createElement(BiPencil, { className: "h-4 w-auto text-blue-500 opacity-70 -mt-px" }),
-      " ",
-      "Select"
-    ), indexingStatus === "complete" && isCurrentBranch && /* @__PURE__ */ React.createElement(Badge, { calloutStyle: "info", className: "w-fit", displayIcon: false }, /* @__PURE__ */ React.createElement("span", null, "Selected"))),
-    /* @__PURE__ */ React.createElement("td", { className: "px-3 py-1.5 text-right" }, /* @__PURE__ */ React.createElement(
-      OverflowMenu$1,
-      {
-        toolbarItems: [
-          branch.githubPullRequestUrl && {
-            name: "github-pr",
-            label: "View in GitHub",
-            Icon: /* @__PURE__ */ React.createElement(BiLinkExternal, { className: "w-5 h-auto text-blue-500 opacity-70" }),
-            onMouseDown: () => {
-              window.open(branch.githubPullRequestUrl, "_blank");
-            }
-          },
-          !branch.githubPullRequestUrl && !branch.protected && !creatingPR && cms.api.tina.usingProtectedBranch() && {
-            name: "create-pr",
-            label: "Create Pull Request",
-            Icon: /* @__PURE__ */ React.createElement(BiGitBranch, { className: "w-5 h-auto text-blue-500 opacity-70" }),
-            onMouseDown: () => handleCreatePullRequest()
-          },
-          typeof previewFunction === "function" && ((_b = previewFunction({ branch: branch.name })) == null ? void 0 : _b.url) && {
-            name: "preview",
-            label: "Preview",
-            onMouseDown: () => {
-              var _a3;
-              const previewUrl = (_a3 = previewFunction({
-                branch: branch.name
-              })) == null ? void 0 : _a3.url;
-              window.open(previewUrl, "_blank");
-            }
-          }
-        ].filter(Boolean)
-      }
-    ))
+      /* @__PURE__ */ React.createElement(BiLinkExternal, { className: "h-3.5 w-auto text-gray-700 flex-shrink-0" }),
+      /* @__PURE__ */ React.createElement("span", { className: "text-sm truncate max-w-[120px]" }, "PR: ", extractPullRequestId(branch.githubPullRequestUrl))
+    ) : !branch.protected && !creatingPR && cms.api.tina.usingProtectedBranch() ? /* @__PURE__ */ React.createElement(
+      Button$2,
+      {
+        variant: "white",
+        size: "custom",
+        onClick: handleCreatePullRequest,
+        className: "cursor-pointer h-9 px-2 flex items-center gap-1",
+        title: "Create Pull Request"
+      },
+      /* @__PURE__ */ React.createElement(BiGitBranch, { className: "h-3.5 w-auto text-gray-700 flex-shrink-0" }),
+      /* @__PURE__ */ React.createElement("span", { className: "text-sm whitespace-nowrap" }, "Create PR")
+    ) : null)
   );
 };
 const IndexStatus = ({ indexingStatus }) => {
@@ -46604,7 +46634,7 @@ const NavProvider = ({
   };
   return /* @__PURE__ */ React__default.createElement(NavContext.Provider, { value }, children);
 };
-const version$1 = "3.0.2";
+const version$1 = "3.1.1";
 const VersionInfo = () => {
   var _a2, _b, _c, _d, _e, _f;
   const cms = useCMS();
@@ -47290,8 +47320,25 @@ const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React.createEl
     ...props
   }
 );
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn$1(
+      "z-[10000] overflow-hidden rounded bg-[#FFF] px-3 py-1.5 text-xs text-[#504E5E] shadow-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+)));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 const minimumTimeToShowLoadingIndicator = 1e3;
 const FormsView = ({ loadingPlaceholder } = {}) => {
+  var _a2, _b;
   const cms = useCMS$1();
   const { setFormIsPristine } = React.useContext(SidebarContext);
   const [isShowingLoading, setIsShowingLoading] = React.useState(true);
@@ -47330,7 +47377,15 @@ const FormsView = ({ loadingPlaceholder } = {}) => {
     return /* @__PURE__ */ React.createElement(FormLists, { isEditing });
   }
   const formMetas = cms.plugins.all("form:meta");
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, activeForm && /* @__PURE__ */ React.createElement(FormWrapper$1, { isEditing, isMultiform }, /* @__PURE__ */ React.createElement(FormHeader, { activeForm }), formMetas == null ? void 0 : formMetas.map((meta) => /* @__PURE__ */ React.createElement(React.Fragment, { key: meta.name }, /* @__PURE__ */ React.createElement(meta.Component, null))), /* @__PURE__ */ React.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, activeForm && /* @__PURE__ */ React.createElement(FormWrapper$1, { isEditing, isMultiform }, /* @__PURE__ */ React.createElement(
+    FormHeader,
+    {
+      activeForm,
+      branch: cms.api.admin.api.branch,
+      repoProvider: cms.api.admin.api.schema.config.config.repoProvider,
+      isLocalMode: (_b = (_a2 = cms.api) == null ? void 0 : _a2.tina) == null ? void 0 : _b.isLocalMode
+    }
+  ), formMetas == null ? void 0 : formMetas.map((meta) => /* @__PURE__ */ React.createElement(React.Fragment, { key: meta.name }, /* @__PURE__ */ React.createElement(meta.Component, null))), /* @__PURE__ */ React.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
 };
 const FormWrapper$1 = ({ isEditing, children }) => {
   return /* @__PURE__ */ React.createElement(
@@ -47351,9 +47406,54 @@ const FormWrapper$1 = ({ isEditing, children }) => {
     children
   );
 };
-const FormHeader = ({ activeForm }) => {
+const FormHeader = ({
+  activeForm,
+  repoProvider,
+  branch,
+  isLocalMode
+}) => {
   const { formIsPristine } = React.useContext(SidebarContext);
-  return /* @__PURE__ */ React.createElement("div", { className: "px-4 pt-2 pb-4 flex flex-row flex-nowrap justify-between items-center gap-2 bg-gradient-to-t from-white to-gray-50" }, /* @__PURE__ */ React.createElement(MultiformSelector, { activeForm }), /* @__PURE__ */ React.createElement(FormBreadcrumbs, { className: "w-[calc(100%-3rem)]" }), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }));
+  return /* @__PURE__ */ React.createElement("div", { className: "px-4 pt-2 pb-4 flex flex-row flex-nowrap justify-between items-center gap-2 bg-gradient-to-t from-white to-gray-50" }, /* @__PURE__ */ React.createElement(MultiformSelector, { activeForm }), /* @__PURE__ */ React.createElement(FormBreadcrumbs, { className: "w-[calc(100%-3rem)]" }), /* @__PURE__ */ React.createElement(
+    FileHistoryProvider,
+    {
+      defaultBranchName: repoProvider == null ? void 0 : repoProvider.defaultBranchName,
+      historyUrl: repoProvider == null ? void 0 : repoProvider.historyUrl,
+      contentRelativePath: activeForm.tinaForm.path,
+      tinaBranch: branch,
+      isLocalMode
+    }
+  ), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }));
+};
+const FileHistoryProvider = ({
+  contentRelativePath,
+  tinaBranch,
+  defaultBranchName,
+  historyUrl,
+  isLocalMode
+}) => {
+  if (!historyUrl) {
+    return null;
+  }
+  const branch = isLocalMode ? defaultBranchName || tinaBranch : tinaBranch;
+  if (!branch) {
+    return null;
+  }
+  const { url } = historyUrl({
+    relativePath: contentRelativePath,
+    branch
+  });
+  if (!url) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("button", { type: "button" }, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      href: url,
+      target: "_blank",
+      className: "flex items-center gap-1 border-[0.5px] hover:bg-gray-300/10 transition-all duration-300 border-gray-300 rounded-md p-2"
+    },
+    /* @__PURE__ */ React.createElement(History, { className: "size-4 text-gray-700" })
+  ))), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top", className: "shadow-md" }, "View file history")));
 };
 const FormBreadcrumbs = ({
   rootBreadcrumbName,
@@ -48272,7 +48372,7 @@ function Alerts2({ alerts }) {
   if (!alerts.all.length) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "fixed top-0 left-0 p-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "fixed top-6 left-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
     return alert.level !== "error";
   }).map((alert) => {
     return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(MdInfo, { className: "w-5 h-auto text-blue-500" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto text-green-500" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto text-yellow-500" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
@@ -48606,7 +48706,7 @@ const BranchButton = ({ className = "" }) => {
       variant: "secondary",
       size: "custom",
       className: cn(
-        "pointer-events-auto px-3 py-3 flex shrink gap-1 items-center justify-between",
+        "pointer-events-auto px-3 py-3 flex shrink gap-1 items-center justify-between max-w-sm",
         className
       ),
       onClick: () => setOpen(true),
@@ -121067,22 +121167,6 @@ const PageHeader = ({
   return /* @__PURE__ */ React__default.createElement("div", { className: "pt-4 pb-2 px-6" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full flex justify-between items-end" }, children));
 };
 const PageBody = ({ children }) => /* @__PURE__ */ React__default.createElement("div", { className: "py-4 px-6" }, children);
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn$1(
-      "z-[10000] overflow-hidden rounded bg-[#FFF] px-3 py-1.5 text-xs text-[#504E5E] shadow-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-)));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 const folderRegex = /^.*\/~\/*(.*)$/;
 const parentFolder = (folder) => {
   return {
@@ -122708,6 +122792,7 @@ const RenderForm = ({
   collection,
   mutationInfo
 }) => {
+  var _a2, _b, _c, _d;
   const [formIsPristine, setFormIsPristine] = useState(true);
   const schema = cms.api.tina.schema;
   const schemaCollection = schema.getCollection(collection.name);
@@ -122779,6 +122864,15 @@ const RenderForm = ({
         className: "w-[calc(100%-3rem)]",
         rootBreadcrumbName: `${filename}.${collection.format}`
       }
+    ), /* @__PURE__ */ React__default.createElement(
+      FileHistoryProvider,
+      {
+        defaultBranchName: (_a2 = cms.api.admin.api.schema.config.config.repoProvider) == null ? void 0 : _a2.defaultBranchName,
+        historyUrl: (_b = cms.api.admin.api.schema.config.config.repoProvider) == null ? void 0 : _b.historyUrl,
+        contentRelativePath: relativePath2,
+        tinaBranch: cms.api.admin.api.branch,
+        isLocalMode: (_d = (_c = cms.api) == null ? void 0 : _c.tina) == null ? void 0 : _d.isLocalMode
+      }
     ), /* @__PURE__ */ React__default.createElement(FormStatus, { pristine: formIsPristine }))
   ), activeForm && /* @__PURE__ */ React__default.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine }));
 };

package/dist/toolkit/react-sidebar/components/sidebar-body.d.ts

@@ -9,8 +9,33 @@ export interface FormHeaderProps {
         activeFieldName?: string;
         tinaForm: Form;
     };
+    branch?: string;
+    isLocalMode?: boolean;
+    repoProvider?: {
+        defaultBranchName?: string;
+        historyUrl?: (context: {
+            relativePath: string;
+            branch: string;
+        }) => {
+            url: string;
+        };
+    };
+}
+export declare const FormHeader: ({ activeForm, repoProvider, branch, isLocalMode, }: FormHeaderProps) => React.JSX.Element;
+interface RepositoryProviderProps {
+    contentRelativePath: string;
+    tinaBranch?: string;
+    isLocalMode?: boolean;
+    defaultBranchName?: string;
+    historyUrl?: (context: {
+        relativePath: string;
+        branch: string;
+    }) => {
+        url: string;
+    };
 }
-export declare const FormHeader: ({ activeForm }: FormHeaderProps) => React.JSX.Element;
+export declare const FileHistoryProvider: ({ contentRelativePath, tinaBranch, defaultBranchName, historyUrl, isLocalMode, }: RepositoryProviderProps) => React.JSX.Element;
 export declare const FormBreadcrumbs: ({ rootBreadcrumbName, ...props }: {
     rootBreadcrumbName?: string;
 } & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export {};

package/dist/unifiedClient/index.d.ts

@@ -29,7 +29,7 @@ export declare class TinaClient<GenQueries> {
     initialized: boolean;
     cacheLock: AsyncLock | undefined;
     cacheDir: string;
-    cache: Cache;
+    cache: Cache | null;
     constructor({ token, url, queries, errorPolicy, cacheDir, }: TinaClientArgs<GenQueries>);
     init(): Promise<void>;
     request<DataType extends Record<string, any> = any>({ errorPolicy, ...args }: TinaClientRequestArgs, options: {

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "3.0.2",
+  "version": "3.1.1",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -25,18 +25,11 @@
       "src/rich-text/static.tsx",
       "src/rich-text/prism.tsx",
       "src/react.tsx",
-      "src/client.ts"
-    ],
-    "build": {
-      "rollupOptions": {
-        "external": [
-          "crypto",
-          "fs",
-          "path",
-          "os"
-        ]
+      {
+        "name": "src/client.ts",
+        "target": "node"
       }
-    }
+    ]
   },
   "license": "Apache-2.0",
   "dependencies": {
@@ -117,9 +110,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "2.0.0",
-    "@tinacms/schema-tools": "2.0.0",
-    "@tinacms/search": "1.1.5"
+    "@tinacms/mdx": "2.0.1",
+    "@tinacms/schema-tools": "2.1.0",
+    "@tinacms/search": "1.1.7"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -138,7 +131,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest-file-snapshot": "^0.7.0",
     "lowlight": "^3.3.0",
-    "next": "14.2.10",
+    "next": "14.2.35",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",

package/dist/__vite-browser-external-d06ac358.js

@@ -1,4 +0,0 @@
-const __viteBrowserExternal = {};
-export {
-  __viteBrowserExternal as default
-};

package/dist/node-cache-c9558e1e.js

@@ -1,63 +0,0 @@
-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];
-  let cacheDir = dir;
-  if (!fs.existsSync(path.join(path.sep, rootUser))) {
-    cacheDir = path.join(os.tmpdir(), cacheHash);
-  }
-  try {
-    fs.mkdirSync(cacheDir, { recursive: true });
-  } catch (error) {
-    throw new Error(`Failed to create cache directory: ${error.message}`);
-  }
-  return cacheDir;
-};
-const NodeCache = async (dir) => {
-  const fs = await import("./__vite-browser-external-d06ac358.js");
-  const path = await import("./__vite-browser-external-d06ac358.js");
-  const os = await import("./__vite-browser-external-d06ac358.js");
-  const crypto = await import("./__vite-browser-external-d06ac358.js");
-  const cacheDir = await makeCacheDir(dir, fs, path, os);
-  return {
-    makeKey: (key) => {
-      const input = key && key instanceof Object ? JSON.stringify(key) : key || "";
-      return crypto.createHash("sha256").update(input).digest("hex");
-    },
-    get: async (key) => {
-      let readValue;
-      const cacheFilename = `${cacheDir}/${key}`;
-      try {
-        const data = await fs.promises.readFile(cacheFilename, "utf-8");
-        readValue = JSON.parse(data);
-      } catch (e) {
-        if (e.code !== "ENOENT") {
-          console.error(
-            `Failed to read cache file to ${cacheFilename}: ${e.message}`
-          );
-        }
-      }
-      return readValue;
-    },
-    set: async (key, value) => {
-      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}`
-          );
-        }
-      }
-    }
-  };
-};
-export {
-  NodeCache,
-  makeCacheDir
-};