dashboard improvements and redisign

.github/workflows/aggregate_package_states.yml

@@ -1,17 +1,17 @@
 name: aggregate_package_states.yml
 permissions:
-  contents: write
+    contents: write
 on:
-  workflow_dispatch:
-  schedule:
-    - cron: '0 7 * * *'
+    workflow_dispatch:
+    schedule:
+        - cron: "0 3 * * *"
 jobs:
-  aggregate_packages:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-      - name: run aggregator
-        run: sh cronjob.sh
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+    aggregate_packages:
+        runs-on: ubuntu-latest
+        steps:
+            - name: checkout
+              uses: actions/checkout@v4
+            - name: run aggregator
+              run: ./cronjob.sh
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/build.yml

@@ -0,0 +1,73 @@
+name: Build and Deploy Dashboard
+
+on:
+    push:
+        branches: [gh-pages]
+    pull_request:
+        branches: [gh-pages]
+    workflow_dispatch:
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+
+        steps:
+            - name: Checkout repository
+              uses: actions/checkout@v4
+
+            - name: Setup Node.js
+              uses: actions/setup-node@v4
+              with:
+                  node-version: "18"
+                  cache: "npm"
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Build dashboard
+              run: npm run build
+              env:
+                  NODE_ENV: production
+
+            - name: List build output
+              run: |
+                  echo "Build completed. Output files:"
+                  ls -la dist/
+
+            - name: Upload build artifacts
+              uses: actions/upload-artifact@v4
+              with:
+                  name: dashboard-build
+                  path: |
+                      index.html
+                      style.css
+                      dist/
+                  retention-days: 30
+
+            - name: Setup Pages (if deploying to GitHub Pages)
+              if: github.ref == 'refs/heads/gh-pages' && github.event_name == 'push'
+              uses: actions/configure-pages@v4
+
+            - name: Upload to GitHub Pages
+              if: github.ref == 'refs/heads/gh-pages' && github.event_name == 'push'
+              uses: actions/upload-pages-artifact@v3
+              with:
+                  path: "."
+
+    deploy:
+        if: github.ref == 'refs/heads/gh-pages' && github.event_name == 'push'
+        needs: build
+        runs-on: ubuntu-latest
+
+        permissions:
+            pages: write
+            id-token: write
+
+        environment:
+            name: github-pages
+            url: ${{ steps.deployment.outputs.page_url }}
+
+        steps:
+            - name: Deploy to GitHub Pages
+              id: deployment
+              uses: actions/deploy-pages@v4

.gitignore

@@ -0,0 +1,17 @@
+_site
+.venv
+shell.nix
+vendor
+
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+
+# Environment variables
+.env
+.envrc
+
+# packages are in packages branch
+packages/

.prettierignore

@@ -0,0 +1,14 @@
+# Build artifacts
+dist/
+node_modules/
+.venv/
+
+# Package data
+packages/
+
+# Generated files
+*.min.js
+*.map
+
+# Documentation that might have specific formatting
+CHANGELOG.md

.prettierrc.json

@@ -0,0 +1,12 @@
+{
+    "semi": true,
+    "trailingComma": "es5",
+    "singleQuote": false,
+    "printWidth": 80,
+    "tabWidth": 4,
+    "useTabs": false,
+    "bracketSpacing": true,
+    "arrowParens": "always",
+    "endOfLine": "lf",
+    "quoteProps": "as-needed"
+}

README.md

