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

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.
Files changed (39) hide show
  1. package/CLAUDE.md +145 -145
  2. package/DEVELOPMENT.md +120 -120
  3. package/EXAMPLES.md +967 -967
  4. package/README.md +489 -489
  5. package/SETUP_COMPLETE.md +149 -149
  6. package/base.json +21 -21
  7. package/dist/components/SkinLayer/Drawer/PoiHeader/index.d.ts +16 -0
  8. package/dist/components/SkinLayer/Drawer/PoiHeader/index.d.ts.map +1 -0
  9. package/dist/components/SkinLayer/Drawer/index.d.ts +29 -0
  10. package/dist/components/SkinLayer/Drawer/index.d.ts.map +1 -0
  11. package/dist/components/SkinLayer/PlayAll/index.d.ts +8 -0
  12. package/dist/components/SkinLayer/PlayAll/index.d.ts.map +1 -0
  13. package/dist/features/VirtualTourVisualizer/index.d.ts +20 -0
  14. package/dist/features/VirtualTourVisualizer/index.d.ts.map +1 -0
  15. package/dist/features/VirtualTourVisualizerUI/index.d.ts +17 -0
  16. package/dist/features/VirtualTourVisualizerUI/index.d.ts.map +1 -0
  17. package/dist/fonts/icomoon.svg +633 -633
  18. package/dist/index.html +36 -0
  19. package/dist/index.js +1 -1
  20. package/dist/web.d.ts.map +1 -1
  21. package/dist/web.js +1 -1
  22. package/example/CSS_HANDLING.md +141 -141
  23. package/example/FIXES_SUMMARY.md +121 -131
  24. package/example/PATH_ALIASES.md +103 -102
  25. package/example/README.md +64 -63
  26. package/example/index.html +13 -12
  27. package/example/package.json +25 -25
  28. package/example/postcss.config.cjs +6 -6
  29. package/example/tailwind.config.cjs +12 -12
  30. package/example/tsconfig.node.json +12 -11
  31. package/example/vite.config.ts +142 -142
  32. package/package.json +133 -133
  33. package/rollup.config.js +400 -400
  34. package/tailwind.config.cjs +151 -151
  35. package/.claude/settings.local.json +0 -19
  36. package/dist/components/SkinLayer/Floorplan/Minimap/test01.d.ts +0 -15
  37. package/dist/components/SkinLayer/Floorplan/Minimap/test01.d.ts.map +0 -1
  38. /package/dist/features/ShowroomVisualizer/{CssStyles.d.ts → cssStyles.d.ts} +0 -0
  39. /package/dist/features/ShowroomVisualizer/{CssStyles.d.ts.map → cssStyles.d.ts.map} +0 -0
