Vue rewrite (#106)

* vue rewrite

* Improve tooltip code

* Fix compilation visuals and debug overlay overflow

* Fix error reporting

* Working deploy and networking improvements

* CI and README updates

* readme tuning and ci check

* Hopefully final fixes

* fix pages build paths

* Hopefully fix pages build again

* Remove unused dependency

* Fix reflection view not being scrollable

* Fixed inconsistent loading in dev environment

* Ensure tooltips can overflow

Author: Devon7925

.github/workflows/build-dependencies.yml

@@ -0,0 +1,66 @@
+# Provides builds of slang and spirv-tools for the website
+name: Build Dependencies
+
+on:
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: get slang head commit
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y ninja-build
+          mkdir slang-repo
+          pushd slang-repo
+          git clone https://github.com/shader-slang/slang.git
+          popd
+          echo "$(git -C slang-repo/slang rev-parse HEAD)" >> key.txt
+
+      - name: get spirv-tool head commit
+        run: |
+          git clone https://github.com/KhronosGroup/SPIRV-Tools.git spirv-tools
+          pushd spirv-tools
+          git checkout vulkan-sdk-1.3.290.0
+          popd
+          echo "$(git -C spirv-tools rev-parse HEAD)" >> key-spirv-tool.txt
+
+      - name: slang-wasm build
+        run: |
+          sed -i -e 's/\r$//' ./slang-wasm-build.sh
+          chmod +x ./slang-wasm-build.sh
+          ./slang-wasm-build.sh
+
+      - name: spirv-tools-wasm build
+        run: |
+          sed -i -e 's/\r$//' ./spirv-tool-wasm-build.sh
+          chmod +x ./spirv-tool-wasm-build.sh
+          ./spirv-tool-wasm-build.sh
+
+      - name: Cleanup workspace, move files, and build
+        run: |
+          rm -rf slang-repo
+          rm -rf emsdk
+          rm -rf spirv-tools
+          mkdir dependencies
+          mv ./slang-wasm.wasm.gz ./slang-wasm.js ./slang-wasm.d.ts ./dependencies/
+          mv ./spirv-tools.wasm ./spirv-tools.js ./spirv-tools.d.ts ./dependencies/
+
+      - name: Upload export artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: site-artifact
+          path: ./dependencies/
+          compression-level: 1

.github/workflows/jekyll-gh-pages.yml

@@ -1,5 +1,4 @@
-# Sample workflow for building and deploying a Jekyll site to GitHub Pages
-name: Deploy Jekyll with GitHub Pages dependencies preinstalled
+name: Deploy to GitHub Pages
 
 on:
   # Runs on pushes targeting the default branch
@@ -102,33 +101,21 @@ jobs:
             ./spirv-tools.d.ts
           key: ${{hashFiles('key-spirv-tool.txt')}}
 
-      - name: Cleanup workspace
+      - name: Cleanup workspace, move files, and build
         run: |
           rm -rf slang-repo
           rm -rf emsdk
           rm -rf spirv-tools
-
-      - name: Build typescript
-        run: |
+          mv ./slang-wasm.wasm.gz ./slang-wasm.js ./slang-wasm.d.ts ./src/
+          mv ./spirv-tools.wasm ./spirv-tools.js ./spirv-tools.d.ts ./src/
           npm install
-          npx tsc
-
-      - name: Build with Jekyll
-        uses: actions/jekyll-build-pages@v1
-        with:
-          source: ./
-          destination: ./_site
+          npm run build
 
-      - name: Copy depencencies
-        run: |
-          sudo mkdir ./_site/node_modules
-          sudo cp -r node_modules/requirejs ./_site/node_modules/requirejs
-          sudo cp -r node_modules/pako ./_site/node_modules/pako
       - name: Upload export artifact
         uses: actions/upload-artifact@v4
         with:
           name: site-artifact
-          path: ./_site/
+          path: ./dist/
           compression-level: 1  
 
   # Deployment job