@industry-theme/file-city-panel 0.4.6 → 0.4.7

package/dist/{browserAll-XNN46GKF-8hJjkg2A.js → browserAll-BWR83R0--BnLs3Hii.js}

@@ -1,7 +1,7 @@
-import { e as extensions, A as AccessibilitySystem, C as Container, a as accessibilityTarget, E as EventSystem, F as FederatedContainer } from "./index-BT9gD1MW.js";
-import "./init-Ccb5WXmw-BM96TnbG.js";
+import { e as extensions, A as AccessibilitySystem, C as Container, a as accessibilityTarget, E as EventSystem, F as FederatedContainer } from "./index-BegApVCq.js";
+import "./init-BViSvzO2-DhbwrY0a.js";
 extensions.add(AccessibilitySystem);
 extensions.mixin(Container, accessibilityTarget);
 extensions.add(EventSystem);
 extensions.mixin(Container, FederatedContainer);
-//# sourceMappingURL=browserAll-XNN46GKF-8hJjkg2A.js.map
+//# sourceMappingURL=browserAll-BWR83R0--BnLs3Hii.js.map

package/dist/{browserAll-XNN46GKF-8hJjkg2A.js.map → browserAll-BWR83R0--BnLs3Hii.js.map}

@@ -1 +1 @@
-{"version":3,"file":"browserAll-XNN46GKF-8hJjkg2A.js","sources":["../node_modules/@industry-theme/repository-composition-panels/dist/browserAll-XNN46GKF.js"],"sourcesContent":["import { e as extensions, A as AccessibilitySystem, C as Container, b as accessibilityTarget, E as EventSystem, c as FederatedContainer } from \"./index-Bt-XsLNt.js\";\nimport \"./init-Ccb5WXmw.js\";\nextensions.add(AccessibilitySystem);\nextensions.mixin(Container, accessibilityTarget);\nextensions.add(EventSystem);\nextensions.mixin(Container, FederatedContainer);\n//# sourceMappingURL=browserAll-XNN46GKF.js.map\n"],"names":[],"mappings":";;AAEA,WAAW,IAAI,mBAAmB;AAClC,WAAW,MAAM,WAAW,mBAAmB;AAC/C,WAAW,IAAI,WAAW;AAC1B,WAAW,MAAM,WAAW,kBAAkB;","x_google_ignoreList":[0]}
+{"version":3,"file":"browserAll-BWR83R0--BnLs3Hii.js","sources":["../node_modules/@industry-theme/repository-composition-panels/dist/browserAll-BWR83R0-.js"],"sourcesContent":["import { e as extensions, A as AccessibilitySystem, C as Container, b as accessibilityTarget, E as EventSystem, c as FederatedContainer } from \"./index-BsDrFty7.js\";\nimport \"./init-BViSvzO2.js\";\nextensions.add(AccessibilitySystem);\nextensions.mixin(Container, accessibilityTarget);\nextensions.add(EventSystem);\nextensions.mixin(Container, FederatedContainer);\n//# sourceMappingURL=browserAll-BWR83R0-.js.map\n"],"names":[],"mappings":";;AAEA,WAAW,IAAI,mBAAmB;AAClC,WAAW,MAAM,WAAW,mBAAmB;AAC/C,WAAW,IAAI,WAAW;AAC1B,WAAW,MAAM,WAAW,kBAAkB;","x_google_ignoreList":[0]}

package/dist/{index-BT9gD1MW.js → index-BegApVCq.js}

@@ -149621,7 +149621,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-XNN46GKF-8hJjkg2A.js");
+    await import("./browserAll-BWR83R0--BnLs3Hii.js");
   }
 };
 const webworkerExt = {
@@ -149632,7 +149632,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-Ez5pUZRt-BChgL0D1.js");
+    await import("./webworkerAll-DkB5mV_6-CnQVn1z6.js");
   }
 };
 class ObservablePoint {
@@ -189459,7 +189459,7 @@ function generateMITFlowerArch(config) {
       fontFamily: "Arial",
       fontWeight: "bold"
     },
-    resolution: 2
+    resolution: 16
   });
   mitText.anchor.set(0.5, 0.5);
   mitText.y = flagTop + flagHeight * 0.5;