@@ -1,151 +1,151 @@
1
- // eslint-disable-next-line @typescript-eslint/no-var-requires
2
- const defaultTheme = require('tailwindcss/defaultTheme');
3
- const plugin = require('tailwindcss/plugin');
4
-
5
- function rem2px(input, fontSize = 16) {
6
- if (input == null) {
7
- return input;
8
- }
9
- switch (typeof input) {
10
- case 'object':
11
- if (Array.isArray(input)) {
12
- return input.map((val) => rem2px(val, fontSize));
13
- }
14
- // eslint-disable-next-line no-case-declarations
15
- const ret = {};
16
- for (const key in input) {
17
- ret[key] = rem2px(input[key], fontSize);
18
- }
19
- return ret;
20
- case 'string':
21
- return input.replace(
22
- /(\d*\.?\d+)rem$/,
23
- (_, val) => `${parseFloat(val) * fontSize}px`
24
- );
25
- case 'function':
26
- return eval(
27
- input
28
- .toString()
29
- .replace(
30
- /(\d*\.?\d+)rem/g,
31
- (_, val) => `${parseFloat(val) * fontSize}px`
32
- )
33
- );
34
- default:
35
- return input;
36
- }
37
- }
38
-
39
- /** @type {import('tailwindcss').Config} */
40
- module.exports = {
41
- darkMode: ['class'],
42
- content: ['./src/**/*.{js,jsx,ts,tsx}'],
43
- theme: {
44
- ...rem2px(defaultTheme),
45
- fontFamily: {
46
- sans: ['Be Vietnam Pro', 'sans-serif'],
47
- mono: ['Be Vietnam Pro', 'sans-serif'],
48
- },
49
- extend: {
50
- keyframes: {
51
- 'fade-in': {
52
- '0%': {
53
- opacity: '0',
54
- },
55
- '100%': {
56
- opacity: '1',
57
- },
58
- },
59
- 'poi-item-info-bg-animation': {
60
- '0%': {
61
- 'background-color': 'rgba(0, 0, 0, 0)',
62
- },
63
- '100%': {
64
- 'background-color': 'rgba(0, 0, 0, 0.48)',
65
- },
66
- },
67
- 'poi-item-info-animation': {
68
- '0%': {
69
- width: '0',
70
- },
71
- '100%': {
72
- width: '100%',
73
- },
74
- },
75
- },
76
- /*animation: {
77
- 'fade-in': 'fade-in 0.3s ease-out',
78
- },
79
- borderRadius: {
80
- lg: 'var(--radius)',
81
- md: 'calc(var(--radius) - 2px)',
82
- sm: 'calc(var(--radius) - 4px)',
83
- },*/
84
- colors: {
85
- background: 'var(--background)',
86
- foreground: 'var(--foreground)',
87
- card: {
88
- DEFAULT: 'var(--card)',
89
- foreground: 'var(--card-foreground)',
90
- },
91
- popover: {
92
- DEFAULT: 'var(--popover)',
93
- foreground: 'var(--popover-foreground)',
94
- },
95
- primary: {
96
- DEFAULT: 'var(--primary)',
97
- foreground: 'var(--primary-foreground)',
98
- },
99
- secondary: {
100
- DEFAULT: 'var(--secondary)',
101
- foreground: 'var(--secondary-foreground)',
102
- },
103
- muted: {
104
- DEFAULT: 'var(--muted)',
105
- foreground: 'var(--muted-foreground)',
106
- },
107
- accent: {
108
- DEFAULT: 'var(--accent)',
109
- foreground: 'var(--accent-foreground)',
110
- },
111
- destructive: {
112
- DEFAULT: 'var(--destructive)',
113
- foreground: 'var(--destructive-foreground)',
114
- },
115
- border: 'var(--border)',
116
- input: 'var(--input)',
117
- ring: 'var(--ring)',
118
- rating: 'var(--rating)',
119
- chart: {
120
- 1: 'var(--chart-1)',
121
- 2: 'var(--chart-2)',
122
- 3: 'var(--chart-3)',
123
- 4: 'var(--chart-4)',
124
- 5: 'var(--chart-5)',
125
- },
126
- sidebar: {
127
- DEFAULT: 'var(--sidebar)',
128
- foreground: 'var(--sidebar-foreground)',
129
- primary: 'var(--sidebar-primary)',
130
- 'primary-foreground': 'var(--sidebar-primary-foreground)',
131
- accent: 'var(--sidebar-accent)',
132
- 'accent-foreground': 'var(--sidebar-accent-foreground)',
133
- border: 'var(--sidebar-border)',
134
- ring: 'var(--sidebar-ring)',
135
- },
136
- base: 'var(--base)',
137
- },
138
- },
139
- },
140
- plugins: [
141
- require('tailwindcss-animate'),
142
- require('@tailwindcss/typography'),
143
- plugin(function ({ addVariant }) {
144
- addVariant('wrapped', ({ container }) => {
145
- container.walkRules((rule) => {
146
- rule.selector = `.clik-chatbot-wrapper ${rule.selector}`;
147
- });
148
- });
149
- }),
150
- ],
151
- };
1
+ // eslint-disable-next-line @typescript-eslint/no-var-requires
2
+ const defaultTheme = require('tailwindcss/defaultTheme');
3
+ const plugin = require('tailwindcss/plugin');
4
+
5
+ function rem2px(input, fontSize = 16) {
6
+ if (input == null) {
7
+ return input;
8
+ }
9
+ switch (typeof input) {
10
+ case 'object':
11
+ if (Array.isArray(input)) {
12
+ return input.map((val) => rem2px(val, fontSize));
13
+ }
14
+ // eslint-disable-next-line no-case-declarations
15
+ const ret = {};
16
+ for (const key in input) {
17
+ ret[key] = rem2px(input[key], fontSize);
18
+ }
19
+ return ret;
20
+ case 'string':
21
+ return input.replace(
22
+ /(\d*\.?\d+)rem$/,
23
+ (_, val) => `${parseFloat(val) * fontSize}px`
24
+ );
25
+ case 'function':
26
+ return eval(
27
+ input
28
+ .toString()
29
+ .replace(
30
+ /(\d*\.?\d+)rem/g,
31
+ (_, val) => `${parseFloat(val) * fontSize}px`
32
+ )
33
+ );
34
+ default:
35
+ return input;
36
+ }
37
+ }
38
+
39
+ /** @type {import('tailwindcss').Config} */
40
+ module.exports = {
41
+ darkMode: ['class'],
42
+ content: ['./src/**/*.{js,jsx,ts,tsx}'],
43
+ theme: {
44
+ ...rem2px(defaultTheme),
45
+ fontFamily: {
46
+ sans: ['Be Vietnam Pro', 'sans-serif'],
47
+ mono: ['Be Vietnam Pro', 'sans-serif'],
48
+ },
49
+ extend: {
50
+ keyframes: {
51
+ 'fade-in': {
52
+ '0%': {
53
+ opacity: '0',
54
+ },
55
+ '100%': {
56
+ opacity: '1',
57
+ },
58
+ },
59
+ 'poi-item-info-bg-animation': {
60
+ '0%': {
61
+ 'background-color': 'rgba(0, 0, 0, 0)',
62
+ },
63
+ '100%': {
64
+ 'background-color': 'rgba(0, 0, 0, 0.48)',
65
+ },
66
+ },
67
+ 'poi-item-info-animation': {
68
+ '0%': {
69
+ width: '0',
70
+ },
71
+ '100%': {
72
+ width: '100%',
73
+ },
74
+ },
75
+ },
76
+ /*animation: {
77
+ 'fade-in': 'fade-in 0.3s ease-out',
78
+ },
79
+ borderRadius: {
80
+ lg: 'var(--radius)',
81
+ md: 'calc(var(--radius) - 2px)',
82
+ sm: 'calc(var(--radius) - 4px)',
83
+ },*/
84
+ colors: {
85
+ background: 'var(--background)',
86
+ foreground: 'var(--foreground)',
87
+ card: {
88
+ DEFAULT: 'var(--card)',
89
+ foreground: 'var(--card-foreground)',
90
+ },
91
+ popover: {
92
+ DEFAULT: 'var(--popover)',
93
+ foreground: 'var(--popover-foreground)',
94
+ },
95
+ primary: {
96
+ DEFAULT: 'var(--primary)',
97
+ foreground: 'var(--primary-foreground)',
98
+ },
99
+ secondary: {
100
+ DEFAULT: 'var(--secondary)',
101
+ foreground: 'var(--secondary-foreground)',
102
+ },
103
+ muted: {
104
+ DEFAULT: 'var(--muted)',
105
+ foreground: 'var(--muted-foreground)',
106
+ },
107
+ accent: {
108
+ DEFAULT: 'var(--accent)',
109
+ foreground: 'var(--accent-foreground)',
110
+ },
111
+ destructive: {
112
+ DEFAULT: 'var(--destructive)',
113
+ foreground: 'var(--destructive-foreground)',
114
+ },
115
+ border: 'var(--border)',
116
+ input: 'var(--input)',
117
+ ring: 'var(--ring)',
118
+ rating: 'var(--rating)',
119
+ chart: {
120
+ 1: 'var(--chart-1)',
121
+ 2: 'var(--chart-2)',
122
+ 3: 'var(--chart-3)',
123
+ 4: 'var(--chart-4)',
124
+ 5: 'var(--chart-5)',
125
+ },
126
+ sidebar: {
127
+ DEFAULT: 'var(--sidebar)',
128
+ foreground: 'var(--sidebar-foreground)',
129
+ primary: 'var(--sidebar-primary)',
130
+ 'primary-foreground': 'var(--sidebar-primary-foreground)',
131
+ accent: 'var(--sidebar-accent)',
132
+ 'accent-foreground': 'var(--sidebar-accent-foreground)',
133
+ border: 'var(--sidebar-border)',
134
+ ring: 'var(--sidebar-ring)',
135
+ },
136
+ base: 'var(--base)',
137
+ },
138
+ },
139
+ },
140
+ plugins: [
141
+ require('tailwindcss-animate'),
142
+ require('@tailwindcss/typography'),
143
+ plugin(function ({ addVariant }) {
144
+ addVariant('wrapped', ({ container }) => {
145
+ container.walkRules((rule) => {
146
+ rule.selector = `.clik-chatbot-wrapper ${rule.selector}`;
147
+ });
148
+ });
149
+ }),
150
+ ],
151
+ };
@@ -1,19 +0,0 @@
1
- {
2
- "permissions": {
3
- "allow": [
4
- "Bash(find:*)",
5
- "Bash(npm run build:*)",
6
- "Bash(grep:*)",
7
- "Bash(rm:*)",
8
- "Bash(ls:*)",
9
- "Bash(sed:*)",
10
- "Bash(yarn build)",
11
- "Bash(yalc push:*)",
12
- "Bash(yarn dev)",
13
- "Bash(yarn list:*)",
14
- "Bash(mv:*)",
15
- "Bash(rg:*)"
16
- ],
17
- "deny": []
18
- }
19
- }
@@ -1,15 +0,0 @@
1
- type FloorplanMinimapPropsTypes = {
2
- showActiveOnly?: boolean;
3
- noRadar?: boolean;
4
- defaultSize?: number;
5
- largeSize?: number;
6
- defaultColor?: string;
7
- activeColor?: string;
8
- onWrapperClick?: () => void;
9
- onClose?: () => void;
10
- boxWidth?: number;
11
- isMinimized?: boolean;
12
- };
13
- declare const _default: import("react").NamedExoticComponent<FloorplanMinimapPropsTypes>;
14
- export default _default;
15
- //# sourceMappingURL=test01.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"test01.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/Floorplan/Minimap/test01.tsx"],"names":[],"mappings":"AAwCA,KAAK,0BAA0B,GAAG;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;AA4tCF,wBAA0C"}