From 29e3d71eb217e308addca24904f14cce6be46cc1 Mon Sep 17 00:00:00 2001
From: hujinwei <hujinwei3@gemdale.com>
Date: Mon, 28 Nov 2022 09:51:30 +0800
Subject: [PATCH] =?UTF-8?q?=20=E8=A7=A3=E5=86=B3=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0/gemini-viewer-examples/=E5=AF=BC=E8=87=B4?=
 =?UTF-8?q?=E7=A4=BA=E4=BE=8B=E9=A1=B5=E9=9D=A2=E6=89=93=E4=B8=8D=E5=BC=80?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                         |  4 +-
 public/config.json                   | 38 +++++++--------
 public/demo/bim_0.html               |  8 ++--
 public/demo/bim_1.html               |  8 ++--
 public/demo/dxf_0.html               | 20 ++++----
 public/demo/dxf_1.html               | 20 ++++----
 public/demo/dxf_2.html               | 20 ++++----
 public/demo/dxf_3.html               | 26 +++++-----
 public/demo/dxf_4.html               | 26 +++++-----
 public/demo/dxf_5.html               | 20 ++++----
 public/demo/dxf_6.html               | 20 ++++----
 public/demo/empty_dxf_project.html   | 16 +++----
 public/demo/empty_model_project.html |  6 +--
 public/demo/empty_vr_project.html    |  6 +--
 public/demo/vr_0.html                | 24 +++++-----
 public/demo/vr_1.html                | 30 ++++++------
 public/demo/vr_2.html                | 30 ++++++------
 public/demo/vr_3.html                | 66 ++++++++++++-------------
 public/demo/vr_4.html                | 10 ++--
 public/demo/vr_5.html                | 12 ++---
 public/demo/vr_album_0.html          | 72 ++++++++++++++--------------
 src/pages/demo/index.tsx             |  2 +-
 22 files changed, 242 insertions(+), 242 deletions(-)

diff --git a/package.json b/package.json
index abf1d58..c0ef700 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "gemini-viewer-demo",
+  "name": "gemini-viewer-examples",
   "version": "0.1.0",
   "private": true,
-  "homepage": "/gemini-viewer-examples/",
+  "homepage": ".",
   "dependencies": {
     "@codemirror/autocomplete": "^6.3.0",
     "@codemirror/commands": "^6.1.2",
diff --git a/public/config.json b/public/config.json
index 9e1d0e1..2ee081d 100644
--- a/public/config.json
+++ b/public/config.json
@@ -2,66 +2,66 @@
   "title": "BIM Models",
   "subMenus": [{
     "title": "Upload your local model",
-    "url": "./gemini-viewer-examples/demo/empty_model_project.html"
+    "url": "./demo/empty_model_project.html"
   }, {
     "title": "Rac basic sample project",
-    "url": "./gemini-viewer-examples/demo/bim_0.html"
+    "url": "./demo/bim_0.html"
   }, {
     "title": "Duplex",
-    "url": "./gemini-viewer-examples/demo/bim_1.html"
+    "url": "./demo/bim_1.html"
   }]
 }, {
   "title": "2D drawings",
   "subMenus": [{
     "title": "Upload your local dxf",
-    "url": "./gemini-viewer-examples/demo/empty_dxf_project.html"
+    "url": "./demo/empty_dxf_project.html"
   }, {
     "title": "Rac basic sample project",
-    "url": "./gemini-viewer-examples/demo/dxf_0.html"
+    "url": "./demo/dxf_0.html"
   }, {
     "title": "City apartments",
-    "url": "./gemini-viewer-examples/demo/dxf_1.html"
+    "url": "./demo/dxf_1.html"
   }, {
     "title": "Doors & windows",
-    "url": "./gemini-viewer-examples/demo/dxf_2.html"
+    "url": "./demo/dxf_2.html"
   }, {
     "title": "Drawing comparison",
-    "url": "./gemini-viewer-examples/demo/dxf_3.html"
+    "url": "./demo/dxf_3.html"
   }, {
     "title": "Drawing comparison with 3 viewports",
-    "url": "./gemini-viewer-examples/demo/dxf_4.html"
+    "url": "./demo/dxf_4.html"
   }, {
     "title": "Markups",
-    "url": "./gemini-viewer-examples/demo/dxf_5.html"
+    "url": "./demo/dxf_5.html"
   }, {
     "title": "Hotpoints",
-    "url": "./gemini-viewer-examples/demo/dxf_6.html"
+    "url": "./demo/dxf_6.html"
   }]
 }, {
   "title": "Panoramas",
   "subMenus": [{
     "title": "Upload your local vr image(s)",
-    "url": "./gemini-viewer-examples/demo/empty_vr_project.html"
+    "url": "./demo/empty_vr_project.html"
   }, {
     "title": "Panorama(1 image)",
-    "url": "./gemini-viewer-examples/demo/vr_0.html"
+    "url": "./demo/vr_0.html"
   }, {
     "title": "Panorama(6 images)",
-    "url": "./gemini-viewer-examples/demo/vr_1.html"
+    "url": "./demo/vr_1.html"
   }, {
     "title": "Panorama(6 images)",
-    "url": "./gemini-viewer-examples/demo/vr_2.html"
+    "url": "./demo/vr_2.html"
   }, {
     "title": "Panorama(24 images)",
-    "url": "./gemini-viewer-examples/demo/vr_3.html"
+    "url": "./demo/vr_3.html"
   }, {
     "title": "Panorama(switching between components)",
-    "url": "./gemini-viewer-examples/demo/vr_4.html"
+    "url": "./demo/vr_4.html"
   }, {
     "title": "Panorama(two viewports)",
-    "url": "./gemini-viewer-examples/demo/vr_5.html"
+    "url": "./demo/vr_5.html"
   }, {
     "title": "Panorama album",
-    "url": "./gemini-viewer-examples/demo/vr_album_0.html"
+    "url": "./demo/vr_album_0.html"
   }]
 }]
\ No newline at end of file
diff --git a/public/demo/bim_0.html b/public/demo/bim_0.html
index a648a9f..ebdf10b 100644
--- a/public/demo/bim_0.html
+++ b/public/demo/bim_0.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
     <style>
         #myCanvas {
             position: absolute;
@@ -23,7 +23,7 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { BimViewer, ToolbarMenuId } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { BimViewer, ToolbarMenuId } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const project = {
             "id": "rac_basic_sample_project",
@@ -36,7 +36,7 @@
             },
             "models": [{
                 "name": "Rac basic sample project",
-                "src": "./gemini-viewer-examples/demo/models/gltf/rac_basic_sample_project.gltf",
+                "src": "./demo/models/gltf/rac_basic_sample_project.gltf",
                 "position": [0, 0, 0],
                 "rotation": [0, 0, 0],
                 "scale": [1, 1, 1],
diff --git a/public/demo/bim_1.html b/public/demo/bim_1.html
index 8380668..aca5e1f 100644
--- a/public/demo/bim_1.html
+++ b/public/demo/bim_1.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" />
+    <link rel="icon" href="./demo/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="./demo/global.css" />
 </head>
 
 <body>
@@ -10,7 +10,7 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { BimViewer, ToolbarMenuId } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { BimViewer, ToolbarMenuId } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const project = {
             id: "Duplex",
@@ -18,7 +18,7 @@
             models: [
                 {
                     name: "Duplex",
-                    src: "./gemini-viewer-examples/demo/models/gltf/Duplex.gltf",
+                    src: "./demo/models/gltf/Duplex.gltf",
                     position: [0, 0, 0],
                     rotation: [0, 0, 0],
                     scale: [1, 1, 1],
diff --git a/public/demo/dxf_0.html b/public/demo/dxf_0.html
index 21a5c9d..6fc694d 100644
--- a/public/demo/dxf_0.html
+++ b/public/demo/dxf_0.html
@@ -1,11 +1,11 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css">
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css">
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
+    <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css">
+    <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
+    <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
     <style>
         #myCanvas {
             position: absolute;
@@ -26,14 +26,14 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { DxfViewer, ViewerEvent } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
-        import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js';
-        import LayerManager from './gemini-viewer-examples/demo/layerManager/LayerManager.js';
+        import { DxfViewer, ViewerEvent } from "./demo/libs/gemini-viewer.esm.min.js";
+        import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
+        import LayerManager from './demo/layerManager/LayerManager.js';
 
         const models= [{
             modelId: "dxf_0",
             name: "dxf_0",
-            src: "./gemini-viewer-examples/demo/models/dxf/rac_basic_sample_project.dxf",
+            src: "./demo/models/dxf/rac_basic_sample_project.dxf",
             merge: true,
             visible: true,
         }];
@@ -50,7 +50,7 @@
         };
         const viewer = new DxfViewer(config);
         // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
-        const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"];
+        const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
         await viewer.setFont(fontFiles);
 
         window.viewer = viewer;
diff --git a/public/demo/dxf_1.html b/public/demo/dxf_1.html
index d7d25b1..d34181d 100644
--- a/public/demo/dxf_1.html
+++ b/public/demo/dxf_1.html
@@ -1,11 +1,11 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css">
+    <link rel="icon" href="./demo/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="./demo/global.css" />
+    <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
+    <link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
+    <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
 </head>
 
 <body>
@@ -13,14 +13,14 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { DxfViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
-        import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js';
-        import LayerManager from "./gemini-viewer-examples/demo/layerManager/LayerManager.js";
+        import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
+        import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
+        import LayerManager from "./demo/layerManager/LayerManager.js";
 
         const models = [{
             modelId: "dxf_1",
             name: "dxf_1",
-            src: "./gemini-viewer-examples/demo/models/dxf/apartments.dxf",
+            src: "./demo/models/dxf/apartments.dxf",
             merge: true,
             visible: true,
         }];
@@ -36,7 +36,7 @@
         };
         const viewer = new DxfViewer(config);
         // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
-        const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"];
+        const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
         await viewer.setFont(fontFiles);
 
         // loadProjectModel
diff --git a/public/demo/dxf_2.html b/public/demo/dxf_2.html
index aaaa8d5..3221f14 100644
--- a/public/demo/dxf_2.html
+++ b/public/demo/dxf_2.html
@@ -1,11 +1,11 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css">
+    <link rel="icon" href="./demo/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="./demo/global.css" />
+    <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
+    <link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
+    <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
 </head>
 
 <body>
@@ -13,14 +13,14 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { DxfViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
-        import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js';
-        import LayerManager from "./gemini-viewer-examples/demo/layerManager/LayerManager.js";
+        import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
+        import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
+        import LayerManager from "./demo/layerManager/LayerManager.js";
 
         const models = [{
             modelId: "dxf_2",
             name: "dxf_2",
-            src: "./gemini-viewer-examples/demo/models/dxf/doors_and_windows.dxf",
+            src: "./demo/models/dxf/doors_and_windows.dxf",
             merge: true,
             visible: true,
         }];
@@ -36,7 +36,7 @@
         };
         const viewer = new DxfViewer(config);
         // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
-        const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"];
+        const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
         await viewer.setFont(fontFiles);
 
         // loadProjectModel
diff --git a/public/demo/dxf_3.html b/public/demo/dxf_3.html
index 2e07edc..a2f14ff 100644
--- a/public/demo/dxf_3.html
+++ b/public/demo/dxf_3.html
@@ -1,12 +1,12 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/compare/compareSidePanel.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css" />
+    <link rel="icon" href="./demo/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="./demo/global.css" />
+    <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
+    <link rel="stylesheet" href="./demo/compare/compareSidePanel.css" />
+    <link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
+    <link rel="stylesheet" href="./demo/settings/SettingsPanel.css" />
 </head>
 
 <body>
@@ -14,13 +14,13 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { DxfViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
-        import DxfCompareSidePanel from "./gemini-viewer-examples/demo/compare/compareSidePanel.js"
-        import DxfSettingsPanel from "./gemini-viewer-examples/demo/settings/DxfSettingsPanel.js";
-        import LayerManager from "./gemini-viewer-examples/demo/layerManager/LayerManager.js";
+        import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
+        import DxfCompareSidePanel from "./demo/compare/compareSidePanel.js"
+        import DxfSettingsPanel from "./demo/settings/DxfSettingsPanel.js";
+        import LayerManager from "./demo/layerManager/LayerManager.js";
 
-        const url1 = "./gemini-viewer-examples/demo/models/dxf/dxf_3.dxf";
-        const url2 = "./gemini-viewer-examples/demo/models/dxf/dxf_3_1.dxf";
+        const url1 = "./demo/models/dxf/dxf_3.dxf";
+        const url2 = "./demo/models/dxf/dxf_3_1.dxf";
         const config = {
             containerId: "myCanvas",
             enableAxisGizmo: true,
@@ -33,7 +33,7 @@
         };
         const viewer = new DxfViewer(config);
         // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
-        const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"];
+        const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
         await viewer.setFont(fontFiles);
 
         const onProgress = (event) => {
diff --git a/public/demo/dxf_4.html b/public/demo/dxf_4.html
index eecdbac..8f05a12 100644
--- a/public/demo/dxf_4.html
+++ b/public/demo/dxf_4.html
@@ -1,12 +1,12 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/compare/compareSidePanel.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css" />
+    <link rel="icon" href="./demo/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="./demo/global.css" />
+    <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
+    <link rel="stylesheet" href="./demo/compare/compareSidePanel.css" />
+    <link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
+    <link rel="stylesheet" href="./demo/settings/SettingsPanel.css" />
     <style>
         #myCanvas1 {
             width: 40%;
@@ -62,13 +62,13 @@
         <div id="myCanvas3" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { DxfViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
-        import DxfCompareSidePanel from "./gemini-viewer-examples/demo/compare/compareSidePanel.js"
-        import DxfSettingsPanel from "./gemini-viewer-examples/demo/settings/DxfSettingsPanel.js";
-        import LayerManager from "./gemini-viewer-examples/demo/layerManager/LayerManager.js";
+        import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
+        import DxfCompareSidePanel from "./demo/compare/compareSidePanel.js"
+        import DxfSettingsPanel from "./demo/settings/DxfSettingsPanel.js";
+        import LayerManager from "./demo/layerManager/LayerManager.js";
 
-        const url1 = "./gemini-viewer-examples/demo/models/dxf/dxf_3.dxf";
-        const url2 = "./gemini-viewer-examples/demo/models/dxf/dxf_3_1.dxf";
+        const url1 = "./demo/models/dxf/dxf_3.dxf";
+        const url2 = "./demo/models/dxf/dxf_3_1.dxf";
         const modelConfig1 = { modelId: "dxf_1", name: "dxf 1", src: url1, ignorePaperSpace: true };
         const modelConfig2 = { modelId: "dxf_2", name: "dxf 2", src: url2, ignorePaperSpace: true };
         const config = {
@@ -83,7 +83,7 @@
         const viewer1 = new DxfViewer({ containerId: "myCanvas1"});
         const viewer2 = new DxfViewer({ containerId: "myCanvas2"});
         const viewer3 = new DxfViewer(config);
-        const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"];
+        const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
         await viewer1.setFont(fontFiles);
         await viewer2.setFont(fontFiles);
         await viewer3.setFont(fontFiles);
diff --git a/public/demo/dxf_5.html b/public/demo/dxf_5.html
index 2f5b695..3e5ec53 100644
--- a/public/demo/dxf_5.html
+++ b/public/demo/dxf_5.html
@@ -1,11 +1,11 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css">
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css">
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
+    <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css">
+    <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
+    <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
     <style>
         #myCanvas {
             position: absolute;
@@ -47,14 +47,14 @@
         </div>
     </div>
     <script type="module">
-        import { DxfViewer, ViewerEvent } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
-        import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js';
-        import LayerManager from './gemini-viewer-examples/demo/layerManager/LayerManager.js';
+        import { DxfViewer, ViewerEvent } from "./demo/libs/gemini-viewer.esm.min.js";
+        import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
+        import LayerManager from './demo/layerManager/LayerManager.js';
 
         const models= [{
             modelId: "dxf_0",
             name: "dxf_0",
-            src: "./gemini-viewer-examples/demo/models/dxf/rac_basic_sample_project.dxf",
+            src: "./demo/models/dxf/rac_basic_sample_project.dxf",
             merge: true,
             visible: true,
         }];
@@ -71,7 +71,7 @@
         };
         const viewer = new DxfViewer(config);
         // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
-        const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"];
+        const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
         await viewer.setFont(fontFiles);
 
         window.viewer = viewer;
diff --git a/public/demo/dxf_6.html b/public/demo/dxf_6.html
index d672d84..e9138ce 100644
--- a/public/demo/dxf_6.html
+++ b/public/demo/dxf_6.html
@@ -1,11 +1,11 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css">
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css">
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
+    <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css">
+    <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
+    <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
     <style>
         #myCanvas {
             position: absolute;
@@ -101,14 +101,14 @@
         </div>
     </div>
     <script type="module">
-        import { DxfViewer, ViewerEvent } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
-        import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js';
-        import LayerManager from './gemini-viewer-examples/demo/layerManager/LayerManager.js';
+        import { DxfViewer, ViewerEvent } from "./demo/libs/gemini-viewer.esm.min.js";
+        import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
+        import LayerManager from './demo/layerManager/LayerManager.js';
 
         const models= [{
             modelId: "dxf_0",
             name: "dxf_0",
-            src: "./gemini-viewer-examples/demo/models/dxf/rac_basic_sample_project.dxf",
+            src: "./demo/models/dxf/rac_basic_sample_project.dxf",
             merge: true,
             visible: true,
         }];
@@ -125,7 +125,7 @@
         };
         const viewer = new DxfViewer(config);
         // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
-        const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"];
+        const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
         await viewer.setFont(fontFiles);
 
         window.viewer = viewer;
diff --git a/public/demo/empty_dxf_project.html b/public/demo/empty_dxf_project.html
index 6956ce4..7e65623 100644
--- a/public/demo/empty_dxf_project.html
+++ b/public/demo/empty_dxf_project.html
@@ -1,10 +1,10 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" />
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css">
-    <link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css">
+    <link rel="icon" href="./demo/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="./demo/global.css" />
+    <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
+    <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
     <style>
         .upload-btn {
             margin-top: 2em;
@@ -71,9 +71,9 @@
     </div>
 </div>
 <script type="module">
-    import { DxfViewer, LocalDxfUploader } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
-    import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js';
-    import LayerManager from './gemini-viewer-examples/demo/layerManager/LayerManager.js';
+    import { DxfViewer, LocalDxfUploader } from "./demo/libs/gemini-viewer.esm.min.js";
+    import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
+    import LayerManager from './demo/layerManager/LayerManager.js';
 
     const config = {
         containerId: "myCanvas",
@@ -87,7 +87,7 @@
     };
     const viewer = new DxfViewer(config);
     // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
-    const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"];
+    const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
     await viewer.setFont(fontFiles);
 
     const modelUploader = new LocalDxfUploader(viewer);
diff --git a/public/demo/empty_model_project.html b/public/demo/empty_model_project.html
index 80930ef..0efafd6 100644
--- a/public/demo/empty_model_project.html
+++ b/public/demo/empty_model_project.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" />
+    <link rel="icon" href="./demo/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="./demo/global.css" />
     <style>
         .upload-btn {
             margin-top: 2em;
@@ -62,7 +62,7 @@
         </div>
     </div>
     <script type="module">
-        import { BimViewer, ToolbarMenuId, LocalModelUploader } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { BimViewer, ToolbarMenuId, LocalModelUploader } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const project = {
             id: "empty_project",
diff --git a/public/demo/empty_vr_project.html b/public/demo/empty_vr_project.html
index c3aee3c..e5b4a37 100644
--- a/public/demo/empty_vr_project.html
+++ b/public/demo/empty_vr_project.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" />
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" />
+    <link rel="icon" href="./demo/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="./demo/global.css" />
     <style>
         .upload-btn {
             margin-top: 2em;
@@ -61,7 +61,7 @@
         </div>
     </div>
     <script type="module">
-        import { VRViewer, LocalImageUploader } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { VRViewer, LocalImageUploader } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const config = {
             containerId: "myCanvas",
diff --git a/public/demo/vr_0.html b/public/demo/vr_0.html
index e714580..2f74c28 100644
--- a/public/demo/vr_0.html
+++ b/public/demo/vr_0.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
     <style>
         .viewpoint {
             opacity: 0.8;
@@ -34,7 +34,7 @@
             position: absolute;
             top: 15px;
             left: -32px;
-            background-image: url('./gemini-viewer-examples/demo/images/arrow.png');
+            background-image: url('./demo/images/arrow.png');
             background-position: calc(100%) calc(100% - 128px);
             background-size: cover;
         }
@@ -92,19 +92,19 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const viewpoints = [{
             panoramas: [{
                 id: "panorama_1",
-                images: "./gemini-viewer-examples/demo/images/vr/vr_0/vr_0.jpg",
+                images: "./demo/images/vr/vr_0/vr_0.jpg",
                 thumbnails:[
-                    "./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/back.jpg",
+                    "./demo/images/vr/vr_0/thumbnail/right.jpg",
+                    "./demo/images/vr/vr_0/thumbnail/left.jpg",
+                    "./demo/images/vr/vr_0/thumbnail/top.jpg",
+                    "./demo/images/vr/vr_0/thumbnail/bottom.jpg",
+                    "./demo/images/vr/vr_0/thumbnail/front.jpg",
+                    "./demo/images/vr/vr_0/thumbnail/back.jpg",
                 ]
             }],
             id: "viewpoint_1",
@@ -128,7 +128,7 @@
         }, {
             panoramas: [{
                 id: "panorama_2",
-                images: "./gemini-viewer-examples/demo/images/vr/album_0/主卧.jpg",
+                images: "./demo/images/vr/album_0/主卧.jpg",
                 thumbnails: [],
             }],
             id: "viewpoint_2",
diff --git a/public/demo/vr_1.html b/public/demo/vr_1.html
index 0eb02d3..53f1135 100644
--- a/public/demo/vr_1.html
+++ b/public/demo/vr_1.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
 </head>
 
 <body>
@@ -10,26 +10,26 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const viewpoints = [{
             panoramas: [{
                 id: "panorama_1",
                 images: [
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/back.jpg",
+                    "./demo/images/vr/vr_1/right.jpg",
+                    "./demo/images/vr/vr_1/left.jpg",
+                    "./demo/images/vr/vr_1/top.jpg",
+                    "./demo/images/vr/vr_1/bottom.jpg",
+                    "./demo/images/vr/vr_1/front.jpg",
+                    "./demo/images/vr/vr_1/back.jpg",
                 ],
                 thumbnails: [
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/back.jpg",
+                    "./demo/images/vr/vr_1/thumbnail/right.jpg",
+                    "./demo/images/vr/vr_1/thumbnail/left.jpg",
+                    "./demo/images/vr/vr_1/thumbnail/top.jpg",
+                    "./demo/images/vr/vr_1/thumbnail/bottom.jpg",
+                    "./demo/images/vr/vr_1/thumbnail/front.jpg",
+                    "./demo/images/vr/vr_1/thumbnail/back.jpg",
                 ],
             }],
             id: "viewpoint_1",
diff --git a/public/demo/vr_2.html b/public/demo/vr_2.html
index 5d87e2f..a5b367b 100644
--- a/public/demo/vr_2.html
+++ b/public/demo/vr_2.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
 </head>
 
 <body>
@@ -10,26 +10,26 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const viewpoints = [{
             panoramas: [{
                 id: "panorama_1",
                 images: [
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/back.jpg",
+                    "./demo/images/vr/vr_2/right.jpg",
+                    "./demo/images/vr/vr_2/left.jpg",
+                    "./demo/images/vr/vr_2/top.jpg",
+                    "./demo/images/vr/vr_2/bottom.jpg",
+                    "./demo/images/vr/vr_2/front.jpg",
+                    "./demo/images/vr/vr_2/back.jpg",
                 ],
                 thumbnails: [
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/back.jpg",
+                    "./demo/images/vr/vr_2/thumbnail/right.jpg",
+                    "./demo/images/vr/vr_2/thumbnail/left.jpg",
+                    "./demo/images/vr/vr_2/thumbnail/top.jpg",
+                    "./demo/images/vr/vr_2/thumbnail/bottom.jpg",
+                    "./demo/images/vr/vr_2/thumbnail/front.jpg",
+                    "./demo/images/vr/vr_2/thumbnail/back.jpg",
                 ],
             }],
             id: "viewpoint_1",
diff --git a/public/demo/vr_3.html b/public/demo/vr_3.html
index a2dc82b..5e11d21 100644
--- a/public/demo/vr_3.html
+++ b/public/demo/vr_3.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
 </head>
 
 <body>
@@ -10,42 +10,42 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
 
         // in order of right, left, up/top, down/bottom, front, back
         const image24 = [
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_r_1_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_r_1_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_r_2_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_r_2_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_l_1_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_l_1_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_l_2_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_l_2_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_u_1_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_u_1_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_u_2_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_u_2_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_d_1_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_d_1_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_d_2_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_d_2_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_f_1_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_f_1_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_f_2_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_f_2_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_b_1_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_b_1_2.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_b_2_1.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l4_b_2_2.jpg",
+            "./demo/images/vr/vr_3/l4_r_1_1.jpg",
+            "./demo/images/vr/vr_3/l4_r_1_2.jpg",
+            "./demo/images/vr/vr_3/l4_r_2_1.jpg",
+            "./demo/images/vr/vr_3/l4_r_2_2.jpg",
+            "./demo/images/vr/vr_3/l4_l_1_1.jpg",
+            "./demo/images/vr/vr_3/l4_l_1_2.jpg",
+            "./demo/images/vr/vr_3/l4_l_2_1.jpg",
+            "./demo/images/vr/vr_3/l4_l_2_2.jpg",
+            "./demo/images/vr/vr_3/l4_u_1_1.jpg",
+            "./demo/images/vr/vr_3/l4_u_1_2.jpg",
+            "./demo/images/vr/vr_3/l4_u_2_1.jpg",
+            "./demo/images/vr/vr_3/l4_u_2_2.jpg",
+            "./demo/images/vr/vr_3/l4_d_1_1.jpg",
+            "./demo/images/vr/vr_3/l4_d_1_2.jpg",
+            "./demo/images/vr/vr_3/l4_d_2_1.jpg",
+            "./demo/images/vr/vr_3/l4_d_2_2.jpg",
+            "./demo/images/vr/vr_3/l4_f_1_1.jpg",
+            "./demo/images/vr/vr_3/l4_f_1_2.jpg",
+            "./demo/images/vr/vr_3/l4_f_2_1.jpg",
+            "./demo/images/vr/vr_3/l4_f_2_2.jpg",
+            "./demo/images/vr/vr_3/l4_b_1_1.jpg",
+            "./demo/images/vr/vr_3/l4_b_1_2.jpg",
+            "./demo/images/vr/vr_3/l4_b_2_1.jpg",
+            "./demo/images/vr/vr_3/l4_b_2_2.jpg",
         ];
         const image6 = [
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l1_r.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l1_l.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l1_u.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l1_d.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l1_f.jpg",
-            "./gemini-viewer-examples/demo/images/vr/vr_3/l1_b.jpg",
+            "./demo/images/vr/vr_3/l1_r.jpg",
+            "./demo/images/vr/vr_3/l1_l.jpg",
+            "./demo/images/vr/vr_3/l1_u.jpg",
+            "./demo/images/vr/vr_3/l1_d.jpg",
+            "./demo/images/vr/vr_3/l1_f.jpg",
+            "./demo/images/vr/vr_3/l1_b.jpg",
         ];
         const viewpoints = [{
             panoramas: [{
diff --git a/public/demo/vr_4.html b/public/demo/vr_4.html
index 8baee65..be0e5f2 100644
--- a/public/demo/vr_4.html
+++ b/public/demo/vr_4.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
     <style>
         .hotpoint {
             opacity: 0.8;
@@ -58,7 +58,7 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const viewpointIds = ["viewpoint_1"];
         const panoramaIds = ["panorama_1", "panorama_2"];
@@ -67,7 +67,7 @@
         const viewpoints = [{
             panoramas: [{
                 id: panoramaIds[0],
-                images: ["./gemini-viewer-examples/demo/images/vr/vr_4/vr_1.jpg"],
+                images: ["./demo/images/vr/vr_4/vr_1.jpg"],
                 thumbnails: [],
             }],
             id: viewpointIds[0],
@@ -88,7 +88,7 @@
         // we'll dynamically add this viewpoint and switch to it
         const panoramaNoDecoration = {
             id: panoramaIds[1],
-            images: ["./gemini-viewer-examples/demo/images/vr/vr_4/vr_2.jpg"],
+            images: ["./demo/images/vr/vr_4/vr_2.jpg"],
             thumbnails: [],
         };
         const hotpoints = [{
diff --git a/public/demo/vr_5.html b/public/demo/vr_5.html
index 1ead9d2..65ac6cf 100644
--- a/public/demo/vr_5.html
+++ b/public/demo/vr_5.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
     <style>
         .my-renderer-container {
             width: 50%;
@@ -43,7 +43,7 @@
             position: absolute;
             top: 15px;
             left: -32px;
-            background-image: url('./gemini-viewer-examples/demo/images/arrow.png');
+            background-image: url('./demo/images/arrow.png');
             background-position: calc(100%) calc(100% - 128px);
             background-size: cover;
         }
@@ -102,12 +102,12 @@
         <div id="myCanvas2" class="my-renderer-container canvas2"></div>
     </div>
     <script type="module">
-        import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const viewpoints = [{
             panoramas: [{
                 id: "panorama_1",
-                images: "./gemini-viewer-examples/demo/images/vr/vr_5/panorama1.jpg",
+                images: "./demo/images/vr/vr_5/panorama1.jpg",
             }],
             id: "viewpoint_1",
             name: "客厅",
@@ -125,7 +125,7 @@
         const viewpoints2 = [{
             panoramas: [{
                 id: "panorama_1",
-                images: "./gemini-viewer-examples/demo/images/vr/vr_5/panorama2.jpg",
+                images: "./demo/images/vr/vr_5/panorama2.jpg",
             }],
             id: "viewpoint_1",
             name: "客厅",
diff --git a/public/demo/vr_album_0.html b/public/demo/vr_album_0.html
index 09cb9e4..dd377ab 100644
--- a/public/demo/vr_album_0.html
+++ b/public/demo/vr_album_0.html
@@ -1,8 +1,8 @@
 <html>
 
 <head>
-    <link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css">
+    <link rel="icon" href="./demo/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="./demo/global.css">
     <style>
         .viewpoint {
             opacity: 0.8;
@@ -33,7 +33,7 @@
             position: absolute;
             top: 12px;
             left: -36px;
-            background-image: url('./gemini-viewer-examples/demo/images/arrow.png');
+            background-image: url('./demo/images/arrow.png');
             background-position: calc(100%) calc(100% - 128px);
             background-size: cover;
             transform: scale(1.2);
@@ -46,7 +46,7 @@
             position: absolute;
             top: 12px;
             left: -36px;
-            background-image: url('./gemini-viewer-examples/demo/images/arrow_left.png');
+            background-image: url('./demo/images/arrow_left.png');
             background-position: calc(100%) calc(100% - 128px);
             background-size: cover;;
             transform: scale(1.2);
@@ -59,7 +59,7 @@
             position: absolute;
             top: 12px;
             left: -36px;
-            background-image: url('./gemini-viewer-examples/demo/images/arrow_right.png');
+            background-image: url('./demo/images/arrow_right.png');
             background-position: calc(100%) calc(100% - 128px);
             background-size: cover;;
             transform: scale(1.2);
@@ -72,18 +72,18 @@
         <div id="myCanvas" class="renderer-container"></div>
     </div>
     <script type="module">
-        import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js";
+        import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
 
         const viewpoints = [{
             panoramas: [{
                 id: "panorama_1",
                 images: [
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客厅/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客厅/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客厅/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客厅/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客厅/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客厅/back.jpg",
+                    "./demo/images/vr/album_0/客厅/right.jpg",
+                    "./demo/images/vr/album_0/客厅/left.jpg",
+                    "./demo/images/vr/album_0/客厅/top.jpg",
+                    "./demo/images/vr/album_0/客厅/bottom.jpg",
+                    "./demo/images/vr/album_0/客厅/front.jpg",
+                    "./demo/images/vr/album_0/客厅/back.jpg",
                 ],
                 thumbnails: [],
             }],
@@ -107,12 +107,12 @@
             panoramas: [{
                 id: "panorama_2",
                 images: [
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/back.jpg",
+                    "./demo/images/vr/album_0/客餐厅/right.jpg",
+                    "./demo/images/vr/album_0/客餐厅/left.jpg",
+                    "./demo/images/vr/album_0/客餐厅/top.jpg",
+                    "./demo/images/vr/album_0/客餐厅/bottom.jpg",
+                    "./demo/images/vr/album_0/客餐厅/front.jpg",
+                    "./demo/images/vr/album_0/客餐厅/back.jpg",
                 ],
                 thumbnails: [],
             }],
@@ -147,12 +147,12 @@
             panoramas: [{
                 id: "panorama_3",
                 images: [
-                    "./gemini-viewer-examples/demo/images/vr/album_0/餐厅/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/餐厅/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/餐厅/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/餐厅/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/餐厅/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/餐厅/back.jpg",
+                    "./demo/images/vr/album_0/餐厅/right.jpg",
+                    "./demo/images/vr/album_0/餐厅/left.jpg",
+                    "./demo/images/vr/album_0/餐厅/top.jpg",
+                    "./demo/images/vr/album_0/餐厅/bottom.jpg",
+                    "./demo/images/vr/album_0/餐厅/front.jpg",
+                    "./demo/images/vr/album_0/餐厅/back.jpg",
                 ],
                 thumbnails: [],
             }],
@@ -176,12 +176,12 @@
             panoramas: [{
                 id: "panorama_4",
                 images: [
-                    "./gemini-viewer-examples/demo/images/vr/album_0/主卧/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/主卧/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/主卧/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/主卧/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/主卧/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/主卧/back.jpg",
+                    "./demo/images/vr/album_0/主卧/right.jpg",
+                    "./demo/images/vr/album_0/主卧/left.jpg",
+                    "./demo/images/vr/album_0/主卧/top.jpg",
+                    "./demo/images/vr/album_0/主卧/bottom.jpg",
+                    "./demo/images/vr/album_0/主卧/front.jpg",
+                    "./demo/images/vr/album_0/主卧/back.jpg",
                 ],
                 thumbnails: [],
             }],
@@ -200,12 +200,12 @@
             panoramas: [{
                 id: "panorama_5",
                 images: [
-                    "./gemini-viewer-examples/demo/images/vr/album_0/小孩房/right.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/小孩房/left.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/小孩房/top.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/小孩房/bottom.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/小孩房/front.jpg",
-                    "./gemini-viewer-examples/demo/images/vr/album_0/小孩房/back.jpg",
+                    "./demo/images/vr/album_0/小孩房/right.jpg",
+                    "./demo/images/vr/album_0/小孩房/left.jpg",
+                    "./demo/images/vr/album_0/小孩房/top.jpg",
+                    "./demo/images/vr/album_0/小孩房/bottom.jpg",
+                    "./demo/images/vr/album_0/小孩房/front.jpg",
+                    "./demo/images/vr/album_0/小孩房/back.jpg",
                 ],
                 thumbnails: [],
             }],
diff --git a/src/pages/demo/index.tsx b/src/pages/demo/index.tsx
index abefa0e..0e59d4a 100644
--- a/src/pages/demo/index.tsx
+++ b/src/pages/demo/index.tsx
@@ -8,7 +8,7 @@ function Demo() {
     const [data, setData] = useState<MenusProp[]>([]);
 
     useEffect(() => {
-        fetch("../gemini-viewer-examples/config.json").then(data => data.json()).then((data) => {
+        fetch("./config.json").then(data => data.json()).then((data) => {
             setData(data);
         });
     }, [])