gitmaps 1.0.0 → 1.1.1

package/app/page.client.tsx

@@ -1,215 +1,70 @@
-// @ts-nocheck
-/**
- * page.client.tsx — Slim orchestrator
- *
- * Creates the XState actor, initialises all sub-modules, and returns a
- * cleanup function.  All heavy logic lives in `./lib/*`.
- * 
- * Uses an AbortController to cancel in-flight async work when cleanup runs,
- * preventing the "stopped actor" race condition.
- */
-import { measure } from 'measure-fn';
-import { createActor } from 'xstate';
-import { canvasMachine } from './state/machine.js';
-import { createCanvasContext } from './lib/context';
-import { loadSavedPositions } from './lib/positions';
-import { loadHiddenFiles, updateHiddenUI } from './lib/hidden-files';
-import { setupCanvasInteraction, setupEventListeners } from './lib/events';
-import { loadConnections } from './lib/connections';
-import { clearCanvas, updateCanvasTransform, updateZoomUI, restoreViewport } from './lib/canvas';
-import { setupPillInteraction } from './lib/viewport-culling';
-import { loadRepository } from './lib/repo';
-import { initLayers, renderLayersUI } from './lib/layers';
-import { setupAuth, updateFavoriteStar } from './lib/user';
-import { setupPerfOverlay } from './lib/perf-overlay';
-import { initGalaxyDrawState, initCardManager } from './lib/galaxydraw-bridge';
-import { initFilePreview, destroyFilePreview } from './lib/file-preview';
-import { initBranchCompare } from './lib/branch-compare';
-import { initCommandPalette } from './lib/command-palette';
-import { initShortcutsPanel } from './lib/shortcuts-panel';
-import { initStatusBar } from './lib/status-bar';
-
-export default function mount(): () => void {
-    // Stop any previous actor from a prior mount
-    if ((window as any).__gitcanvas_cleanup__) {
-        try { (window as any).__gitcanvas_cleanup__(); } catch (_) { }
-    }
-
-    const actor = createActor(canvasMachine);
-    const ctx = createCanvasContext(actor);
-    let disposed = false;
-
-    // ─── Init ────────────────────────────────────────────
-    async function init() {
-        return measure('app:init', async () => {
-            ctx.canvas = document.getElementById('canvasContent');
-            ctx.canvasViewport = document.getElementById('canvasViewport');
-
-            // Reuse existing SVG overlay from server-rendered DOM
-            ctx.svgOverlay = document.getElementById('connectionsOverlay') as unknown as SVGSVGElement;
-            if (!ctx.svgOverlay && ctx.canvas) {
-                // Fallback: create overlay if not present
-                ctx.svgOverlay = document.createElementNS('http://www.w3.org/2000/svg', 'svg') as SVGSVGElement;
-                ctx.svgOverlay.id = 'connectionsOverlay';
-                ctx.svgOverlay.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible;';
-                ctx.canvas.appendChild(ctx.svgOverlay);
-            }
-
-            // Init galaxydraw state engine (binds to existing DOM)
-            initGalaxyDrawState(ctx);
-
-            // Init galaxydraw card manager (Phase 4 — registers file + diff plugins)
-            initCardManager(ctx);
-
-            actor.start();
-            setupCanvasInteraction(ctx);
-            setupEventListeners(ctx);
-            setupPillInteraction(ctx);
-            setupPerfOverlay(ctx);
-            if (ctx.canvasViewport) initFilePreview(ctx.canvasViewport, ctx);
-            initBranchCompare(ctx);
-            initCommandPalette(ctx);
-            initShortcutsPanel();
-            initStatusBar(ctx);
-            await loadSavedPositions(ctx); // initial load (may be empty if no repo yet)
-            if (disposed) return; // bail if cleaned up during await
-            loadHiddenFiles(ctx);
-            updateHiddenUI(ctx);
-            await loadConnections(ctx);
-            if (disposed) return; // bail if cleaned up during await
-
-            // Init auth UI
-            setupAuth();
-
-            // ── Shared Layout Decoder ──────────────────────────────────────────
-            const applySharedLayout = async (ctx: CanvasContext) => {
-                const urlParams = new URLSearchParams(window.location.search);
-                const sharedLayout = urlParams.get('layout');
-                if (!sharedLayout) return;
-
-                try {
-                    const parsed = JSON.parse(atob(sharedLayout));
-                    if (parsed.positions) {
-                        ctx.positions = new Map(Object.entries(parsed.positions));
-                        const { savePosition } = await import('./lib/positions');
-                        // Quick dummy save to trigger debounced persistence
-                        savePosition(ctx, '_share_', '_trigger_', 0, 0);
-                    }
-                    if (parsed.hiddenFiles) {
-                        ctx.hiddenFiles = new Set(parsed.hiddenFiles);
-                        const { saveHiddenFiles } = await import('./lib/hidden-files');
-                        saveHiddenFiles(ctx);
-                        updateHiddenUI(ctx);
-                    }
-                    if (parsed.zoom !== undefined) ctx.actor.send({ type: 'SET_ZOOM', zoom: parsed.zoom });
-                    if (parsed.offsetX !== undefined) ctx.actor.send({ type: 'SET_OFFSET', x: parsed.offsetX, y: parsed.offsetY });
-                    if (parsed.cardSizes) {
-                        for (const [path, size] of Object.entries(parsed.cardSizes)) {
-                            ctx.actor.send({ type: 'RESIZE_CARD', path, width: (size as any).width, height: (size as any).height });
-                        }
-                    }
-
-                    const cleanUrl = new URL(window.location.href);
-                    cleanUrl.searchParams.delete('layout');
-                    window.history.replaceState({}, '', cleanUrl.toString());
-                    const { showToast } = await import('./lib/utils');
-                    showToast('Shared layout applied!', 'success');
-                } catch (e) {
-                    console.error('Failed to decode shared layout', e);
-                }
-            };
-
-            // Check URL hash for repo slug (or legacy full path)
-            const hashValue = decodeURIComponent(window.location.hash.replace('#', ''));
-            if (hashValue) {
-                // Resolve slug to full path (check localStorage mapping)
-                const resolvedPath = localStorage.getItem(`gitcanvas:slug:${hashValue}`) || hashValue;
-
-                // Hide landing immediately since we have a repo
-                const landing = document.getElementById('landingOverlay');
-                if (landing) landing.style.display = 'none';
-
-                const sel = document.getElementById('repoSelect') as HTMLSelectElement;
-                if (sel) sel.value = resolvedPath;
-
-                // Init layers based on repo
-                ctx.actor.send({ type: 'LOAD_REPO', path: resolvedPath });
-                ctx.snap().context.repoPath = resolvedPath;
-                await loadSavedPositions(ctx); // reload positions for this repo
-                if (disposed) return;
-                await applySharedLayout(ctx);
-                initLayers(ctx);
-                renderLayersUI(ctx);
-                restoreViewport(ctx);
-                updateCanvasTransform(ctx);
-                updateZoomUI(ctx);
-
-                if (!disposed) {
-                    import('./lib/pr-review').then(({ initReviewStore }) => {
-                        initReviewStore(hashValue);
-                    });
-                    loadRepository(ctx, resolvedPath);
-                    updateFavoriteStar(resolvedPath);
-                }
-            } else {
-                const saved = localStorage.getItem('gitcanvas:lastRepo');
-                if (saved) {
-                    const sel2 = document.getElementById('repoSelect') as HTMLSelectElement;
-                    if (sel2) sel2.value = saved;
-
-                    // Set URL hash to friendly slug instead of full path
-                    const savedSlug = saved.replace(/\\/g, '/').split('/').filter(Boolean).pop() || saved;
-                    history.replaceState(null, '', '#' + encodeURIComponent(savedSlug));
-                    // Store slug→path mapping
-                    localStorage.setItem(`gitcanvas:slug:${savedSlug}`, saved);
-
-                    ctx.actor.send({ type: 'LOAD_REPO', path: saved });
-                    ctx.snap().context.repoPath = saved;
-                    await loadSavedPositions(ctx);
-                    if (disposed) return;
-                    await applySharedLayout(ctx);
-                    initLayers(ctx);
-                    renderLayersUI(ctx);
-                    restoreViewport(ctx);
-                    updateCanvasTransform(ctx);
-                    updateZoomUI(ctx);
-
-                    // Actually load the repo data
-                    if (!disposed) {
-                        import('./lib/pr-review').then(({ initReviewStore }) => {
-                            initReviewStore(savedSlug);
-                        });
-                        loadRepository(ctx, saved);
-                    }
-                }
-            }
-
-            // Listen for hash changes
-            window.addEventListener('hashchange', () => {
-                if (disposed) return;
-                const hashSlug = decodeURIComponent(window.location.hash.replace('#', ''));
-                const resolvedPath = localStorage.getItem(`gitcanvas:slug:${hashSlug}`) || hashSlug;
-                if (resolvedPath && resolvedPath !== ctx.snap().context.repoPath) {
-                    const sel3 = document.getElementById('repoSelect') as HTMLSelectElement;
-                    if (sel3) sel3.value = resolvedPath;
-                    loadRepository(ctx, resolvedPath);
-                    updateFavoriteStar(resolvedPath);
-                }
-            });
-        });
-    }
-
-    // ─── Boot ────────────────────────────────────────────
-    init();
-
-    // ─── Cleanup ─────────────────────────────────────────
-    const cleanup = () => {
-        disposed = true;
-        (window as any).__gitcanvas_cleanup__ = null;
-        try { actor.stop(); } catch (_) { }
-        if (ctx.canvasViewport) destroyFilePreview(ctx.canvasViewport);
-        clearCanvas(ctx);
-    };
-    (window as any).__gitcanvas_cleanup__ = cleanup;
-    return cleanup;
-}
+// @ts-nocheck
+/**
+ * page.client.tsx — Slim orchestrator
+ *
+ * Creates the XState actor, initialises all sub-modules, and returns a
+ * cleanup function. All heavy logic lives in `./lib/*` helpers.
+ */
+import { measure } from 'measure-fn';
+import { createActor } from 'xstate';
+import { canvasMachine } from './state/machine.js';
+import { createCanvasContext } from './lib/context';
+import { registerCanvasMount } from './lib/mount-lifecycle';
+import { applySharedLayout } from './lib/shared-layout';
+import { ensureSvgOverlay, initializeMountUi } from './lib/mount-init';
+import { showLandingPlaceholder as showLandingReset } from './lib/landing-reset';
+import { wireMountRoutes } from './lib/mount-route-wiring';
+import { cleanupMount } from './lib/mount-cleanup';
+
+export default function mount(): () => void {
+  if ((window as any).__gitcanvas_cleanup__) {
+    try {
+      (window as any).__gitcanvas_cleanup__();
+    } catch {}
+  }
+
+  const actor = createActor(canvasMachine);
+  const ctx = createCanvasContext(actor);
+  let disposed = false;
+
+  function showLandingPlaceholder() {
+    showLandingReset(ctx);
+  }
+
+  async function init() {
+    return measure('app:init', async () => {
+      ctx.canvas = document.getElementById('canvasContent');
+      ctx.canvasViewport = document.getElementById('canvasViewport');
+
+      ensureSvgOverlay(ctx);
+
+      await initializeMountUi(ctx, actor, {
+        isDisposed: () => disposed,
+      });
+      if (disposed) return;
+
+      await wireMountRoutes(ctx, {
+        isDisposed: () => disposed,
+        showLandingPlaceholder,
+        updateFavoriteStar: async (path: string) => {
+          const mod = await import('./lib/user');
+          mod.updateFavoriteStar(path);
+        },
+        applySharedLayout: () => applySharedLayout(ctx),
+      });
+    });
+  }
+
+  init();
+
+  const cleanup = () => {
+    void cleanupMount(ctx, actor, {
+      markDisposed: () => {
+        disposed = true;
+      },
+    });
+  };
+
+  registerCanvasMount(ctx, cleanup);
+  return cleanup;
+}