@@ -0,0 +1,74 @@
+# Garden Linux Daily Dashboard
+
+A real-time monitoring dashboard for Garden Linux CI/CD pipeline status, package builds, and workflow runs.
+
+https://gardenlinux.github.io/daily/
+
+## 🌟 Features
+
+- **Real-time Pipeline Status**: Monitor Production Garden Linux workflows
+- **Package Monitoring**: Track package builds and identify issues (via daily cronjob)
+- **Historical View**: Browse past Garden Linux versions
+- **GitHub Authentication**: Support for both Classic and Fine-grained GitHub tokens
+
+## 🚀 Quick Start
+
+### Prerequisites
+
+- **To build or develop locally:**
+    - Node.js 16 or higher
+    - npm
+- **To use or serve the dashboard (e.g., via GitHub Pages or any static web server):**
+    - No dependencies required; just serve the static files in the repository (index.html, dist/dashboard.js, style.css, etc.)
+
+## 🛠️ Development & Build Workflow
+
+### Development Mode
+
+- **Watch mode**: `npm run dev`
+  Rebuilds the dashboard automatically on file changes. Use this for local development.
+- **Serve only**: `npm run serve`
+  Serves the static files in the current directory (default: http://localhost:8000).
+
+### Production Build
+
+- **Build for production**:
+
+    ```sh
+    NODE_ENV=production npm run build
+    ```
+
+    This creates a minified, optimized bundle in `dist/dashboard.js` with source maps for debugging. Console statements are removed in production builds.
+
+- **Build only**: `npm run build`
+  (If you do not set `NODE_ENV=production`, the output will not be minified.)
+
+### Output Details
+
+- **Entry Point**: `src/main.js`
+- **Output**: `dist/dashboard.js` (with source maps)
+- **Format**: IIFE for direct browser inclusion
+- **Minification**: Enabled automatically when `NODE_ENV=production`
+
+## 🚀 GitHub Pages Integration
+
+This dashboard is designed to be deployed on GitHub Pages:
+
+- The `dist/` directory contains the production-ready JavaScript bundle.
+- The `index.html` and `style.css` are also in the repository root for direct serving.
+- GitHub Pages is configured to serve from the `/` (root).
+- After building, simply push your changes to the `gh-pages` branch.
+- The dashboard will be live at: https://gardenlinux.github.io/daily/
+
+## 🔧 Configuration
+
+### GitHub Token (Optional but Recommended)
+
+To avoid GitHub API rate limits, configure a personal access token:
+
+1. Go to [GitHub Settings > Tokens](https://github.com/settings/tokens)
+2. Create a token with `public_repo` or `repo` scope
+3. Click the ⚙️ settings button in the dashboard
+4. Enter your token and save
+
+The dashboard supports both Classic (`ghp_`) and Fine-grained (`github_pat_`) tokens.

cronjob.sh

@@ -0,0 +1,28 @@
+#!/usr/bin/env bash
+
+set -Eexuo pipefail
+
+GARDENLINUX_GENESIS="2020-03-31"
+TODAY=$(date "+%Y-%m-%d")
+
+START_SECONDS=$(date -d "$GARDENLINUX_GENESIS" +%s)
+END_SECONDS=$(date -d "$TODAY" +%s)
+
+GARDENLINUX_VERSION=$(((END_SECONDS - START_SECONDS) / 86400))
+
+git config --global user.email "[email protected]"
+git config --global user.name "package_aggregator"
+
+OUTFILE=$(mktemp)
+cd package-aggregator || exit 1
+go run . -o $OUTFILE -exclude package-build,package-python3.11
+cd .. || exit 2
+
+git fetch origin
+git checkout packages
+# git reset --hard origin/packages
+
+cp $OUTFILE packages/$GARDENLINUX_VERSION.json
+git add packages/$GARDENLINUX_VERSION.json
+git commit -m "Package status for Gardenlinux Day $GARDENLINUX_VERSION"
+git push origin packages

eslint.config.js

@@ -0,0 +1,62 @@
+import js from "@eslint/js";
+
+export default [
+    js.configs.recommended,
+    {
+        files: ["src/**/*.js"],
+        languageOptions: {
+            ecmaVersion: 2022,
+            sourceType: "module",
+            globals: {
+                window: "readonly",
+                document: "readonly",
+                console: "readonly",
+                fetch: "readonly",
+                URL: "readonly",
+                URLSearchParams: "readonly",
+                Date: "readonly",
+                localStorage: "readonly",
+                location: "readonly",
+                alert: "readonly",
+                confirm: "readonly",
+                setTimeout: "readonly",
+                setInterval: "readonly",
+                clearTimeout: "readonly",
+                clearInterval: "readonly",
+                goToGL: "writable",
+            },
+        },
+        rules: {
+            // Best practices
+            "no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
+            "no-console": "warn",
+            "prefer-const": "error",
+            "no-var": "error",
+
+            // Code style - let Prettier handle formatting
+            indent: "off",
+            quotes: "off",
+            semi: "off",
+            "comma-dangle": "off",
+            "eol-last": "off",
+
+            // Modern JavaScript
+            "prefer-arrow-callback": "error",
+            "prefer-template": "error",
+            "object-shorthand": "error",
+
+            // Error prevention
+            "no-undef": "error",
+            "no-unreachable": "error",
+            "no-duplicate-imports": "error",
+        },
+    },
+    {
+        files: ["rollup.config.js", "eslint.config.js"],
+        languageOptions: {
+            globals: {
+                process: "readonly",
+            },
+        },
+    },
+];