@principal-ai/file-city-react 0.3.0

package/dist/hooks/useCodeCityData.d.ts

@@ -0,0 +1,21 @@
+import { FileTree as FileSystemTree } from '@principal-ai/file-city-builder';
+import { CityData } from '@principal-ai/file-city-builder';
+export interface UseCodeCityDataOptions {
+    fileSystemTree?: FileSystemTree;
+    autoUpdate?: boolean;
+    colorMapping?: Record<string, string>;
+}
+export interface UseCodeCityDataReturn {
+    cityData: CityData | null;
+    isLoading: boolean;
+    error: string | null;
+    rebuild: () => void;
+    setHighlightedPaths: (paths: Set<string>) => void;
+    setSelectedPaths: (paths: Set<string>) => void;
+    setFocusDirectory: (directory: string | null) => void;
+    highlightedPaths: Set<string>;
+    selectedPaths: Set<string>;
+    focusDirectory: string | null;
+}
+export declare function useCodeCityData({ fileSystemTree, autoUpdate, }: UseCodeCityDataOptions): UseCodeCityDataReturn;
+//# sourceMappingURL=useCodeCityData.d.ts.map

package/dist/hooks/useCodeCityData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCodeCityData.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeCityData.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAA2B,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEpF,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,UAAiB,GAClB,EAAE,sBAAsB,GAAG,qBAAqB,CAuDhD"}