package/app/page.tsx

@@ -51,10 +51,7 @@ async function getFeaturedRepos() {
 }
 
 export default function Page() {
-    // Use fallback values synchronously — Melina does NOT support async page components.
-    // The GitHub star counts are fetched client-side or pre-cached.
     const featuredRepos = _cachedRepos || FEATURED_REPOS_FALLBACK;
-    // Trigger async cache fill for next render
     getFeaturedRepos().catch(() => { });
 
     const langColors: Record<string, string> = {
@@ -98,48 +95,36 @@ export default function Page() {
                 <div className="landing-mesh"></div>
 
                 <div className="landing-content">
-                    {/* Hero Section */}
+                    {/* Hero Section — integrates the pitch message */}
                     <div className="landing-hero">
                         <div className="landing-badge">
                             <span className="badge-dot"></span>
-                            Open Source · Spatial Code Explorer
+                            The Intertwingled Paradigm · $GM Protocol
                         </div>
 
                         <div className="landing-icon">
                             <svg viewBox="0 0 140 140" width="100" height="100" fill="none">
-                                {/* Outer ring with dash animation */}
                                 <circle cx="70" cy="70" r="64" stroke="url(#lgHero)" strokeWidth="1.5" opacity="0.2" strokeDasharray="6 8" className="ring-outer" />
                                 <circle cx="70" cy="70" r="48" stroke="url(#lgHero)" strokeWidth="1.2" opacity="0.15" strokeDasharray="4 6" className="ring-mid" />
                                 <circle cx="70" cy="70" r="30" stroke="url(#lgHero)" strokeWidth="1" opacity="0.1" />
-
-                                {/* Center glow core */}
                                 <circle cx="70" cy="70" r="8" fill="url(#lgHero)" opacity="0.9" className="core-glow" />
                                 <circle cx="70" cy="70" r="4" fill="#fff" opacity="0.8" />
-
-                                {/* Orbiting nodes with connection lines */}
                                 <g className="orbit-group">
                                     <line x1="70" y1="6" x2="70" y2="62" stroke="#a78bfa" strokeWidth="0.6" opacity="0.2" />
                                     <circle cx="70" cy="6" r="5" fill="#a78bfa" opacity="0.85" className="node-orbit n1" />
                                     <circle cx="70" cy="6" r="2" fill="#fff" opacity="0.6" />
-
                                     <line x1="126" y1="46" x2="76" y2="68" stroke="#60a5fa" strokeWidth="0.6" opacity="0.2" />
                                     <circle cx="126" cy="46" r="4.5" fill="#60a5fa" opacity="0.8" className="node-orbit n2" />
                                     <circle cx="126" cy="46" r="1.8" fill="#fff" opacity="0.5" />
-
                                     <line x1="112" y1="110" x2="74" y2="74" stroke="#34d399" strokeWidth="0.6" opacity="0.18" />
                                     <circle cx="112" cy="110" r="4" fill="#34d399" opacity="0.75" className="node-orbit n3" />
-
                                     <line x1="28" y1="110" x2="66" y2="74" stroke="#f472b6" strokeWidth="0.6" opacity="0.18" />
                                     <circle cx="28" cy="110" r="4" fill="#f472b6" opacity="0.65" className="node-orbit n4" />
-
                                     <line x1="14" y1="46" x2="64" y2="68" stroke="#fbbf24" strokeWidth="0.6" opacity="0.2" />
                                     <circle cx="14" cy="46" r="3.5" fill="#fbbf24" opacity="0.7" className="node-orbit n5" />
-
-                                    {/* Extra subtle node */}
                                     <circle cx="98" cy="20" r="2.5" fill="#818cf8" opacity="0.4" className="node-orbit n6" />
                                     <circle cx="42" cy="20" r="2" fill="#c084fc" opacity="0.35" />
                                 </g>
-
                                 <defs>
                                     <linearGradient id="lgHero" x1="0%" y1="0%" x2="100%" y2="100%">
                                         <stop offset="0%" stopColor="#a78bfa" />
@@ -159,89 +144,34 @@ export default function Page() {
                             <span className="title-maps">Maps</span>
                         </h1>
                         <p className="landing-subtitle">
-                            See your codebase in a new dimension.<br />
-                            <span className="subtitle-accent">Every file becomes a card. Every change tells a story.</span>
+                            Transcend the 1D file tree. See your codebase in five dimensions.<br />
+                            <span className="subtitle-accent">Spatial Web3 Canvas mapped by Agentic AI Swarms and Gravity Tokenomics.</span>
                         </p>
-                    </div>
 
-                    {/* Feature Cards */}
-                    <div className="landing-features">
-                        <div className="feature-card fc-1">
-                            <div className="feature-glow"></div>
-                            <div className="feature-icon-wrap">
-                                <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-                                    <rect x="3" y="3" width="7" height="7" rx="1" />
-                                    <rect x="14" y="3" width="7" height="7" rx="1" />
-                                    <rect x="3" y="14" width="7" height="7" rx="1" />
-                                    <rect x="14" y="14" width="7" height="7" rx="1" />
-                                </svg>
-                            </div>
-                            <h3>Spatial Code Review</h3>
-                            <p>Every file becomes a card on an infinite 2D canvas. Arrange, group, and navigate them spatially — not as a flat list.</p>
-                        </div>
-
-                        <div className="feature-card fc-2">
-                            <div className="feature-glow"></div>
-                            <div className="feature-icon-wrap">
-                                <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-                                    <circle cx="6" cy="6" r="3" />
-                                    <circle cx="18" cy="18" r="3" />
-                                    <path d="M8.59 13.51l6.83 6.83" />
-                                    <line x1="21" y1="3" x2="14" y2="10" />
-                                    <polyline points="21 10 21 3 14 3" />
-                                </svg>
-                            </div>
-                            <h3>Interwingled Files</h3>
-                            <p>Draw connections between related lines across files. See how <code>auth.ts:42</code> relates to <code>middleware.ts:15</code> — visually.</p>
-                        </div>
-
-                        <div className="feature-card fc-3">
-                            <div className="feature-glow"></div>
-                            <div className="feature-icon-wrap">
-                                <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-                                    <polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2" />
-                                    <line x1="12" y1="22" x2="12" y2="15.5" />
-                                    <polyline points="22 8.5 12 15.5 2 8.5" />
-                                    <polyline points="2 15.5 12 8.5 22 15.5" />
-                                    <line x1="12" y1="2" x2="12" y2="8.5" />
-                                </svg>
-                            </div>
-                            <h3>Layers of Focus</h3>
-                            <p>Create layers to isolate subsets of files. "Auth layer" shows only auth-related changes. Switch context without losing position.</p>
-                        </div>
-
-                        <div className="feature-card fc-4">
-                            <div className="feature-glow"></div>
-                            <div className="feature-icon-wrap">
-                                <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-                                    <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
-                                    <polyline points="7.5 4.21 12 6.81 16.5 4.21" />
-                                    <polyline points="7.5 19.79 7.5 14.6 3 12" />
-                                    <polyline points="21 12 16.5 14.6 16.5 19.79" />
-                                    <polyline points="3.27 6.96 12 12.01 20.73 6.96" />
-                                    <line x1="12" y1="22.08" x2="12" y2="12" />
-                                </svg>
-                            </div>
-                            <h3>Clone & Explore</h3>
-                            <p>Paste any GitHub URL and explore it instantly. Real-time clone progress, smart caching, and full commit timeline navigation.</p>
+                        {/* Key features inline */}
+                        <div className="landing-features" style={{ gridTemplateColumns: 'repeat(4, auto)' }}>
+                            <div className="feature-pill"><span className="feature-icon">📐</span> Spatial Canvas</div>
+                            <div className="feature-pill"><span className="feature-icon">🤖</span> AI Swarms</div>
+                            <div className="feature-pill"><span className="feature-icon">💸</span> Minute-by-Minute Yields</div>
+                            <div className="feature-pill"><span className="feature-icon">⚖️</span> $GM Gravity Score</div>
                         </div>
                     </div>
 
-                    {/* Featured Repos — Quick start */}
+                    {/* Featured Repos — Open in browser */}
                     <div className="landing-repos">
                         <div className="repos-header">
                             <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                                 <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
                                 <path d="M9 18c-4.51 2-5-2-7-2" />
                             </svg>
-                            <span>Explore popular repositories</span>
+                            <span>Explore popular repositories — click to open instantly</span>
                         </div>
                         <div className="repos-grid">
                             {featuredRepos.map((repo) => (
-                                <button
+                                <a
                                     key={repo.name}
                                     className="repo-card-btn"
-                                    data-repo={`https://github.com/${repo.name}`}
+                                    href={`/${repo.name}`}
                                     id={`landing-repo-${repo.name.replace('/', '-')}`}
                                 >
                                     <div className="repo-card-name">{repo.name.split('/')[1]}</div>
@@ -253,7 +183,7 @@ export default function Page() {
                                         </span>
                                         <span className="repo-card-stars">★ {repo.stars}</span>
                                     </div>
-                                </button>
+                                </a>
                             ))}
                         </div>
                     </div>
@@ -262,26 +192,31 @@ export default function Page() {
                     <div className="landing-cta">
                         <div className="cta-arrows">
                             <span className="cta-arrow a1">←</span>
-                            <span className="cta-text">Select a repository from the sidebar to begin</span>
+                            <span className="cta-text">Select a repo from the sidebar, or click a card above</span>
                         </div>
-                        <div className="cta-or">or click Import from GitHub in the sidebar</div>
+                        <div className="cta-or">Import any GitHub repo with the sidebar button</div>
                     </div>
 
                     {/* Stats Row */}
                     <div className="landing-stats">
                         <div className="landing-stat">
-                            <span className="stat-num">∞</span>
-                            <span className="stat-desc">Infinite Canvas</span>
+                            <span className="stat-num">5D</span>
+                            <span className="stat-desc">Knowledge Graph</span>
+                        </div>
+                        <div className="stat-divider"></div>
+                        <div className="landing-stat">
+                            <span className="stat-num">$GM</span>
+                            <span className="stat-desc">Gravity Weights</span>
                         </div>
                         <div className="stat-divider"></div>
                         <div className="landing-stat">
                             <span className="stat-num">0ms</span>
-                            <span className="stat-desc">Local-First</span>
+                            <span className="stat-desc">DOM Culling</span>
                         </div>
                         <div className="stat-divider"></div>
                         <div className="landing-stat">
-                            <span className="stat-num">OSS</span>
-                            <span className="stat-desc">Open Source</span>
+                            <span className="stat-num">Web3</span>
+                            <span className="stat-desc">Spatial Economy</span>
                         </div>
                     </div>
                 </div>

package/app/state/machine.js

@@ -192,5 +192,18 @@ export const canvasMachine = createMachine({
                 })
             }),
         },
+        RESET_APP_STATE: {
+            actions: assign({
+                repoPath: '',
+                commits: [],
+                currentCommitHash: null,
+                commitFiles: [],
+                allFiles: [],
+                selectedCards: [],
+                connections: [],
+                pendingConnection: null,
+                error: null,
+            }),
+        },
     },
 });

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "gitmaps",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "type": "module",
   "bin": {
     "gitmaps": "cli.ts"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/7flash/git-on-canvas"
+    "url": "https://github.com/7flash/gitmaps"
   },
   "homepage": "https://gitmaps.xyz",
   "workspaces": [
@@ -16,7 +16,13 @@
   "scripts": {
     "dev": "bun run server.ts",
     "start": "bun run server.ts",
-    "test": "bun test app/lib/galaxydraw.test.ts packages/galaxydraw/perf.test.ts",
+    "test": "bun test app/api/repo/load/route.test.ts app/lib/route-catchall.test.ts app/lib/status-bar.test.ts app/lib/xydraw.test.ts app/lib/transclusion-smoke.test.ts app/lib/repo-select.test.ts packages/galaxydraw/perf.test.ts",
+    "smoke:browser": "bun scripts/browser-smoke-local.ts",
+    "smoke:browser-tools": "bash scripts/browser-smoke-local.sh",
+    "smoke:browser-tools:load": "bash scripts/browser-repo-load-smoke.sh",
+    "smoke:browser-tools:guard": "bash scripts/browser-smoke-guard.sh",
+    "smoke:browser-tools:self-check": "bash scripts/browser-smoke-self-check.sh",
+    "smoke:browser-tools:check": "bash scripts/browser-smoke-check.sh",
     "prepublishOnly": "echo 'Publishing gitmaps to npm'"
   },
   "keywords": [
@@ -38,7 +44,7 @@
     "cli.ts",
     "server.ts",
     "app/",
-    "packages/galaxydraw/",
+    "packages/xydraw/",
     "README.md",
     "banner.png"
   ],
@@ -58,18 +64,21 @@
     "@codemirror/state": "^6.5.4",
     "@codemirror/view": "^6.39.16",
     "@lezer/highlight": "^1.2.3",
-    "galaxydraw": "0.2.0",
+    "xydraw": "0.2.0",
     "jsx-ai": "0.1.2",
     "measure-fn": "3.10.1",
-    "melina": "^2.5.0",
+    "melina": "link:../melina.js",
+    "pixi.js": "^8.17.0",
     "simple-git": "^3.30.0",
     "sqlite-zod-orm": "^3.26.0",
     "xstate": "^5.26.0"
   },
   "devDependencies": {
-    "@types/bun": "^1.3.10"
+    "@types/bun": "^1.3.10",
+    "happy-dom": "^20.8.4",
+    "puppeteer": "^24.39.1"
   },
   "overrides": {
     "measure-fn": "3.10.1"
   }
-}
+}

package/server.ts

@@ -39,6 +39,16 @@ const websocket = {
                     viewportY: data.viewportY,
                     zoom: data.zoom,
                 }));
+            } else if (data.type === 'editor_sync') {
+                ws.publish('cursors', JSON.stringify({
+                    type: 'editor_sync',
+                    peerId: ws.data.peerId,
+                    color: ws.data.color,
+                    name: data.name || ws.data.peerId,
+                    file: data.file,
+                    selections: data.selections,
+                    typing: data.typing
+                }));
             } else if (data.type === 'leave') {
                 ws.publish('cursors', JSON.stringify({
                     type: 'leave',
@@ -59,4 +69,4 @@ const websocket = {
 serve(createAppRouter({
     appDir,
     globalCss: path.join(appDir, 'globals.css'),
-}), { port: parseInt(process.env.BUN_PORT || "3333"), websocket });
+}), { port: parseInt(process.env.PORT || process.env.BUN_PORT || "3335"), websocket });