working on web demo

konsumer · konsumer · commit e72f8351c5a0 · 2026-01-13T15:42:39.000-08:00
diff --git a/.github/workflows/carts.yml b/.github/workflows/carts.yml
@@ -24,6 +24,7 @@ jobs:
         with:
           name: ${{ matrix.cart }}_c
           path: ${{ matrix.cart }}_c.null0
+
   js:
     name: Build & Publish JS Carts
     runs-on: ubuntu-latest
@@ -42,6 +43,7 @@ jobs:
         with:
           name: ${{ matrix.cart }}_js
           path: ${{ matrix.cart }}_js.null0
+
   as:
     name: Build & Publish Assemblyscript Carts
     runs-on: ubuntu-latest
@@ -59,6 +61,7 @@ jobs:
         with:
           name: ${{ matrix.cart }}_as
           path: ${{ matrix.cart }}_as.null0
+
   nelua:
     name: Build & Publish Nelua Carts
     runs-on: ubuntu-latest
@@ -109,3 +112,34 @@ jobs:
         uses: softprops/action-gh-release@v2
         with:
           files: artifacts/**/*.null0
+
+  deploy-pages:
+    name: Deploy to GitHub Pages
+    runs-on: ubuntu-latest
+    needs: [c, js, as, nelua]
+    permissions:
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Download all artifacts
+        uses: actions/download-artifact@v4
+        with:
+          path: artifacts
+      - name: Prepare Pages content
+        run: |
+          mkdir -p _site
+          cp -r demo/* _site/
+          cp -r artifacts/**/*.null0 _site/carts/
+          ls _site/carts/*.null0 > _site/carts/carts.txt
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: _site
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,42 @@
+<html>
+  <head>
+    <title>Null0</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        background: rgba(245, 245, 245, 255); /* RAYWHITE */
+        background: black;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        min-height: 100vh;
+        overflow: hidden;
+      }
+
+      canvas {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+    </style>
+  </head>
+  <body>
+    <p>Not ready yet!</p>
+  </body>
+  <script type="importmap">
+    {
+      "imports": {
+        "@easywasm/wasi": "https://esm.sh/@easywasm/wasi",
+        "fflate": "https://esm.sh/fflate/esm/browser.js"
+      }
+    }
+  </script>
+  <script type="module">
+    // get list of carts
+    const carts = await fetch("carts/carts/txt")
+      .then((r) => r.text())
+      .then((t) => t.trim().split("\n"));
+    console.log(carts);
+  </script>
+</html>
