@industry-theme/file-city-panel 0.2.25 → 0.2.26

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;AA8rCD;;;;;;;;;;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;AAksCD;;;;;;;;;;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/utils/qualityLayers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"qualityLayers.d.ts","sourceRoot":"","sources":["../../../src/panels/utils/qualityLayers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"qualityLayers.d.ts","sourceRoot":"","sources":["../../../src/panels/utils/qualityLayers.ts"],"names":[],"mappings":"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"}

package/dist/panels.bundle.js

@@ -4292,6 +4292,9 @@ function requireArchitectureMapHighlightLayers() {
     onDirectorySelect,
     onFileClick,
     enableZoom = false,
+    zoomToPath = null,
+    onZoomComplete,
+    zoomAnimationSpeed = 0.12,
     fullSize = false,
     showGrid = false,
     showFileNames = false,
@@ -4332,6 +4335,8 @@ function requireArchitectureMapHighlightLayers() {
       lastMousePos: { x: 0, y: 0 },
       hasMouseMoved: false
     });
+    const [targetZoom, setTargetZoom] = (0, react_1.useState)(null);
+    const lastZoomToPathRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
       if (!enableZoom) {
         setZoomState((prev) => ({
@@ -4342,8 +4347,43 @@ function requireArchitectureMapHighlightLayers() {
           isDragging: false,
           hasMouseMoved: false
         }));
+        setTargetZoom(null);
       }
     }, [enableZoom]);
