@principal-ai/file-city-react 0.4.8 → 0.5.0
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.
|
@@ -1,39 +1,6 @@
|
|
|
1
|
-
import { CityBuilding, CityDistrict } from '@principal-ai/file-city-builder';
|
|
1
|
+
import { CityBuilding, CityDistrict, LayerItem, LayerRenderStrategy, HighlightLayer } from '@principal-ai/file-city-builder';
|
|
2
2
|
import { FileTypeIconConfig } from '../../utils/fileColorHighlightLayers';
|
|
3
|
-
export type
|
|
4
|
-
export interface LayerItem {
|
|
5
|
-
path: string;
|
|
6
|
-
type: 'file' | 'directory';
|
|
7
|
-
renderStrategy?: LayerRenderStrategy;
|
|
8
|
-
coverOptions?: {
|
|
9
|
-
opacity?: number;
|
|
10
|
-
image?: string;
|
|
11
|
-
text?: string;
|
|
12
|
-
textSize?: number;
|
|
13
|
-
backgroundColor?: string;
|
|
14
|
-
borderRadius?: number;
|
|
15
|
-
icon?: string;
|
|
16
|
-
iconSize?: number;
|
|
17
|
-
lucideIcon?: string;
|
|
18
|
-
};
|
|
19
|
-
customRender?: (ctx: CanvasRenderingContext2D, bounds: {
|
|
20
|
-
x: number;
|
|
21
|
-
y: number;
|
|
22
|
-
width: number;
|
|
23
|
-
height: number;
|
|
24
|
-
}, scale: number) => void;
|
|
25
|
-
}
|
|
26
|
-
export interface HighlightLayer {
|
|
27
|
-
id: string;
|
|
28
|
-
name: string;
|
|
29
|
-
enabled: boolean;
|
|
30
|
-
color: string;
|
|
31
|
-
opacity?: number;
|
|
32
|
-
borderWidth?: number;
|
|
33
|
-
priority: number;
|
|
34
|
-
items: LayerItem[];
|
|
35
|
-
dynamic?: boolean;
|
|
36
|
-
}
|
|
3
|
+
export type { LayerItem, LayerRenderStrategy, HighlightLayer };
|
|
37
4
|
/**
|
|
38
5
|
* LayerIndex provides O(1) path lookups instead of O(n) iteration.
|
|
39
6
|
* This dramatically improves performance with large numbers of layer items.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawLayeredBuildings.d.ts","sourceRoot":"","sources":["../../../src/render/client/drawLayeredBuildings.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"drawLayeredBuildings.d.ts","sourceRoot":"","sources":["../../../src/render/client/drawLayeredBuildings.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,mBAAmB,EACnB,cAAc,EACf,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI1E,YAAY,EAAE,SAAS,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC;AAE/D;;;GAGG;AACH,qBAAa,UAAU;IAErB,OAAO,CAAC,UAAU,CAA6E;IAE/F,OAAO,CAAC,cAAc,CAAuE;IAE7F,OAAO,CAAC,WAAW,CAA6E;gBAEpF,MAAM,EAAE,cAAc,EAAE;IAIpC,OAAO,CAAC,UAAU;IA0BlB;;;;OAIG;IACH,eAAe,CACb,IAAI,EAAE,MAAM,EACZ,SAAS,GAAE,OAAO,GAAG,UAAuB,GAC3C,KAAK,CAAC;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;CAuCrD;AA8BD,wBAAgB,QAAQ,CACtB,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,QAqBjB;AA0VD,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,wBAAwB,EAC7B,SAAS,EAAE,YAAY,EAAE,EACzB,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACjE,KAAK,EAAE,MAAM,EAAE,wDAAwD;AACvE,MAAM,EAAE,cAAc,EAAE,EACxB,eAAe,CAAC,EAAE,YAAY,GAAG,IAAI,EACrC,QAAQ,CAAC,EAAE,OAAO,EAClB,qBAAqB,CAAC,EAAE,MAAM,EAC9B,YAAY,CAAC,EAAE;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,EACD,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,yDAAyD;AACxF,mBAAmB,GAAE,OAAc,EACnC,YAAY,GAAE,MAAU,EAAE,uDAAuD;AACjF,UAAU,CAAC,EAAE,UAAU,QAgQxB;AAGD,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,wBAAwB,EAC7B,SAAS,EAAE,YAAY,EAAE,EACzB,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACjE,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,cAAc,EAAE,EACxB,eAAe,CAAC,EAAE,YAAY,GAAG,IAAI,EACrC,oBAAoB,CAAC,EAAE,MAAM,EAC7B,aAAa,CAAC,EAAE,OAAO,EACvB,gBAAgB,CAAC,EAAE,MAAM,EACzB,qBAAqB,CAAC,EAAE,OAAO,EAC/B,iBAAiB,CAAC,EAAE,OAAO,EAC3B,YAAY,GAAE,MAAU,EAAE,2DAA2D;AACrF,UAAU,CAAC,EAAE,UAAU,EAAE,2CAA2C;AACpE,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,QA8J1C"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@principal-ai/file-city-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"description": "React components for File City visualization",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@principal-ade/industry-theme": "^0.1.3",
|
|
16
16
|
"@principal-ai/alexandria-core-library": "^0.1.36",
|
|
17
|
-
"@principal-ai/file-city-builder": "^0.
|
|
17
|
+
"@principal-ai/file-city-builder": "^0.4.0",
|
|
18
18
|
"lucide-react": "^0.563.0",
|
|
19
19
|
"reactflow": "^11.11.4"
|
|
20
20
|
},
|
|
@@ -1,54 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
CityBuilding,
|
|
3
|
+
CityDistrict,
|
|
4
|
+
LayerItem,
|
|
5
|
+
LayerRenderStrategy,
|
|
6
|
+
HighlightLayer,
|
|
7
|
+
} from '@principal-ai/file-city-builder';
|
|
2
8
|
import { getLucideIconImage } from '../../utils/lucideIconConverter';
|
|
3
9
|
import { FileTypeIconConfig } from '../../utils/fileColorHighlightLayers';
|
|
4
10
|
import { getFileTypeIcon, drawFileTypeIcon } from '../../utils/fileTypeIcons';
|
|
5
11
|
|
|
6
|
-
//
|
|
7
|
-
export type LayerRenderStrategy
|
|
8
|
-
| 'border'
|
|
9
|
-
| 'fill'
|
|
10
|
-
| 'glow'
|
|
11
|
-
| 'pattern'
|
|
12
|
-
| 'cover'
|
|
13
|
-
| 'icon'
|
|
14
|
-
| 'custom';
|
|
15
|
-
|
|
16
|
-
export interface LayerItem {
|
|
17
|
-
path: string;
|
|
18
|
-
type: 'file' | 'directory';
|
|
19
|
-
renderStrategy?: LayerRenderStrategy;
|
|
20
|
-
// Cover-specific options
|
|
21
|
-
coverOptions?: {
|
|
22
|
-
opacity?: number;
|
|
23
|
-
image?: string;
|
|
24
|
-
text?: string;
|
|
25
|
-
textSize?: number;
|
|
26
|
-
backgroundColor?: string;
|
|
27
|
-
borderRadius?: number;
|
|
28
|
-
icon?: string;
|
|
29
|
-
iconSize?: number;
|
|
30
|
-
lucideIcon?: string;
|
|
31
|
-
};
|
|
32
|
-
// Custom render function
|
|
33
|
-
customRender?: (
|
|
34
|
-
ctx: CanvasRenderingContext2D,
|
|
35
|
-
bounds: { x: number; y: number; width: number; height: number },
|
|
36
|
-
scale: number,
|
|
37
|
-
) => void;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export interface HighlightLayer {
|
|
41
|
-
id: string;
|
|
42
|
-
name: string;
|
|
43
|
-
enabled: boolean;
|
|
44
|
-
color: string;
|
|
45
|
-
opacity?: number;
|
|
46
|
-
borderWidth?: number;
|
|
47
|
-
priority: number; // Higher priority layers render on top
|
|
48
|
-
items: LayerItem[];
|
|
49
|
-
// Performance optimization - mark frequently changing layers as dynamic
|
|
50
|
-
dynamic?: boolean; // If true, this layer changes frequently (e.g., hover effects)
|
|
51
|
-
}
|
|
12
|
+
// Re-export for backward compatibility
|
|
13
|
+
export type { LayerItem, LayerRenderStrategy, HighlightLayer };
|
|
52
14
|
|
|
53
15
|
/**
|
|
54
16
|
* LayerIndex provides O(1) path lookups instead of O(n) iteration.
|