@clikvn/showroom-visualizer 0.2.6 → 0.3.0-dev-01

package/.claude/settings.local.json

@@ -0,0 +1,19 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(find:*)",
+      "Bash(npm run build:*)",
+      "Bash(grep:*)",
+      "Bash(rm:*)",
+      "Bash(ls:*)",
+      "Bash(sed:*)",
+      "Bash(yarn build)",
+      "Bash(yalc push:*)",
+      "Bash(yarn dev)",
+      "Bash(yarn list:*)",
+      "Bash(mv:*)",
+      "Bash(rg:*)"
+    ],
+    "deny": []
+  }
+}

package/README.md

@@ -1,32 +1,32 @@
-<!-- markdownlint-disable MD030 -->
-
-# showroom-visualizer
-
-Javascript library to display Clik Showroom Visualizer with UI on your website
-
-```html
-<!-- public/index.html -->
-<script type="module">
-    import ShowroomVisualizer from 'http://localhost:3000/web.js';
-    ShowroomVisualizer.initVisualizer({
-        apiHost: 'https://ci-api.clik.vn/vt360',
-        config: {
-            tourCode: 'TOUR_FXYCEN7ZZVW6',
-            language: 'EN'
-        },
-        onLoaded: tool => {
-            window.tool = tool;
-        },
-        mobile: false
-    });
-</script>
-<div style="width: 100vw; height: 100vh">
-    <showroom-visualizer></showroom-visualizer>
-</div>
-```
-
-
-
-
-add   <Scripts /> in ShowroomVisualizer load js ÂR
+<!-- markdownlint-disable MD030 -->
+
+# showroom-visualizer
+
+Javascript library to display Clik Showroom Visualizer with UI on your website
+
+```html
+<!-- public/index.html -->
+<script type="module">
+    import ShowroomVisualizer from 'http://localhost:3000/web.js';
+    ShowroomVisualizer.initVisualizer({
+        apiHost: 'https://ci-api.clik.vn/vt360',
+        config: {
+            tourCode: 'TOUR_FXYCEN7ZZVW6',
+            language: 'EN'
+        },
+        onLoaded: tool => {
+            window.tool = tool;
+        },
+        mobile: false
+    });
+</script>
+<div style="width: 100vw; height: 100vh">
+    <showroom-visualizer></showroom-visualizer>
+</div>
+```
+
+
+
+
+add   <Scripts /> in ShowroomVisualizer load js ÂR
 serve dist --cors 

package/base.json

@@ -1,21 +1,21 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Default",
-  "compilerOptions": {
-    "composite": false,
-    "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "inlineSources": false,
-    "isolatedModules": true,
-    "moduleResolution": "node",
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "preserveWatchOutput": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "downlevelIteration": true
-  },
-  "exclude": ["node_modules"]
-}
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Default",
+  "compilerOptions": {
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "downlevelIteration": true
+  },
+  "exclude": ["node_modules"]
+}

package/dist/components/SkinLayer/DefaultLayout/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ToolType } from '../../../types/SkinLayer/tool.type';
+type Props = {
+    onToolLoaded?: (tool: ToolType) => void;
+};
+declare const Layout: FC<Props>;
+export default Layout;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SkinLayer/DefaultLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/DefaultLayout/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,EAAE,EAAuB,MAAM,OAAO,CAAC;AAc/D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAkC9D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CA4UrB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/SkinLayer/PinActionButtons/ButtonWithTooltip.d.ts

@@ -4,6 +4,7 @@ type ButtonWithTooltipProps = {
     title?: string;
     children?: React.ReactNode;
     placement?: TooltipPlacement;
+    onClick?: () => void;
 };
 declare const ButtonWithTooltip: FC<ButtonWithTooltipProps>;
 export default ButtonWithTooltip;

package/dist/components/SkinLayer/PinActionButtons/ButtonWithTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PinActionButtons/ButtonWithTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAqC,MAAM,OAAO,CAAC;AAK9D,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkLjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ButtonWithTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PinActionButtons/ButtonWithTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAiD,MAAM,OAAO,CAAC;AAK1E,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAmLhD,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/Detail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Detail.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/Detail.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAMnC,QAAA,MAAM,aAAa,GAAI,+CAKpB;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,4CA6NA,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"Detail.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/Detail.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAMnC,QAAA,MAAM,aAAa,GAAI,+CAKpB;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,4CAiOA,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/context/CustomLayoutContext.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType, ReactNode } from 'react';
+import { CustomLayoutConfig } from '../types/custom-layout';
+type CustomLayoutContextType = {
+    customLayout: CustomLayoutConfig;
+    getCustomComponent: <T = unknown>(path: string[], defaultComponent: ComponentType<T>) => ComponentType<T>;
+};
+/**
+ * Hook để access custom layout configuration
+ */
+export declare const useCustomLayout: () => CustomLayoutContextType;
+type Props = {
+    customLayout?: CustomLayoutConfig;
+    children: ReactNode;
+};
+/**
+ * CustomLayoutProvider - Wrap app với provider này để enable component overrides
+ */
+export declare const CustomLayoutProvider: React.FC<Props>;
+export {};
+//# sourceMappingURL=CustomLayoutContext.d.ts.map

package/dist/context/CustomLayoutContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomLayoutContext.d.ts","sourceRoot":"","sources":["../../src/context/CustomLayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAEhC,KAAK,uBAAuB,GAAG;IAC7B,YAAY,EAAE,kBAAkB,CAAC;IACjC,kBAAkB,EAAE,CAAC,CAAC,GAAG,OAAO,EAC9B,IAAI,EAAE,MAAM,EAAE,EACd,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,KAC/B,aAAa,CAAC,CAAC,CAAC,CAAC;CACvB,CAAC;AAOF;;GAEG;AACH,eAAO,MAAM,eAAe,+BAAwC,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6ChD,CAAC"}

package/dist/context/SwizzleContext.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode, ComponentType } from 'react';
+import { SwizzleConfig, SwizzlePath } from '../types/swizzle';
+type SwizzleContextType = {
+    swizzle: SwizzleConfig;
+    getSwizzledComponent: <T = unknown>(path: SwizzlePath, defaultComponent: ComponentType<T>) => ComponentType<T>;
+};
+/**
+ * Hook để access swizzle configuration
+ */
+export declare const useSwizzle: () => SwizzleContextType;
+type Props = {
+    swizzle?: SwizzleConfig;
+    children: ReactNode;
+};
+/**
+ * SwizzleProvider - Wrap app với provider này để enable component swizzling
+ * Giống như Docusaurus swizzle pattern
+ */
+export declare const SwizzleProvider: React.FC<Props>;
+export {};
+//# sourceMappingURL=SwizzleContext.d.ts.map

package/dist/context/SwizzleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwizzleContext.d.ts","sourceRoot":"","sources":["../../src/context/SwizzleContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,aAAa,EAGd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ9D,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,aAAa,CAAC;IACvB,oBAAoB,EAAE,CAAC,CAAC,GAAG,OAAO,EAChC,IAAI,EAAE,WAAW,EACjB,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,KAC/B,aAAa,CAAC,CAAC,CAAC,CAAC;CACvB,CAAC;AAOF;;GAEG;AACH,eAAO,MAAM,UAAU,0BAAmC,CAAC;AAE3D,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkG3C,CAAC"}