+    (0, react_1.useEffect)(() => {
+      if (!targetZoom)
+        return;
+      const animate = () => {
+        setZoomState((prev) => {
+          const lerp = (a, b, t) => a + (b - a) * t;
+          const easing = zoomAnimationSpeed;
+          const newScale = lerp(prev.scale, targetZoom.scale, easing);
+          const newOffsetX = lerp(prev.offsetX, targetZoom.offsetX, easing);
+          const newOffsetY = lerp(prev.offsetY, targetZoom.offsetY, easing);
+          const scaleDone = Math.abs(newScale - targetZoom.scale) < 1e-3;
+          const offsetXDone = Math.abs(newOffsetX - targetZoom.offsetX) < 0.5;
+          const offsetYDone = Math.abs(newOffsetY - targetZoom.offsetY) < 0.5;
+          if (scaleDone && offsetXDone && offsetYDone) {
+            setTargetZoom(null);
+            onZoomComplete == null ? void 0 : onZoomComplete();
+            return {
+              ...prev,
+              scale: targetZoom.scale,
+              offsetX: targetZoom.offsetX,
+              offsetY: targetZoom.offsetY
+            };
+          }
+          return {
+            ...prev,
+            scale: newScale,
+            offsetX: newOffsetX,
+            offsetY: newOffsetY
+          };
+        });
+      };
+      const frameId = requestAnimationFrame(animate);
+      return () => cancelAnimationFrame(frameId);
+    }, [targetZoom, zoomState, zoomAnimationSpeed, onZoomComplete]);
     const [hitTestCache, setHitTestCache] = (0, react_1.useState)(null);
     const calculateCanvasResolution = (fileCount, _cityBounds) => {
       const minSize = 400;
@@ -4380,6 +4420,75 @@ 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) {
+        return;
+      }
+      lastZoomToPathRef.current = zoomToPath;
+      if (zoomToPath === null) {
+        setTargetZoom({
+          scale: 1,
+          offsetX: 0,
+          offsetY: 0
+        });
+        return;
+      }
+      if (!filteredCityData || !canvasRef.current) {
+        return;
+      }
+      const displayWidth = canvasRef.current.clientWidth || canvasSize.width;
+      const displayHeight = canvasRef.current.clientHeight || canvasSize.height;
+      if (!displayWidth || !displayHeight) {
+        return;
+      }
+      const normalizedPath = zoomToPath.replace(/^\/+|\/+$/g, "");
+      const targetDistrict = filteredCityData.districts.find((d) => d.path === normalizedPath || d.path === zoomToPath);
+      const targetBuilding = filteredCityData.buildings.find((b) => b.path === normalizedPath || b.path === zoomToPath);
+      if (!targetDistrict && !targetBuilding) {
+        return;
+      }
+      let targetBounds;
+      if (targetDistrict) {
+        targetBounds = targetDistrict.worldBounds;
+      } else if (targetBuilding) {
+        const [width, , depth] = targetBuilding.dimensions;
+        const padding = Math.max(width, depth) * 2;
+        targetBounds = {
+          minX: targetBuilding.position.x - width / 2 - padding,
+          maxX: targetBuilding.position.x + width / 2 + padding,
+          minZ: targetBuilding.position.z - depth / 2 - padding,
+          maxZ: targetBuilding.position.z + depth / 2 + padding
+        };
+      } else {
+        return;
+      }
+      const coordinateData = canvasSizingData || filteredCityData;
+      const { scale: baseScale, offsetX: baseOffsetX, offsetZ: baseOffsetZ } = calculateScaleAndOffset(coordinateData, displayWidth, displayHeight, displayOptions.padding);
+      const targetCenterX = (targetBounds.minX + targetBounds.maxX) / 2;
+      const targetCenterZ = (targetBounds.minZ + targetBounds.maxZ) / 2;
+      const targetScreenWidth = (targetBounds.maxX - targetBounds.minX) * baseScale;
+      const targetScreenHeight = (targetBounds.maxZ - targetBounds.minZ) * baseScale;
+      const paddingFactor = 0.8;
+      const scaleToFitWidth = displayWidth * paddingFactor / targetScreenWidth;
+      const scaleToFitHeight = displayHeight * paddingFactor / targetScreenHeight;
+      const newZoomScale = Math.min(scaleToFitWidth, scaleToFitHeight, 5);
+      const baseScreenX = (targetCenterX - coordinateData.bounds.minX) * baseScale + baseOffsetX;
+      const baseScreenY = (targetCenterZ - coordinateData.bounds.minZ) * baseScale + baseOffsetZ;
+      const newOffsetX = displayWidth / 2 - baseScreenX * newZoomScale;
+      const newOffsetY = displayHeight / 2 - baseScreenY * newZoomScale;
+      setTargetZoom({
+        scale: newZoomScale,
+        offsetX: newOffsetX,
+        offsetY: newOffsetY
+      });
+    }, [
+      zoomToPath,
+      enableZoom,
+      filteredCityData,
+      canvasSizingData,
+      canvasSize,
+      displayOptions.padding
+    ]);
     const buildHitTestCache = (0, react_1.useCallback)((cityData2, scale, offsetX, offsetZ, zoomState2, abstractedPaths) => {
       const spatialGrid = new SpatialGrid(cityData2.bounds);
       cityData2.buildings.forEach((building) => {
@@ -15405,6 +15514,24 @@ function getLensColorModes() {
 function isLensColorMode(mode) {
   return getLensColorModes().includes(mode);
 }
+function getColorModeConfig(mode) {
+  const builtIn = BUILT_IN_COLOR_MODES.find((m) => m.id === mode);
+  if (builtIn) return builtIn;
+  const lens = getLensById(mode);
+  if (lens && lens.outputsFileMetrics) {
+    const category = getCategoryConfig(lens.category);
+    return {
+      id: mode,
+      name: lens.name,
+      description: lens.description ?? `${lens.name} analysis`,
+      icon: category == null ? void 0 : category.icon,
+      colorScheme: lens.colorScheme,
+      isBuiltIn: false,
+      category: lens.category
+    };
+  }
+  return void 0;
+}
 function getAllColorModeConfigs() {
   const configs = [...BUILT_IN_COLOR_MODES];
   for (const lens of LENS_REGISTRY) {
@@ -16336,11 +16463,19 @@ function createAlexandriaHighlightLayers(buildings, alexandriaMetrics) {
   }
   return layers;
 }
+function usesCoverageData(mode) {
+  if (mode === "coverage") return true;
+  if (isLensColorMode(mode)) {
+    const config = getColorModeConfig(mode);
+    return (config == null ? void 0 : config.colorScheme) === "coverage";
+  }
+  return false;
+}
 function getLayersForColorMode(mode, buildings, qualityData, fileColorLayers, gitLayers) {
   var _a;
   if (mode === "fileTypes") return fileColorLayers;
   if (mode === "git") return gitLayers;
-  if (mode === "coverage") {
+  if (usesCoverageData(mode)) {
     if (qualityData == null ? void 0 : qualityData.fileCoverage) {
       return createCoverageHighlightLayers(buildings, qualityData.fileCoverage);
     }
@@ -16399,6 +16534,8 @@ const CodeCityPanelContent = ({
   const colorMode = sliceSelectedColorMode || "fileTypes";
   const [hoveredPackagePath, setHoveredPackagePath] = useState(null);
   const [selectedPackagePath, setSelectedPackagePath] = useState(null);
+  const [zoomToPath, setZoomToPath] = useState(null);
+  const [isZoomAnimating, setIsZoomAnimating] = useState(false);
   useEffect(() => {
     const container = contentContainerRef.current;
     if (!container) return;