@clikvn/showroom-visualizer 0.2.2-dev-13 → 0.2.2-dev-14

package/dist/types/custom-layout.d.ts

@@ -0,0 +1,63 @@
+import { ComponentType } from 'react';
+/**
+ * Custom Layout Config - Cho phép override từng component thông qua cấu trúc object lồng nhau.
+ *
+ * @example
+ * ```tsx
+ * customLayout={{
+ *   Floorplan: {
+ *     Minimap: {
+ *       Marker: CustomMarker,
+ *       Polygon: CustomPolygon,
+ *     },
+ *   },
+ * }}
+ * ```
+ *
+ * @important Pass component functions, NOT React elements!
+ */
+export type CustomLayoutComponent<T = any> = ComponentType<T>;
+export type CustomLayoutNode = CustomLayoutComponent | {
+    [key: string]: CustomLayoutNode;
+};
+export type CustomLayoutConfig = {
+    [key: string]: CustomLayoutNode;
+};
+/**
+ * Resolve helper để tìm component theo path (ví dụ ['Floorplan', 'Minimap', 'Marker'])
+ */
+export declare const resolveCustomLayoutComponent: (config: CustomLayoutConfig | undefined, path: string[]) => CustomLayoutComponent | undefined;
+/**
+ * Registry document các component có thể custom layout
+ */
+export declare const CUSTOM_LAYOUT_COMPONENTS: {
+    readonly Floorplan: {
+        readonly path: "src/components/SkinLayer/Floorplan/index.tsx";
+        readonly description: "Main Floorplan container with bottom sheet";
+        readonly children: {
+            readonly Map: {
+                readonly path: "src/components/SkinLayer/Floorplan/Map.tsx";
+                readonly description: "Floorplan map wrapper with controls";
+            };
+            readonly Minimap: {
+                readonly path: "src/components/SkinLayer/Floorplan/Minimap/index.tsx";
+                readonly description: "Interactive minimap with markers and polygons";
+                readonly children: {
+                    readonly Marker: {
+                        readonly path: "src/components/SkinLayer/Floorplan/Minimap/MiniMapMarker.tsx";
+                        readonly description: "Individual marker on minimap";
+                    };
+                    readonly Polygon: {
+                        readonly path: "src/components/SkinLayer/Floorplan/Minimap/MiniMapPolygons/index.tsx";
+                        readonly description: "Polygon areas on minimap";
+                    };
+                    readonly Radar: {
+                        readonly path: "src/components/SkinLayer/Floorplan/Minimap/index.tsx";
+                        readonly description: "Radar element inside minimap";
+                    };
+                };
+            };
+        };
+    };
+};
+//# sourceMappingURL=custom-layout.d.ts.map

package/dist/types/custom-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-layout.d.ts","sourceRoot":"","sources":["../../src/types/custom-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GACxB,qBAAqB,GACrB;IACE,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACjC,CAAC;AAEN,MAAM,MAAM,kBAAkB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,GACvC,QAAQ,kBAAkB,GAAG,SAAS,EACtC,MAAM,MAAM,EAAE,KACb,qBAAqB,GAAG,SAgD1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B3B,CAAC"}

package/dist/types/swizzle.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Swizzle Config - Cho phép customize components theo nested path
+ * Giống như Docusaurus swizzle pattern
+ *
+ * @example
+ * ```tsx
+ * // ✅ ĐÚNG - Pass component function
+ * swizzle={{
+ *   'Floorplan.Minimap.Marker': CustomMarker,
+ *   'Floorplan.Minimap': CustomMinimap,
+ * }}
+ *
+ * // ❌ SAI - Không pass React element
+ * swizzle={{
+ *   'Floorplan.Minimap.Marker': <CustomMarker />,  // ❌ Wrong!
+ * }}
+ * ```
+ *
+ * @important Pass component functions, NOT React elements!
+ */
+export type SwizzleConfig = {
+    Floorplan?: any;
+    'Floorplan.Map'?: any;
+    'Floorplan.Minimap'?: any;
+    'Floorplan.Minimap.Marker'?: any;
+    'Floorplan.Minimap.Polygon'?: any;
+    'Floorplan.Minimap.Radar'?: any;
+};
+/**
+ * Helper type để auto-complete swizzle paths
+ */
+export type SwizzlePath = keyof SwizzleConfig;
+/**
+ * Registry của tất cả components có thể swizzle
+ * Dùng để documentation và validation
+ */
+export declare const SWIZZLEABLE_COMPONENTS: {
+    readonly Floorplan: {
+        readonly path: "src/components/SkinLayer/Floorplan/index.tsx";
+        readonly description: "Main Floorplan container with bottom sheet";
+    };
+    readonly 'Floorplan.Map': {
+        readonly path: "src/components/SkinLayer/Floorplan/Map.tsx";
+        readonly description: "Floorplan map wrapper with controls";
+    };
+    readonly 'Floorplan.Minimap': {
+        readonly path: "src/components/SkinLayer/Floorplan/Minimap/index.tsx";
+        readonly description: "Interactive minimap with markers and polygons";
+    };
+    readonly 'Floorplan.Minimap.Marker': {
+        readonly path: "src/components/SkinLayer/Floorplan/Minimap/MiniMapMarker.tsx";
+        readonly description: "Individual marker on minimap";
+    };
+    readonly 'Floorplan.Minimap.Polygon': {
+        readonly path: "src/components/SkinLayer/Floorplan/Minimap/MiniMapPolygons/index.tsx";
+        readonly description: "Polygon areas on minimap";
+    };
+};
+//# sourceMappingURL=swizzle.d.ts.map

package/dist/types/swizzle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swizzle.d.ts","sourceRoot":"","sources":["../../src/types/swizzle.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,aAAa,GAAG;IAE1B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,0BAA0B,CAAC,EAAE,GAAG,CAAC;IACjC,2BAA2B,CAAC,EAAE,GAAG,CAAC;IAClC,yBAAyB,CAAC,EAAE,GAAG,CAAC;CAGjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,aAAa,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;CAsBzB,CAAC"}

package/dist/web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web.d.ts","sourceRoot":"","sources":["../src/web.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU;;UAIuF,CAAC;;;CAJpE,CAAC;AAGrC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"web.d.ts","sourceRoot":"","sources":["../src/web.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU;;UAIsF,CAAC;;;CAJnE,CAAC;AAGrC,eAAe,UAAU,CAAC"}