@@ -189494,7 +189494,7 @@ function generateMITFlowerArch(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signHeight / 2;
@@ -189674,7 +189674,7 @@ function generateApacheSign(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signBoardHeight / 2;
@@ -189807,7 +189807,7 @@ function generateGPLSign(config) {
       fontFamily: "Arial",
       fontWeight: "bold"
     },
-    resolution: 2
+    resolution: 16
   });
   gplText.anchor.set(0.5, 0.5);
   gplText.y = flagTop + flagHeight * 0.5;
@@ -189851,7 +189851,7 @@ function generateGPLSign(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signBoardHeight / 2;
@@ -190166,7 +190166,9 @@ const RepoSprite = ({
   backgroundColor,
   showBoundary = true,
   boundaryColor = 16776960,
-  debug = false
+  debug = false,
+  onPackageHover,
+  onPackageHoverEnd
 }) => {
   const { theme: theme2 } = useTheme();
   const containerRef = useRef(null);
@@ -190237,6 +190239,18 @@ const RepoSprite = ({
           });
           buildingGraphics.x = pos.x;
           buildingGraphics.y = pos.y;
+          buildingGraphics.eventMode = "static";
+          buildingGraphics.cursor = "pointer";
+          const originalTint = buildingGraphics.tint;
+          const packageName = pkg.name;
+          buildingGraphics.on("pointerover", () => {
+            buildingGraphics.tint = 8965375;
+            onPackageHover == null ? void 0 : onPackageHover(packageName);
+          });
+          buildingGraphics.on("pointerout", () => {
+            buildingGraphics.tint = originalTint;
+            onPackageHoverEnd == null ? void 0 : onPackageHoverEnd(packageName);
+          });
           mainContainer.addChild(buildingGraphics);
         }
       } else {
@@ -190334,7 +190348,9 @@ const RepoSprite = ({
     backgroundColor,
     showBoundary,
     boundaryColor,
-    debug
+    debug,
+    onPackageHover,
+    onPackageHoverEnd
   ]);
   if (variant === "card") {
     return /* @__PURE__ */ jsxs(
@@ -190539,7 +190555,9 @@ const RepoSpriteView = ({
   github,
   fileCount,
   showHeader = true,
-  workspacePackages
+  workspacePackages,
+  onPackageHover,
+  onPackageHoverEnd
 }) => {
   const { theme: theme2 } = useTheme$1();
   const containerRef = useRef(null);
@@ -190636,7 +190654,9 @@ const RepoSpriteView = ({
                 packages: isMonorepo ? workspacePackages : void 0,
                 size: spriteDimensions.size,
                 width: spriteDimensions.width,
-                height: spriteDimensions.height
+                height: spriteDimensions.height,
+                onPackageHover,
+                onPackageHoverEnd
               },
               `${github.name}-${spriteDimensions.width}-${spriteDimensions.height}`
             )
@@ -238487,7 +238507,7 @@ const CodeCityPanelContent = ({
   actions,
   events
 }) => {
-  var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o2, _p, _q, _r, _s, _t2, _u;
+  var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o2, _p, _q, _r, _s, _t2, _u, _v;
   const autoShowTour = ("autoShowTour" in context2 ? context2.autoShowTour : false) ?? false;
   const { theme: theme2 } = useTheme$1();
   const [cityData, setCityData] = useState(null);
@@ -238562,7 +238582,19 @@ const CodeCityPanelContent = ({
     if (!(summary == null ? void 0 : summary.isMonorepo) || !summary.workspacePackages) return void 0;
     return summary.workspacePackages.filter((pkg) => !!pkg.name).map((pkg) => ({ name: pkg.name }));
   }, [(_d = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _d.summary]);
-  const githubRepoString = (_e2 = context2.currentScope.repository) == null ? void 0 : _e2.githubRepo;
+  const packageNameToPath = useMemo(() => {
+    var _a2;
+    const summary = (_a2 = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a2.summary;
+    if (!(summary == null ? void 0 : summary.isMonorepo) || !summary.workspacePackages) return /* @__PURE__ */ new Map();
+    const map2 = /* @__PURE__ */ new Map();
+    for (const pkg of summary.workspacePackages) {
+      if (pkg.name && pkg.path) {
+        map2.set(pkg.name, pkg.path);
+      }
+    }
+    return map2;
+  }, [(_e2 = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _e2.summary]);
+  const githubRepoString = (_f = context2.currentScope.repository) == null ? void 0 : _f.githubRepo;
   const [repoOwner, repoName] = (githubRepoString == null ? void 0 : githubRepoString.includes("/")) ? githubRepoString.split("/") : [void 0, void 0];
   const fileColorLayersRegistered = useRef(false);
   const gitLayersRegistered = useRef(false);
@@ -238570,7 +238602,7 @@ const CodeCityPanelContent = ({
   const commitFilesLayersRegistered = useRef(false);
   const agentLayersRegistered = useRef(false);
   const lastHasGitOrAgentLayers = useRef(null);
-  const currentRepoPath = (_f = context2.currentScope.repository) == null ? void 0 : _f.path;
+  const currentRepoPath = (_g = context2.currentScope.repository) == null ? void 0 : _g.path;
   const lastRepoPath = useRef(currentRepoPath);
   useEffect(() => {
     if (lastRepoPath.current !== currentRepoPath) {
@@ -238626,7 +238658,7 @@ const CodeCityPanelContent = ({
       }
     };
     loadTour();
-  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, (_g = context2.currentScope.repository) == null ? void 0 : _g.path, context2.adapters]);
+  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, (_h = context2.currentScope.repository) == null ? void 0 : _h.path, context2.adapters]);
   useEffect(() => {
     if (autoShowTour && tourData && !hasAutoShownTourRef.current) {
       setShowTourPlayer(true);
@@ -238898,7 +238930,7 @@ const CodeCityPanelContent = ({
       }
     }
     return layers;
-  }, [cityData, (_h = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _h.filesByStatus, prFilesVersion]);
+  }, [cityData, (_i = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _i.filesByStatus, prFilesVersion]);
   const commitFilesLayers = useMemo(() => {
     var _a2;
     if (!cityData || !cityData.buildings || !((_a2 = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) {
@@ -238976,7 +239008,7 @@ const CodeCityPanelContent = ({
       }
     }
     return layers;
-  }, [cityData, (_i = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _i.filesByStatus, commitFilesVersion]);
+  }, [cityData, (_j = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _j.filesByStatus, commitFilesVersion]);
   const storyboardLayers = useMemo(() => {
     if (!cityData || !cityData.buildings || !(storyboardContextSlice == null ? void 0 : storyboardContextSlice.data)) {
       return [];
@@ -239077,7 +239109,7 @@ const CodeCityPanelContent = ({
     if (!((_a2 = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) return 0;
     const { added, modified, removed, renamed } = prFilesSlice.data.filesByStatus;
     return added.length + modified.length + removed.length + renamed.length;
-  }, [(_j = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _j.filesByStatus]);
+  }, [(_k = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _k.filesByStatus]);
   const legendAgentLayers = useMemo(() => {
     const agentLayers = highlightLayers.filter(
       (layer) => layer.id.startsWith("event-highlight")
@@ -239346,7 +239378,7 @@ const CodeCityPanelContent = ({
     } finally {
       setLoading(false);
     }
-  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_k = context2.currentScope.repository) == null ? void 0 : _k.path]);
+  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_l = context2.currentScope.repository) == null ? void 0 : _l.path]);
   const handleFileClick = useCallback(
     (filePath, type2) => {
       if (type2 === "file") {
@@ -239411,6 +239443,26 @@ const CodeCityPanelContent = ({
     });
     setIsEditingCover(false);
   }, [events]);
+  const handleRepoSpritePackageHover = useCallback(
+    (packageName) => {
+      const packagePath = packageNameToPath.get(packageName) ?? packageName;
+      events.emit({
+        type: "package:hover",
+        source: "repo-sprite",
+        timestamp: Date.now(),
+        payload: { packagePath, packageName }
+      });
+    },
+    [events, packageNameToPath]
+  );
+  const handleRepoSpritePackageHoverEnd = useCallback(() => {
+    events.emit({
+      type: "package:hover",
+      source: "repo-sprite",
+      timestamp: Date.now(),
+      payload: null
+    });
+  }, [events]);
   const handleEditCover = useCallback(() => {
     setIsEditingCover(true);
   }, []);
@@ -239548,6 +239600,20 @@ const CodeCityPanelContent = ({
           (item) => item.type === "directory" || isFileInPackage(item.path, hoveredPackagePath)
         )
       })).filter((layer) => layer.items.length > 0);
+      layers.push({
+        id: "hovered-package-highlight",
+        name: "Hovered Package",
+        enabled: true,
+        color: "#3b82f6",
+        // Blue highlight
+        priority: 150,
+        // Below selected package (200)
+        items: [{
+          path: hoveredPackagePath,
+          type: "directory",
+          renderStrategy: "border"
+        }]
+      });
     }
     if (gitTreeHoverLayer) layers.push(gitTreeHoverLayer);
     if (selectedFileLayer) layers.push(selectedFileLayer);
@@ -239572,7 +239638,7 @@ const CodeCityPanelContent = ({
       path: tourFilePath,
       commitSha
     };
-  }, [tourFilePath, context2.currentScope.repository, (_m = (_l = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _l.metadata) == null ? void 0 : _m.sourceSha]);
+  }, [tourFilePath, context2.currentScope.repository, (_n = (_m = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _m.metadata) == null ? void 0 : _n.sourceSha]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -239584,7 +239650,7 @@ const CodeCityPanelContent = ({
         backgroundColor: theme2.colors.background
       },
       children: [
-        (repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.loading) ? /* @__PURE__ */ jsx(ProjectHeaderSkeleton, {}) : ((_n = repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.data) == null ? void 0 : _n.github) ? /* @__PURE__ */ jsx(
+        (repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.loading) ? /* @__PURE__ */ jsx(ProjectHeaderSkeleton, {}) : ((_o2 = repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.data) == null ? void 0 : _o2.github) ? /* @__PURE__ */ jsx(
           ProjectHeader,
           {
             github: repositoryEntrySlice.data.github,
@@ -239918,14 +239984,14 @@ const CodeCityPanelContent = ({
                               fileTypes: [],
                               gitStatus: gitSlice == null ? void 0 : gitSlice.data,
                               panelActions: actions,
-                              prFiles: (_o2 = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _o2.filesByStatus,
-                              prFileStats: (_p = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _p.files,
-                              prNumber: (_q = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _q.pullNumber,
-                              commitFiles: (_r = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _r.filesByStatus,
-                              commitHash: (_s = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _s.commitHash,
-                              commitStats: (_t2 = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _t2.stats,
+                              prFiles: (_p = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _p.filesByStatus,
+                              prFileStats: (_q = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _q.files,
+                              prNumber: (_r = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _r.pullNumber,
+                              commitFiles: (_s = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _s.filesByStatus,
+                              commitHash: (_t2 = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _t2.commitHash,
+                              commitStats: (_u = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _u.stats,
                               fileTree: fileTreeSlice == null ? void 0 : fileTreeSlice.data,
-                              rootPath: (_u = context2.currentScope.repository) == null ? void 0 : _u.path,
+                              rootPath: (_v = context2.currentScope.repository) == null ? void 0 : _v.path,
                               onGitFileClick: handleLegendFileClick,
                               onGitNodeHover: handleGitNodeHover,
                               onPrFileClick: handleLegendFileClick,
@@ -239982,7 +240048,9 @@ const CodeCityPanelContent = ({
                             github: tab2.github,
                             fileCount: computedTreeStats == null ? void 0 : computedTreeStats.fileCount,
                             showHeader: false,
-                            workspacePackages
+                            workspacePackages,
+                            onPackageHover: handleRepoSpritePackageHover,
+                            onPackageHoverEnd: handleRepoSpritePackageHoverEnd
                           }
                         )
                       );
@@ -240048,7 +240116,9 @@ const CodeCityPanelContent = ({
                         github: tab2.github,
                         fileCount: computedTreeStats == null ? void 0 : computedTreeStats.fileCount,
                         showHeader: true,
-                        workspacePackages
+                        workspacePackages,
+                        onPackageHover: handleRepoSpritePackageHover,
+                        onPackageHoverEnd: handleRepoSpritePackageHoverEnd
                       }
                     ),
                     tab2.id === "files" && /* @__PURE__ */ jsx(
@@ -241586,4 +241656,4 @@ export {
   resolveImageUrl as u,
   selectDistrictTool as v
 };
-//# sourceMappingURL=index-BT9gD1MW.js.map
+//# sourceMappingURL=index-BegApVCq.js.map