@clikvn/showroom-visualizer 0.2.3-dev-02 → 0.2.3-dev-04

package/package.json

@@ -1,124 +1,124 @@
-{
-  "name": "@clikvn/showroom-visualizer",
-  "description": "Showroom Visualizer",
-  "version": "0.2.3-dev-02",
-  "author": "Clik JSC",
-  "license": "ISC",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "dev": "rollup --watch --config rollup.config.js",
-    "build": "rollup --config rollup.config.js",
-    "lint": "eslint src",
-    "lint:fix": "eslint --fix src",
-    "prettier": "prettier --write .",
-    "pub": "publish --access public",
-    "deploy": "yarn build && yarn publish --access public"
-  },
-  "dependencies": {
-    "@clikvn/react-bottom-sheet": "^1.0.3",
-    "@clikvn/react-gallery-viewer": "^1.2.3-dev",
-    "@fortawesome/fontawesome-svg-core": "^6.6.0",
-    "@fortawesome/free-brands-svg-icons": "^6.6.0",
-    "@fortawesome/free-regular-svg-icons": "^6.6.0",
-    "@fortawesome/free-solid-svg-icons": "^6.6.0",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@radix-ui/react-slot": "^1.1.1",
-    "@ts-stack/markdown": "1.4.0",
-    "@types/moment": "^2.13.0",
-    "antd": "^5.27.2",
-    "axios": "^1.11.0",
-    "class-variance-authority": "^0.7.1",
-    "classnames": "^2.5.1",
-    "clsx": "^2.1.1",
-    "date-fns": "^4.1.0",
-    "device-detector-js": "^3.0.3",
-    "embla-carousel-react": "^8.6.0",
-    "framer-motion": "^12.23.12",
-    "howler": "^2.2.4",
-    "i18next": "^25.5.1",
-    "lodash": "^4.17.21",
-    "lucide-react": "^0.544.0",
-    "moment": "^2.30.1",
-    "node-fetch": "^3.3.2",
-    "qrcode.react": "^4.2.0",
-    "rc-progress": "^4.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-i18next": "^15.7.3",
-    "react-intersection-image": "^2.1.2",
-    "react-markdown": "^9.0.3",
-    "react-planet": "^1.0.1-ie11",
-    "react-slick": "^0.31.0",
-    "react-truncate-markup": "^5.1.2",
-    "react-zoom-pan-pinch": "^3.7.0",
-    "remark-gfm": "^4.0.0",
-    "signals": "^1.0.0",
-    "sonner": "^2.0.7",
-    "swr": "^2.3.0",
-    "usehooks-ts": "^3.1.0",
-    "vtt.js": "^0.13.0",
-    "web-vitals": "^2.1.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@rollup-extras/plugin-copy": "^1.11.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.1",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-typescript": "^12.1.1",
-    "@tailwindcss/typography": "^0.5.15",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/howler": "^2.2.12",
-    "@types/jest": "^29.5.14",
-    "@types/lodash": "^4.17.20",
-    "@types/node": "^22.9.0",
-    "@types/node-fetch": "^2.6.13",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@types/signals": "^1.0.4",
-    "@typescript-eslint/eslint-plugin": "^8.20.0",
-    "@typescript-eslint/parser": "^8.20.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-prettier": "^5.2.2",
-    "prettier": "^3.4.2",
-    "react-scripts": "5.0.1",
-    "rollup": "^4.26.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript-paths": "^1.5.0",
-    "rollup-plugin-uglify": "^6.0.4",
-    "tailwind-merge": "^2.6.0",
-    "tailwindcss": "^3.4.15",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.6.3"
-  },
-  "engines": {
-    "node": ">=18.18.0"
-  }
-}
+{
+  "name": "@clikvn/showroom-visualizer",
+  "description": "Showroom Visualizer",
+  "version": "0.2.3-dev-04",
+  "author": "Clik JSC",
+  "license": "ISC",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "dev": "rollup --watch --config rollup.config.js",
+    "build": "rollup --config rollup.config.js",
+    "lint": "eslint src",
+    "lint:fix": "eslint --fix src",
+    "prettier": "prettier --write .",
+    "pub": "publish --access public",
+    "deploy": "yarn build && yarn publish --access public"
+  },
+  "dependencies": {
+    "@clikvn/react-bottom-sheet": "^1.0.3",
+    "@clikvn/react-gallery-viewer": "^1.2.3-dev",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-brands-svg-icons": "^6.6.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@ts-stack/markdown": "1.4.0",
+    "@types/moment": "^2.13.0",
+    "antd": "^5.27.2",
+    "axios": "^1.11.0",
+    "class-variance-authority": "^0.7.1",
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "device-detector-js": "^3.0.3",
+    "embla-carousel-react": "^8.6.0",
+    "framer-motion": "^12.23.12",
+    "howler": "^2.2.4",
+    "i18next": "^25.5.1",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.544.0",
+    "moment": "^2.30.1",
+    "node-fetch": "^3.3.2",
+    "qrcode.react": "^4.2.0",
+    "rc-progress": "^4.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^15.7.3",
+    "react-intersection-image": "^2.1.2",
+    "react-markdown": "^9.0.3",
+    "react-planet": "^1.0.1-ie11",
+    "react-slick": "^0.31.0",
+    "react-truncate-markup": "^5.1.2",
+    "react-zoom-pan-pinch": "^3.7.0",
+    "remark-gfm": "^4.0.0",
+    "signals": "^1.0.0",
+    "sonner": "^2.0.7",
+    "swr": "^2.3.0",
+    "usehooks-ts": "^3.1.0",
+    "vtt.js": "^0.13.0",
+    "web-vitals": "^2.1.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@rollup-extras/plugin-copy": "^1.11.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@tailwindcss/typography": "^0.5.15",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^13.2.1",
+    "@types/howler": "^2.2.12",
+    "@types/jest": "^29.5.14",
+    "@types/lodash": "^4.17.20",
+    "@types/node": "^22.9.0",
+    "@types/node-fetch": "^2.6.13",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@types/signals": "^1.0.4",
+    "@typescript-eslint/eslint-plugin": "^8.20.0",
+    "@typescript-eslint/parser": "^8.20.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.2",
+    "prettier": "^3.4.2",
+    "react-scripts": "5.0.1",
+    "rollup": "^4.26.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript-paths": "^1.5.0",
+    "rollup-plugin-uglify": "^6.0.4",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss": "^3.4.15",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.6.3"
+  },
+  "engines": {
+    "node": ">=18.18.0"
+  }
+}

