Enterprise-grade OpenCode ecosystem plugin and hybrid infrastructure manager
π README β’ π‘οΈ MIT License β’ π Project Structure β’ π Security
Version: 1.0.0-EA | License: MIT | Live: pocwu.pages.dev | PRD: OpenCodeWEBsPRD/PRD.md
OpenCodeABsUI/UX bridges local developer environments with a 24/7 serverless cloud runtime via a decentralized, peer-to-peer data synchronization layer powered by GunDB. It provides a SaaS-style Web UI featuring multi-agent company orchestration (/o/), isolated sandboxes (/s/), multi-device remote management (/u/), GitHub-based verification, a Universal Coding Language Support Engine for 200+ programming languages, and a 3D interactive global metrics dashboard β all underpinned by a real-time, offline-first GunDB graph network.
| Route | Page | Description |
|---|---|---|
/ |
Home Dashboard | Cobe WebGL 3D Interactive Globe, live node metrics, leaderboards |
/u/{username} |
Device Admin | Active device selector, multi-stream telemetry, offline snapshot fallback |
/o/{org}/{company} |
Org Showcase | Public showcase with AI workforce metrics, token meters, and projects |
/s/{org}/{project} |
Project Sandbox | Live sandboxed web server / API preview endpoint |
/T/ |
Template Marketplace | Public repository for multi-agent templates and OpenCode setups |
/C/ |
Community Hub Directory | Smart-ranked hub directory with Global/Project toggles, search, sort, and tag filters |
/C/{username} |
User/Org Hub | Personal or organization community hub with scoped discussions |
/C/{username}/{project} |
Project Hub | Project-scoped community hub |
/C/π¬ |
Community Discussions | Internal route β renders GitHub Discussions natively via API; no redirect, no iframes |
/C/ABsUPs/CommunityHub |
Root Hub (Fixed #1) | Canonical root community hub, permanently anchored at position #1 |
/S/ |
Servers Directory | Public server directory with status health checks and registry |
/U/ |
Users Directory | Community user directory with GitHub-verified profiles |
/F/ |
Feature Showcase | Project overview, feature cards, architecture diagram, tech stack |
* |
Fallback | Security landing for invalid routes or DOM tampering |
- GitHub OAuth verification with automated follow-to-verify human status
- Org namespace control β server-side role validation via GitHub API
- Token lifecycle β key-based URLs valid for 99 minutes, OAuth sessions persist indefinitely
- Creation wizard with company name, logo, goals, and resource caps
- Public showcase pages with verified badges, workforce metrics, and token throughput gauges
- 33+ multi-agent role tracking with live AI power meters
- Strict multi-tenant isolation between company sessions
- Auto-backup workflow with preview mode and one-click publish
- Scope escalation guardrails for filesystem access
- Smart-ranked hub directory with immutable Root Hub (#1) anchored at
/C/ABsUPs/CommunityHub - Dynamic routing:
/C/{username}and/C/{username}/{project}for scoped discussions - Header-as-Button: Click the
π¬ Community Hubheader to natively render GitHub Discussions β no external redirect - Real-time search by username, org, or project name
- Sort options: System Smart Rank, Most Active Members, Top Stars & Forks, Recently Created
- Tag filters: Templates, Features, Showcase, Bug Reports
- Automated forking β first-time users auto-fork the root hub to create their personal space
- GunDB P2P Sync: Posts and comments sync instantly across the peer-to-peer mesh
- Create/Edit/Delete posts with inline Markdown, comments, and category tagging
- 100% language inclusivity β write, parse, compile, execute, and debug code in any programming language
- 5-tier classification β Mainstream (TS/JS/Python/Rust), Enterprise Legacy (COBOL/Fortran), Functional (Haskell/Elixir), HDL (Verilog/VHDL), Esoteric (Brainfuck/APL)
- Tree-sitter WASM parsing β dynamic grammar loading for 200+ languages without bundle inflation
- Polyglot AST mapping β unified JSON-serializable AST nodes across all paradigms
- Cross-language transpilation β translate between any languages (e.g., COBOL β Rust)
- WASM micro-runtime for lightweight scripts, Docker sandbox for heavy/legacy runtimes
- Resource hardening β 512MB RAM limit, 30-second execution timeout
- Full spec:
OpenCodeWEBsPRD/universal-engine.md
- Public server directory with live health status (
π’ Healthy,π‘ Degraded,π΄ Offline) - Server registration with metadata (type, location, capabilities)
- Last-seen tracking and status badges
- API-driven server management with KV persistence
- Community user directory with GitHub-verified profiles
- Avatar, bio, location, and follower/following metrics
- User search and sorted listings
- Links to personal community hubs
- Comprehensive project overview with feature cards and architecture diagram
- Tech stack breakdown and collapsible security notice
- Repository statistics and navigation links
- Active device selector with WebSocket-based telemetry streaming
- Offline snapshot fallback via private GitHub forks
- Read-only dashboard from fork when all devices are offline
- Public repository for sharing multi-agent templates and OpenCode setups
- Local host β heavy compute, code generation, refactoring, security checks
- Serverless cloud β 24/7 API runtime on Cloudflare Workers
- Multi-account fallback rotation for zero-cost uptime
- Bi-directional database syncing (D1 / KV / GitHub Fork)
- Zero-cost Gemini web automation via browser sessions
- Real-time, offline-first peer-to-peer data sync across all nodes
- CRDT-based conflict resolution with automatic merge on reconnect
- SEA end-to-end encryption bound to GitHub OAuth identity
- IndexedDB persistence for instant cold-start loading
- GitHub Private Fork snapshots as offline fallback
- 24/7 persistence via systemd (Linux), launchd (macOS), Task Scheduler/PM2 (Windows), Termux (Android), Docker
- Dynamic plugin loading/unloading with RAM optimization
- Concurrent dual-stream pipeline: verification + optimization
- Merge to master only when both streams pass validation
- Local-only PRD isolation β all documents stored in
OpenCodeWEBsPRD/with.gitignoreenforcement - 6-step startup pipeline: path resolution β directory creation β privacy guardrail β auto-sweep β subject routing β isolated write
- Subject-based modular files β master
PRD.md+ indexes for ToDo, Logic, Design, Community, and Security - Cross-platform β Windows, macOS, Linux, Termux
| Layer | Technology |
|---|---|
| Framework | React 18 + TypeScript |
| Build | Vite 5 |
| Styling | Tailwind CSS 3 |
| Routing | React Router 6 |
| 3D Globe | Cobe (WebGL) |
| P2P Graph | GunDB (peer-to-peer, CRDT, SEA encryption) |
| Deployment | Cloudflare Pages + Functions |
| Runtime | Cloudflare Workers (edge) |
| Storage | Cloudflare KV, GitHub Private Fork |
| AST Parsing | Tree-sitter WASM (200+ grammars) |
| Sandbox | WASM micro-runtime + Docker/Podman |
- Node.js 18+
- npm (or yarn/pnpm)
git clone https://github.com/OpenCodeWEB/UI.git
cd UI
npm installnpm run devOpens at http://localhost:5173.
npm run buildOutput is written to dist/.
npm run previewnpm run checknpm run lint-
Install Wrangler CLI (if not already installed):
npm install -g wrangler
-
Authenticate with Cloudflare:
wrangler login
-
Deploy via Wrangler:
npx wrangler pages deploy dist
-
Or connect your GitHub repo in the Cloudflare Pages dashboard for automatic deployments:
- Build command:
npm run build - Build output directory:
dist
- Build command:
Your site will be live at https://pocwu.pages.dev.
Required Cloudflare KV namespaces:
DEVICES_KV,SESSIONS_KVβ bind them in the Pages dashboard orwrangler.toml.
Living document:
PROJECT_STRUCTURE.mdβ actively maintained, updated with every structural change.
The project is organized into four main layers:
| Layer | Directory | Purpose |
|---|---|---|
| Frontend SPA | src/ |
React 18 + TypeScript app (Vite-built) |
| Edge API | functions/ |
Cloudflare Pages Functions (auth, community, globe WS relay proxy, device telemetry) |
| Durable Object Relay | do-worker/ |
Standalone Worker (pocwu-globe-relay) β GlobeRelayDO for real-time WebSocket peer sync |
| Static Assets | public/ |
_headers, _redirects, favicon |
| PRD Documents | OpenCodeWEBsPRD/ |
17 files β master PRD, gateway specs, globe spec, polyglot WASM spec (gitignored) |
| Methodology | conductor/ |
Conductor tracks: product, workflow, gun-integration track |
Note: This README shows the high-level structure only. See
PROJECT_STRUCTURE.mdfor the full tree with file-level annotations, API route details, and architectural relationship diagrams.
- Core Maintainer: @ABsUP
- Organization: @ABsUPs
- Repository: OpenCodeWEB/UI
- PRD Documents:
OpenCodeWEBsPRD/(strictly local, gitignored)