Add Web-UI

.github/workflows/Test.yml

@@ -1,6 +1,8 @@
 name: Test
 on:  
   push:
+    branches:
+      - master
   pull_request:
     branches:
       - master

.github/workflows/pages.yml

@@ -0,0 +1,49 @@
+name: Deploy Web UI
+
+on:
+  push:
+    branches: [master]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.33.0
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: pnpm
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Build web
+        run: pnpm --filter web build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: web/dist
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -11,7 +11,16 @@ srlua.exe
 glue.exe
 build
 
+# Web tooling
+node_modules
+web/node_modules
+web/dist
+web/dist-ssr
+web/test-results
+web/playwright-report
+.vite
+
 # Ignore Local Test Files
 test.lua
 test.obfuscated.lua
-config.lua
+config.lua

README.md

@@ -8,6 +8,9 @@
 
 <br/>
 
+<a href="https://prometheus-lua.github.io/Prometheus/">
+  <img src="https://img.shields.io/badge/Prometheus%20Web-Open-0F766E?style=for-the-badge&logo=github&logoColor=white" alt="Open Prometheus Web UI" />
+</a>
 <a href="https://github.com/prometheus-lua/Prometheus/actions/workflows/Test.yml">
   <img src="https://img.shields.io/github/actions/workflow/status/prometheus-lua/Prometheus/Test.yml?branch=master&style=for-the-badge&label=Tests" alt="Tests" />
 </a>
@@ -46,6 +49,14 @@ Currently, Prometheus supports:
 
 ## Quick Start
 
+Try the browser version first:
+
+
+<a href="https://prometheus-lua.github.io/Prometheus/">
+  <img src="https://img.shields.io/badge/Prometheus%20Web-Open-0F766E?style=for-the-badge&logo=github&logoColor=white" alt="Open Prometheus Web UI" />
+</a>
+
+### Local CLI usage
 Clone the repository:
 
 ```bash
@@ -190,6 +201,6 @@ Full license text: [Prometheus License](https://github.com/prometheus-lua/Promet
 
 <div align="center">
 
-<img src="https://capsule-render.vercel.app/api?type=waving&height=120&section=footer&color=gradient" />
+<img width="100%" src="https://capsule-render.vercel.app/api?type=waving&height=120&section=footer&color=gradient" />
 
 </div>

package.json

@@ -0,0 +1,11 @@
+{
+  "name": "prometheus-workspace",
+  "private": true,
+  "packageManager": "pnpm@10.33.0",
+  "scripts": {
+    "web:dev": "pnpm --filter web dev",
+    "web:build": "pnpm --filter web build",
+    "web:preview": "pnpm --filter web preview",
+    "web:test": "pnpm --filter web test"
+  }
+}