@principal-ai/file-city-react 0.3.0

package/src/hooks/useCodeCityData.ts

@@ -0,0 +1,82 @@
+import { useState, useEffect, useMemo } from 'react';
+import { FileTree as FileSystemTree } from '@principal-ai/file-city-builder';
+import { MultiVersionCityBuilder, 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 function useCodeCityData({
+  fileSystemTree,
+  autoUpdate = true,
+}: UseCodeCityDataOptions): UseCodeCityDataReturn {
+  const [cityData, setCityData] = useState<CityData | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  // UI state
+  const [highlightedPaths, setHighlightedPaths] = useState<Set<string>>(new Set());
+  const [selectedPaths, setSelectedPaths] = useState<Set<string>>(new Set());
+  const [focusDirectory, setFocusDirectory] = useState<string | null>(null);
+
+  // Rebuild city data
+  const rebuild = 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 } = 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
+  useEffect(() => {
+    if (autoUpdate) {
+      rebuild();
+    }
+  }, [autoUpdate, rebuild]);
+
+  return {
+    cityData,
+    isLoading,
+    error,
+    rebuild,
+    setHighlightedPaths,
+    setSelectedPaths,
+    setFocusDirectory,
+    highlightedPaths,
+    selectedPaths,
+    focusDirectory,
+  };
+}

package/src/index.ts

@@ -0,0 +1,64 @@
+// Main component export
+export {
+  ArchitectureMapHighlightLayers,
+  type ArchitectureMapHighlightLayersProps,
+} from './components/ArchitectureMapHighlightLayers';
+
+// Layer and rendering types
+export {
+  type LayerRenderStrategy,
+  type LayerItem,
+  type HighlightLayer,
+} from './render/client/drawLayeredBuildings';
+
+// React-specific types
+export { type MapInteractionState, type MapDisplayOptions } from './types/react-types';
+
+// Utility functions
+export {
+  filterCityDataForSelectiveRender,
+  filterCityDataForSubdirectory,
+  filterCityDataForMultipleDirectories,
+} from './builder/cityDataUtils';
+
+// File color highlight layer utilities
+export {
+  createFileColorHighlightLayers,
+  getDefaultFileColorConfig,
+  getFileColorMapping,
+} from './utils/fileColorHighlightLayers';
+
+export type {
+  ColorLayerConfig,
+  FileSuffixConfig,
+  FileSuffixColorConfig,
+} from './utils/fileColorHighlightLayers';
+
+// Re-export commonly used types from builder
+export type {
+  CityData,
+  CityBuilding,
+  CityDistrict,
+  SelectiveRenderOptions,
+  Bounds2D,
+  Position3D,
+} from '@principal-ai/file-city-builder';
+
+// Re-export MultiVersionCityBuilder which was requested
+export { MultiVersionCityBuilder } from '@principal-ai/file-city-builder';
+
+// Export the useCodeCityData hook
+export { useCodeCityData } from './hooks/useCodeCityData';
+export type { UseCodeCityDataOptions, UseCodeCityDataReturn } from './hooks/useCodeCityData';
+
+// Re-export FileTree type for convenience
+export type { FileTree } from '@principal-ai/file-city-builder';
+
+// Export React Flow based city view component
+export {
+  CityViewWithReactFlow,
+  type CityViewWithReactFlowProps,
+} from './components/CityViewWithReactFlow';
+
+// Re-export theme utilities for consumers
+export { ThemeProvider, useTheme } from '@principal-ade/industry-theme';