package/rollup.config.js

@@ -1,97 +1,97 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from '@rollup/plugin-typescript';
-import { terser } from 'rollup-plugin-terser';
-import postcss from 'rollup-plugin-postcss';
-import { babel } from '@rollup/plugin-babel';
-import autoprefixer from 'autoprefixer';
-import { typescriptPaths } from 'rollup-plugin-typescript-paths';
-import json from '@rollup/plugin-json';
-import { uglify } from 'rollup-plugin-uglify';
-import replace from 'rollup-plugin-replace';
-import tailwindcss from 'tailwindcss';
-import copy from '@rollup-extras/plugin-copy';
-
-const extensions = ['.ts', '.tsx', '.js'];
-const isDev =
-  process.env.NODE_ENV === 'development' || process.env.ROLLUP_WATCH === 'true';
-
-const indexConfig = {
-  context: 'this',
-  onwarn(warning, warn) {
-    // Bỏ qua warning về "use client" directive
-    if (
-      warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
-      warning.message.includes('"use client"')
-    ) {
-      return;
-    }
-    // Hiển thị các warning khác
-    warn(warning);
-  },
-  plugins: [
-    resolve({
-      extensions,
-      browser: true,
-      dedupe: ['useTranslation', 'i18n', 'I18nextProvider'],
-    }),
-    commonjs(),
-    // Skip uglify in dev mode - tốn thời gian
-    !isDev && uglify(),
-    json(),
-    // Skip babel in dev mode - giảm thời gian compile
-    !isDev &&
-      babel({
-        babelHelpers: 'bundled',
-        exclude: 'node_modules/**',
-        extensions,
-      }),
-    copy({
-      targets: [
-        {
-          src: [
-            'src/assets/fonts/icomoon.woff',
-            'src/assets/fonts/icomoon.ttf',
-            'src/assets/fonts/icomoon.svg',
-            'src/assets/fonts/icomoon.eot',
-          ],
-          dest: 'fonts',
-        },
-      ],
-    }),
-    replace({
-      'process.env.NODE_ENV': JSON.stringify(
-        isDev ? 'development' : 'production'
-      ),
-    }),
-    postcss({
-      plugins: [autoprefixer(), tailwindcss()],
-      extract: false,
-      modules: false,
-      autoModules: false,
-      minimize: !isDev, // Skip minify CSS trong dev
-      inject: false,
-    }),
-    typescript({
-      sourceMap: isDev, // Source map chỉ trong dev
-      inlineSources: isDev,
-    }),
-    typescriptPaths({ preserveExtensions: true }),
-    // Skip terser trong dev - tốn rất nhiều thời gian
-    !isDev && terser({ output: { comments: false } }),
-  ].filter(Boolean), // Remove false values
-};
-
-const configs = [
-  {
-    input: './src/web.ts',
-    output: {
-      file: 'dist/web.js',
-      format: 'esm',
-      inlineDynamicImports: true,
-    },
-    ...indexConfig,
-  },
-];
-
-export default configs;
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from '@rollup/plugin-typescript';
+import { terser } from 'rollup-plugin-terser';
+import postcss from 'rollup-plugin-postcss';
+import { babel } from '@rollup/plugin-babel';
+import autoprefixer from 'autoprefixer';
+import { typescriptPaths } from 'rollup-plugin-typescript-paths';
+import json from '@rollup/plugin-json';
+import { uglify } from 'rollup-plugin-uglify';
+import replace from 'rollup-plugin-replace';
+import tailwindcss from 'tailwindcss';
+import copy from '@rollup-extras/plugin-copy';
+
+const extensions = ['.ts', '.tsx', '.js'];
+const isDev =
+  process.env.NODE_ENV === 'development' || process.env.ROLLUP_WATCH === 'true';
+
+const indexConfig = {
+  context: 'this',
+  onwarn(warning, warn) {
+    // Bỏ qua warning về "use client" directive
+    if (
+      warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
+      warning.message.includes('"use client"')
+    ) {
+      return;
+    }
+    // Hiển thị các warning khác
+    warn(warning);
+  },
+  plugins: [
+    resolve({
+      extensions,
+      browser: true,
+      dedupe: ['useTranslation', 'i18n', 'I18nextProvider'],
+    }),
+    commonjs(),
+    // Skip uglify in dev mode - tốn thời gian
+    !isDev && uglify(),
+    json(),
+    // Skip babel in dev mode - giảm thời gian compile
+    !isDev &&
+      babel({
+        babelHelpers: 'bundled',
+        exclude: 'node_modules/**',
+        extensions,
+      }),
+    copy({
+      targets: [
+        {
+          src: [
+            'src/assets/fonts/icomoon.woff',
+            'src/assets/fonts/icomoon.ttf',
+            'src/assets/fonts/icomoon.svg',
+            'src/assets/fonts/icomoon.eot',
+          ],
+          dest: 'fonts',
+        },
+      ],
+    }),
+    replace({
+      'process.env.NODE_ENV': JSON.stringify(
+        isDev ? 'development' : 'production'
+      ),
+    }),
+    postcss({
+      plugins: [autoprefixer(), tailwindcss()],
+      extract: false,
+      modules: false,
+      autoModules: false,
+      minimize: !isDev, // Skip minify CSS trong dev
+      inject: false,
+    }),
+    typescript({
+      sourceMap: isDev, // Source map chỉ trong dev
+      inlineSources: isDev,
+    }),
+    typescriptPaths({ preserveExtensions: true }),
+    // Skip terser trong dev - tốn rất nhiều thời gian
+    !isDev && terser({ output: { comments: false } }),
+  ].filter(Boolean), // Remove false values
+};
+
+const configs = [
+  {
+    input: './src/web.ts',
+    output: {
+      file: 'dist/web.js',
+      format: 'esm',
+      inlineDynamicImports: true,
+    },
+    ...indexConfig,
+  },
+];
+
+export default configs;

package/.claude/settings.local.json

@@ -1,19 +0,0 @@
-{
-  "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/dist/context/SwizzleContext.d.ts

@@ -1,21 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

package/dist/types/swizzle.d.ts

@@ -1,59 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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"}