CodeGraph Explorer

CodeGraph Explorer is a WebGPU-first 3D codebase knowledge graph visualizer for the OpenAI Codex Creator Challenge.

What It Does

• Paste a GitHub URL or drop a ZIP archive.
• Parse repository files in-browser.
• Build an interactive dependency and call graph.
• Render the graph as a cinematic 3D constellation.
• Ask natural-language questions and highlight the relevant architecture path.

Stack

• Vite + TypeScript
• Three.js WebGPU renderer with graceful fallback behavior
• Tailwind CSS v4
• web-tree-sitter for in-browser parsing
• jszip for archive import
• OpenAI Chat Completions API for explanations

Commands

pnpm install
pnpm dev
pnpm build
pnpm lint

Notes

• public/wasm/ is where Tree-sitter WASM assets are served from.
• scripts/postinstall.mjs copies the base tree-sitter.wasm when available.
• Language-specific grammar WASM files should also live in public/wasm/.

Deployment

pnpm build

Deploy dist/ to Vercel. vercel.json sets the WASM MIME type.