@industry-theme/file-city-panel 0.2.29 → 0.2.30

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

@@ -1 +1 @@
-{"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAuBjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AA2wCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EA8BxC,CAAC"}
+{"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAuBjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AA4wCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EA8BxC,CAAC"}

package/dist/panels.bundle.js

@@ -4283,6 +4283,58 @@ function requireArchitectureMapHighlightLayers() {
       this.grid.clear();
     }
   }
+  class PathHierarchyLookup {
+    constructor(paths) {
+      this.abstractedPaths = paths instanceof Set ? paths : new Set(paths);
+    }
+    /**
+     * Check if the given path is inside any abstracted directory.
+     * Walks up the path hierarchy checking each ancestor.
+     * Complexity: O(depth) where depth is the path depth, instead of O(A) for each abstracted path.
+     */
+    isPathAbstracted(path) {
+      if (this.abstractedPaths.has("")) {
+        return true;
+      }
+      let currentPath = path;
+      while (currentPath.includes("/")) {
+        currentPath = currentPath.substring(0, currentPath.lastIndexOf("/"));
+        if (this.abstractedPaths.has(currentPath)) {
+          return true;
+        }
+      }
+      return false;
+    }
+    /**
+     * Check if the path is a direct child of an abstracted directory
+     * (the path itself is abstracted, not just its ancestors).
+     */
+    isDirectlyAbstracted(path) {
+      return this.abstractedPaths.has(path);
+    }
+    /**
+     * Check if the path is a child (not itself) of any abstracted directory.
+     */
+    isChildOfAbstracted(path) {
+      if (!path)
+        return false;
+      if (this.abstractedPaths.has("")) {
+        return true;
+      }
+      for (const abstractedPath of this.abstractedPaths) {
+        if (abstractedPath && path.startsWith(abstractedPath + "/")) {
+          return true;
+        }
+      }
+      return false;
+    }
+    get size() {
+      return this.abstractedPaths.size;
+    }
+    has(path) {
+      return this.abstractedPaths.has(path);
+    }
+  }
   function ArchitectureMapHighlightLayersInner({
     cityData,
     highlightLayers = [],
@@ -4295,6 +4347,7 @@ function requireArchitectureMapHighlightLayers() {
     zoomToPath = null,
     onZoomComplete,
     zoomAnimationSpeed = 0.12,
+    allowZoomToPath = true,
     fullSize = false,
     showGrid = false,
     showFileNames = false,
@@ -4336,20 +4389,28 @@ function requireArchitectureMapHighlightLayers() {
       hasMouseMoved: false
     });
     const [targetZoom, setTargetZoom] = (0, react_1.useState)(null);
+    const [stableZoomScale, setStableZoomScale] = (0, react_1.useState)(1);
+    const stableZoomTimeoutRef = (0, react_1.useRef)(null);
+    const isAnimating = targetZoom !== null;
     const lastZoomToPathRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
       if (!enableZoom) {
         setZoomState((prev) => ({
           ...prev,
-          scale: 1,
-          offsetX: 0,
-          offsetY: 0,
           isDragging: false,
           hasMouseMoved: false
         }));
+      }
+      if (!enableZoom && !allowZoomToPath) {
+        setZoomState((prev) => ({
+          ...prev,
+          scale: 1,
+          offsetX: 0,
+          offsetY: 0
+        }));
         setTargetZoom(null);
       }
-    }, [enableZoom]);
+    }, [enableZoom, allowZoomToPath]);
     (0, react_1.useEffect)(() => {
       if (!targetZoom)
         return;
@@ -4384,6 +4445,27 @@ function requireArchitectureMapHighlightLayers() {
       const frameId = requestAnimationFrame(animate);
       return () => cancelAnimationFrame(frameId);
     }, [targetZoom, zoomState, zoomAnimationSpeed, onZoomComplete]);
+    (0, react_1.useEffect)(() => {
+      if (stableZoomTimeoutRef.current) {
+        clearTimeout(stableZoomTimeoutRef.current);
+      }
+      if (isAnimating) {
+        return;
+      }
+      stableZoomTimeoutRef.current = setTimeout(() => {
+        setStableZoomScale(zoomState.scale);
+      }, 100);
+      return () => {
+        if (stableZoomTimeoutRef.current) {
+          clearTimeout(stableZoomTimeoutRef.current);
+        }
+      };
+    }, [zoomState.scale, isAnimating]);
+    (0, react_1.useEffect)(() => {
+      if (!isAnimating && targetZoom === null) {
+        setStableZoomScale(zoomState.scale);
+      }
+    }, [isAnimating, targetZoom, zoomState.scale]);
     const [hitTestCache, setHitTestCache] = (0, react_1.useState)(null);
     const calculateCanvasResolution = (fileCount, _cityBounds) => {
       const minSize = 400;
@@ -4421,7 +4503,7 @@ function requireArchitectureMapHighlightLayers() {
       return filteredCityData;
     }, [subdirectoryMode == null ? void 0 : subdirectoryMode.enabled, subdirectoryMode == null ? void 0 : subdirectoryMode.autoCenter, cityData, filteredCityData]);
     (0, react_1.useEffect)(() => {
-      if (!enableZoom || zoomToPath === lastZoomToPathRef.current) {
+      if (!allowZoomToPath || zoomToPath === lastZoomToPathRef.current) {
         return;
       }
       lastZoomToPathRef.current = zoomToPath;
@@ -4483,7 +4565,7 @@ function requireArchitectureMapHighlightLayers() {
       });
     }, [
       zoomToPath,
-      enableZoom,
+      allowZoomToPath,
       filteredCityData,
       canvasSizingData,
       canvasSize,
@@ -4491,17 +4573,9 @@ function requireArchitectureMapHighlightLayers() {
     ]);
     const buildHitTestCache = (0, react_1.useCallback)((cityData2, scale, offsetX, offsetZ, zoomState2, abstractedPaths) => {
       const spatialGrid = new SpatialGrid(cityData2.bounds);
+      const pathLookup = new PathHierarchyLookup(abstractedPaths);
       cityData2.buildings.forEach((building) => {
-        let currentPath = building.path;
-        let isAbstracted = false;
-        while (currentPath.includes("/")) {
-          currentPath = currentPath.substring(0, currentPath.lastIndexOf("/"));
-          if (abstractedPaths.has(currentPath)) {
-            isAbstracted = true;
-            break;
-          }
-        }
-        if (!isAbstracted) {
+        if (!pathLookup.isPathAbstracted(building.path)) {
           spatialGrid.addBuilding(building);
         }
       });
@@ -4510,14 +4584,7 @@ function requireArchitectureMapHighlightLayers() {
           spatialGrid.addDistrict(district);
           return;
         }
-        let isChildOfAbstracted = false;
-        for (const abstractedPath of abstractedPaths) {
-          if (abstractedPath && district.path.startsWith(abstractedPath + "/")) {
-            isChildOfAbstracted = true;
-            break;
-          }
-        }
-        if (!isChildOfAbstracted) {
+        if (!pathLookup.isChildOfAbstracted(district.path)) {
           spatialGrid.addDistrict(district);
         }
       });
@@ -4532,6 +4599,7 @@ function requireArchitectureMapHighlightLayers() {
           zoomOffsetY: zoomState2.offsetY
         },
         abstractedPaths,
+        pathLookup,
         timestamp: Date.now()
       };
     }, []);
@@ -4551,7 +4619,7 @@ function requireArchitectureMapHighlightLayers() {
       }
       const config = abstractionLayerDef.abstractionConfig;
       const maxZoomForAbstraction = (config == null ? void 0 : config.maxZoomLevel) ?? 5;
-      if (zoomState.scale > maxZoomForAbstraction) {
+      if (stableZoomScale > maxZoomForAbstraction) {
         return null;
       }
       const abstractedItems = [];
@@ -4560,7 +4628,7 @@ function requireArchitectureMapHighlightLayers() {
         const displayHeight = canvasRef.current.clientHeight || canvasSize.height;
         const coordinateSystemData = (subdirectoryMode == null ? void 0 : subdirectoryMode.enabled) && subdirectoryMode.autoCenter !== true && cityData ? cityData : filteredCityData;
         const { scale } = calculateScaleAndOffset(coordinateSystemData, displayWidth, displayHeight, displayOptions.padding);
-        const totalScale = scale * zoomState.scale;
+        const totalScale = scale * stableZoomScale;
         const highlightedPaths = /* @__PURE__ */ new Set();
         allLayersWithoutAbstraction.forEach((layer) => {
           if (layer.enabled && layer.id !== "directory-abstraction") {
@@ -4715,7 +4783,8 @@ ${projectInfo.currentBranch}`;
       filteredCityData,
       canvasSize,
       displayOptions.padding,
-      zoomState.scale,
+      stableZoomScale,
+      // Use stable zoom scale instead of live zoomState.scale
       subdirectoryMode,
       cityData,
       allLayersWithoutAbstraction
@@ -4745,13 +4814,22 @@ ${projectInfo.currentBranch}`;
           }
         });
       }
-      const newCache = buildHitTestCache(filteredCityData, scale, offsetX, offsetZ, zoomState, abstractedPaths);
+      const stableZoomState = {
+        scale: stableZoomScale,
+        offsetX: 0,
+        offsetY: 0,
+        isDragging: false,
+        lastMousePos: { x: 0, y: 0 },
+        hasMouseMoved: false
+      };
+      const newCache = buildHitTestCache(filteredCityData, scale, offsetX, offsetZ, stableZoomState, abstractedPaths);
       setHitTestCache(newCache);
     }, [
       filteredCityData,
       canvasSize,
       displayOptions.padding,
-      zoomState,
+      stableZoomScale,
+      // Only rebuild when zoom stabilizes
       buildHitTestCache,
       abstractionLayer
     ]);
@@ -4788,21 +4866,17 @@ ${projectInfo.currentBranch}`;
           }
         });
       }
-      let visibleDistricts = abstractedPathsForDistricts.size > 0 ? filteredCityData.districts.filter((district) => {
-        if (abstractedPathsForDistricts.has("")) {
+      const pathLookup = new PathHierarchyLookup(abstractedPathsForDistricts);
+      let visibleDistricts = pathLookup.size > 0 ? filteredCityData.districts.filter((district) => {
+        if (pathLookup.has("")) {
           return !district.path || district.path === "";
         }
         if (!district.path)
           return true;
-        if (abstractedPathsForDistricts.has(district.path)) {
+        if (pathLookup.has(district.path)) {
           return true;
         }
-        for (const abstractedPath of abstractedPathsForDistricts) {
-          if (district.path.startsWith(abstractedPath + "/")) {
-            return false;
-          }
-        }
-        return true;
+        return !pathLookup.isChildOfAbstracted(district.path);
       }) : filteredCityData.districts;
       if (abstractedPathsForDistricts.has("")) {
         const hasRootDistrict = visibleDistricts.some((d) => !d.path || d.path === "");
@@ -4834,47 +4908,9 @@ ${projectInfo.currentBranch}`;
         showDirectoryLabels,
         districtBorderRadius
       );
