@clikvn/showroom-visualizer 0.2.2-dev-10 → 0.2.2-dev-12
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.
- package/.idea/inspectionProfiles/Project_Default.xml +36 -0
- package/.idea/jsLinters/eslint.xml +7 -0
- package/.idea/misc.xml +9 -0
- package/.idea/modules.xml +8 -0
- package/.idea/prettier.xml +8 -0
- package/.idea/showroom-visualizer.iml +9 -0
- package/.idea/vcs.xml +6 -0
- package/DEVELOPMENT.md +120 -120
- package/EXAMPLES.md +967 -967
- package/README.md +139 -139
- package/SETUP_COMPLETE.md +149 -149
- package/dist/components/SkinLayer/Drawer/PoiHeader/index.d.ts +16 -0
- package/dist/components/SkinLayer/Drawer/PoiHeader/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/Drawer/index.d.ts +29 -0
- package/dist/components/SkinLayer/Drawer/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/GalleryFullScreen/Content/ARViewer.d.ts +30 -0
- package/dist/components/SkinLayer/GalleryFullScreen/Content/ARViewer.d.ts.map +1 -0
- package/dist/components/SkinLayer/ModalItemInfo/Description.d.ts +10 -0
- package/dist/components/SkinLayer/ModalItemInfo/Description.d.ts.map +1 -0
- package/dist/components/SkinLayer/ModalItemInfo/Intro.d.ts +9 -0
- package/dist/components/SkinLayer/ModalItemInfo/Intro.d.ts.map +1 -0
- package/dist/components/SkinLayer/ModalItemInfo/Media.d.ts +13 -0
- package/dist/components/SkinLayer/ModalItemInfo/Media.d.ts.map +1 -0
- package/dist/components/SkinLayer/ModalItemInfo/index.d.ts +10 -0
- package/dist/components/SkinLayer/ModalItemInfo/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PlayAll/index.d.ts +8 -0
- package/dist/components/SkinLayer/PlayAll/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.d.ts +13 -0
- package/dist/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.d.ts +13 -0
- package/dist/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.d.ts +15 -0
- package/dist/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.d.ts +13 -0
- package/dist/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.d.ts.map +1 -0
- package/dist/context/StoreContext.d.ts +5 -0
- package/dist/context/StoreContext.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/Scripts.d.ts +4 -0
- package/dist/features/ShowroomVisualizer/Scripts.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/TourContainer.d.ts +9 -0
- package/dist/features/ShowroomVisualizer/TourContainer.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/Tours.d.ts +3 -0
- package/dist/features/ShowroomVisualizer/Tours.d.ts.map +1 -0
- package/dist/features/VirtualTourVisualizer/index.d.ts +20 -0
- package/dist/features/VirtualTourVisualizer/index.d.ts.map +1 -0
- package/dist/features/VirtualTourVisualizerUI/index.d.ts +17 -0
- package/dist/features/VirtualTourVisualizerUI/index.d.ts.map +1 -0
- package/dist/hooks/Visualizer/reducer.d.ts +116 -0
- package/dist/hooks/Visualizer/reducer.d.ts.map +1 -0
- package/dist/index.html +95 -95
- package/dist/index.js +1 -1
- package/dist/web.js +1 -1
- package/example/CSS_HANDLING.md +141 -141
- package/example/FIXES_SUMMARY.md +121 -121
- package/example/PATH_ALIASES.md +103 -103
- package/example/README.md +64 -64
- package/example/index.html +13 -13
- package/example/package.json +25 -25
- package/example/postcss.config.cjs +5 -5
- package/example/tailwind.config.cjs +12 -12
- package/example/tsconfig.node.json +12 -12
- package/example/vite.config.ts +125 -125
- package/package.json +132 -132
- package/rollup.config.js +66 -3
- package/.claude/settings.local.json +0 -19
- package/dist/context/SwizzleContext.d.ts +0 -21
- package/dist/context/SwizzleContext.d.ts.map +0 -1
- package/dist/types/swizzle.d.ts +0 -59
- package/dist/types/swizzle.d.ts.map +0 -1
- /package/dist/features/ShowroomVisualizer/{CssStyles.d.ts → cssStyles.d.ts} +0 -0
- /package/dist/features/ShowroomVisualizer/{CssStyles.d.ts.map → cssStyles.d.ts.map} +0 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ItemInfoType } from '../../../types/Visualizer';
|
|
3
|
+
type ModalItemInfoIntroPropsTypes = {
|
|
4
|
+
product: ItemInfoType;
|
|
5
|
+
collectionIdx: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const ModalItemInfoIntro: FC<ModalItemInfoIntroPropsTypes>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=Intro.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Intro.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/ModalItemInfo/Intro.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMzD,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,4BAA4B,CA8C/D,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ItemInfoType } from '../../../types/Visualizer';
|
|
3
|
+
type ModalItemInfoBrandMediaPropsTypes = {
|
|
4
|
+
product: ItemInfoType;
|
|
5
|
+
};
|
|
6
|
+
interface ModalItemInfoMediaPropsTypes extends ModalItemInfoBrandMediaPropsTypes {
|
|
7
|
+
collectionIdx: number;
|
|
8
|
+
selectedMediaIdx: number;
|
|
9
|
+
setSelectedMediaIdx: (val: number) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const ModalItemInfoMedia: FC<ModalItemInfoMediaPropsTypes>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=Media.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/ModalItemInfo/Media.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,KAAK,iCAAiC,GAAG;IACvC,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAuBF,UAAU,4BACR,SAAQ,iCAAiC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,4BAA4B,CA8K/D,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type ModalItemInfoPropsTypes = {
|
|
3
|
+
wrapClassName?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
mask?: boolean;
|
|
6
|
+
betaLayout?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const ModalItemInfoMemo: React.NamedExoticComponent<ModalItemInfoPropsTypes>;
|
|
9
|
+
export { ModalItemInfoMemo as ModalItemInfo };
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/ModalItemInfo/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAkBzE,KAAK,uBAAuB,GAAG;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAqLF,QAAA,MAAM,iBAAiB,qDAAsB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PlayAll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAoCjC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TextureTypes } from '../../../types/PoiTypes';
|
|
3
|
+
import './styles.scss';
|
|
4
|
+
type Props = {
|
|
5
|
+
textures: TextureTypes[];
|
|
6
|
+
selectedIndex: number;
|
|
7
|
+
displayed: boolean;
|
|
8
|
+
imgEls: HTMLCollectionOf<HTMLImageElement>;
|
|
9
|
+
onClick: (index: number) => void;
|
|
10
|
+
};
|
|
11
|
+
declare const HorizontalMenu: FC<Props>;
|
|
12
|
+
export default HorizontalMenu;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,OAAO,eAAe,CAAC;AAMvB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsC7B,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TextureTypes } from '../../../types/PoiTypes';
|
|
3
|
+
import './styles.scss';
|
|
4
|
+
type Props = {
|
|
5
|
+
textures: TextureTypes[];
|
|
6
|
+
selectedIndex: number;
|
|
7
|
+
displayed: boolean;
|
|
8
|
+
imgEls: HTMLCollectionOf<HTMLImageElement>;
|
|
9
|
+
onClick: (index: number) => void;
|
|
10
|
+
};
|
|
11
|
+
declare const SemicircleMenu: FC<Props>;
|
|
12
|
+
export default SemicircleMenu;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,OAAO,eAAe,CAAC;AAIvB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsC7B,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CSSProperties, FC } from 'react';
|
|
2
|
+
import './styles.scss';
|
|
3
|
+
type Props = {
|
|
4
|
+
imgEl: HTMLImageElement;
|
|
5
|
+
caption: string;
|
|
6
|
+
activated: boolean;
|
|
7
|
+
displayed?: boolean;
|
|
8
|
+
delay?: number;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
onClick: () => void;
|
|
11
|
+
captionStyle?: CSSProperties;
|
|
12
|
+
};
|
|
13
|
+
declare const TextureMenuItem: FC<Props>;
|
|
14
|
+
export default TextureMenuItem;
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,eAAe,CAAC;AAEvB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAuB9B,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TextureTypes } from '../../../types/PoiTypes';
|
|
3
|
+
import './styles.scss';
|
|
4
|
+
type Props = {
|
|
5
|
+
textures: TextureTypes[];
|
|
6
|
+
selectedIndex: number;
|
|
7
|
+
displayed: boolean;
|
|
8
|
+
imgEls: HTMLCollectionOf<HTMLImageElement>;
|
|
9
|
+
onClick: (index: number) => void;
|
|
10
|
+
};
|
|
11
|
+
declare const VerticalMenu: FC<Props>;
|
|
12
|
+
export default VerticalMenu;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,OAAO,eAAe,CAAC;AAMvB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAsC3B,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StoreContext.d.ts","sourceRoot":"","sources":["../../src/context/StoreContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,QAAA,MAAM,YAAY,iCAA8C,CAAC;AAEjE,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scripts.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/Scripts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAKtC,QAAA,MAAM,OAAO,EAAE,EAOd,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TourContainer.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/TourContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAS5B,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tours.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/Tours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,KAAK,EAAE,EAEnB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import Poi from '../../models/Visualizer/Poi/Poi';
|
|
3
|
+
import Tour from '../../models/Visualizer/Tour';
|
|
4
|
+
type VirtualTourVisualizerProps = {
|
|
5
|
+
elementId?: string;
|
|
6
|
+
apiHost?: string;
|
|
7
|
+
config?: {
|
|
8
|
+
tourCode?: string;
|
|
9
|
+
language?: string;
|
|
10
|
+
startScene?: string;
|
|
11
|
+
hLookAt?: number;
|
|
12
|
+
vLookAt?: number;
|
|
13
|
+
} & Record<string, unknown>;
|
|
14
|
+
onTourLoaded?: (tour: Tour) => void;
|
|
15
|
+
onPoiClicked?: (poi?: Poi) => void;
|
|
16
|
+
onPinActionClicked?: (key: string) => void;
|
|
17
|
+
};
|
|
18
|
+
declare const VirtualTourVisualizer: FC<VirtualTourVisualizerProps>;
|
|
19
|
+
export default VirtualTourVisualizer;
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/VirtualTourVisualizer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,GAAG,MAAM,iCAAiC,CAAC;AAClD,OAAO,IAAI,MAAM,8BAA8B,CAAC;AAEhD,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAmBzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
type VirtualTourVisualizerProps = {
|
|
3
|
+
elementId?: string;
|
|
4
|
+
apiHost?: string;
|
|
5
|
+
mobile: boolean;
|
|
6
|
+
config?: {
|
|
7
|
+
tourCode?: string;
|
|
8
|
+
language?: string;
|
|
9
|
+
startScene?: string;
|
|
10
|
+
hLookAt?: number;
|
|
11
|
+
vLookAt?: number;
|
|
12
|
+
} & Record<string, unknown>;
|
|
13
|
+
tourLoaded?: boolean;
|
|
14
|
+
};
|
|
15
|
+
declare const VirtualTourVisualizerUI: FC<VirtualTourVisualizerProps>;
|
|
16
|
+
export default VirtualTourVisualizerUI;
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/VirtualTourVisualizerUI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,0BAA0B,CAoB3D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import Poi from '../../../model/Poi/Poi';
|
|
2
|
+
import { CoordsTypes } from '../../../types/PoiTypes';
|
|
3
|
+
import { FloorplanTypes } from './../../../types/FloorplanTypes';
|
|
4
|
+
export declare const storeName = "tour";
|
|
5
|
+
export declare const actions: {
|
|
6
|
+
SET_TOUR: string;
|
|
7
|
+
SET_ACTIVE_SCENE: string;
|
|
8
|
+
SET_ACTIVE_POI: string;
|
|
9
|
+
SET_ACTIVE_POI_COORDS: string;
|
|
10
|
+
SET_SELECTED_POI: string;
|
|
11
|
+
SET_SELECTED_POI_ACTIVE: string;
|
|
12
|
+
SET_ACTIVE_TOUR_GUIDE: string;
|
|
13
|
+
STOP_ACTIVE_TOUR_GUIDE: string;
|
|
14
|
+
TOGGLE_ACTIVE_TOUR_GUIDE: string;
|
|
15
|
+
TOGGLE_ACTIVE_BG_SOUND: string;
|
|
16
|
+
SET_LOADING: string;
|
|
17
|
+
TOGGLE_TOUR_PLUGIN: string;
|
|
18
|
+
SET_MOUSE_WHEEL: string;
|
|
19
|
+
SET_ACTIVE_FLOOR_PLAN: string;
|
|
20
|
+
SET_ALL_POI_VISIBLE: string;
|
|
21
|
+
SET_LOADING_SCENE: string;
|
|
22
|
+
SET_SOUND_PLAYABLE: string;
|
|
23
|
+
SET_SELECTED_PROMOTION: string;
|
|
24
|
+
SET_SELECTED_GALLERY: string;
|
|
25
|
+
SET_TOUR_READY: string;
|
|
26
|
+
SET_POI_TEXTURE_DATA: string;
|
|
27
|
+
SET_VIEW_ROTATING: string;
|
|
28
|
+
SET_TOUR_SCENARIO: string;
|
|
29
|
+
SET_ACTIVE_SCENARIO_CODE: string;
|
|
30
|
+
SET_REVIEW_SCENARIO_CODE: string;
|
|
31
|
+
SET_LANGUAGE: string;
|
|
32
|
+
SET_SCENARIO_LOADED: string;
|
|
33
|
+
SET_SCENARIO_CONFIG_CODES: string;
|
|
34
|
+
SET_EXIST_POI_TYPE: string;
|
|
35
|
+
SET_POI_CODE_BY_TYPE: string;
|
|
36
|
+
INCREASE_REPLAY_COUNTING: string;
|
|
37
|
+
SET_FLOOR_PLANS: string;
|
|
38
|
+
};
|
|
39
|
+
export interface TourStateType {
|
|
40
|
+
tourReady: boolean;
|
|
41
|
+
data: any;
|
|
42
|
+
activeScene: any;
|
|
43
|
+
activePoi: any;
|
|
44
|
+
activePoiCoords: any;
|
|
45
|
+
selectedPoi: any;
|
|
46
|
+
activeTourGuide: any;
|
|
47
|
+
backgroundSoundPlaying: boolean;
|
|
48
|
+
loading: boolean;
|
|
49
|
+
loadingScene: boolean;
|
|
50
|
+
plugin: {
|
|
51
|
+
[key: string]: boolean;
|
|
52
|
+
};
|
|
53
|
+
activeFloorPlan: FloorplanTypes;
|
|
54
|
+
soundReady: boolean;
|
|
55
|
+
selectedPromotion: any;
|
|
56
|
+
selectedGallery: any;
|
|
57
|
+
poiTextureData: {
|
|
58
|
+
poi: Poi | null;
|
|
59
|
+
coords: CoordsTypes | null;
|
|
60
|
+
};
|
|
61
|
+
viewRotating: boolean;
|
|
62
|
+
activeScenarioCode?: string;
|
|
63
|
+
reviewScenarioCode?: string;
|
|
64
|
+
language: string;
|
|
65
|
+
scenarioLoaded: {
|
|
66
|
+
[key: string]: boolean;
|
|
67
|
+
};
|
|
68
|
+
scenarioConfigCodes?: string[];
|
|
69
|
+
existPoiTypes?: string[];
|
|
70
|
+
poiCodeByType: {
|
|
71
|
+
[key: string]: string[];
|
|
72
|
+
};
|
|
73
|
+
poiCodeActive?: string;
|
|
74
|
+
replayCounting?: number;
|
|
75
|
+
floorplans: FloorplanTypes[];
|
|
76
|
+
}
|
|
77
|
+
declare const _default: (base: {
|
|
78
|
+
readonly tourReady: boolean;
|
|
79
|
+
readonly data: any;
|
|
80
|
+
readonly activeScene: any;
|
|
81
|
+
readonly activePoi: any;
|
|
82
|
+
readonly activePoiCoords: any;
|
|
83
|
+
readonly selectedPoi: any;
|
|
84
|
+
readonly activeTourGuide: any;
|
|
85
|
+
readonly backgroundSoundPlaying: boolean;
|
|
86
|
+
readonly loading: boolean;
|
|
87
|
+
readonly loadingScene: boolean;
|
|
88
|
+
readonly plugin: {
|
|
89
|
+
readonly [x: string]: boolean;
|
|
90
|
+
};
|
|
91
|
+
readonly activeFloorPlan: FloorplanTypes;
|
|
92
|
+
readonly soundReady: boolean;
|
|
93
|
+
readonly selectedPromotion: any;
|
|
94
|
+
readonly selectedGallery: any;
|
|
95
|
+
readonly poiTextureData: {
|
|
96
|
+
readonly poi: Poi | null;
|
|
97
|
+
readonly coords: CoordsTypes | null;
|
|
98
|
+
};
|
|
99
|
+
readonly viewRotating: boolean;
|
|
100
|
+
readonly activeScenarioCode?: string | undefined;
|
|
101
|
+
readonly reviewScenarioCode?: string | undefined;
|
|
102
|
+
readonly language: string;
|
|
103
|
+
readonly scenarioLoaded: {
|
|
104
|
+
readonly [x: string]: boolean;
|
|
105
|
+
};
|
|
106
|
+
readonly scenarioConfigCodes?: readonly string[] | undefined;
|
|
107
|
+
readonly existPoiTypes?: readonly string[] | undefined;
|
|
108
|
+
readonly poiCodeByType: {
|
|
109
|
+
readonly [x: string]: readonly string[];
|
|
110
|
+
};
|
|
111
|
+
readonly poiCodeActive?: string | undefined;
|
|
112
|
+
readonly replayCounting?: number | undefined;
|
|
113
|
+
readonly floorplans: any;
|
|
114
|
+
} | undefined, action: any) => TourStateType | undefined;
|
|
115
|
+
export default _default;
|
|
116
|
+
//# sourceMappingURL=reducer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/hooks/Visualizer/reducer.ts"],"names":[],"mappings":"AAGA,OAAO,GAAG,MAAM,wBAAwB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCnB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,EAAE,GAAG,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,eAAe,EAAE,GAAG,CAAC;IACrB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,CAAC;IACrB,sBAAsB,EAAE,OAAO,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IACnC,eAAe,EAAE,cAAc,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,GAAG,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,cAAc,EAAE;QAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;IAChE,YAAY,EAAE,OAAO,CAAC;IAEtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IAC3C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B;;wBA5BY,OAAO;mBACZ,GAAG;0BACI,GAAG;wBACL,GAAG;8BACG,GAAG;0BACP,GAAG;8BACC,GAAG;qCACI,OAAO;sBACtB,OAAO;2BACF,OAAO;;;;8BAEJ,cAAc;yBACnB,OAAO;gCACA,GAAG;8BACL,GAAG;;sBACG,GAAG,GAAG,IAAI;yBAAU,WAAW,GAAG,IAAI;;2BAC/C,OAAO;kCAEA,MAAM;kCACN,MAAM;uBACjB,MAAM;;;;;;;;;6BAKA,MAAM;8BACL,MAAM;;;AAmCzB,wBA4HG"}
|
package/dist/index.html
CHANGED
|
@@ -1,107 +1,107 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
-
|
|
4
|
-
<meta charset="UTF-8"
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
5
|
<meta
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
name="viewport"
|
|
7
|
+
content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
|
|
8
8
|
/>
|
|
9
9
|
<title>Title</title>
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<div class="flex h-screen w-screen">
|
|
13
|
+
<!-- <div class="h-full" style="width: 72px"></div>-->
|
|
14
|
+
<div class="h-full" style="width: /*calc(100% - 462px);*/ 100%;">
|
|
15
15
|
<div class="h-full w-full relative">
|
|
16
|
-
|
|
16
|
+
<showroom-visualizer></showroom-visualizer>
|
|
17
17
|
</div>
|
|
18
|
-
</div>
|
|
19
|
-
<!-- <div class="h-full" style="width: 390px"></div>-->
|
|
20
18
|
</div>
|
|
21
|
-
<
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
<!-- <div class="h-full" style="width: 390px"></div>-->
|
|
20
|
+
</div>
|
|
21
|
+
<script type="module">
|
|
22
|
+
// import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
|
|
23
|
+
import ShowroomVisualizer from 'http://localhost:3000/web.js';
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
ShowroomVisualizer.initVisualizer({
|
|
26
|
+
apiHost: 'https://ci-api.clik.vn/vt360',
|
|
27
|
+
webRotateApiHost: 'https://ci-api.clik.vn/cms',
|
|
28
|
+
webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
|
|
29
|
+
config: {
|
|
30
|
+
language: 'VI',
|
|
31
|
+
// tourCode: 'TOUR_FXYCEN7ZZVW6',
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
// startScene: 'scene_kr3rgeezzvw6',
|
|
34
|
+
// hLookAt: -254,
|
|
35
|
+
// vLookAt: 1
|
|
36
|
+
// tourCode: 'TOUR_GEVEXLWNPT74',
|
|
37
|
+
// tourCode: 'TOUR_7YUL2ALGFL94',
|
|
38
|
+
tourCode: 'TOUR_KUFGDEPDTJA4',
|
|
39
|
+
hLookAt: 10,
|
|
40
|
+
vLookAt: 28,
|
|
41
|
+
// startScene: 'SCENE_KNLRAKUHFL94',
|
|
42
|
+
// hLookAt: -54.11884505373274,
|
|
43
|
+
// vLookAt: -9.111287009391969
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
// tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
|
|
46
46
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
// tourCode: 'TOUR_ZJMHKMJEACAH',
|
|
48
|
+
// startScene: 'SCENE_LVN4DLUFACAH',
|
|
49
|
+
// hLookAt: -179.145,
|
|
50
|
+
// vLookAt: 11.597,
|
|
51
51
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
</html>
|
|
52
|
+
// tourCode: 'tour_7yul2algfl94'.toUpperCase(),
|
|
53
|
+
// startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
|
|
54
|
+
// hLookAt: -87,
|
|
55
|
+
// vLookAt: 9,
|
|
56
|
+
// hotspot: 'item27getn2d2m94'.toUpperCase(),
|
|
57
|
+
},
|
|
58
|
+
listeners: {
|
|
59
|
+
onTourSwitchLoaded: (tool) => {
|
|
60
|
+
window.switchTour = tool.switchTour;
|
|
61
|
+
},
|
|
62
|
+
onSceneCompleted: (...args) => {
|
|
63
|
+
// console.log('onSceneCompleted', args);
|
|
64
|
+
},
|
|
65
|
+
onLoaded: tool => {
|
|
66
|
+
// console.log('TOOL_LOADED')
|
|
67
|
+
window.tool = tool;
|
|
68
|
+
},
|
|
69
|
+
onPoiClicked: (poi) => {
|
|
70
|
+
console.log('onPoiClicked', poi);
|
|
71
|
+
},
|
|
72
|
+
onPoiOut: () => {
|
|
73
|
+
// console.log('onPoiOut');
|
|
74
|
+
},
|
|
75
|
+
onPoiOver: (poi) => {
|
|
76
|
+
console.log('onPoiOver', poi);
|
|
77
|
+
},
|
|
78
|
+
onPoiInCenter: (poi) => {
|
|
79
|
+
// console.log('onPoiInCenter', poi);
|
|
80
|
+
},
|
|
81
|
+
onStartScenario: (code) => {
|
|
82
|
+
// console.log('onStartScenario', code);
|
|
83
|
+
},
|
|
84
|
+
onScenarioPaused: (code) => {
|
|
85
|
+
// console.log('onScenarioPaused', code);
|
|
86
|
+
},
|
|
87
|
+
onScenarioEnded: (code) => {
|
|
88
|
+
// console.log('onScenarioEnded', code);
|
|
89
|
+
},
|
|
90
|
+
onChanged: (args) => {
|
|
91
|
+
console.log('onChanged', args);
|
|
92
|
+
},
|
|
93
|
+
onStartLoadingTour: (code) => {
|
|
94
|
+
// console.log('onStartLoadingTour', code);
|
|
95
|
+
},
|
|
96
|
+
onFinishedLoadingTour: (code) => {
|
|
97
|
+
// console.log('onFinishedLoadingTour', code);
|
|
98
|
+
},
|
|
99
|
+
onStateChanged: (changes) => {
|
|
100
|
+
// console.log('changes', changes);
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
mobile: false
|
|
104
|
+
});
|
|
105
|
+
</script>
|
|
106
|
+
</body>
|
|
107
|
+
</html>
|