chore: CI for GH pages

Author: jarekdanielak

.github/workflows/CI.yml

@@ -1,7 +1,7 @@
 name: CI
 on: [ push, pull_request ]
 jobs:
-  Build:
+  build:
     runs-on: ubuntu-latest
 
     steps:

.github/workflows/DEPLOY_TO_GH_PAGES.yml

@@ -0,0 +1,40 @@
+name: DEPLOY_TO_GH_PAGES
+on: 
+  push:
+    branches: 
+      - main
+  workflow_dispatch:
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v4
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 22
+        cache: 'npm'
+    - name: Install dependencies
+      run: npm ci
+    - name: Build
+      run: xvfb-run npm run build:demo
+    - name: Setup Pages
+      uses: actions/configure-pages@v5
+    - name: Upload artifact
+      uses: actions/upload-pages-artifact@v3
+      with:
+        path: 'public'
+    - name: Deploy to GitHub Pages
+      id: deployment
+      uses: actions/deploy-pages@v4

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+public
 
 # Editor directories and files
 .vscode/*

demo.config.js

@@ -5,7 +5,14 @@ import react from '@vitejs/plugin-react';
 export default defineConfig({
   root: 'demo',
   plugins: [ react() ],
+  build: {
+    outDir: '../public',
+    emptyOutDir: true,
+  },
   server: {
     open: true
   },
+  test: {
+    globals: true,
+  },
 });

package.json

@@ -7,6 +7,7 @@
     "all": "run-s lint test build",
     "start": "vite --config demo.config.js",
     "build": "vite build",
+    "build:demo": "vite build --config demo.config.js",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "lint": "eslint ."