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

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

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 (109) 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>
-    <script type="module">
-      // import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
-      import ShowroomVisualizer from 'http://localhost:3000/web.js';
+    <!--    <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';
-      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>