@industry-theme/file-city-panel 0.2.46 → 0.2.48

package/dist/panels.bundle.js

@@ -25796,11 +25796,14 @@ const CodeCityPanelContent = ({
   }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_i = context.currentScope.repository) == null ? void 0 : _i.path]);
   const handleFileClick = useCallback(
     (filePath) => {
-      if (actions2.openFile) {
-        actions2.openFile(filePath);
-      }
+      events.emit({
+        type: "file:open",
+        source: "code-city-panel",
+        timestamp: Date.now(),
+        payload: { path: filePath }
+      });
     },
-    [actions2]
+    [events]
   );
   const handleGitNodeHover = useCallback(
     (nodePath, _isFolder) => {
@@ -26287,28 +26290,6 @@ const CodeCityPanelContent = ({
 const CodeCityPanel = (props) => {
   return /* @__PURE__ */ jsx(CodeCityPanelContent, { ...props });
 };
-const NpmIcon$1 = ({ size: size2 }) => /* @__PURE__ */ jsx("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "#CB3837", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z" }) });
-const YarnIcon$1 = ({ size: size2 }) => /* @__PURE__ */ jsx("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "#2C8EBB", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06z" }) });
-const PnpmIcon$1 = ({ size: size2 }) => /* @__PURE__ */ jsx("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "#F69220", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z" }) });
-const BunIcon$1 = ({ size: size2 }) => /* @__PURE__ */ jsx("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "#FBF0DF", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M12 22.596c6.628 0 12-4.338 12-9.688 0-3.318-2.057-6.248-5.219-7.986-1.286-.715-2.297-1.357-3.139-1.89C14.058 2.025 13.08 1.404 12 1.404c-1.097 0-2.334.785-3.966 1.821a49.92 49.92 0 0 1-2.816 1.697C2.057 6.66 0 9.59 0 12.908c0 5.35 5.372 9.687 12 9.687v.001Z" }) });
-const PackageManagerIcon$1 = ({
-  packageManager,
-  size: size2 = 14,
-  color: color2
-}) => {
-  switch (packageManager) {
-    case "npm":
-      return /* @__PURE__ */ jsx(NpmIcon$1, { size: size2 });
-    case "yarn":
-      return /* @__PURE__ */ jsx(YarnIcon$1, { size: size2 });
-    case "pnpm":
-      return /* @__PURE__ */ jsx(PnpmIcon$1, { size: size2 });
-    case "bun":
-      return /* @__PURE__ */ jsx(BunIcon$1, { size: size2 });
-    default:
-      return /* @__PURE__ */ jsx(Package, { size: size2, color: color2 });
-  }
-};
 const shimmerKeyframes = `
 @keyframes feed-header-shimmer {
   0% { background-position: -200% 0; }
@@ -26383,24 +26364,7 @@ const FeedProjectHeaderSkeleton = ({ compact = false }) => {
           /* @__PURE__ */ jsx(ShimmerBox, { width: 45, height: 14, backgroundColor: shimmerBg }),
           /* @__PURE__ */ jsx(ShimmerBox, { width: 45, height: 14, backgroundColor: shimmerBg }),
           /* @__PURE__ */ jsx(ShimmerBox, { width: 55, height: 14, backgroundColor: shimmerBg })
-        ] }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: compact ? 12 : 16,
-              paddingTop: compact ? 4 : 8,
-              borderTop: `1px solid ${theme2.colors.border}`
-            },
-            children: [
-              /* @__PURE__ */ jsx(ShimmerBox, { width: 80, height: 14, backgroundColor: shimmerBg }),
-              /* @__PURE__ */ jsx(ShimmerBox, { width: 60, height: 18, borderRadius: 4, backgroundColor: shimmerBg }),
-              /* @__PURE__ */ jsx(ShimmerBox, { width: 90, height: 14, backgroundColor: shimmerBg })
-            ]
-          }
-        )
+        ] })
       ]
     }
   );
@@ -26416,7 +26380,8 @@ function formatCount(count2) {
 }
 const FeedProjectHeader = ({
   repo,
-  rootPackage,
+  // rootPackage kept for API compatibility but not rendered
+  rootPackage: _rootPackage,
   onOpen,
   compact = false
 }) => {
@@ -26424,7 +26389,6 @@ const FeedProjectHeader = ({
   const fontSizeSmall = theme2.fontSizes[0];
   const fontSizeMedium = theme2.fontSizes[1];
   const fontSizeLarge = theme2.fontSizes[2] || theme2.fontSizes[1];
-  const totalDeps = rootPackage ? (rootPackage.dependencyCount || 0) + (rootPackage.devDependencyCount || 0) : 0;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -26551,9 +26515,9 @@ const FeedProjectHeader = ({
           {
             style: {
               margin: 0,
-              fontSize: fontSizeSmall,
+              fontSize: fontSizeMedium,
               color: theme2.colors.textSecondary,
-              lineHeight: 1.4,
+              lineHeight: 1.5,
               display: "-webkit-box",
               WebkitLineClamp: 2,
               WebkitBoxOrient: "vertical",
@@ -26664,108 +26628,6 @@ const FeedProjectHeader = ({
               )
             ]
           }
-        ),
-        rootPackage && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: compact ? 12 : 16,
-              flexWrap: "wrap",
-              paddingTop: compact ? 4 : 8,
-              borderTop: `1px solid ${theme2.colors.border}`
-            },
-            children: [
-              rootPackage.packageManager && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 6
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      PackageManagerIcon$1,
-                      {
-                        packageManager: rootPackage.packageManager,
-                        size: 14,
-                        color: theme2.colors.textSecondary
-                      }
-                    ),
-                    rootPackage.name && /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        style: {
-                          fontSize: fontSizeSmall,
-                          color: theme2.colors.text,
-                          fontWeight: 500
-                        },
-                        children: rootPackage.name
-                      }
-                    ),
-                    rootPackage.version && /* @__PURE__ */ jsxs(
-                      "span",
-                      {
-                        style: {
-                          fontSize: fontSizeSmall,
-                          color: theme2.colors.textSecondary,
-                          backgroundColor: theme2.colors.backgroundLight,
-                          padding: "1px 5px",
-                          borderRadius: "3px"
-                        },
-                        children: [
-                          "v",
-                          rootPackage.version
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              rootPackage.isMonorepo && /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 4,
-                    fontSize: fontSizeSmall,
-                    color: "#8b5cf6",
-                    backgroundColor: "rgba(139, 92, 246, 0.15)",
-                    padding: "2px 6px",
-                    borderRadius: "4px"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(GitBranch, { size: 12 }),
-                    rootPackage.packageCount ? `${rootPackage.packageCount} packages` : "monorepo"
-                  ]
-                }
-              ),
-              totalDeps > 0 && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 4,
-                    fontSize: fontSizeSmall,
-                    color: theme2.colors.textSecondary
-                  },
-                  title: `${rootPackage.dependencyCount || 0} prod, ${rootPackage.devDependencyCount || 0} dev dependencies`,
-                  children: [
-                    /* @__PURE__ */ jsx(Box, { size: 12 }),
-                    /* @__PURE__ */ jsxs("span", { children: [
-                      rootPackage.dependencyCount || 0,
-                      " deps",
-                      rootPackage.devDependencyCount ? ` + ${rootPackage.devDependencyCount} dev` : ""
-                    ] })
-                  ]
-                }
-              )
-            ]
-          }
         )
       ]
     }
@@ -26776,7 +26638,7 @@ const FeedCodeCityPanelContent = ({
   actions: actions2,
   events
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f;
   const { theme: theme2 } = useTheme();
   const [cityData, setCityData] = useState(null);
   const [hoverInfo, setHoverInfo] = useState(null);
@@ -26784,7 +26646,20 @@ const FeedCodeCityPanelContent = ({
   const [loading, setLoading] = useState(false);
   const [containerSize, setContainerSize] = useState(null);
   const contentContainerRef = useRef(null);
-  const feedProjectSlice = context.getSlice("feedProject");
+  const [feedProjectData, setFeedProjectData] = useState(null);
+  const [feedProjectLoading, setFeedProjectLoading] = useState(false);
+  useEffect(() => {
+    const syncSlice = () => {
+      const slice = context.getSlice("feedProject");
+      if (slice) {
+        setFeedProjectData(slice.data ?? null);
+        setFeedProjectLoading(slice.loading);
+      }
+    };
+    syncSlice();
+    const interval2 = setInterval(syncSlice, 100);
+    return () => clearInterval(interval2);
+  }, [context]);
   const LEGEND_MIN_SIZE = 200;
   const HOVER_BAR_HEIGHT = 48;
   useEffect(() => {
@@ -26881,26 +26756,28 @@ const FeedCodeCityPanelContent = ({
   }, []);
   const handleFileClick = useCallback(
     (filePath) => {
-      if (actions2.openFile) {
-        actions2.openFile(filePath);
-      }
+      events.emit({
+        type: "file:open",
+        source: "feed-code-city-panel",
+        timestamp: Date.now(),
+        payload: { path: filePath }
+      });
     },
-    [actions2]
+    [events]
   );
   const handleOpen = useCallback(() => {
-    var _a2;
-    if (((_a2 = feedProjectSlice == null ? void 0 : feedProjectSlice.data) == null ? void 0 : _a2.repo) && events) {
+    if ((feedProjectData == null ? void 0 : feedProjectData.repo) && events) {
       events.emit({
         type: "project:open",
         source: "feed-code-city-panel",
         timestamp: Date.now(),
         payload: {
-          repo: feedProjectSlice.data.repo,
-          rootPackage: feedProjectSlice.data.rootPackage
+          repo: feedProjectData.repo,
+          rootPackage: feedProjectData.rootPackage
         }
       });
     }
-  }, [events, feedProjectSlice == null ? void 0 : feedProjectSlice.data]);
+  }, [events, feedProjectData]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -26912,11 +26789,11 @@ const FeedCodeCityPanelContent = ({
         backgroundColor: theme2.colors.background
       },
       children: [
-        (feedProjectSlice == null ? void 0 : feedProjectSlice.loading) ? /* @__PURE__ */ jsx(FeedProjectHeaderSkeleton, {}) : ((_a = feedProjectSlice == null ? void 0 : feedProjectSlice.data) == null ? void 0 : _a.repo) ? /* @__PURE__ */ jsx(
+        feedProjectLoading ? /* @__PURE__ */ jsx(FeedProjectHeaderSkeleton, {}) : (feedProjectData == null ? void 0 : feedProjectData.repo) ? /* @__PURE__ */ jsx(
           FeedProjectHeader,
           {
-            repo: feedProjectSlice.data.repo,
-            rootPackage: feedProjectSlice.data.rootPackage,
+            repo: feedProjectData.repo,
+            rootPackage: feedProjectData.rootPackage,
             onOpen: handleOpen
           }
         ) : null,
@@ -27032,7 +26909,7 @@ const FeedCodeCityPanelContent = ({
                                       textOverflow: "ellipsis",
                                       whiteSpace: "nowrap"
                                     },
-                                    children: ((_b = hoverInfo.fileTooltip) == null ? void 0 : _b.text) || ((_d = (_c = hoverInfo.hoveredDistrict) == null ? void 0 : _c.path) == null ? void 0 : _d.split("/").pop()) || ((_e = hoverInfo.hoveredDistrict) == null ? void 0 : _e.path) || "Unknown"
+                                    children: ((_a = hoverInfo.fileTooltip) == null ? void 0 : _a.text) || ((_c = (_b = hoverInfo.hoveredDistrict) == null ? void 0 : _b.path) == null ? void 0 : _c.split("/").pop()) || ((_d = hoverInfo.hoveredDistrict) == null ? void 0 : _d.path) || "Unknown"
                                   }
                                 ),
                                 /* @__PURE__ */ jsx(
@@ -27046,7 +26923,7 @@ const FeedCodeCityPanelContent = ({
                                       textOverflow: "ellipsis",
                                       whiteSpace: "nowrap"
                                     },
-                                    children: ((_f = hoverInfo.hoveredBuilding) == null ? void 0 : _f.path) || ((_g = hoverInfo.hoveredDistrict) == null ? void 0 : _g.path) || "/"
+                                    children: ((_e = hoverInfo.hoveredBuilding) == null ? void 0 : _e.path) || ((_f = hoverInfo.hoveredDistrict) == null ? void 0 : _f.path) || "/"
                                   }
                                 )
                               ]