use vite to build and process project files

Author: y

.github/workflows/pages.yml

@@ -21,40 +21,31 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
 
-      - name: Setup GitHub Pages
-        uses: actions/configure-pages@v4
-
-      - name: Prepare build folder
-        run: |
-          rm -rf build
-          mkdir -p build
-          cp -r src/* build/
-
-      - name: Inject SHA and asset list into service worker
-        run: |
-          SHA=$(git rev-parse --short HEAD)
-          echo "SHA: $SHA"
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
 
-          echo "Generating asset list..."
-          find build -type f ! -name service-worker.js \
-            | sed 's|^build||; s| |%20|g' \
-            | jq -R . | jq -s . > asset-list.json
+      - name: Install dependencies
+        run: npm ci
 
-          echo "Generated asset list:"
-          cat asset-list.json
+      - name: Get short SHA
+        id: vars
+        run: echo "sha=$(git rev-parse --short HEAD)" >> "$GITHUB_OUTPUT"
 
-          echo "Injecting SHA into template..."
-          sed "s|__BUILD_SHA__|$SHA|g" src/service-worker.js > build/service-worker.tmp.js
+      - name: Build project
+        run: |
+          echo "VITE_COMMIT_SHA=${{ steps.vars.outputs.sha }}" >> .env
+          npm run build
 
-          echo "Injecting asset list..."
-          SERVICE_WORKER_CONTENT=$(cat build/service-worker.tmp.js)
-          ASSET_LIST_JSON=$(cat asset-list.json)
-          echo "${SERVICE_WORKER_CONTENT/__ASSETS__/${ASSET_LIST_JSON}}" > build/service-worker.js
+      - name: Setup GitHub Pages
+        uses: actions/configure-pages@v4
 
       - name: Upload build artifact
-        uses: actions/upload-pages-artifact@v3
+        uses: actions/upload-pages-artifact@v4
         with:
-          path: './build'
+          path: './dist'
 
       - name: Deploy to GitHub Pages
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v3

.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?