package/dist/hooks/useCodeCityData.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCodeCityData = useCodeCityData;
+const react_1 = require("react");
+const file_city_builder_1 = require("@principal-ai/file-city-builder");
+function useCodeCityData({ fileSystemTree, autoUpdate = true, }) {
+    const [cityData, setCityData] = (0, react_1.useState)(null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    // UI state
+    const [highlightedPaths, setHighlightedPaths] = (0, react_1.useState)(new Set());
+    const [selectedPaths, setSelectedPaths] = (0, react_1.useState)(new Set());
+    const [focusDirectory, setFocusDirectory] = (0, react_1.useState)(null);
+    // Rebuild city data
+    const rebuild = (0, react_1.useMemo)(() => {
+        return () => {
+            if (!fileSystemTree) {
+                setCityData(null);
+                setError('No file system tree provided');
+                return;
+            }
+            setIsLoading(true);
+            setError(null);
+            try {
+                // Create a single-version map for the builder
+                const versionMap = new Map([['main', fileSystemTree]]);
+                const { unionCity } = file_city_builder_1.MultiVersionCityBuilder.build(versionMap);
+                setCityData(unionCity);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : 'Failed to build city data');
+                setCityData(null);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+    }, [fileSystemTree]);
+    // Auto rebuild when dependencies change
+    (0, react_1.useEffect)(() => {
+        if (autoUpdate) {
+            rebuild();
+        }
+    }, [autoUpdate, rebuild]);
+    return {
+        cityData,
+        isLoading,
+        error,
+        rebuild,
+        setHighlightedPaths,
+        setSelectedPaths,
+        setFocusDirectory,
+        highlightedPaths,
+        selectedPaths,
+        focusDirectory,
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export { ArchitectureMapHighlightLayers, type ArchitectureMapHighlightLayersProps, } from './components/ArchitectureMapHighlightLayers';
+export { type LayerRenderStrategy, type LayerItem, type HighlightLayer, } from './render/client/drawLayeredBuildings';
+export { type MapInteractionState, type MapDisplayOptions } from './types/react-types';
+export { filterCityDataForSelectiveRender, filterCityDataForSubdirectory, filterCityDataForMultipleDirectories, } from './builder/cityDataUtils';
+export { createFileColorHighlightLayers, getDefaultFileColorConfig, getFileColorMapping, } from './utils/fileColorHighlightLayers';
+export type { ColorLayerConfig, FileSuffixConfig, FileSuffixColorConfig, } from './utils/fileColorHighlightLayers';
+export type { CityData, CityBuilding, CityDistrict, SelectiveRenderOptions, Bounds2D, Position3D, } from '@principal-ai/file-city-builder';
+export { MultiVersionCityBuilder } from '@principal-ai/file-city-builder';
+export { useCodeCityData } from './hooks/useCodeCityData';
+export type { UseCodeCityDataOptions, UseCodeCityDataReturn } from './hooks/useCodeCityData';
+export type { FileTree } from '@principal-ai/file-city-builder';
+export { CityViewWithReactFlow, type CityViewWithReactFlowProps, } from './components/CityViewWithReactFlow';
+export { ThemeProvider, useTheme } from '@principal-ade/industry-theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,8BAA8B,EAC9B,KAAK,mCAAmC,GACzC,MAAM,6CAA6C,CAAC;AAGrD,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,cAAc,GACpB,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGvF,OAAO,EACL,gCAAgC,EAChC,6BAA6B,EAC7B,oCAAoC,GACrC,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,8BAA8B,EAC9B,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,kCAAkC,CAAC;AAE1C,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EACV,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,sBAAsB,EACtB,QAAQ,EACR,UAAU,GACX,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAG1E,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAG7F,YAAY,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGhE,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,oCAAoC,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeProvider = exports.CityViewWithReactFlow = exports.useCodeCityData = exports.MultiVersionCityBuilder = exports.getFileColorMapping = exports.getDefaultFileColorConfig = exports.createFileColorHighlightLayers = exports.filterCityDataForMultipleDirectories = exports.filterCityDataForSubdirectory = exports.filterCityDataForSelectiveRender = exports.ArchitectureMapHighlightLayers = void 0;
+// Main component export
+var ArchitectureMapHighlightLayers_1 = require("./components/ArchitectureMapHighlightLayers");
+Object.defineProperty(exports, "ArchitectureMapHighlightLayers", { enumerable: true, get: function () { return ArchitectureMapHighlightLayers_1.ArchitectureMapHighlightLayers; } });
+// Utility functions
+var cityDataUtils_1 = require("./builder/cityDataUtils");
+Object.defineProperty(exports, "filterCityDataForSelectiveRender", { enumerable: true, get: function () { return cityDataUtils_1.filterCityDataForSelectiveRender; } });
+Object.defineProperty(exports, "filterCityDataForSubdirectory", { enumerable: true, get: function () { return cityDataUtils_1.filterCityDataForSubdirectory; } });
+Object.defineProperty(exports, "filterCityDataForMultipleDirectories", { enumerable: true, get: function () { return cityDataUtils_1.filterCityDataForMultipleDirectories; } });
+// File color highlight layer utilities
+var fileColorHighlightLayers_1 = require("./utils/fileColorHighlightLayers");
+Object.defineProperty(exports, "createFileColorHighlightLayers", { enumerable: true, get: function () { return fileColorHighlightLayers_1.createFileColorHighlightLayers; } });
+Object.defineProperty(exports, "getDefaultFileColorConfig", { enumerable: true, get: function () { return fileColorHighlightLayers_1.getDefaultFileColorConfig; } });
+Object.defineProperty(exports, "getFileColorMapping", { enumerable: true, get: function () { return fileColorHighlightLayers_1.getFileColorMapping; } });
+// Re-export MultiVersionCityBuilder which was requested
+var file_city_builder_1 = require("@principal-ai/file-city-builder");
+Object.defineProperty(exports, "MultiVersionCityBuilder", { enumerable: true, get: function () { return file_city_builder_1.MultiVersionCityBuilder; } });
+// Export the useCodeCityData hook
+var useCodeCityData_1 = require("./hooks/useCodeCityData");
+Object.defineProperty(exports, "useCodeCityData", { enumerable: true, get: function () { return useCodeCityData_1.useCodeCityData; } });
+// Export React Flow based city view component
+var CityViewWithReactFlow_1 = require("./components/CityViewWithReactFlow");
+Object.defineProperty(exports, "CityViewWithReactFlow", { enumerable: true, get: function () { return CityViewWithReactFlow_1.CityViewWithReactFlow; } });
+// Re-export theme utilities for consumers
+var industry_theme_1 = require("@principal-ade/industry-theme");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return industry_theme_1.ThemeProvider; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return industry_theme_1.useTheme; } });

package/dist/render/client/drawLayeredBuildings.d.ts

@@ -0,0 +1,51 @@
+import { CityBuilding, CityDistrict } from '@principal-ai/file-city-builder';
+export type LayerRenderStrategy = 'border' | 'fill' | 'glow' | 'pattern' | 'cover' | 'icon' | 'custom';
+export interface LayerItem {
+    path: string;
+    type: 'file' | 'directory';
+    renderStrategy?: LayerRenderStrategy;
+    coverOptions?: {
+        opacity?: number;
+        image?: string;
+        text?: string;
+        textSize?: number;
+        backgroundColor?: string;
+        borderRadius?: number;
+        icon?: string;
+        iconSize?: number;
+    };
+    customRender?: (ctx: CanvasRenderingContext2D, bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }, scale: number) => void;
+}
+export interface HighlightLayer {
+    id: string;
+    name: string;
+    enabled: boolean;
+    color: string;
+    opacity?: number;
+    borderWidth?: number;
+    priority: number;
+    items: LayerItem[];
+    dynamic?: boolean;
+}
+export declare function drawGrid(ctx: CanvasRenderingContext2D, width: number, height: number, gridSize: number): void;
+export declare function drawLayeredDistricts(ctx: CanvasRenderingContext2D, districts: CityDistrict[], worldToCanvas: (x: number, z: number) => {
+    x: number;
+    y: number;
+}, scale: number, // This includes the zoom scale for text proportionality
+layers: HighlightLayer[], hoveredDistrict?: CityDistrict | null, fullSize?: boolean, defaultDirectoryColor?: string, layoutConfig?: {
+    paddingTop: number;
+    paddingBottom: number;
+    paddingLeft: number;
+    paddingRight: number;
+}, abstractedPaths?: Set<string>, // Paths of directories that are abstracted (have covers)
+showDirectoryLabels?: boolean, borderRadius?: number): void;
+export declare function drawLayeredBuildings(ctx: CanvasRenderingContext2D, buildings: CityBuilding[], worldToCanvas: (x: number, z: number) => {
+    x: number;
+    y: number;
+}, scale: number, layers: HighlightLayer[], hoveredBuilding?: CityBuilding | null, defaultBuildingColor?: string, showFileNames?: boolean, hoverBorderColor?: string, disableOpacityDimming?: boolean, showFileTypeIcons?: boolean, borderRadius?: number): void;
+//# sourceMappingURL=drawLayeredBuildings.d.ts.map

package/dist/render/client/drawLayeredBuildings.d.ts.map

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