65 files changed, 4656 insertions, 2129 deletions

diff --git a/viewer/.env b/viewer/.env
index 59b220a..99efa3d 100644
--- a/viewer/.env
+++ b/viewer/.env
@@ -1,4 +1,6 @@
+# Override with .env.development.local and .env.production.local
+
 VUE_APP_I18N_LOCALE=en
 VUE_APP_I18N_FALLBACK_LOCALE=en
-VUE_APP_DATA_URL=/gallery/
-VUE_APP_EXAMPLE_PROJECT=../example/out/
+VUE_APP_DATA_URL=./
+VUE_APP_FULLWIDTH_LIMIT=1216
diff --git a/viewer/.env.development b/viewer/.env.development
new file mode 100644
index 0000000..0d87cf4
--- /dev/null
+++ b/viewer/.env.development
@@ -0,0 +1,3 @@
+VUE_APP_DEVSERVER_PORT=8085
+VUE_APP_DEVSERVER_CONFIG_PATH=../example/
+VUE_APP_DATA_URL=~/
diff --git a/viewer/.eslintrc.js b/viewer/.eslintrc.js
index 996c4f3..a67de5e 100644
--- a/viewer/.eslintrc.js
+++ b/viewer/.eslintrc.js
@@ -5,30 +5,36 @@ module.exports = {
     node: true,
   },
 
-  'extends': [
-    'plugin:vue/essential',
-    '@vue/typescript'
+  extends: [
+    "plugin:vue/essential",
+    "@vue/typescript"
   ],
 
   rules: {
     "no-console": "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
-    'vue/attribute-hyphenation': 'warn',
-    'vue/html-closing-bracket-spacing': 'warn',
-    'vue/html-end-tags': 'error',
-    'vue/html-quotes': 'warn',
-    'vue/html-self-closing': 'off',
-    'vue/no-multi-spaces': 'warn',
-    'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
-    'vue/no-template-shadow': 'error',
-    'vue/v-bind-style': 'warn',
-    'vue/v-on-style': 'warn',
-    'vue/attributes-order': 'warn',
-    'vue/this-in-template': 'warn'
+    "eol-last": ["warn", "always"],
+    "object-curly-spacing": ["warn", "always"],
+    "quote-props": ["warn", "as-needed"],
+    indent: ["warn", 2, { SwitchCase: 1 }],
+    quotes: ["warn", "double"],
+    "vue/attribute-hyphenation": "warn",
+    "vue/html-closing-bracket-spacing": "warn",
+    "vue/html-end-tags": "error",
+    "vue/html-quotes": "warn",
+    "vue/html-self-closing": "off",
+    "vue/no-multi-spaces": "warn",
+    "vue/no-spaces-around-equal-signs-in-attribute": "warn",
+    "vue/no-template-shadow": "error",
+    "vue/v-bind-style": "warn",
+    "vue/v-on-style": "warn",
+    "vue/attributes-order": "warn",
+    "vue/this-in-template": "warn",
   },
 
   parserOptions: {
-    parser: '@typescript-eslint/parser',
+    sourceType: "module",
+    parser: "@typescript-eslint/parser",
   },
 
 };
diff --git a/viewer/.gitignore b/viewer/.gitignore
index 12a8306..f1ab425 100644
--- a/viewer/.gitignore
+++ b/viewer/.gitignore
@@ -13,7 +13,7 @@ yarn-error.log*
 
 # Editor directories and files
 .idea
-.vscode
+.vscode/settings.json
 *.suo
 *.ntvs*
 *.njsproj
diff --git a/viewer/.vscode/launch.json b/viewer/.vscode/launch.json
new file mode 100644
index 0000000..d7995e5
--- /dev/null
+++ b/viewer/.vscode/launch.json
@@ -0,0 +1,19 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "vuejs: chrome",
+            "url": "http://127.0.0.1:8085",
+            "webRoot": "${workspaceFolder}/src",
+            "breakOnLoad": true,
+            "sourceMapPathOverrides": {
+                "webpack:///./src/*": "${webRoot}/*"
+            }
+        }
+    ]
+}
\ No newline at end of file
diff --git a/viewer/.vscode/tasks.json b/viewer/.vscode/tasks.json
new file mode 100644
index 0000000..102002d
--- /dev/null
+++ b/viewer/.vscode/tasks.json
@@ -0,0 +1,39 @@
+{
+    // See https://go.microsoft.com/fwlink/?LinkId=733558 
+    // for the documentation about the tasks.json format
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "type": "npm",
+            "script": "build",
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            },
+            "problemMatcher": [
+                "$tsc"
+            ]
+        },
+        {
+            "type": "npm",
+            "script": "serve",
+            "problemMatcher": [
+                "$tsc"
+            ]
+        },
+        {
+            "type": "npm",
+            "script": "lint-autoformat",
+            "problemMatcher": [
+                "$tsc"
+            ]
+        },
+        {
+            "type": "npm",