npm - horizon-code - Versions diffs - 0.1.0 - Mend

horizon-code 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/assets/python/highlights.scm +137 -0
package/assets/python/tree-sitter-python.wasm +0 -0
package/bin/horizon.js +2 -0
package/package.json +40 -0
package/src/ai/client.ts +369 -0
package/src/ai/system-prompt.ts +86 -0
package/src/app.ts +1454 -0
package/src/chat/messages.ts +48 -0
package/src/chat/renderer.ts +243 -0
package/src/chat/types.ts +18 -0
package/src/components/code-panel.ts +329 -0
package/src/components/footer.ts +72 -0
package/src/components/hooks-panel.ts +224 -0
package/src/components/input-bar.ts +193 -0
package/src/components/mode-bar.ts +245 -0
package/src/components/session-panel.ts +294 -0
package/src/components/settings-panel.ts +372 -0
package/src/components/splash.ts +156 -0
package/src/components/strategy-panel.ts +489 -0
package/src/components/tab-bar.ts +112 -0
package/src/components/tutorial-panel.ts +680 -0
package/src/components/widgets/progress-bar.ts +38 -0
package/src/components/widgets/sparkline.ts +57 -0
package/src/hooks/executor.ts +109 -0
package/src/index.ts +22 -0
package/src/keys/handler.ts +198 -0
package/src/platform/auth.ts +36 -0
package/src/platform/client.ts +159 -0
package/src/platform/config.ts +121 -0
package/src/platform/session-sync.ts +158 -0
package/src/platform/supabase.ts +376 -0
package/src/platform/sync.ts +149 -0
package/src/platform/tiers.ts +103 -0
package/src/platform/tools.ts +163 -0
package/src/platform/types.ts +86 -0
package/src/platform/usage.ts +224 -0
package/src/research/apis.ts +367 -0
package/src/research/tools.ts +205 -0
package/src/research/widgets.ts +523 -0
package/src/state/store.ts +256 -0
package/src/state/types.ts +109 -0
package/src/strategy/ascii-chart.ts +74 -0
package/src/strategy/code-stream.ts +146 -0
package/src/strategy/dashboard.ts +140 -0
package/src/strategy/persistence.ts +82 -0
package/src/strategy/prompts.ts +626 -0
package/src/strategy/sandbox.ts +137 -0
package/src/strategy/tools.ts +764 -0
package/src/strategy/validator.ts +216 -0
package/src/strategy/widgets.ts +270 -0
package/src/syntax/setup.ts +54 -0
package/src/theme/colors.ts +107 -0
package/src/theme/icons.ts +27 -0
package/src/util/hyperlink.ts +21 -0

package/src/strategy/dashboard.ts ADDED Viewed

