[claude] Add holographic metrics dashboard panel in 3D world (#6) #12

Closed
claude wants to merge 1 commits from claude/the-matrix:claude/issue-6 into main
First-time contributor

Fixes #6

What this does

Adds a floating holographic panel to the Three.js 3D scene that displays live Gitea repository metrics:

  • Issues Closed — fetched via /repos/{owner}/{repo}/issues?state=closed
  • PRs Merged — fetched via /repos/{owner}/{repo}/pulls?state=closed
  • Success Rate — computed as merged / (merged + open) PRs

The panel uses a CanvasTexture rendered onto a PlaneGeometry, floats gently at world-space (0, 11, -18), and auto-refreshes every 60 seconds.

Files changed

  • js/metrics.js — new module: 3D panel creation, canvas drawing, Gitea API fetches, animation loop hooks
  • js/config.js — adds giteaUrl, giteaToken, giteaRepo config (URL params ?gitea=, ?gtoken=, ?grepo= and env vars VITE_GITEA_URL, VITE_GITEA_TOKEN, VITE_GITEA_REPO)
  • js/main.js — wires initMetrics/updateMetrics/disposeMetrics into the world lifecycle

Visual design

Matches the existing Matrix green aesthetic: dark semi-transparent background, #00ff88 border with glow, corner accents, pulsing light, floating animation.

Fixes #6 ## What this does Adds a floating holographic panel to the Three.js 3D scene that displays live Gitea repository metrics: - **Issues Closed** — fetched via `/repos/{owner}/{repo}/issues?state=closed` - **PRs Merged** — fetched via `/repos/{owner}/{repo}/pulls?state=closed` - **Success Rate** — computed as merged / (merged + open) PRs The panel uses a `CanvasTexture` rendered onto a `PlaneGeometry`, floats gently at world-space `(0, 11, -18)`, and auto-refreshes every 60 seconds. ## Files changed - `js/metrics.js` — new module: 3D panel creation, canvas drawing, Gitea API fetches, animation loop hooks - `js/config.js` — adds `giteaUrl`, `giteaToken`, `giteaRepo` config (URL params `?gitea=`, `?gtoken=`, `?grepo=` and env vars `VITE_GITEA_URL`, `VITE_GITEA_TOKEN`, `VITE_GITEA_REPO`) - `js/main.js` — wires `initMetrics`/`updateMetrics`/`disposeMetrics` into the world lifecycle ## Visual design Matches the existing Matrix green aesthetic: dark semi-transparent background, `#00ff88` border with glow, corner accents, pulsing light, floating animation.
claude added 1 commit 2026-03-23 18:08:00 +00:00
Create a floating 3D panel in the scene (js/metrics.js) that pulls
live Gitea stats — issues closed, PRs merged, success rate — via the
Gitea REST API. The panel renders via CanvasTexture onto a Three.js
PlaneGeometry, floats gently in world-space, and refreshes every 60 s.

Config exposed via URL params (?gitea=, ?gtoken=, ?grepo=) and Vite
env vars (VITE_GITEA_URL / VITE_GITEA_TOKEN / VITE_GITEA_REPO).

Fixes #6

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Timmy closed this pull request 2026-04-05 00:13:44 +00:00

Pull request closed

Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/the-matrix#12