npm - @clikvn/showroom-visualizer - Versions diffs - 0.2.2 → 0.2.3-dev-02 - Mend

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

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 (112) hide show

package/dist/index.html CHANGED Viewed

@@ -1,107 +1,107 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
+      name="viewport"
+      content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
     />
     <title>Title</title>
-</head>
-<body>
-<div class="flex h-screen w-screen">
-    <!--    <div class="h-full" style="width: 72px"></div>-->
-    <div class="h-full" style="width: /*calc(100% - 462px);*/ 100%;">
+  </head>
+  <body>
+    <div class="flex h-screen w-screen">
+      <!--    <div class="h-full" style="width: 72px"></div>-->
+      <div class="h-full" style="width: /*calc(100% - 462px);*/ 100%">
         <div class="h-full w-full relative">
-            <showroom-visualizer></showroom-visualizer>
+          <showroom-visualizer></showroom-visualizer>
         </div>
+      </div>
+      <!--    <div class="h-full" style="width: 390px"></div>-->
     </div>
-    <!--    <div class="h-full" style="width: 390px"></div>-->
-</div>
-<script type="module">
-  // import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
-  import ShowroomVisualizer from 'http://localhost:3000/web.js';
+    <script type="module">
+      // import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
+      import ShowroomVisualizer from 'http://localhost:3000/web.js';
-  ShowroomVisualizer.initVisualizer({
-    apiHost: 'https://ci-api.clik.vn/vt360',
-    webRotateApiHost: 'https://ci-api.clik.vn/cms',
-    webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
-    config: {
-      language: 'VI',
-      // tourCode: 'TOUR_FXYCEN7ZZVW6',
+      ShowroomVisualizer.initVisualizer({
+        apiHost: 'https://ci-api.clik.vn/vt360',
+        webRotateApiHost: 'https://ci-api.clik.vn/cms',
+        webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
+        config: {
+          language: 'VI',
+          // tourCode: 'TOUR_FXYCEN7ZZVW6',
-      // startScene: 'scene_kr3rgeezzvw6',
-      // hLookAt: -254,
-      // vLookAt: 1
-      // tourCode: 'TOUR_GEVEXLWNPT74',
-      // tourCode: 'TOUR_7YUL2ALGFL94',
-      tourCode: 'TOUR_KUFGDEPDTJA4',
-      hLookAt: 10,
-      vLookAt: 28,
-      // startScene: 'SCENE_KNLRAKUHFL94',
-      // hLookAt: -54.11884505373274,
-      // vLookAt: -9.111287009391969
+          // startScene: 'scene_kr3rgeezzvw6',
+          // hLookAt: -254,
+          // vLookAt: 1
+          // tourCode: 'TOUR_GEVEXLWNPT74',
+          // tourCode: 'TOUR_7YUL2ALGFL94',
+          tourCode: 'TOUR_KUFGDEPDTJA4',
+          hLookAt: 10,
+          vLookAt: 28,
+          // startScene: 'SCENE_KNLRAKUHFL94',
+          // hLookAt: -54.11884505373274,
+          // vLookAt: -9.111287009391969
-      // tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
+          // tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
-      // tourCode: 'TOUR_ZJMHKMJEACAH',
-      // startScene: 'SCENE_LVN4DLUFACAH',
-      // hLookAt: -179.145,
-      // vLookAt: 11.597,
+          // tourCode: 'TOUR_ZJMHKMJEACAH',
+          // startScene: 'SCENE_LVN4DLUFACAH',
+          // hLookAt: -179.145,
+          // vLookAt: 11.597,
-      // tourCode: 'tour_7yul2algfl94'.toUpperCase(),
-      // startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
-      // hLookAt: -87,
-      // vLookAt: 9,
-      // hotspot: 'item27getn2d2m94'.toUpperCase(),
-    },
-    listeners: {
-      onTourSwitchLoaded: (tool) => {
-        window.switchTour = tool.switchTour;
-      },
-      onSceneCompleted: (...args) => {
-        // console.log('onSceneCompleted', args);
-      },
-      onLoaded: tool => {
-        // console.log('TOOL_LOADED')
-        window.tool = tool;
-      },
-      onPoiClicked: (poi) => {
-        console.log('onPoiClicked', poi);
-      },
-      onPoiOut: () => {
-        // console.log('onPoiOut');
-      },
-      onPoiOver: (poi) => {
-        console.log('onPoiOver', poi);
-      },
-      onPoiInCenter: (poi) => {
-        // console.log('onPoiInCenter', poi);
-      },
-      onStartScenario: (code) => {
-        // console.log('onStartScenario', code);
-      },
-      onScenarioPaused: (code) => {
-        // console.log('onScenarioPaused', code);
-      },
-      onScenarioEnded: (code) => {
-        // console.log('onScenarioEnded', code);
-      },
-      onChanged: (args) => {
-        console.log('onChanged', args);
-      },
-      onStartLoadingTour: (code) => {
-        // console.log('onStartLoadingTour', code);
-      },
-      onFinishedLoadingTour: (code) => {
-        // console.log('onFinishedLoadingTour', code);
-      },
-      onStateChanged: (changes) => {
-        // console.log('changes', changes);
-      }
-    },
-    mobile: false
-  });
-</script>
-</body>
-</html>
+          // tourCode: 'tour_7yul2algfl94'.toUpperCase(),
+          // startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
+          // hLookAt: -87,
+          // vLookAt: 9,
+          // hotspot: 'item27getn2d2m94'.toUpperCase(),
+        },
+        listeners: {
+          onTourSwitchLoaded: (tool) => {
+            window.switchTour = tool.switchTour;
+          },
+          onSceneCompleted: (...args) => {
+            // console.log('onSceneCompleted', args);
+          },
+          onLoaded: (tool) => {
+            // console.log('TOOL_LOADED')
+            window.tool = tool;
+          },
+          onPoiClicked: (poi) => {
+            console.log('onPoiClicked', poi);
+          },
+          onPoiOut: () => {
+            // console.log('onPoiOut');
+          },
+          onPoiOver: (poi) => {
+            console.log('onPoiOver', poi);
+          },
+          onPoiInCenter: (poi) => {
+            // console.log('onPoiInCenter', poi);
+          },
+          onStartScenario: (code) => {
+            // console.log('onStartScenario', code);
+          },
+          onScenarioPaused: (code) => {
+            // console.log('onScenarioPaused', code);
+          },
+          onScenarioEnded: (code) => {
+            // console.log('onScenarioEnded', code);
+          },
+          onChanged: (args) => {
+            console.log('onChanged', args);
+          },
+          onStartLoadingTour: (code) => {
+            // console.log('onStartLoadingTour', code);
+          },
+          onFinishedLoadingTour: (code) => {
+            // console.log('onFinishedLoadingTour', code);
+          },
+          onStateChanged: (changes) => {
+            // console.log('changes', changes);
+          },
+        },
+        mobile: false,
+      });
+    </script>
+  </body>
+</html>