@@ -0,0 +1,140 @@
+// Dashboard spawner — local HTTP server for live strategy monitoring
+// Serves a self-contained HTML+CSS dashboard with Chart.js
+import { platform } from "../platform/client.ts";
+const DASHBOARD_HTML = (strategyId: string) => `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Horizon — Strategy Dashboard</title>
+<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { font-family: 'SF Mono', 'Fira Code', monospace; background: #1a1a1a; color: #e0e0e0; }
+  .header { padding: 16px 24px; border-bottom: 1px solid #333; display: flex; align-items: center; gap: 12px; }
+  .header h1 { font-size: 14px; color: #fab283; letter-spacing: 2px; }
+  .header .status { font-size: 12px; color: #7fd88f; }
+  .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 16px 24px; }
+  .metric { background: #212121; border: 1px solid #333; border-radius: 8px; padding: 12px 16px; }
+  .metric .label { font-size: 10px; color: #888; text-transform: uppercase; letter-spacing: 1px; }
+  .metric .value { font-size: 20px; font-weight: bold; margin-top: 4px; }
+  .metric .value.green { color: #7fd88f; }
+  .metric .value.red { color: #e06c75; }
+  .charts { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; padding: 0 24px 16px; }
+  .chart-box { background: #212121; border: 1px solid #333; border-radius: 8px; padding: 16px; }
+  .chart-box h3 { font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }
+  .logs { padding: 0 24px 16px; }
+  .logs-box { background: #212121; border: 1px solid #333; border-radius: 8px; padding: 16px; max-height: 200px; overflow-y: auto; }
+  .logs-box h3 { font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
+  .log-line { font-size: 11px; color: #aaa; padding: 2px 0; font-family: monospace; }
+</style>
+</head>
+<body>
+<div class="header">
+  <h1>H O R I Z O N</h1>
+  <span class="status" id="status">● connecting...</span>
+</div>
+<div class="grid" id="metrics"></div>
+<div class="charts">
+  <div class="chart-box"><h3>Equity Curve</h3><canvas id="equity"></canvas></div>
+  <div class="chart-box"><h3>Positions</h3><div id="positions"></div></div>
+</div>
+<div class="logs"><div class="logs-box"><h3>Logs</h3><div id="logs"></div></div></div>
+<script>
+const SID = "${strategyId.replace(/[^a-zA-Z0-9-]/g, "")}";
+let equityChart;
+async function refresh() {
+  try {
+    const [mRes, lRes] = await Promise.all([
+      fetch("/api/metrics").then(r => r.json()),
+      fetch("/api/logs").then(r => r.json()),
+    ]);
+    document.getElementById("status").textContent = "● live";
+    document.getElementById("status").style.color = "#7fd88f";
+    const m = mRes.latest || {};
+    const grid = document.getElementById("metrics");
+    grid.innerHTML = [
+      ["Total P&L", m.total_pnl, m.total_pnl >= 0],
+      ["Win Rate", ((m.win_rate||0)*100).toFixed(1)+"%", (m.win_rate||0) >= 0.5],
+      ["Trades", m.total_trades, true],
+      ["Max DD", ((m.max_drawdown_pct||0)).toFixed(1)+"%", false],
+    ].map(([l,v,g]) => '<div class="metric"><div class="label">'+l+'</div><div class="value '+(g?"green":"red")+'">'+v+'</div></div>').join("");
+    // Equity chart
+    const hist = (mRes.pnl_history||[]).map(h => h.total_pnl);
+    if (equityChart) { equityChart.data.labels = hist.map((_,i)=>i); equityChart.data.datasets[0].data = hist; equityChart.update(); }
+    else { equityChart = new Chart(document.getElementById("equity"), { type: "line", data: { labels: hist.map((_,i)=>i), datasets: [{ data: hist, borderColor: "#fab283", borderWidth: 1.5, fill: false, pointRadius: 0 }] }, options: { responsive: true, plugins: { legend: { display: false } }, scales: { x: { display: false }, y: { ticks: { color: "#888" }, grid: { color: "#333" } } } } }); }
+    // Positions
+    const pos = m.positions || [];
+    document.getElementById("positions").innerHTML = pos.length === 0 ? '<div style="color:#888;font-size:12px">No positions</div>' : pos.map(p => '<div style="font-size:12px;padding:4px 0;border-bottom:1px solid #333"><span style="color:'+(p.side==="BUY"?"#7fd88f":"#e06c75")+'">'+p.side+'</span> '+p.slug+' <span style="color:#888">'+p.size+'@'+p.avg_entry_price.toFixed(2)+'</span></div>').join("");
+    // Logs
+    const logs = lRes.logs || lRes || [];
+    document.getElementById("logs").innerHTML = (Array.isArray(logs) ? logs : []).slice(-20).map(l => '<div class="log-line">'+(l.message||l.text||JSON.stringify(l))+'</div>').join("");
+  } catch { document.getElementById("status").textContent = "● disconnected"; document.getElementById("status").style.color = "#e06c75"; }
+}
+refresh();
+setInterval(refresh, 3000);
+</script>
+</body>
+</html>`;
+export class DashboardServer {
+  private server: ReturnType<typeof Bun.serve> | null = null;
+  private _port = 0;
+  private _strategyId = "";
+  get port(): number { return this._port; }
+  get url(): string { return `http://localhost:${this._port}`; }
+  get running(): boolean { return this.server !== null; }
+  start(strategyId: string, port = 0): string {
+    if (this.server) this.stop();
+    this._strategyId = strategyId;
+    this.server = Bun.serve({
+      port: port || 0,
+      hostname: "127.0.0.1", // localhost only — not accessible from network
+      fetch: async (req) => {
+        const url = new URL(req.url);
+        if (url.pathname === "/api/metrics") {
+          try {
+            const data = await platform.getMetrics(strategyId, 20);
+            return Response.json(data);
+          } catch (err) {
+            return Response.json({ error: String(err) }, { status: 500 });
+          }
+        }
+        if (url.pathname === "/api/logs") {
+          try {
+            const data = await platform.getLogs(strategyId, 50);
+            return Response.json(data);
+          } catch (err) {
+            return Response.json({ error: String(err) }, { status: 500 });
+          }
+        }
+        // Serve dashboard HTML
+        return new Response(DASHBOARD_HTML(strategyId), {
+          headers: { "Content-Type": "text/html" },
+        });
+      },
+    });
+    this._port = this.server.port ?? 0;
+    return this.url;
+  }
+  stop(): void {
+    if (this.server) {
+      this.server.stop();
+      this.server = null;
+      this._port = 0;
+    }
+  }
+}
+export const dashboard = new DashboardServer();

