feat: add github page publish action

Author: chinanwu

.github/workflows/publish.yaml

@@ -0,0 +1,47 @@
+name: Publish
+
+on:
+  push:
+    branches: [main]
+
+permissions: read-all
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # tag=v4.2.2
+
+      - name: Setup node
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # tag=v4.4.0
+        with:
+          node-version: 22
+
+      - name: Build UI
+        run: |
+          npm i
+          npm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@56afc609e74202658d3ffba0e8f6dda462b719fa # tag=v3.0.1
+        with:
+          path: dist
+          retention-days: 1
+
+  deploy:
+    needs: build
+
+    permissions:
+      pages: write
+      id-token: write
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@d6db90164ac5ed86f2b6aed7e0febac5b3c0c03e # tag=v4.0.5

README.md

@@ -2,7 +2,9 @@
 
 This is a simple application using [Pelagos](https://github.com/bluecatengineering/pelagos-packages).
 
-To run, do the usual (make sure you have `node`, run `npm i`, ...) and then `npm start`.
+To run locally, do the usual (make sure you have `node`, run `npm i`, ...) and then `npm start`.
+
+To view in browser, visit https://bluecatengineering.github.io/pelagos-example/
 
 ## Preview