Skip to content

Latest commit

Β 

History

109 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

OpenCodeABsUI/UX

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


Overview

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.


All Routes

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

Features

Authentication & Identity

  • 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

Company Session & Showcase (/o/)

  • 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

Sandbox Isolation & Preview (/s/)

  • Strict multi-tenant isolation between company sessions
  • Auto-backup workflow with preview mode and one-click publish
  • Scope escalation guardrails for filesystem access

Community Hub (/C/)

  • 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 Hub header 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

Universal Coding Language Support Engine

  • 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

Servers Directory (/S/)

  • 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

Users Directory (/U/)

  • Community user directory with GitHub-verified profiles
  • Avatar, bio, location, and follower/following metrics
  • User search and sorted listings
  • Links to personal community hubs

Feature Showcase (/F/)

  • Comprehensive project overview with feature cards and architecture diagram
  • Tech stack breakdown and collapsible security notice
  • Repository statistics and navigation links

Multi-Device Management (/u/)

  • 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

Template Marketplace (/T/)

  • Public repository for sharing multi-agent templates and OpenCode setups

Hybrid Compute & Cloud Sync

  • 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

GunDB Decentralized P2P Graph Network

  • 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

OS-Level Background Daemon

  • 24/7 persistence via systemd (Linux), launchd (macOS), Task Scheduler/PM2 (Windows), Termux (Android), Docker

Plugin Manager & Parallel Pipeline

  • Dynamic plugin loading/unloading with RAM optimization
  • Concurrent dual-stream pipeline: verification + optimization
  • Merge to master only when both streams pass validation

PRD Orchestration System

  • Local-only PRD isolation β€” all documents stored in OpenCodeWEBsPRD/ with .gitignore enforcement
  • 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

Tech Stack

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

Getting Started

Prerequisites

Installation

git clone https://github.com/OpenCodeWEB/UI.git
cd UI
npm install

Development

npm run dev

Opens at http://localhost:5173.

Build

npm run build

Output is written to dist/.

Preview Production Build

npm run preview

Type Check

npm run check

Lint

npm run lint

Deployment to Cloudflare Pages

  1. Install Wrangler CLI (if not already installed):

    npm install -g wrangler
  2. Authenticate with Cloudflare:

    wrangler login
  3. Deploy via Wrangler:

    npx wrangler pages deploy dist
  4. Or connect your GitHub repo in the Cloudflare Pages dashboard for automatic deployments:

    • Build command: npm run build
    • Build output directory: dist

Your site will be live at https://pocwu.pages.dev.

Required Cloudflare KV namespaces: DEVICES_KV, SESSIONS_KV β€” bind them in the Pages dashboard or wrangler.toml.


Project Structure

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.md for the full tree with file-level annotations, API route details, and architectural relationship diagrams.


Credits & Attribution


License

MIT


πŸ—„οΈβš‘πŸ’ ~ OpenCodeWEB/UI

About

Enterprise-grade OpenCode ecosystem plugin and hybrid infrastructure manager

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages