@principal-ade/dynamic-file-tree 0.1.27 → 0.1.29

package/dist/index.mjs

@@ -969,6 +969,7 @@ import {
 } from "lucide-react";
 import React7, { useMemo as useMemo5 } from "react";
 import { Tree as Tree2 } from "react-arborist";
+var GitStatusContext = React7.createContext(null);
 var getGitStatusDisplay2 = (status, theme) => {
   switch (status) {
     case "M":
@@ -1049,38 +1050,38 @@ var sortGitNodes = (a, b) => {
     return 1;
   return a.name.localeCompare(b.name, undefined, { sensitivity: "base" });
 };
-var transformGitFileTree = (fileTree, gitStatusMap) => {
+var transformTreeStructure = (fileTree) => {
   const transformNode = (node, parentId) => {
     const id = parentId ? `${parentId}/${node.name}` : node.name;
-    const gitStatus = gitStatusMap.get(id);
     const arborNode = {
       id,
-      name: node.name,
-      gitStatus
+      name: node.name
     };
     if ("children" in node && node.children) {
       arborNode.children = node.children.map((child) => transformNode(child, id)).sort(sortGitNodes);
-      if (arborNode.children) {
-        const hasChangedChildren = arborNode.children.some((child) => child.gitStatus || child.hasChangedChildren);
-        arborNode.hasChangedChildren = hasChangedChildren;
-      }
     }
     return arborNode;
   };
   return fileTree.root.children.map((node) => transformNode(node, "")).sort(sortGitNodes);
 };
-var filterGitStatusNodes = (nodes, showUnchangedFiles) => {
-  if (showUnchangedFiles)
-    return nodes;
+var filterGitStatusNodes = (nodes, gitStatusMap) => {
   const result = [];
+  const hasGitChanges = (node) => {
+    if (gitStatusMap.has(node.id))
+      return true;
+    if (node.children) {
+      return node.children.some((child) => hasGitChanges(child));
+    }
+    return false;
+  };
   for (const node of nodes) {
     if (node.children) {
-      if (node.gitStatus || node.hasChangedChildren) {
-        const filteredChildren = filterGitStatusNodes(node.children, showUnchangedFiles);
+      if (hasGitChanges(node)) {
+        const filteredChildren = filterGitStatusNodes(node.children, gitStatusMap);
         result.push({ ...node, children: filteredChildren });
       }
     } else {
-      if (node.gitStatus) {
+      if (gitStatusMap.has(node.id)) {
         result.push(node);
       }
     }
@@ -1104,7 +1105,7 @@ var GitStatusFileTree = ({
   fileTree,
   theme,
   gitStatusData,
-  selectedDirectories = [],
+  selectedDirectories: _selectedDirectories = [],
   selectedFile,
   onDirectorySelect,
   onFileSelect,
@@ -1125,11 +1126,14 @@ var GitStatusFileTree = ({
   }, [gitStatusData]);
   const NodeRenderer = (props) => {
     const { node } = props;
-    const gitDisplay = node.data.gitStatus ? getGitStatusDisplay2(node.data.gitStatus, theme) : null;
+    const ctx = React7.useContext(GitStatusContext);
+    const gitStatus = ctx?.gitStatusMap.get(node.data.id);
+    const hasChangedChildren = ctx?.hasChangedChildrenMap.get(node.data.id);
+    const gitDisplay = gitStatus ? getGitStatusDisplay2(gitStatus, theme) : null;
     let nameColor;
     if (gitDisplay) {
       nameColor = gitDisplay.color;
-    } else if (node.data.hasChangedChildren) {
+    } else if (hasChangedChildren) {
       const baseColor = theme.colors.primary || "#007bff";
       nameColor = baseColor + "80";
     }
@@ -1147,7 +1151,7 @@ var GitStatusFileTree = ({
         fontSize: "12px",
         fontWeight: "bold"
       }
-    }, node.data.gitStatus)) : null;
+    }, gitStatus)) : null;
     return /* @__PURE__ */ React7.createElement(TreeNode, {
       ...props,
       theme,
@@ -1161,14 +1165,36 @@ var GitStatusFileTree = ({
       }
     });
   };
+  const treeStructure = useMemo5(() => {
+    return transformTreeStructure(fileTree);
+  }, [fileTree]);
   const treeData = useMemo5(() => {
-    let transformedData = transformGitFileTree(fileTree, gitStatusMap);
-    if (!showUnchangedFiles) {
-      transformedData = filterGitStatusNodes(transformedData, showUnchangedFiles);
+    if (showUnchangedFiles) {
+      return treeStructure;
     }
-    if (selectedDirectories && selectedDirectories.length > 0) {}
-    return transformedData;
-  }, [fileTree, gitStatusMap, showUnchangedFiles, selectedDirectories]);
+    return filterGitStatusNodes(treeStructure, gitStatusMap);
+  }, [treeStructure, showUnchangedFiles, gitStatusMap]);
+  const hasChangedChildrenMap = useMemo5(() => {
+    const map = new Map;
+    const markChangedParents = (nodes) => {
+      let hasChanged = false;
+      for (const node of nodes) {
+        if (node.children) {
+          const childrenChanged = markChangedParents(node.children);
+          if (childrenChanged) {
+            map.set(node.id, true);
+            hasChanged = true;
+          }
+        }
+        if (gitStatusMap.has(node.id)) {
+          hasChanged = true;
+        }
+      }
+      return hasChanged;
+    };
+    markChangedParents(treeData);
+    return map;
+  }, [treeData, gitStatusMap]);
   const handleSelect = (selectedNodes) => {
     const selectedFiles = selectedNodes.filter((node) => !node.data.children).map((node) => node.data.id);
     const selectedDirs = selectedNodes.filter((node) => node.data.children).map((node) => node.data.id);
@@ -1196,15 +1222,17 @@ var GitStatusFileTree = ({
       fontFamily: theme.fonts.body,
       ...autoHeight ? {} : { height: "100%" }
     }
+  }, /* @__PURE__ */ React7.createElement(GitStatusContext.Provider, {
+    value: { gitStatusMap, hasChangedChildrenMap }
   }, /* @__PURE__ */ React7.createElement(Tree2, {
-    initialData: treeData,
+    data: treeData,
     onSelect: handleSelect,
     ...selectedFile !== undefined && { selection: selectedFile },
     ...openByDefault !== undefined && { openByDefault },
     width: "100%",
     height: containerHeight,
     rowHeight: 28
-  }, NodeRenderer));
+  }, NodeRenderer)));
 };
 // src/components/GitStatusFileTreeContainer.tsx
 import { RefreshCw, Eye, EyeOff, AlertCircle as AlertCircle3 } from "lucide-react";

package/dist/src/components/GitStatusFileTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitStatusFileTree.d.ts","sourceRoot":"","sources":["../../../src/components/GitStatusFileTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAgB,MAAM,sCAAsC,CAAC;AAS9E,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,MAAM,MAAM,SAAS,GACjB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAGT,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;CACnB;AAaD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA8JD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqJ9D,CAAC"}
+{"version":3,"file":"GitStatusFileTree.d.ts","sourceRoot":"","sources":["../../../src/components/GitStatusFileTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAgB,MAAM,sCAAsC,CAAC;AAS9E,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,MAAM,MAAM,SAAS,GACjB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAGT,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;CACnB;AAmBD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA0JD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsL9D,CAAC"}

package/dist/src/components/GitStatusFileTree.stories.d.ts

@@ -19,4 +19,5 @@ export declare const TerminalTheme: Story;
 export declare const MatrixTheme: Story;
 export declare const MatrixMinimalTheme: Story;
 export declare const SlateTheme: Story;
+export declare const RapidStatusChanges: Story;
 //# sourceMappingURL=GitStatusFileTree.stories.d.ts.map

package/dist/src/components/GitStatusFileTree.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitStatusFileTree.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GitStatusFileTree.stories.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAiB,MAAM,qBAAqB,CAAC;AA8OvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CASxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAoDF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAKF,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,KAwD7B,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC"}
+{"version":3,"file":"GitStatusFileTree.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GitStatusFileTree.stories.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,iBAAiB,EAA4B,MAAM,qBAAqB,CAAC;AA8OlF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CASxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAoDF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAKF,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,KAwD7B,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAqGF,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",