@principal-ai/file-city-react 0.5.51 → 0.5.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -239,6 +239,13 @@ export interface FileCity3DProps {
|
|
|
239
239
|
onGrowChange?: (isGrown: boolean) => void;
|
|
240
240
|
/** Show control buttons (default: false). Use isGrown prop and resetCamera() for programmatic control. */
|
|
241
241
|
showControls?: boolean;
|
|
242
|
+
/**
|
|
243
|
+
* Render the built-in selection info panel (filename / dir / size)
|
|
244
|
+
* for the selected building. Default `true`. Set `false` when the
|
|
245
|
+
* host already surfaces the same info elsewhere (e.g. a side panel
|
|
246
|
+
* or brief card) so the corner panel doesn't duplicate it.
|
|
247
|
+
*/
|
|
248
|
+
showInfoPanel?: boolean;
|
|
242
249
|
/** Highlight layers for focusing on specific files/directories */
|
|
243
250
|
highlightLayers?: HighlightLayer[];
|
|
244
251
|
/** How to handle non-highlighted buildings when highlights are active */
|
|
@@ -335,6 +342,6 @@ export interface FileCity3DProps {
|
|
|
335
342
|
* Renders CityData as an interactive 3D city where buildings represent files
|
|
336
343
|
* and their height corresponds to line count or file size.
|
|
337
344
|
*/
|
|
338
|
-
export declare function FileCity3D({ cityData, width, height, onBuildingClick, onBuildingHover, className, style, animation, isGrown: externalIsGrown, onGrowChange, showControls, elevatedScopePanels, dismissingPanelIds, onPanelDismissed, highlightLayers: externalHighlightLayers, isolationMode: externalIsolationMode, dimOpacity: _dimOpacity, isLoading, loadingMessage, emptyMessage, heightScaling, linearScale, flatPatterns, focusDirectory: externalFocusDirectory, focusColor: externalFocusColor, onDirectorySelect: _onDirectorySelect, backgroundColor, textColor, selectedBuilding, selectedPath, selectionStyle, adaptCameraToBuildings, fileColorLayers, defaultBuildingColor, cameraControls, onCameraFrame, }: FileCity3DProps): import("react/jsx-runtime").JSX.Element;
|
|
345
|
+
export declare function FileCity3D({ cityData, width, height, onBuildingClick, onBuildingHover, className, style, animation, isGrown: externalIsGrown, onGrowChange, showControls, showInfoPanel, elevatedScopePanels, dismissingPanelIds, onPanelDismissed, highlightLayers: externalHighlightLayers, isolationMode: externalIsolationMode, dimOpacity: _dimOpacity, isLoading, loadingMessage, emptyMessage, heightScaling, linearScale, flatPatterns, focusDirectory: externalFocusDirectory, focusColor: externalFocusColor, onDirectorySelect: _onDirectorySelect, backgroundColor, textColor, selectedBuilding, selectedPath, selectionStyle, adaptCameraToBuildings, fileColorLayers, defaultBuildingColor, cameraControls, onCameraFrame, }: FileCity3DProps): import("react/jsx-runtime").JSX.Element;
|
|
339
346
|
export default FileCity3D;
|
|
340
347
|
//# sourceMappingURL=FileCity3D.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileCity3D.d.ts","sourceRoot":"","sources":["../../../src/components/FileCity3D/FileCity3D.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FileCity3D.d.ts","sourceRoot":"","sources":["../../../src/components/FileCity3D/FileCity3D.tsx"],"names":[],"mappings":"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"}
|
|
@@ -459,16 +459,13 @@ function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hovered
|
|
|
459
459
|
const targetDimRef = useRef(null);
|
|
460
460
|
// Track which buildings should be hidden entirely (1 = hidden, 0 = visible)
|
|
461
461
|
const hiddenRef = useRef(null);
|
|
462
|
-
// Check if user-supplied highlight layers have any active items. File-color
|
|
463
|
-
// layers don't count — they're decorative and shouldn't trigger isolation.
|
|
464
462
|
const hasActiveHighlightLayers = useMemo(() => {
|
|
465
463
|
return visibilityLayers.some(layer => layer.enabled && layer.items.length > 0);
|
|
466
464
|
}, [visibilityLayers]);
|
|
467
|
-
// Directories matched by a directory-type item
|
|
468
|
-
// item from any user-supplied layer. Inside
|
|
469
|
-
//
|
|
470
|
-
//
|
|
471
|
-
// isolation mode.
|
|
465
|
+
// Directories matched by a directory-type item from a user-supplied layer
|
|
466
|
+
// that also contain a file-type item from any user-supplied layer. Inside
|
|
467
|
+
// these directories, the directory match alone isn't enough to count as
|
|
468
|
+
// "specifically highlighted" — file-level matches define the visible subset.
|
|
472
469
|
const narrowedDirectories = useMemo(() => {
|
|
473
470
|
const dirs = [];
|
|
474
471
|
const files = [];
|
|
@@ -523,20 +520,19 @@ function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hovered
|
|
|
523
520
|
const isHighlighted = hasActiveHighlightLayers
|
|
524
521
|
? layerMatches.length > 0
|
|
525
522
|
: true; // No highlights means all are "highlighted"
|
|
526
|
-
//
|
|
527
|
-
//
|
|
528
|
-
//
|
|
523
|
+
// A directory match doesn't count as "specifically highlighted" when
|
|
524
|
+
// that directory has been narrowed by file-level matches — the
|
|
525
|
+
// file-level matches define the visible subset within it.
|
|
529
526
|
const isSpecificallyHighlighted = hasActiveHighlightLayers
|
|
530
527
|
? layerMatches.some(m => m.item.type === 'file' || !narrowedDirectories.has(m.item.path))
|
|
531
528
|
: true;
|
|
532
|
-
// Determine collapse/dim/hide behavior based on what's active
|
|
533
|
-
//
|
|
534
|
-
//
|
|
535
|
-
//
|
|
536
|
-
// - both: collapse if outside focus, dim/hide if in focus but not highlighted
|
|
529
|
+
// Determine collapse/dim/hide behavior based on what's active. The
|
|
530
|
+
// "specifically highlighted" check applies in both collapse and hide
|
|
531
|
+
// modes so directory matches narrowed by file-level matches don't keep
|
|
532
|
+
// every sibling visible.
|
|
537
533
|
if (focusDirectory && hasActiveHighlightLayers && isolationMode === 'collapse') {
|
|
538
534
|
shouldCollapse = !isInFocusDirectory;
|
|
539
|
-
shouldDim = isInFocusDirectory && !
|
|
535
|
+
shouldDim = isInFocusDirectory && !isSpecificallyHighlighted;
|
|
540
536
|
}
|
|
541
537
|
else if (focusDirectory && hasActiveHighlightLayers && isolationMode === 'hide') {
|
|
542
538
|
shouldCollapse = !isInFocusDirectory;
|
|
@@ -546,7 +542,7 @@ function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hovered
|
|
|
546
542
|
shouldCollapse = !isInFocusDirectory;
|
|
547
543
|
}
|
|
548
544
|
else if (hasActiveHighlightLayers && isolationMode === 'collapse') {
|
|
549
|
-
shouldCollapse = !
|
|
545
|
+
shouldCollapse = !isSpecificallyHighlighted;
|
|
550
546
|
}
|
|
551
547
|
else if (hasActiveHighlightLayers && isolationMode === 'hide') {
|
|
552
548
|
shouldHide = !isSpecificallyHighlighted;
|
|
@@ -802,7 +798,7 @@ function BuildingIcons({ buildings, centerOffset, growProgress, heightScaling, l
|
|
|
802
798
|
const matches = getLayerMatchesForPath(building.path, visibilityLayers);
|
|
803
799
|
const isHighlighted = matches.length > 0;
|
|
804
800
|
const isSpecificallyHighlighted = matches.some(m => m.item.type === 'file' || !narrowedDirectories.has(m.item.path));
|
|
805
|
-
const shouldDim = hasActiveHighlights && !
|
|
801
|
+
const shouldDim = hasActiveHighlights && !isSpecificallyHighlighted;
|
|
806
802
|
const shouldHide = hasActiveHighlights && isolationMode === 'hide' && !isSpecificallyHighlighted;
|
|
807
803
|
const shouldCollapse = shouldDim && isolationMode === 'collapse';
|
|
808
804
|
// Hide icons for buildings that are hidden or collapsed
|
|
@@ -2024,7 +2020,7 @@ function CityScene({ cityData, onBuildingHover, onBuildingClick, hoveredBuilding
|
|
|
2024
2020
|
* Renders CityData as an interactive 3D city where buildings represent files
|
|
2025
2021
|
* and their height corresponds to line count or file size.
|
|
2026
2022
|
*/
|
|
2027
|
-
export function FileCity3D({ cityData, width = '100%', height = 600, onBuildingClick, onBuildingHover, className, style, animation, isGrown: externalIsGrown, onGrowChange, showControls = false, elevatedScopePanels, dismissingPanelIds, onPanelDismissed, highlightLayers: externalHighlightLayers, isolationMode: externalIsolationMode, dimOpacity: _dimOpacity = 0.15, isLoading = false, loadingMessage = 'Loading file city...', emptyMessage = 'No file tree data available', heightScaling = 'linear', linearScale = 1, flatPatterns = DEFAULT_FLAT_PATTERNS, focusDirectory: externalFocusDirectory, focusColor: externalFocusColor, onDirectorySelect: _onDirectorySelect, backgroundColor = '#0f172a', textColor = '#94a3b8', selectedBuilding = null, selectedPath = null, selectionStyle, adaptCameraToBuildings = false, fileColorLayers, defaultBuildingColor, cameraControls, onCameraFrame, }) {
|
|
2023
|
+
export function FileCity3D({ cityData, width = '100%', height = 600, onBuildingClick, onBuildingHover, className, style, animation, isGrown: externalIsGrown, onGrowChange, showControls = false, showInfoPanel = true, elevatedScopePanels, dismissingPanelIds, onPanelDismissed, highlightLayers: externalHighlightLayers, isolationMode: externalIsolationMode, dimOpacity: _dimOpacity = 0.15, isLoading = false, loadingMessage = 'Loading file city...', emptyMessage = 'No file tree data available', heightScaling = 'linear', linearScale = 1, flatPatterns = DEFAULT_FLAT_PATTERNS, focusDirectory: externalFocusDirectory, focusColor: externalFocusColor, onDirectorySelect: _onDirectorySelect, backgroundColor = '#0f172a', textColor = '#94a3b8', selectedBuilding = null, selectedPath = null, selectionStyle, adaptCameraToBuildings = false, fileColorLayers, defaultBuildingColor, cameraControls, onCameraFrame, }) {
|
|
2028
2024
|
const [hoveredBuilding, setHoveredBuilding] = useState(null);
|
|
2029
2025
|
const [internalIsGrown, setInternalIsGrown] = useState(false);
|
|
2030
2026
|
const [cameraReady, setCameraReady] = useState(false);
|
|
@@ -2151,6 +2147,6 @@ export function FileCity3D({ cityData, width = '100%', height = 600, onBuildingC
|
|
|
2151
2147
|
height: '100%',
|
|
2152
2148
|
opacity: cameraReady ? 1 : 0,
|
|
2153
2149
|
transition: 'opacity 0.1s ease-in',
|
|
2154
|
-
}, children: [_jsx(CityScene, { cityData: cityData, onBuildingHover: handleBuildingHover, onBuildingClick: onBuildingClick, hoveredBuilding: hoveredBuilding, selectedBuilding: resolvedSelection.building, selectedDistrict: resolvedSelection.district, selectionStyle: selectionStyle, growProgress: growProgress, animationConfig: animationConfig, highlightLayers: highlightLayers, visibilityLayers: visibilityLayers, isolationMode: isolationMode, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, focusDirectory: focusDirectory, focusColor: focusColor, adaptCameraToBuildings: adaptCameraToBuildings, elevatedScopePanels: elevatedScopePanels, dismissingPanelIds: dismissingPanelIds, onPanelDismissed: onPanelDismissed, cameraControls: cameraControls, defaultBuildingColor: defaultBuildingColor, onCameraReady: () => setCameraReady(true) }), onCameraFrame && _jsx(CameraFrameBridge, { onCameraFrame: onCameraFrame })] }), _jsx(InfoPanel, { building: resolvedSelection.building }), showControls && (_jsx(ControlsOverlay, { isFlat: !isGrown, onToggle: handleToggle, onResetCamera: resetCamera, onLookDown: () => tiltCameraTo(0) }))] }));
|
|
2150
|
+
}, children: [_jsx(CityScene, { cityData: cityData, onBuildingHover: handleBuildingHover, onBuildingClick: onBuildingClick, hoveredBuilding: hoveredBuilding, selectedBuilding: resolvedSelection.building, selectedDistrict: resolvedSelection.district, selectionStyle: selectionStyle, growProgress: growProgress, animationConfig: animationConfig, highlightLayers: highlightLayers, visibilityLayers: visibilityLayers, isolationMode: isolationMode, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, focusDirectory: focusDirectory, focusColor: focusColor, adaptCameraToBuildings: adaptCameraToBuildings, elevatedScopePanels: elevatedScopePanels, dismissingPanelIds: dismissingPanelIds, onPanelDismissed: onPanelDismissed, cameraControls: cameraControls, defaultBuildingColor: defaultBuildingColor, onCameraReady: () => setCameraReady(true) }), onCameraFrame && _jsx(CameraFrameBridge, { onCameraFrame: onCameraFrame })] }), showInfoPanel && _jsx(InfoPanel, { building: resolvedSelection.building }), showControls && (_jsx(ControlsOverlay, { isFlat: !isGrown, onToggle: handleToggle, onResetCamera: resetCamera, onLookDown: () => tiltCameraTo(0) }))] }));
|
|
2155
2151
|
}
|
|
2156
2152
|
export default FileCity3D;
|
package/package.json
CHANGED
|
@@ -818,17 +818,14 @@ function InstancedBuildings({
|
|
|
818
818
|
// Track which buildings should be hidden entirely (1 = hidden, 0 = visible)
|
|
819
819
|
const hiddenRef = useRef<Uint8Array | null>(null);
|
|
820
820
|
|
|
821
|
-
// Check if user-supplied highlight layers have any active items. File-color
|
|
822
|
-
// layers don't count — they're decorative and shouldn't trigger isolation.
|
|
823
821
|
const hasActiveHighlightLayers = useMemo(() => {
|
|
824
822
|
return visibilityLayers.some(layer => layer.enabled && layer.items.length > 0);
|
|
825
823
|
}, [visibilityLayers]);
|
|
826
824
|
|
|
827
|
-
// Directories matched by a directory-type item
|
|
828
|
-
// item from any user-supplied layer. Inside
|
|
829
|
-
//
|
|
830
|
-
//
|
|
831
|
-
// isolation mode.
|
|
825
|
+
// Directories matched by a directory-type item from a user-supplied layer
|
|
826
|
+
// that also contain a file-type item from any user-supplied layer. Inside
|
|
827
|
+
// these directories, the directory match alone isn't enough to count as
|
|
828
|
+
// "specifically highlighted" — file-level matches define the visible subset.
|
|
832
829
|
const narrowedDirectories = useMemo(() => {
|
|
833
830
|
const dirs: string[] = [];
|
|
834
831
|
const files: string[] = [];
|
|
@@ -887,30 +884,29 @@ function InstancedBuildings({
|
|
|
887
884
|
? layerMatches.length > 0
|
|
888
885
|
: true; // No highlights means all are "highlighted"
|
|
889
886
|
|
|
890
|
-
//
|
|
891
|
-
//
|
|
892
|
-
//
|
|
887
|
+
// A directory match doesn't count as "specifically highlighted" when
|
|
888
|
+
// that directory has been narrowed by file-level matches — the
|
|
889
|
+
// file-level matches define the visible subset within it.
|
|
893
890
|
const isSpecificallyHighlighted = hasActiveHighlightLayers
|
|
894
891
|
? layerMatches.some(m =>
|
|
895
892
|
m.item.type === 'file' || !narrowedDirectories.has(m.item.path),
|
|
896
893
|
)
|
|
897
894
|
: true;
|
|
898
895
|
|
|
899
|
-
// Determine collapse/dim/hide behavior based on what's active
|
|
900
|
-
//
|
|
901
|
-
//
|
|
902
|
-
//
|
|
903
|
-
// - both: collapse if outside focus, dim/hide if in focus but not highlighted
|
|
896
|
+
// Determine collapse/dim/hide behavior based on what's active. The
|
|
897
|
+
// "specifically highlighted" check applies in both collapse and hide
|
|
898
|
+
// modes so directory matches narrowed by file-level matches don't keep
|
|
899
|
+
// every sibling visible.
|
|
904
900
|
if (focusDirectory && hasActiveHighlightLayers && isolationMode === 'collapse') {
|
|
905
901
|
shouldCollapse = !isInFocusDirectory;
|
|
906
|
-
shouldDim = isInFocusDirectory && !
|
|
902
|
+
shouldDim = isInFocusDirectory && !isSpecificallyHighlighted;
|
|
907
903
|
} else if (focusDirectory && hasActiveHighlightLayers && isolationMode === 'hide') {
|
|
908
904
|
shouldCollapse = !isInFocusDirectory;
|
|
909
905
|
shouldHide = isInFocusDirectory && !isSpecificallyHighlighted;
|
|
910
906
|
} else if (focusDirectory) {
|
|
911
907
|
shouldCollapse = !isInFocusDirectory;
|
|
912
908
|
} else if (hasActiveHighlightLayers && isolationMode === 'collapse') {
|
|
913
|
-
shouldCollapse = !
|
|
909
|
+
shouldCollapse = !isSpecificallyHighlighted;
|
|
914
910
|
} else if (hasActiveHighlightLayers && isolationMode === 'hide') {
|
|
915
911
|
shouldHide = !isSpecificallyHighlighted;
|
|
916
912
|
}
|
|
@@ -1323,7 +1319,7 @@ function BuildingIcons({
|
|
|
1323
1319
|
const isSpecificallyHighlighted = matches.some(
|
|
1324
1320
|
m => m.item.type === 'file' || !narrowedDirectories.has(m.item.path),
|
|
1325
1321
|
);
|
|
1326
|
-
const shouldDim = hasActiveHighlights && !
|
|
1322
|
+
const shouldDim = hasActiveHighlights && !isSpecificallyHighlighted;
|
|
1327
1323
|
const shouldHide =
|
|
1328
1324
|
hasActiveHighlights && isolationMode === 'hide' && !isSpecificallyHighlighted;
|
|
1329
1325
|
const shouldCollapse = shouldDim && isolationMode === 'collapse';
|
|
@@ -3279,6 +3275,13 @@ export interface FileCity3DProps {
|
|
|
3279
3275
|
onGrowChange?: (isGrown: boolean) => void;
|
|
3280
3276
|
/** Show control buttons (default: false). Use isGrown prop and resetCamera() for programmatic control. */
|
|
3281
3277
|
showControls?: boolean;
|
|
3278
|
+
/**
|
|
3279
|
+
* Render the built-in selection info panel (filename / dir / size)
|
|
3280
|
+
* for the selected building. Default `true`. Set `false` when the
|
|
3281
|
+
* host already surfaces the same info elsewhere (e.g. a side panel
|
|
3282
|
+
* or brief card) so the corner panel doesn't duplicate it.
|
|
3283
|
+
*/
|
|
3284
|
+
showInfoPanel?: boolean;
|
|
3282
3285
|
/** Highlight layers for focusing on specific files/directories */
|
|
3283
3286
|
highlightLayers?: HighlightLayer[];
|
|
3284
3287
|
/** How to handle non-highlighted buildings when highlights are active */
|
|
@@ -3397,6 +3400,7 @@ export function FileCity3D({
|
|
|
3397
3400
|
isGrown: externalIsGrown,
|
|
3398
3401
|
onGrowChange,
|
|
3399
3402
|
showControls = false,
|
|
3403
|
+
showInfoPanel = true,
|
|
3400
3404
|
elevatedScopePanels,
|
|
3401
3405
|
dismissingPanelIds,
|
|
3402
3406
|
onPanelDismissed,
|
|
@@ -3621,7 +3625,7 @@ export function FileCity3D({
|
|
|
3621
3625
|
/>
|
|
3622
3626
|
{onCameraFrame && <CameraFrameBridge onCameraFrame={onCameraFrame} />}
|
|
3623
3627
|
</Canvas>
|
|
3624
|
-
<InfoPanel building={resolvedSelection.building} />
|
|
3628
|
+
{showInfoPanel && <InfoPanel building={resolvedSelection.building} />}
|
|
3625
3629
|
{showControls && (
|
|
3626
3630
|
<ControlsOverlay
|
|
3627
3631
|
isFlat={!isGrown}
|