package/src/strategy/persistence.ts ADDED Viewed

@@ -0,0 +1,82 @@
+// Strategy file persistence — saves to ~/.horizon/strategies/
+// Each strategy is a single .py file on disk
+import { mkdir, readFile, writeFile, readdir, unlink } from "fs/promises";
+import { join } from "path";
+import { homedir } from "os";
+const STRATEGIES_DIR = join(homedir(), ".horizon", "strategies");
+async function ensureDir(): Promise<void> {
+  await mkdir(STRATEGIES_DIR, { recursive: true });
+}
+function slugify(name: string): string {
+  return name
+    .replace(/([A-Z])/g, "_$1")
+    .toLowerCase()
+    .replace(/^_/, "")
+    .replace(/[^a-z0-9_]/g, "_")
+    .replace(/_+/g, "_");
+}
+/** Save strategy code to ~/.horizon/strategies/<name>.py */
+export async function saveStrategy(name: string, code: string): Promise<string> {
+  await ensureDir();
+  const filename = `${slugify(name)}.py`;
+  const filepath = join(STRATEGIES_DIR, filename);
+  await writeFile(filepath, code, "utf-8");
+  return filepath;
+}
+/** Load strategy code from ~/.horizon/strategies/<name>.py */
+export async function loadStrategy(name: string): Promise<{ code: string; path: string } | null> {
+  await ensureDir();
+  const filename = `${slugify(name)}.py`;
+  const filepath = join(STRATEGIES_DIR, filename);
+  try {
+    const code = await readFile(filepath, "utf-8");
+    return { code, path: filepath };
+  } catch {
+    return null;
+  }
+}
+/** List all saved strategies */
+export async function listSavedStrategies(): Promise<{ name: string; path: string; modified: number }[]> {
+  await ensureDir();
+  const files = await readdir(STRATEGIES_DIR);
+  const strategies: { name: string; path: string; modified: number }[] = [];
+  for (const f of files) {
+    if (!f.endsWith(".py")) continue;
+    const filepath = join(STRATEGIES_DIR, f);
+    try {
+      const stat = await Bun.file(filepath).stat();
+      strategies.push({
+        name: f.replace(".py", ""),
+        path: filepath,
+        modified: stat?.mtime?.getTime() ?? 0,
+      });
+    } catch {
+      strategies.push({ name: f.replace(".py", ""), path: filepath, modified: 0 });
+    }
+  }
+  return strategies.sort((a, b) => b.modified - a.modified);
+}
+/** Delete a saved strategy */
+export async function deleteStrategy(name: string): Promise<boolean> {
+  const filename = `${slugify(name)}.py`;
+  const filepath = join(STRATEGIES_DIR, filename);
+  try {
+    await unlink(filepath);
+    return true;
+  } catch {
+    return false;
+  }
+}
+/** Get the strategies directory path */
+export function getStrategiesDir(): string {
+  return STRATEGIES_DIR;
+}