acmecode 1.0.0

package/packages/tui/src/theme.ts

@@ -0,0 +1,287 @@
+import pc from "picocolors";
+import { t } from "./i18n.js";
+import {
+  loadThemeConfig,
+  saveGlobalThemeConfig,
+} from "@acmecode/core/config/index.js";
+
+// ── Theme color definitions ──
+export interface ThemeColors {
+  primary: (text: string) => string;
+  secondary: (text: string) => string;
+  muted: (text: string) => string;
+  success: (text: string) => string;
+  danger: (text: string) => string;
+  warning: (text: string) => string;
+  info: (text: string) => string;
+  highlight: (text: string) => string;
+  border: string;
+  borderDim: string;
+  logo: string;
+  /** Hex color for the header card background */
+  bgHeader: string;
+  /** Hex color for the input card background */
+  bgInput: string;
+  /** Hex color for the accent bar on the left of the input */
+  accentIdle: string;
+  /** Hex color for the accent bar when generating */
+  accentBusy: string;
+}
+
+// Helper: ANSI 256-color foreground
+const c256 = (n: number) => (text: string) => `\x1b[38;5;${n}m${text}\x1b[0m`;
+
+// ── Built-in Themes ──
+const themes: Record<string, ThemeColors> = {
+  dark: {
+    primary: pc.cyan,
+    secondary: pc.magenta,
+    muted: pc.gray,
+    success: pc.green,
+    danger: pc.red,
+    warning: pc.yellow,
+    info: pc.blue,
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `${pc.cyan(pc.bold("AcmeCode"))} ${pc.gray("v1.0")}`,
+    bgHeader: "#141414",
+    bgInput: "#1e1e1e",
+    accentIdle: "cyan",
+    accentBusy: "yellow",
+  },
+
+  dracula: {
+    primary: c256(141), // purple
+    secondary: c256(212), // pink
+    muted: c256(103), // comment gray
+    success: c256(84), // green
+    danger: c256(203), // red
+    warning: c256(228), // yellow
+    info: c256(117), // cyan
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;141m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;103mv1.0\x1b[0m`,
+    bgHeader: "#21222c",
+    bgInput: "#282a36",
+    accentIdle: "#bd93f9",
+    accentBusy: "#ffb86c",
+  },
+
+  tokyonight: {
+    primary: c256(111), // blue
+    secondary: c256(176), // magenta
+    muted: c256(60), // dark comment
+    success: c256(115), // green
+    danger: c256(210), // red
+    warning: c256(222), // yellow
+    info: c256(81), // cyan
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;111m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;60mv1.0\x1b[0m`,
+    bgHeader: "#16161e",
+    bgInput: "#1a1b26",
+    accentIdle: "#7aa2f7",
+    accentBusy: "#e0af68",
+  },
+
+  nord: {
+    primary: c256(110), // frost blue
+    secondary: c256(139), // purple
+    muted: c256(59), // polar night
+    success: c256(108), // aurora green
+    danger: c256(174), // aurora red
+    warning: c256(179), // aurora yellow
+    info: c256(67), // frost darker
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;110m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;59mv1.0\x1b[0m`,
+    bgHeader: "#2e3440",
+    bgInput: "#3b4252",
+    accentIdle: "#88c0d0",
+    accentBusy: "#ebcb8b",
+  },
+
+  catppuccin: {
+    primary: c256(183), // lavender
+    secondary: c256(211), // pink
+    muted: c256(244), // overlay
+    success: c256(120), // green
+    danger: c256(210), // red
+    warning: c256(223), // peach
+    info: c256(152), // teal
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;183m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;244mv1.0\x1b[0m`,
+    bgHeader: "#1e1e2e",
+    bgInput: "#24273a",
+    accentIdle: "#cba6f7",
+    accentBusy: "#fab387",
+  },
+
+  monokai: {
+    primary: c256(81), // cyan
+    secondary: c256(148), // green
+    muted: c256(242), // comment
+    success: c256(148), // green
+    danger: c256(204), // pink/red
+    warning: c256(186), // yellow
+    info: c256(141), // purple
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;81m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;242mv1.0\x1b[0m`,
+    bgHeader: "#1e1e1e",
+    bgInput: "#272822",
+    accentIdle: "#66d9e8",
+    accentBusy: "#e6db74",
+  },
+
+  gruvbox: {
+    primary: c256(214), // orange
+    secondary: c256(108), // aqua
+    muted: c256(243), // gray
+    success: c256(142), // green
+    danger: c256(167), // red
+    warning: c256(214), // orange
+    info: c256(108), // aqua
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;214m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;243mv1.0\x1b[0m`,
+    bgHeader: "#1d2021",
+    bgInput: "#282828",
+    accentIdle: "#fabd2f",
+    accentBusy: "#fe8019",
+  },
+
+  everforest: {
+    primary: c256(108), // green
+    secondary: c256(175), // purple
+    muted: c256(243), // gray
+    success: c256(142), // green
+    danger: c256(167), // red
+    warning: c256(214), // yellow
+    info: c256(109), // blue
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;108m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;243mv1.0\x1b[0m`,
+    bgHeader: "#1e2326",
+    bgInput: "#272e33",
+    accentIdle: "#a7c080",
+    accentBusy: "#e69875",
+  },
+
+  rosepine: {
+    primary: c256(189), // iris
+    secondary: c256(217), // rose
+    muted: c256(60), // muted
+    success: c256(115), // foam
+    danger: c256(210), // love
+    warning: c256(222), // gold
+    info: c256(116), // pine
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;189m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;60mv1.0\x1b[0m`,
+    bgHeader: "#191724",
+    bgInput: "#1f1d2e",
+    accentIdle: "#c4a7e7",
+    accentBusy: "#ebbcba",
+  },
+
+  solarized: {
+    primary: c256(37), // cyan
+    secondary: c256(61), // violet
+    muted: c256(240), // base01
+    success: c256(64), // green
+    danger: c256(160), // red
+    warning: c256(136), // yellow
+    info: c256(33), // blue
+    highlight: pc.bold,
+    border: "─",
+    borderDim: "┄",
+    logo: `\x1b[38;5;37m\x1b[1mAcmeCode\x1b[0m \x1b[38;5;240mv1.0\x1b[0m`,
+    bgHeader: "#002731",
+    bgInput: "#00212b",
+    accentIdle: "#2aa198",
+    accentBusy: "#b58900",
+  },
+};
+
+// ── Active theme state ──
+let activeThemeName = loadThemeConfig();
+const listeners: ((name: string) => void)[] = [];
+
+export function getTheme(): ThemeColors {
+  return themes[activeThemeName] || themes["dark"]!;
+}
+
+export function setTheme(name: string): boolean {
+  if (themes[name]) {
+    activeThemeName = name;
+    saveGlobalThemeConfig(name);
+    listeners.forEach((l) => l(name));
+    return true;
+  }
+  return false;
+}
+
+export function onThemeChange(listener: (name: string) => void) {
+  listeners.push(listener);
+}
+
+export function getThemeName(): string {
+  return activeThemeName;
+}
+
+export function listThemes(): string[] {
+  return Object.keys(themes);
+}
+
+// ── Re-export active theme (backward compatible) ──
+export const theme = new Proxy({} as ThemeColors, {
+  get(_target, prop: string) {
+    return (getTheme() as any)[prop];
+  },
+});
+
+// ── Formatting helpers ──
+export function formatToolIcon(toolName: string): string {
+  const icons: Record<string, string> = {
+    read_file: "📖",
+    write_file: "📝",
+    run_command: "⚡",
+    list_dir: "📂",
+    edit_file: "✏️",
+    grep_search: "🔍",
+    webfetch: "🌐",
+    websearch: "🔎",
+    codesearch: "💻",
+    lsp: "🧠",
+    switch_mode: "⚙️",
+    batch: "📦",
+    browser_action: "🖥️",
+  };
+  return icons[toolName] || "🔧";
+}
+
+export function formatToolName(toolName: string): string {
+  const key = `tool.${toolName}` as Parameters<typeof t>[0];
+  const translated = t(key);
+  return translated !== key ? translated : toolName;
+}
+
+export function formatBorder(width: number, char?: string): string {
+  return (char || getTheme().border).repeat(width);
+}
+
+export function formatKeyHint(key: string, label: string): string {
+  const t = getTheme();
+  return `${t.muted("[")}${t.primary(key)}${t.muted("]")} ${t.muted(label)}`;
+}

package/packages/tui/tsconfig.json

@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "esModuleInterop": true,
+        "strict": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "outDir": "dist",
+        "rootDir": "src",
+        "declaration": true,
+        "composite": true,
+        "jsx": "react"
+    },
+    "references": [
+        {
+            "path": "../core"
+        }
+    ],
+    "include": [
+        "src/**/*"
+    ]
+}

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "./dist",
+    "rootDir": "./packages",
+    "resolveJsonModule": true,
+    "jsx": "react",
+    "declaration": true
+  },
+  "include": ["packages/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/vscode-acmecode/.vscodeignore

@@ -0,0 +1,11 @@
+.vscode/**
+.vscode-test/**
+src/**
+.gitignore
+.yarnrc
+vsc-extension-quickstart.md
+**/tsconfig.json
+**/.eslintrc.json
+**/*.map
+**/*.ts
+node_modules/**

package/vscode-acmecode/README.md

@@ -0,0 +1,57 @@
+# AcmeCode for VS Code
+
+A VS Code extension that integrates AcmeCode AI Coding Assistant directly into your editor.
+
+## Features
+
+- **Quick Launch**: Open AcmeCode terminal with `Ctrl+Escape` (macOS: `Cmd+Escape`)
+- **Sidebar Terminal**: AcmeCode opens in a sidebar terminal for easy access
+- **File Context**: Automatically adds current file path to the conversation
+- **Selection Support**: Include line numbers when you have code selected
+
+## Commands
+
+| Command                              | Shortcut            | Description                     |
+| ------------------------------------ | ------------------- | ------------------------------- |
+| `AcmeCode: Open AcmeCode`            | `Ctrl+Escape`       | Open or focus AcmeCode terminal |
+| `AcmeCode: Open AcmeCode in new tab` | `Ctrl+Shift+Escape` | Open new AcmeCode terminal      |
+| `AcmeCode: Add Filepath to AcmeCode` | `Ctrl+Alt+K`        | Insert current file path        |
+
+## Usage
+
+1. Press `Ctrl+Escape` or click the AcmeCode icon in the editor toolbar
+2. AcmeCode terminal opens in the sidebar
+3. Start chatting with the AI assistant
+4. Use `Ctrl+Alt+K` to quickly reference the current file
+
+## Requirements
+
+- AcmeCode CLI must be installed and available in your PATH
+- Install globally with: `npm install -g acmecode`
+
+## Installation
+
+### From VSIX (Local)
+
+1. Download or build the `.vsix` file
+2. In VS Code, press `Ctrl+Shift+P`
+3. Type `Extensions: Install from VSIX...`
+4. Select the `.vsix` file
+
+## Building
+
+```bash
+cd vscode-acmecode
+npm install
+npm run compile
+```
+
+To package as VSIX:
+
+```bash
+npx vsce package
+```
+
+## License
+
+MIT

package/vscode-acmecode/esbuild.js

@@ -0,0 +1,46 @@
+const esbuild = require("esbuild");
+
+const production = process.argv.includes("--production");
+const watch = process.argv.includes("--watch");
+
+async function main() {
+  const ctx = await esbuild.context({
+    entryPoints: ["src/extension.ts"],
+    bundle: true,
+    format: "cjs",
+    minify: production,
+    sourcemap: !production,
+    sourcesContent: false,
+    platform: "node",
+    outfile: "dist/extension.js",
+    external: ["vscode"],
+    logLevel: "info",
+    plugins: [
+      {
+        name: "watch-plugin",
+        setup(build) {
+          build.onEnd((result) => {
+            if (result.errors.length > 0) {
+              console.error("Build failed");
+            } else {
+              console.log("Build succeeded");
+            }
+          });
+        },
+      },
+    ],
+  });
+
+  if (watch) {
+    await ctx.watch();
+    console.log("Watching for changes...");
+  } else {
+    await ctx.rebuild();
+    await ctx.dispose();
+  }
+}
+
+main().catch((e) => {
+  console.error(e);
+  process.exit(1);
+});

package/vscode-acmecode/images/button-dark.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0d1117" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 2L2 7l10 5 10-5-10-5z"/>
+  <path d="M2 17l10 5 10-5"/>
+  <path d="M2 12l10 5 10-5"/>
+</svg>

package/vscode-acmecode/images/button-light.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 2L2 7l10 5 10-5-10-5z"/>
+  <path d="M2 17l10 5 10-5"/>
+  <path d="M2 12l10 5 10-5"/>
+</svg>

package/vscode-acmecode/images/icon.png

@@ -0,0 +1 @@
+../../../packages/identity/mark-512x512.png