gh pages workflow

Ryan Miville · Ryan Miville · commit 1af6b5326fe6 · 2024-12-13T16:31:45.000-05:00
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
@@ -0,0 +1,47 @@
+name: deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    name: Deploy to GitHub Pages
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      deployments: write
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v4
+      - name: Set up Gleam
+        uses: erlef/setup-beam@v1
+        with:
+          otp-version: "27.0"
+          gleam-version: "1.5.1"
+          rebar3-version: "3"
+      - name: Install dependencies
+        run: gleam deps download
+      - name: Build app
+        run: gleam run -m lustre/dev build app --minify
+      - name: Copy output to dist
+        run: |
+          mkdir -p dist
+          cp index.html dist/index.html
+          cp -r priv dist/priv
+      - name: Update path in index.html to use minified app
+        run: sed -i 's|priv/static/todomvc.mjs|priv/static/todomvc.min.mjs|' dist/index.html
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: "dist"
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/index.html b/index.html
@@ -6,9 +6,9 @@
 
         <title>TodoMVC: Lustre</title>
 
-        <link rel="stylesheet" href="/priv/static/base.css" />
-        <link rel="stylesheet" href="/priv/static/index.css" />
-        <script type="module" src="/priv/static/todomvc.mjs"></script>
+        <link rel="stylesheet" href="./priv/static/base.css" />
+        <link rel="stylesheet" href="./priv/static/index.css" />
+        <script type="module" src="./priv/static/todomvc.mjs"></script>
     </head>
 
     <body>
