@industry-theme/repository-composition-panels 0.2.18 → 0.2.20

package/dist/panels/GitChangesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitChangesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitChangesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAE3F,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,uBAAuB,CAAC;AAU/B,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzC,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5E,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1D,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8ZjE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAiD1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwDzD,CAAC"}
+{"version":3,"file":"GitChangesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitChangesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAE3F,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,uBAAuB,CAAC;AA2E/B,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzC,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5E,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1D,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwXjE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAiD1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmDzD,CAAC"}

package/dist/panels.bundle.js

@@ -8332,6 +8332,62 @@ class U {
     for (let [j, k] of this.files.entries()) if (!j.endsWith("/.dir")) console.log(`  ${j}: ${k.length} bytes`);
   }
 }
+const EMPTY_GIT_STATUS = {
+  staged: [],
+  unstaged: [],
+  untracked: [],
+  deleted: []
+};
+const ToggleButtons = React2.memo(({ showFullTree, onShowFullTree, onShowChanges, theme }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      alignItems: "stretch",
+      backgroundColor: theme.colors.backgroundTertiary,
+      width: "100%",
+      height: "100%"
+    },
+    children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onShowFullTree,
+          style: {
+            flex: 1,
+            padding: "6px 12px",
+            fontSize: theme.fontSizes[1],
+            backgroundColor: showFullTree ? theme.colors.backgroundSecondary : "transparent",
+            color: showFullTree ? theme.colors.text : theme.colors.textSecondary,
+            border: "none",
+            cursor: "pointer",
+            fontWeight: showFullTree ? 600 : 400,
+            transition: "all 0.2s"
+          },
+          children: "Full Tree"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onShowChanges,
+          style: {
+            flex: 1,
+            padding: "6px 12px",
+            fontSize: theme.fontSizes[1],
+            backgroundColor: !showFullTree ? theme.colors.backgroundSecondary : "transparent",
+            color: !showFullTree ? theme.colors.text : theme.colors.textSecondary,
+            border: "none",
+            cursor: "pointer",
+            fontWeight: !showFullTree ? 600 : 400,
+            transition: "all 0.2s"
+          },
+          children: "Changes"
+        }
+      )
+    ]
+  }
+));
 const GitChangesPanelContent = ({
   gitStatus,
   fileTree,
@@ -8363,17 +8419,19 @@ const GitChangesPanelContent = ({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [contextMenu.visible]);
-  const hasChanges = gitStatus.staged.length > 0 || gitStatus.unstaged.length > 0 || gitStatus.untracked.length > 0 || gitStatus.deleted.length > 0;
+  const hasChanges = useMemo(
+    () => gitStatus.staged.length > 0 || gitStatus.unstaged.length > 0 || gitStatus.untracked.length > 0 || gitStatus.deleted.length > 0,
+    [gitStatus.staged.length, gitStatus.unstaged.length, gitStatus.untracked.length, gitStatus.deleted.length]
+  );
   const [showFullTree, setShowFullTree] = useState(false);
   const userHasToggledView = useRef(false);
+  const hasInitializedView = useRef(false);
   useEffect(() => {
-    if (!isLoading && !userHasToggledView.current) {
-      const rafId = requestAnimationFrame(() => {
-        setShowFullTree(!hasChanges);
-      });
-      return () => cancelAnimationFrame(rafId);
+    if (!isLoading && !hasInitializedView.current && !userHasToggledView.current) {
+      hasInitializedView.current = true;
+      setShowFullTree(!hasChanges);
     }
-  }, [hasChanges, isLoading]);
+  }, [isLoading]);
   const getFileStatus = useCallback(
     (filePath) => {
       if (gitStatus.staged.includes(filePath)) {
@@ -8508,63 +8566,15 @@ const GitChangesPanelContent = ({
     const tree = builder.build({ files: allChangedFiles, rootPath: rootPath ?? "" });
     return { tree, statusData };
   }, [isLoading, hasChanges, fileTree, gitStatus, rootPath, showFullTree]);
-  const ToggleButtons = () => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "stretch",
-        backgroundColor: theme.colors.backgroundTertiary,
-        width: "100%",
-        height: "100%"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => {
-              userHasToggledView.current = true;
-              setShowFullTree(true);
-            },
-            style: {
-              flex: 1,
-              padding: "6px 12px",
-              fontSize: theme.fontSizes[1],
-              backgroundColor: showFullTree ? theme.colors.backgroundSecondary : "transparent",
-              color: showFullTree ? theme.colors.text : theme.colors.textSecondary,
-              border: "none",
-              cursor: "pointer",
-              fontWeight: showFullTree ? 600 : 400,
-              transition: "all 0.2s"
-            },
-            children: "Full Tree"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => {
-              userHasToggledView.current = true;
-              setShowFullTree(false);
-            },
-            style: {
-              flex: 1,
-              padding: "6px 12px",
-              fontSize: theme.fontSizes[1],
-              backgroundColor: !showFullTree ? theme.colors.backgroundSecondary : "transparent",
-              color: !showFullTree ? theme.colors.text : theme.colors.textSecondary,
-              border: "none",
-              cursor: "pointer",
-              fontWeight: !showFullTree ? 600 : 400,
-              transition: "all 0.2s"
-            },
-            children: "Changes"
-          }
-        )
-      ]
-    }
-  );
-  const Content = () => {
+  const handleShowFullTree = useCallback(() => {
+    userHasToggledView.current = true;
+    setShowFullTree(true);
+  }, []);
+  const handleShowChanges = useCallback(() => {
+    userHasToggledView.current = true;
+    setShowFullTree(false);
+  }, []);
+  const renderContent = () => {
     if (isLoading) {
       return /* @__PURE__ */ jsx(
         "div",
@@ -8606,8 +8616,7 @@ const GitChangesPanelContent = ({
         transparentBackground: true,
         horizontalNodePadding: "16px",
         openByDefault: !showFullTree
-      },
-      showFullTree ? "full" : "changes"
+      }
     );
   };
   const contextMenuButtonStyle = {
@@ -8624,8 +8633,16 @@ const GitChangesPanelContent = ({
     textAlign: "left"
   };
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-    /* @__PURE__ */ jsx("div", { style: { height: 40, borderBottom: `1px solid ${theme.colors.border}` }, children: /* @__PURE__ */ jsx(ToggleButtons, {}) }),
-    /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ jsx(Content, {}) }),
+    /* @__PURE__ */ jsx("div", { style: { height: 40, borderBottom: `1px solid ${theme.colors.border}` }, children: /* @__PURE__ */ jsx(
+      ToggleButtons,
+      {
+        showFullTree,
+        onShowFullTree: handleShowFullTree,
+        onShowChanges: handleShowChanges,
+        theme
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto" }, children: renderContent() }),
     contextMenu.visible && createPortal(
       /* @__PURE__ */ jsxs(
         "div",
@@ -8766,12 +8783,7 @@ const GitChangesPanel = ({ context, events }) => {
   var _a;
   const gitSlice = context.getSlice("git");
   const fileTreeSlice = context.getSlice("fileTree");
-  const gitStatus = (gitSlice == null ? void 0 : gitSlice.data) ?? {
-    staged: [],
-    unstaged: [],
-    untracked: [],
-    deleted: []
-  };
+  const gitStatus = (gitSlice == null ? void 0 : gitSlice.data) ?? EMPTY_GIT_STATUS;
   const fileTree = (fileTreeSlice == null ? void 0 : fileTreeSlice.data) ?? null;
   const isLoading = (gitSlice == null ? void 0 : gitSlice.loading) || (fileTreeSlice == null ? void 0 : fileTreeSlice.loading) || false;
   const rootPath = context.currentScope.type === "repository" ? (_a = context.currentScope.repository) == null ? void 0 : _a.path : void 0;