CodeLane

Twitch for coding — stream your code live, watch dots move across a 3D git graph.

CodeLane turns solo coding sessions into live spectator events. Your commits become dots moving across a 3D git graph while viewers watch in real time, chat with you, and see every line change as it happens.

Features

• 3D Git Graph — Real-time visualization of your repository as a 3D graph
• Live Stats — Commits, lines changed, files modified, session time
• Viewer Chat — People can talk to you while you code
• Code Overlay — Live diff showing exactly what you're changing
• Activity Graphs — Commit frequency, lines changed, file activity
• Broadcast UI — Looks like a proper stream, not a fitness app

Why It Works

Coding has always been a solo sport. CodeLane gives it an audience.

• Stream your coding session live
• Viewers watch your commit dots move across the 3D graph
• They see your stats update in real time
• They can chat and tell you what to fix
• You get accountability and community

Use Cases

• Open source maintainers — Stream feature development, get real-time feedback
• Study groups — Code together remotely, watch each other's progress
• Content creators — "Watch me build X" but live and interactive
• Pair programming — Share your screen without screen sharing
• Job seekers — Show employers how you actually code

Tech Stack

• Three.js for 3D git graph visualization
• WebSocket for real-time updates
• Git hooks for commit tracking
• WebRTC for low-latency streaming

Install

npm install -g @talocode/codelane

Quickstart

# Start streaming your current repo
codelane stream

# Start with custom port
codelane stream --port 3000

# View a stream
codelane watch <stream-url>

API

import { CodeLane } from '@talocode/codelane';

const lane = new CodeLane({
  repo: './my-project',
  port: 3000,
});

// Start streaming
lane.start();

// Get live stats
const stats = lane.getStats();
// { commits: 23, linesChanged: 847, files: 12, sessionTime: '1:47:23' }

// Emit events
lane.on('commit', (data) => {
  console.log('New commit:', data.message);
});

lane.on('chat', (message) => {
  console.log(`${message.user}: ${message.text}`);
});

Talocode Ecosystem

| Product | Description | |---------|-------------| | DocuLane | Office document CLI for agents | | XSearchLane | Realtime X search for agents | | Wiki | Agent knowledge base | | CodeLane | Twitch for coding (this package) |

License

MIT © Talocode