add hosted for online demo

.gitignore

@@ -6,6 +6,7 @@
 
 # build
 build/
+dist/
 .clang_complete
 .gcc-flags.json
 cppcheck.out.xml

interface/package.json

@@ -5,8 +5,9 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
+    "build-hosted": "tsc && vite build --mode hosted",
     "preview": "vite preview",
-    "preview_standalone": "npm-run-all -p preview typesafe-i18n mock-api",
+    "preview-standalone": "npm-run-all -p preview typesafe-i18n mock-api",
     "mock-api": "nodemon --watch ../mock-api ../mock-api/server.js",
     "standalone": "npm-run-all -p dev typesafe-i18n mock-api",
     "typesafe-i18n": "typesafe-i18n",

interface/vite.config.ts

@@ -5,7 +5,15 @@ import svgrPlugin from 'vite-plugin-svgr';
 import { visualizer } from 'rollup-plugin-visualizer';
 import ProgmemGenerator from './progmem-generator';
 
-export default defineConfig({
+export default defineConfig(({ command, mode }) => {
+  if (mode === 'hosted') {
+    return {
+      // hosted, ignore all errors, output to dist
+      plugins: [react({ plugins: [['@swc/plugin-styled-components', {}]] }), viteTsconfigPaths(), svgrPlugin()]
+    };
+  } else {
+    // normal build
+    return {
       plugins: [
         react({ plugins: [['@swc/plugin-styled-components', {}]] }),
         viteTsconfigPaths(),
@@ -13,11 +21,7 @@ export default defineConfig({
         ProgmemGenerator({ outputPath: '../lib/framework/WWWData.h', bytesPerLine: 20 }),
         visualizer({ gzipSize: true }) as PluginOption
       ],
-  // root: 'src',
-  base: '/',
-  // publicDir: "./public",
       build: {
-    // Relative to the root
         outDir: 'build',
         chunkSizeWarningLimit: 1024
       },
@@ -34,4 +38,6 @@ export default defineConfig({
           }
         }
       }
+    };
+  }
 });