ci: deploy to GitHub Pages

jsulpis · jsulpis · commit 4237d875fa63 · 2025-05-17T17:35:27.000+02:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,37 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 10
+      - run: pnpm install
+      - run: pnpm build
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/demos/astro.config.mjs b/demos/astro.config.mjs
@@ -0,0 +1,7 @@
+import { defineConfig } from "astro/config";
+
+// https://astro.build/config
+export default defineConfig({
+  site: "https://jsulpis.github.io",
+  base: "/talk-webgpu",
+});
diff --git a/demos/src/layouts/Layout.astro b/demos/src/layouts/Layout.astro
@@ -11,7 +11,7 @@ const { api = "WebGL" } = Astro.props;
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="/talk-webgpu/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
     <title>Demo</title>
   </head>
diff --git a/demos/src/pages/index.astro b/demos/src/pages/index.astro
@@ -1,12 +1,12 @@
 <nav class="panel">
   <ul>
-    <li><a href="/three/instanced">three - instanced</a></li>
-    <li><a href="/three/instanced-webgpu">three - instanced WebGPU</a></li>
-    <li><a href="/three/fishes">three - fishes</a></li>
-    <li><a href="/three/fishes-webgpu">three - fishes WebGPU</a></li>
-    <li><a href="/webgl/boids">webgl - boids</a></li>
-    <li><a href="/webgl/objects">webgl - objects</a></li>
-    <li><a href="/webgpu/boids">webgpu - boids</a></li>
-    <li><a href="/webgpu/objects">webgpu - objects</a></li>
+    <li><a href="/talk-webgpu/three/instanced">three - instanced</a></li>
+    <li><a href="/talk-webgpu/three/instanced-webgpu">three - instanced WebGPU</a></li>
+    <li><a href="/talk-webgpu/three/fishes">three - fishes</a></li>
+    <li><a href="/talk-webgpu/three/fishes-webgpu">three - fishes WebGPU</a></li>
+    <li><a href="/talk-webgpu/webgl/boids">webgl - boids</a></li>
+    <li><a href="/talk-webgpu/webgl/objects">webgl - objects</a></li>
+    <li><a href="/talk-webgpu/webgpu/boids">webgpu - boids</a></li>
+    <li><a href="/talk-webgpu/webgpu/objects">webgpu - objects</a></li>
   </ul>
 </nav>
diff --git a/demos/src/pages/three/fish.astro b/demos/src/pages/three/fish.astro
@@ -7,7 +7,7 @@ import Layout from "../../layouts/Layout.astro";
   import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
   import { setAnimationLoop } from "../../shared/helpers";
 
-  const mainFishUrl = "/clownfish.glb";
+  const mainFishUrl = "/talk-webgpu/clownfish.glb";
 
   const scene = new THREE.Scene();
 
diff --git a/demos/src/pages/three/fishes-webgpu.astro b/demos/src/pages/three/fishes-webgpu.astro
@@ -10,7 +10,7 @@ import Layout from "../../layouts/Layout.astro";
   import { BOUNDS } from "../../shared/params";
   import { computeVelocities, computePositions } from "../../three/gpgpu";
 
-  const modelUrl = "/Fish.glb";
+  const modelUrl = "/talk-webgpu/Fish.glb";
 
   const WIDTH = 16;
   const FISHES = WIDTH * WIDTH;
diff --git a/demos/src/pages/three/fishes.astro b/demos/src/pages/three/fishes.astro
@@ -25,8 +25,8 @@ import Layout from "../../layouts/Layout.astro";
     bounds: BOUNDS,
   };
 
-  const mainFishUrl = "/clownfish.glb";
-  const otherfishUrl = "/blueTang.glb";
+  const mainFishUrl = "/talk-webgpu/clownfish.glb";
+  const otherfishUrl = "/talk-webgpu/blueTang.glb";
 
   const searchParams = new URL(window.location.href).searchParams;
 
diff --git a/demos/src/pages/three/instanced-webgpu.astro b/demos/src/pages/three/instanced-webgpu.astro
@@ -26,7 +26,7 @@ import Layout from "../../layouts/Layout.astro";
   let mesh: THREE.InstancedMesh;
 
   const loader = new THREE.BufferGeometryLoader();
-  loader.load("/suzanne.json", function (geometry) {
+  loader.load("/talk-webgpu/suzanne.json", function (geometry) {
     geometry.computeVertexNormals();
     geometry.scale(0.5, 0.5, 0.5);
 
diff --git a/demos/src/pages/three/instanced.astro b/demos/src/pages/three/instanced.astro
@@ -25,7 +25,7 @@ import Layout from "../../layouts/Layout.astro";
   let mesh: THREE.InstancedMesh;
 
   const loader = new THREE.BufferGeometryLoader();
-  loader.load("/suzanne.json", function (geometry) {
+  loader.load("/talk-webgpu/suzanne.json", function (geometry) {
     geometry.computeVertexNormals();
     geometry.scale(0.5, 0.5, 0.5);
 
diff --git a/demos/src/pages/webgl/boids.astro b/demos/src/pages/webgl/boids.astro
@@ -78,7 +78,7 @@ import Layout from "../../layouts/Layout.astro";
     };
 
     // const geometry = createSphereGeometry();
-    const geometry = await loadOBJ("/fish.obj");
+    const geometry = await loadOBJ("/talk-webgpu/fish.obj");
 
     const {
       compute: computeBoids,
diff --git a/demos/src/pages/webgpu/boids.astro b/demos/src/pages/webgpu/boids.astro
@@ -182,7 +182,7 @@ import Layout from "../../layouts/Layout.astro";
     });
 
     // const geometry = createSphereGeometry(1.0);
-    const geometry = await loadOBJ("/fish.obj");
+    const geometry = await loadOBJ("/talk-webgpu/fish.obj");
 
     const positionBuffer = device.createBuffer({
       size: geometry.positions.byteLength,
diff --git a/package.json b/package.json
@@ -0,0 +1,7 @@
+{
+  "scripts": {
+    "prebuild": "rm -rf dist",
+    "build": "pnpm -r build && mv demos/dist dist && mv slides/dist/* dist",
+    "dev": "pnpm -r dev"
+  }
+}
diff --git a/slides/.env.production b/slides/.env.production
@@ -1,2 +1 @@
-# TODO: deploy to GitHub Pages and update this URL
-VITE_DEMOS_BASE_URL=http://localhost:4321
+VITE_DEMOS_BASE_URL=https://jsulpis.github.io/talk-webgpu
diff --git a/slides/package.json b/slides/package.json
@@ -3,7 +3,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "slidev build",
+    "build": "slidev build --base /talk-webgpu/",
     "dev": "slidev",
     "export": "slidev export"
   },
