Migrate to Vite

Signed-off-by: weeman <[email protected]>

Author: weeman1337

.eslintignore

@@ -1 +1,2 @@
 /build
+/dev-dist

.github/workflows/build-meshviewer.yml

@@ -19,4 +19,5 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - run: npm install
       - run: npm audit
-      - run: npm run gulp-ci
+      - run: npm run lint
+      - run: npm run build

.github/workflows/release-meshviewer.yml

@@ -17,7 +17,7 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
       - run: npm install
-      - run: npm run gulp
+      - run: npm run build
       - run: "cd build; zip -r ../meshviewer-build.zip .; cd .."
       - name: Create Release
         id: create_release

.gitignore

@@ -10,10 +10,11 @@
 Thumbs.db
 
 # IDE files
-/.idea/
+/.idea
 
 # Project files
-node_modules/
-build/
-config.js
+/node_modules
+/build
+/config.js
 *.zip
+/dev-dist

.prettierignore

@@ -0,0 +1,2 @@
+/build
+/dev-dist

README.md

@@ -18,32 +18,35 @@ It is recommended to use the latest release:
 
 - Clone this repository
 - Run `npm install`
-- Run `npm run gulp`
+- Run `npm run build`
 - A production build can then be found in [`/build`](./build)
 
-Hint: You can start a development server with `npm run serve`
+Hint: You can start a development server with `npm run dev`
 
-### Build & Run using Docker
+### Build and run using Docker
 
 Static local test instance:
 
 ```bash
-docker  run -it --rm -u $(id -u):$(id -g) -v "$PWD":/app -w /app node npm install
-docker  run -it --rm -u $(id -u):$(id -g) -v "$PWD":/app -w /app node npm run gulp-ci
+docker run -it --rm -u $(id -u):$(id -g) -v "$PWD":/app -w /app node npm install
+docker run -it --rm -u $(id -u):$(id -g) -v "$PWD":/app -w /app node npm run build
 docker run -it --rm -v "$PWD/build":/usr/share/nginx/html -p 8080:80 --name nginx nginx
 ```
 
 The map is reachable at [localhost:8080](http://localhost:8080).
-You have to copy `config.example.json` as `build/config.json`.
+You have to copy `config.example.json` to `build/config.json`.
 
-Live build / development env:
+Start a development environment:
 
 ```bash
-docker  run -it --rm -u $(id -u):$(id -g) -v "$PWD":/app -w /app -e NODE_ENV=development -p 3000:3000 node npm run gulp serve
+docker run -it --rm --name meshviewer-dev \
+  -u $(id -u):$(id -g) \
+  -v "$PWD":/app -w /app \
+  -e NODE_ENV=development \
+  -p 5173:5173 \
+  node npm run dev -- --host 0.0.0.0
 ```
 
-The map is reachable at [localhost:3000](http://localhost:3000).
-
 ## Configuration
 
 The configuration documentation is nowhere near finished.

app.js

@@ -8,9 +8,9 @@ $cache-breaker: unique-id();
   font-style: normal;
   font-weight: normal;
   src:
-    url("fonts/meshviewer.woff2?rel=#{$cache-breaker}") format("woff2"),
-    url("fonts/meshviewer.woff?rel=#{$cache-breaker}") format("woff"),
-    url("fonts/meshviewer.ttf?rel=#{$cache-breaker}") format("truetype");
+    url("@fonts/meshviewer.woff2?rel=#{$cache-breaker}") format("woff2"),
+    url("@fonts/meshviewer.woff?rel=#{$cache-breaker}") format("woff"),
+    url("@fonts/meshviewer.ttf?rel=#{$cache-breaker}") format("truetype");
 }
 
 [class^="ion-"],