tinacms 3.5.0 → 3.5.1

package/dist/index.js

@@ -63,11 +63,11 @@ import { DayPicker } from "react-day-picker";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { formatDistanceToNow } from "date-fns";
 import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from "@tanstack/react-table";
+import posthog from "posthog-js";
 import { TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, canonicalPath, validateSchema } from "@tinacms/schema-tools";
 import { NAMER, resolveField } from "@tinacms/schema-tools";
 import gql from "graphql-tag";
 import { useLocation, NavLink, useNavigate, useParams, Link as Link$1, HashRouter, Routes, Route } from "react-router-dom";
-import posthog from "posthog-js";
 import { serializeMDX } from "@tinacms/mdx";
 const ModalProvider = ({ children }) => {
   const [modalRootContainerRef, setModalRootContainerRef] = useState(
@@ -43934,6 +43934,91 @@ const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
+let posthogClient = null;
+let isInitialized = false;
+let initializationPromise = null;
+const POSTHOG_CONFIG_ENDPOINT = "https://identity-v2.tinajs.io/v2/posthog-token";
+async function fetchPostHogConfig() {
+  try {
+    const response = await fetch(POSTHOG_CONFIG_ENDPOINT, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json"
+      }
+    });
+    if (!response.ok) {
+      console.warn(`Failed to fetch PostHog config: ${response.statusText}`);
+      return {};
+    }
+    return await response.json();
+  } catch (error2) {
+    console.warn(
+      "Failed to fetch PostHog config:",
+      error2 instanceof Error ? error2.message : "Unknown error"
+    );
+    return {};
+  }
+}
+async function initializePostHog(mode = "anonymous") {
+  if (isInitialized) {
+    return posthogClient;
+  }
+  if (initializationPromise) {
+    return initializationPromise;
+  }
+  if (mode === "disabled") {
+    isInitialized = true;
+    return null;
+  }
+  if (process.env.TINA_DEV === "true") {
+    isInitialized = true;
+    return null;
+  }
+  initializationPromise = (async () => {
+    const config = await fetchPostHogConfig();
+    if (!config.api_key) {
+      console.warn(
+        "PostHog API key not found. PostHog tracking will be disabled."
+      );
+      isInitialized = true;
+      return null;
+    }
+    posthog.init(config.api_key, {
+      api_host: config.host || "https://us.i.posthog.com",
+      persistence: "localStorage",
+      autocapture: false,
+      capture_pageview: false,
+      disable_session_recording: true,
+      disable_compression: true
+    });
+    posthogClient = posthog;
+    isInitialized = true;
+    return posthogClient;
+  })();
+  return initializationPromise;
+}
+function captureEvent(event, properties2) {
+  if (!posthogClient) {
+    return;
+  }
+  try {
+    posthogClient.capture(event, {
+      ...properties2,
+      system: "tinacms/tinacms"
+    });
+  } catch (error2) {
+    console.error("Error capturing PostHog event:", error2);
+  }
+}
+const BranchSwitchedEvent = "branch-switched";
+const BranchSwitcherOpenedEvent = "branch-switcher-opened";
+const BranchSwitcherSearchEvent = "branch-switcher-search";
+const BranchSwitcherDropDownEvent = "branch-switcher-dropdown";
+const BranchSwitcherPRClickedEvent = "branch-switcher-pr-clicked";
+const TinaCMSStartedEvent = "tina-cms-started";
+const CollectionListPageItemClickedEvent = "collection-list-page-item-clicked";
+const CollectionListPageSortEvent = "collection-list-page-sort";
+const CollectionListPageSearchEvent = "collection-list-page-search";
 const IndexStatus$1 = ({ indexingStatus }) => {
   const styles = {
     complete: {
@@ -43975,6 +44060,7 @@ function BranchSelectorTable({
   var _a2, _b, _c, _d, _e;
   const [filter2, setFilter] = React.useState("content");
   const [search, setSearch] = React.useState("");
+  const searchEventFired = React.useRef(false);
   const [sorting, setSorting] = React.useState([]);
   const [selectedBranch, setSelectedBranch] = React.useState(
     null
@@ -44091,7 +44177,13 @@ function BranchSelectorTable({
     {
       placeholder: "Branch name or PR #",
       value: search,
-      onChange: (e3) => setSearch(e3.target.value)
+      onChange: (e3) => {
+        if (e3.target.value && !searchEventFired.current) {
+          searchEventFired.current = true;
+          captureEvent(BranchSwitcherSearchEvent, {});
+        }
+        setSearch(e3.target.value);
+      }
     }
   ), search === "" ? /* @__PURE__ */ React.createElement(BiSearch, { className: "absolute right-3 top-1/2 -translate-y-1/2 w-5 h-auto text-blue-500 opacity-70 group-hover:opacity-100 transition-all ease-out duration-150" }) : /* @__PURE__ */ React.createElement(
     "button",
@@ -44117,7 +44209,12 @@ function BranchSelectorTable({
         id: "branch-type",
         name: "branch-type",
         value: filter2,
-        onChange: (e3) => setFilter(e3.target.value)
+        onChange: (e3) => {
+          setFilter(e3.target.value);
+          captureEvent(BranchSwitcherDropDownEvent, {
+            option: e3.target.value
+          });
+        }
       },
       options: [
         {
@@ -44216,6 +44313,7 @@ const PullRequestCell = ({
   const [creatingPR, setCreatingPR] = React.useState(false);
   const handleCreatePullRequest = async (e3) => {
     e3.stopPropagation();
+    captureEvent(BranchSwitcherPRClickedEvent, { type: "Create PR" });
     if (creatingPR)
       return;
     setCreatingPR(true);
@@ -44254,6 +44352,9 @@ const PullRequestCell = ({
         variant: "white",
         size: "custom",
         onClick: () => {
+          captureEvent(BranchSwitcherPRClickedEvent, {
+            type: "Open Git Pull Request"
+          });
           window.open(branch.githubPullRequestUrl, "_blank");
         },
         className: "cursor-pointer h-9 px-2 flex items-center gap-1",
@@ -46849,7 +46950,7 @@ const NavProvider = ({
 const name = "tinacms";
 const type = "module";
 const typings = "dist/index.d.ts";
-const version$1 = "3.5.0";
+const version$1 = "3.5.1";
 const main = "dist/index.js";
 const module = "./dist/index.js";
 const exports = {
@@ -49344,7 +49445,10 @@ const BranchButton = ({ className = "" }) => {
         "pointer-events-auto px-3 py-3 flex shrink gap-1 items-center justify-between max-w-sm",
         className
       ),
-      onClick: () => setOpen(true),
+      onClick: () => {
+        setOpen(true);
+        captureEvent(BranchSwitcherOpenedEvent, {});
+      },
       title: currentBranch
     },
     isProtected ? /* @__PURE__ */ React.createElement(BiLockAlt, { className: "flex-shrink-0 h-6 w-auto opacity-70" }) : /* @__PURE__ */ React.createElement(BiGitBranch, { className: "flex-shrink-0 h-6 w-auto opacity-70 text-zinc-400" }),
@@ -121032,6 +121136,15 @@ const TinaCloudProvider = (props) => {
   } else {
     cms.api.tina.setBranch(currentBranch);
   }
+  const previousBranchRef = React__default.useRef(currentBranch);
+  useEffect(() => {
+    if (previousBranchRef.current !== currentBranch) {
+      captureEvent(BranchSwitchedEvent, {
+        branchSwitchedTo: currentBranch
+      });
+      previousBranchRef.current = currentBranch;
+    }
+  }, [currentBranch]);
   useEffect(() => {
     var _a3, _b2, _c2, _d, _e, _f, _g, _h;
     let searchClient;
@@ -122342,6 +122455,13 @@ const CollectionListPage = () => {
               name: "sort",
               value: sortKey,
               onChange: (e3) => {
+                captureEvent(
+                  CollectionListPageSortEvent,
+                  {
+                    sortKey: e3.target.value,
+                    collectionName
+                  }
+                );
                 const val = JSON.parse(
                   e3.target.value
                 );
@@ -122365,7 +122485,9 @@ const CollectionListPage = () => {
             search,
             setSearch,
             searchInput,
-            setSearchInput
+            setSearchInput: (searchInput2) => {
+              setSearchInput(searchInput2);
+            }
           }
         ) : /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "block font-sans text-xs font-semibold opacity-0" }, " "), /* @__PURE__ */ React__default.createElement(Callout, { calloutStyle: "info" }, " ", "You have not configured search.", " ", /* @__PURE__ */ React__default.createElement(
           "a",
@@ -122496,6 +122618,14 @@ const CollectionListPage = () => {
                   {
                     className: "text-blue-600 flex items-center gap-3 cursor-pointer truncate",
                     onClick: () => {
+                      captureEvent(
+                        CollectionListPageItemClickedEvent,
+                        {
+                          itemType: "folder",
+                          itemName: document2.node.name,
+                          collectionName
+                        }
+                      );
                       navigate(
                         `/${[
                           "collections",
@@ -122542,6 +122672,14 @@ const CollectionListPage = () => {
                   {
                     className: "text-blue-600 flex items-center gap-3 cursor-pointer truncate",
                     onClick: () => {
+                      captureEvent(
+                        CollectionListPageItemClickedEvent,
+                        {
+                          itemType: "document",
+                          itemName: document2.node._sys.basename,
+                          collectionName
+                        }
+                      );
                       handleNavigate(
                         navigate,
                         cms,
@@ -122710,6 +122848,9 @@ const SearchInput = ({
     e3.preventDefault();
     if (searchInput.trim()) {
       setSearch(searchInput);
+      captureEvent(CollectionListPageSearchEvent, {
+        searchQuery: searchInput
+      });
       setSearchLoaded(false);
     }
   };
@@ -123690,70 +123831,6 @@ const ScreenPage = () => {
     } })));
   });
 };
-const TinaCMSStartedEvent = "tina-cms-started";
-let posthogClient = null;
-let isInitialized = false;
-let initializationPromise = null;
-const POSTHOG_CONFIG_ENDPOINT = "https://identity-v2.tinajs.io/v2/posthog-token";
-async function fetchPostHogConfig() {
-  try {
-    const response = await fetch(POSTHOG_CONFIG_ENDPOINT, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    if (!response.ok) {
-      console.warn(`Failed to fetch PostHog config: ${response.statusText}`);
-      return {};
-    }
-    return await response.json();
-  } catch (error2) {
-    console.warn(
-      "Failed to fetch PostHog config:",
-      error2 instanceof Error ? error2.message : "Unknown error"
-    );
-    return {};
-  }
-}
-async function initializePostHog(mode = "anonymous") {
-  if (isInitialized) {
-    return posthogClient;
-  }
-  if (initializationPromise) {
-    return initializationPromise;
-  }
-  if (mode === "disabled") {
-    isInitialized = true;
-    return null;
-  }
-  if (process.env.TINA_DEV === "true") {
-    isInitialized = true;
-    return null;
-  }
-  initializationPromise = (async () => {
-    const config = await fetchPostHogConfig();
-    if (!config.api_key) {
-      console.warn(
-        "PostHog API key not found. PostHog tracking will be disabled."
-      );
-      isInitialized = true;
-      return null;
-    }
-    posthog.init(config.api_key, {
-      api_host: config.host || "https://us.i.posthog.com",
-      persistence: "localStorage",
-      autocapture: false,
-      capture_pageview: false,
-      disable_session_recording: true,
-      disable_compression: true
-    });
-    posthogClient = posthog;
-    isInitialized = true;
-    return posthogClient;
-  })();
-  return initializationPromise;
-}
 const getBackendType = (client) => {
   var _a2, _b, _c;
   if (!client)

package/dist/lib/posthog/posthog.d.ts

@@ -1,6 +1,18 @@
 export declare const BranchSwitchedEvent: string;
 export type BranchSwitchedPayload = {
-    branchName: string;
+    branchSwitchedTo: string;
+};
+export declare const BranchSwitcherOpenedEvent: string;
+export type BranchSwitcherOpenedPayload = Record<string, never>;
+export declare const BranchSwitcherSearchEvent: string;
+export type BranchSwitcherSearchPayload = {
+    option: string;
+};
+export declare const BranchSwitcherDropDownEvent: string;
+export type BranchSwitcherDropDownPayload = Record<string, never>;
+export declare const BranchSwitcherPRClickedEvent: string;
+export type BranchSwitcherPRClickedPayload = {
+    type: 'Open Git Pull Request' | 'Create PR';
 };
 export declare const SavedContentEvent: string;
 export type SavedContentPayload = {
@@ -27,7 +39,16 @@ export type TinaCMSStartedPayload = {
 export declare const CollectionListPageItemClickedEvent: string;
 export type CollectionListPageItemClickedPayload = {
     itemName: string;
-    itemType: 'collection' | 'folder' | 'document';
+    itemType: 'folder' | 'document';
+    collectionName: string;
+};
+export declare const CollectionListPageSortEvent: string;
+export type CollectionListPageSortPayload = {
+    sortKey: string;
+    collectionName: string;
 };
 export declare const CollectionListPageSearchEvent: string;
+export type CollectionListPageSearchPayload = {
+    searchQuery: string;
+};
 export declare const EventLogPageViewedEvent: string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -113,8 +113,8 @@
     "yup": "^1.6.1",
     "zod": "^3.24.2",
     "@tinacms/mdx": "2.0.6",
-    "@tinacms/schema-tools": "2.6.0",
-    "@tinacms/search": "1.2.3"
+    "@tinacms/search": "1.2.4",
+    "@tinacms/schema-tools": "2.6.0"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",