-      const abstractedPaths = /* @__PURE__ */ new Set();
-      const activeAbstractionLayer = allLayers.find((l) => l.id === "directory-abstraction");
-      if (activeAbstractionLayer && activeAbstractionLayer.enabled) {
-        activeAbstractionLayer.items.forEach((item) => {
-          if (item.type === "directory") {
-            abstractedPaths.add(item.path);
-          }
-        });
-      }
-      const visibleBuildings = abstractedPaths.size > 0 ? filteredCityData.buildings.filter((building) => {
-        if (abstractedPaths.has("")) {
-          return false;
-        }
-        const buildingDir = building.path.substring(0, building.path.lastIndexOf("/")) || "";
-        for (const abstractedPath of abstractedPaths) {
-          if (buildingDir === abstractedPath) {
-            return false;
-          }
-          if (buildingDir.startsWith(abstractedPath + "/")) {
-            return false;
-          }
-        }
-        return true;
+      const visibleBuildings = pathLookup.size > 0 ? filteredCityData.buildings.filter((building) => {
+        return !pathLookup.isPathAbstracted(building.path);
       }) : filteredCityData.buildings;
-      if (abstractedPaths.size > 0) {
-        const suspiciousBuildings = visibleBuildings.filter((building) => {
-          const buildingDir = building.path.substring(0, building.path.lastIndexOf("/")) || "";
-          for (const abstractedPath of abstractedPaths) {
-            if (buildingDir === abstractedPath || buildingDir.startsWith(abstractedPath + "/")) {
-              return true;
-            }
-          }
-          return false;
-        });
-        if (suspiciousBuildings.length > 0) {
-          console.error(`[Building Filter] WARNING: ${suspiciousBuildings.length} buildings are being rendered in abstracted directories!`);
-          suspiciousBuildings.slice(0, 3).forEach((building) => {
-            console.error(`  - ${building.path}`);
-          });
-        }
-      }
       (0, drawLayeredBuildings_1.drawLayeredBuildings)(ctx, visibleBuildings, worldToCanvas, scale * zoomState.scale, allLayers, interactionState.hoveredBuilding, resolvedDefaultBuildingColor, showFileNames, resolvedHoverBorderColor, disableOpacityDimming, showFileTypeIcons, buildingBorderRadius);
     }, [
       filteredCityData,
@@ -17339,7 +17375,8 @@ const CodeCityPanelContent = ({
                         className: "w-full h-full",
                         showDirectoryLabels: true,
                         onHover: handleHover,
-                        enableZoom: true,
+                        enableZoom: false,
+                        allowZoomToPath: true,
                         zoomToPath,
                         onZoomComplete: handleZoomComplete,
                         zoomAnimationSpeed: 0.12