use fastly compute@edge for website

Author: pufferfish101007

.github/workflows/deploy.yml

@@ -1,10 +1,15 @@
 on:
   workflow_dispatch:
+    inputs:
+      tag:
+        required: true
+        type: string
+        description: which tag (on the hyperquark/hyperquark repository) should we build from?
 
 name: Deploy
 
 jobs:
-  deploy:
+  build:
     name: Build WASM & website
     runs-on: ubuntu-latest
     permissions:
@@ -15,6 +20,7 @@ jobs:
         with:
           repository: hyperquark/hyperquark
           path: hyperquark
+          ref: ${{ inputs.tag }}
 
       - name: Install nightly toolchain
         uses: actions-rs/toolchain@v1
@@ -66,12 +72,68 @@ jobs:
 
       - name: move file to website repo
         run: |
-          cd $GITHUB_WORKSPACE/website
+          cd $GITHUB_WORKSPACE/website/pages
           rm -rf assets index.html logo.png favicon.ico renderer.js
-          mv /tmp/hq-dist/* $GITHUB_WORKSPACE/website/
+          mv /tmp/hq-dist/* $GITHUB_WORKSPACE/website/pages/
       
       - name: Commit changes
         uses: stefanzweifel/git-auto-commit-action@v5
         with:
           repository: ./website
           commit_message: Build website
+
+  pages:
+    needs: build
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: 'pages'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+
+  compute:
+    needs: [build, pages]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup rust
+        uses: actions-rs/toolchain@v1
+        with:
+          profile: minimal
+          toolchain: stable
+          override: true
+          target: wasm32-wasip1
+      
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "20.x"
+          
+      - name: Install fastly CLI
+        run: npm i -g fastly@latest
+
+      - name: Build compute
+        run: fastly compute build
+
+      - name: Purge previous version & deploy
+        env:
+          FASTLY_API_TOKEN : ${{ secrets.FASTLY_API_TOKEN }}
+        run: |
+          fastly purge --all
+          fastly compute deploy --domain=hyperquark.edgecompute.app --accept-defaults"
+
+
+
+

.gitignore

@@ -0,0 +1,6 @@
+pkg
+target
+bin
+hyperquark
+path-matcher.rs
+Cargo.lock

Cargo.toml

@@ -0,0 +1,15 @@
+[package]
+name = "hyperquark"
+version = "0.1.0"
+authors = []
+edition = "2018"
+# Remove this line if you want to be able to publish this crate as open source on crates.io.
+# Otherwise, `publish = false` prevents an accidental `cargo publish` from revealing private source.
+publish = false
+
+[profile.release]
+debug = 1
+
+[dependencies]
+fastly = "^0.9.2"
+regex = "1.11.1"

README.md

@@ -0,0 +1 @@
+This repository contains the code which is used to build the HyperQuark website at [https://hyperquark.edgecompute.app](https://hyperquark.edgecompute.app). It also delpoys some pages to Github Pages but these are simply static files to back the compute@edge service.

build.mjs

@@ -0,0 +1,33 @@
+import { readdir, writeFile } from 'node:fs/promises';
+
+const mimeType = (extension) => {
+    switch (extension) {
+        case 'js': return 'application/javascript';
+        case 'css': return 'text/css';
+        case 'wasm': return 'application/wasm';
+        case 'png': return 'image/png';
+        case 'ico': return 'image/x-icon';
+        case 'html': return 'text/html';
+        default: throw new Error('Unrecognised file extension: ${extension}');
+    }
+}
+
+const hqDistDir = await readdir('./pages', { encoding: 'utf8', recursive: true });
+const fileNames = hqDistDir.filter((name) => !['assets', 'index.html'].includes(name));
+const pathMatches = fileNames.map((name) => `"/${name}"`)
+
+const pathMatcher = `match req.get_path() {
+    ${pathMatches.join(' | ')} => req.with_set_header("Host", "hyperquark.github.io").send(BACKEND)?,
+    path @ _ => {
+        let ok_path_re = Regex::new(r"^/(settings|about|projects/(file|test|\d+))?$").unwrap();
+        if ok_path_re.is_match(path) {
+            Request::get("https://hyperquark.github.io/").send(BACKEND)?
+        } else {
+            Request::get("https://hyperquark.github.io/").send(BACKEND)?.with_status(404)
+        }
+    }
+}`;
+
+console.log(pathMatcher)
+
+await writeFile('path-matcher.rs', pathMatcher, { encoding: 'utf8' });

fastly.toml

@@ -0,0 +1,17 @@
+# This file describes a Fastly Compute@Edge package. To learn more visit:
+# https://developer.fastly.com/reference/fastly-toml/
+
+authors = ["pufferfish101007"]
+language = "rust"
+manifest_version = 3
+description = "HyperQuark"
+service_id = "HjheuqHb4e2e2zURKwD436"
+name = "hyperquark"
+
+[scripts]
+  build = "node build.mjs && cargo build --target=wasm32-wasip1 --release"
+
+[local_server.backends."github"] 
+  url = "https://hyperquark.github.io"
+  cert_host = "hyperquark.github.io"
+  override_host = "hyperquark.github.io"