march-control-cli 0.1.3

package/desktop/renderer/styles.css

@@ -0,0 +1,413 @@
+:root {
+  --bg: #f4efe6;
+  --panel: rgba(255, 251, 245, 0.84);
+  --ink: #162531;
+  --muted: #5a6a74;
+  --line: rgba(22, 37, 49, 0.1);
+  --accent: #0e8f88;
+  --accent-strong: #0f6970;
+  --accent-soft: #ddf4f2;
+  --shadow: 0 22px 60px rgba(22, 37, 49, 0.14);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  height: 100%;
+}
+
+body {
+  font-family: "Manrope", "Segoe UI Variable", "PingFang SC", sans-serif;
+  color: var(--ink);
+  background:
+    radial-gradient(circle at top left, rgba(201, 141, 47, 0.14), transparent 28%),
+    radial-gradient(circle at right, rgba(14, 143, 136, 0.18), transparent 32%),
+    linear-gradient(180deg, #fbf7ef 0%, #f2ebdf 100%);
+}
+
+button,
+input,
+select {
+  font: inherit;
+}
+
+.shell {
+  display: grid;
+  grid-template-columns: 276px minmax(0, 1fr);
+  min-height: 100vh;
+}
+
+.sidebar {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  padding: 28px 18px;
+  background:
+    radial-gradient(circle at top, rgba(14, 143, 136, 0.16), transparent 36%),
+    linear-gradient(180deg, rgba(12, 20, 28, 0.98), rgba(18, 37, 49, 0.94));
+  color: #eef6f4;
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 6px 4px 16px;
+}
+
+.brand img {
+  width: 46px;
+  height: 46px;
+}
+
+.brand strong,
+.hero h1,
+.panel h2,
+.stat strong {
+  font-family: "Space Grotesk", "Segoe UI Variable", sans-serif;
+}
+
+.brand strong {
+  font-size: 1.05rem;
+}
+
+.brand span,
+.eyebrow,
+.sidebar-card span {
+  color: rgba(238, 246, 244, 0.72);
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  font-size: 0.75rem;
+}
+
+.platforms,
+.provider-list,
+.file-list,
+.probe-list,
+.form {
+  display: grid;
+  gap: 12px;
+}
+
+.platform-tab,
+.sidebar-card,
+.panel,
+.stat,
+.provider-card,
+.file-item,
+.probe-row {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 22px;
+}
+
+.platform-tab {
+  display: grid;
+  gap: 4px;
+  width: 100%;
+  padding: 14px 16px;
+  color: inherit;
+  text-align: left;
+  background: rgba(255, 255, 255, 0.04);
+  cursor: pointer;
+  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
+}
+
+.platform-tab strong {
+  font-size: 1rem;
+}
+
+.platform-tab small,
+.provider-card small,
+.probe-row small,
+.empty,
+.inline-status {
+  color: rgba(238, 246, 244, 0.72);
+  font-size: 0.8rem;
+}
+
+.platform-tab.active {
+  background: linear-gradient(135deg, rgba(14, 143, 136, 0.3), rgba(255, 255, 255, 0.08));
+  border-color: rgba(117, 232, 224, 0.18);
+}
+
+.sidebar-card {
+  margin-top: auto;
+  display: grid;
+  gap: 10px;
+  padding: 18px;
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.sidebar-card strong {
+  font-size: 1.08rem;
+  line-height: 1.5;
+}
+
+.sidebar-card small {
+  color: rgba(238, 246, 244, 0.68);
+  line-height: 1.7;
+}
+
+.workspace {
+  padding: 28px;
+}
+
+.hero,
+.panel-head,
+.form-actions,
+.hero-actions,
+.provider-card header,
+.file-item header,
+.probe-row header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.hero {
+  margin-bottom: 22px;
+}
+
+.hero h1 {
+  margin: 8px 0 10px;
+  font-size: 3.1rem;
+  letter-spacing: -0.05em;
+}
+
+.hero p {
+  max-width: 760px;
+  margin: 0;
+  color: var(--muted);
+  font-size: 1rem;
+  line-height: 1.7;
+}
+
+.hero-actions button,
+.form-actions button,
+.file-item button,
+.provider-card button {
+  padding: 12px 16px;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.68);
+  cursor: pointer;
+  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
+}
+
+.hero-actions button:hover,
+.form-actions button:hover,
+.file-item button:hover,
+.provider-card button:hover,
+.platform-tab:hover {
+  transform: translateY(-1px);
+}
+
+.solid {
+  color: #fffaf2;
+  border-color: transparent;
+  background: linear-gradient(135deg, var(--ink), var(--accent));
+  box-shadow: 0 12px 28px rgba(22, 37, 49, 0.18);
+}
+
+.stats {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 16px;
+  margin-bottom: 18px;
+}
+
+.stat,
+.panel {
+  border-color: rgba(22, 37, 49, 0.08);
+  background: rgba(255, 251, 245, 0.78);
+  box-shadow: var(--shadow);
+}
+
+.stat {
+  display: grid;
+  gap: 8px;
+  padding: 18px;
+}
+
+.stat strong {
+  font-size: 1.4rem;
+}
+
+.stat span,
+.panel label span,
+.provider-card p,
+.provider-card span,
+.file-item code,
+.probe-row span,
+.empty,
+.inline-status {
+  color: var(--muted);
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 1.15fr 0.85fr;
+  gap: 18px;
+}
+
+.panel {
+  padding: 22px;
+}
+
+.panel h2 {
+  margin: 6px 0 0;
+  font-size: 1.5rem;
+  letter-spacing: -0.04em;
+}
+
+.provider-list,
+.file-list,
+.probe-list,
+.form {
+  margin-top: 18px;
+}
+
+.provider-card,
+.file-item,
+.probe-row {
+  padding: 16px 18px;
+  background: rgba(255, 255, 255, 0.62);
+}
+
+.provider-card.active,
+.probe-row.best {
+  border-color: rgba(14, 143, 136, 0.24);
+  background: linear-gradient(180deg, rgba(236, 251, 249, 0.96), rgba(255, 255, 255, 0.82));
+}
+
+.provider-card strong,
+.file-item strong,
+.probe-row strong {
+  font-size: 1rem;
+}
+
+.provider-card p,
+.provider-card span,
+.provider-card small,
+.file-item code,
+.probe-row span,
+.probe-row small {
+  margin: 4px 0 0;
+  display: block;
+}
+
+.badge {
+  padding: 8px 10px;
+  border-radius: 999px;
+  background: var(--accent-soft);
+  color: var(--accent-strong);
+  font-size: 0.74rem;
+  font-weight: 700;
+}
+
+.form label {
+  display: grid;
+  gap: 8px;
+}
+
+.form input,
+.form select {
+  width: 100%;
+  padding: 14px 16px;
+  color: var(--ink);
+  border: 1px solid var(--line);
+  border-radius: 18px;
+  background: rgba(255, 255, 255, 0.78);
+}
+
+.inline-status {
+  margin-top: 14px;
+  padding: 14px 16px;
+  border-radius: 16px;
+  background: rgba(22, 37, 49, 0.05);
+  font-size: 0.9rem;
+}
+
+.file-item code {
+  font-family: "Cascadia Code", "Consolas", monospace;
+  font-size: 0.86rem;
+  word-break: break-all;
+}
+
+.file-item button,
+.provider-card button {
+  align-self: flex-start;
+  padding: 10px 14px;
+}
+
+.empty {
+  padding: 16px;
+  font-size: 0.95rem;
+}
+
+.toast {
+  position: fixed;
+  right: 24px;
+  bottom: 24px;
+  min-width: 240px;
+  max-width: 440px;
+  padding: 14px 16px;
+  border-radius: 16px;
+  color: #eef6f4;
+  background: rgba(18, 37, 49, 0.94);
+  box-shadow: 0 16px 40px rgba(18, 37, 49, 0.24);
+  opacity: 0;
+  transform: translateY(8px);
+  pointer-events: none;
+  transition: opacity 0.18s ease, transform 0.18s ease;
+  font-size: 0.92rem;
+}
+
+.toast.visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+@media (max-width: 1220px) {
+  .shell {
+    grid-template-columns: 1fr;
+  }
+
+  .platforms {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .stats,
+  .grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 860px) {
+  .workspace {
+    padding: 20px;
+  }
+
+  .hero,
+  .panel-head,
+  .hero-actions,
+  .form-actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .stats,
+  .grid,
+  .platforms {
+    grid-template-columns: 1fr;
+  }
+
+  .hero h1 {
+    font-size: 2.3rem;
+  }
+}

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "march-control-cli",
+  "version": "0.1.3",
+  "description": "March Control desktop-style manager for Codex, OpenCode, and OpenClaw.",
+  "type": "module",
+  "main": "desktop/main.js",
+  "bin": {
+    "march": "core/index.js",
+    "mch": "core/index.js"
+  },
+  "files": [
+    "core",
+    "desktop",
+    "scripts",
+    "site",
+    "src",
+    "src-tauri",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite --configLoader native",
+    "build:web": "vite build --configLoader native",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit",
+    "start": "node ./core/index.js",
+    "check": "node --check ./core/index.js",
+    "desktop:dev": "node ./scripts/desktop-dev.mjs",
+    "desktop:check": "node --check ./desktop/main.js && node --check ./desktop/preload.js && node --check ./desktop/renderer/app.js && node --check ./core/desktop-service.js",
+    "desktop:install-runtime": "node ./node_modules/electron/install.js",
+    "desktop:pack": "npm run build:web && electron-builder --win nsis portable",
+    "site:dev": "node ./scripts/serve-site.mjs",
+    "site:check": "node --check ./scripts/serve-site.mjs",
+    "postinstall": "node ./scripts/postinstall.mjs",
+    "prepublishOnly": "npm run check && npm run typecheck && npm run build:web",
+    "pack:dry": "npm pack"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "codex",
+    "openclaw",
+    "opencode",
+    "relay",
+    "config",
+    "cli"
+  ],
+  "author": "March Team",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "@iarna/toml": "^2.2.5",
+    "@tanstack/react-query": "^5.95.2",
+    "chalk": "^5.4.1",
+    "clsx": "^2.1.1",
+    "commander": "^12.1.0",
+    "inquirer": "^12.6.3",
+    "lucide-react": "^1.7.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "@tailwindcss/postcss": "^4.1.15",
+    "autoprefixer": "^10.4.21",
+    "electron": "^41.1.0",
+    "electron-builder": "^26.8.1",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.15",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12"
+  },
+  "build": {
+    "appId": "cn.gmn.march.desktop",
+    "productName": "March-Control",
+    "npmRebuild": false,
+    "directories": {
+      "output": "release"
+    },
+    "files": [
+      "desktop/**/*",
+      "dist/**/*",
+      "src/**/*",
+      "site/**/*",
+      "package.json",
+      "README.md",
+      "core/**/*"
+    ],
+    "win": {
+      "target": [
+        "nsis",
+        "portable"
+      ],
+      "artifactName": "March-Control-${version}-${arch}.${ext}"
+    },
+    "nsis": {
+      "oneClick": false,
+      "allowToChangeInstallationDirectory": true,
+      "perMachine": false
+    }
+  }
+}

package/scripts/desktop-dev.mjs

@@ -0,0 +1,90 @@
+import { spawn } from "node:child_process";
+import path from "node:path";
+import { setTimeout as delay } from "node:timers/promises";
+
+const rootDir = process.cwd();
+const npmCmd = process.platform === "win32" ? "npm.cmd" : "npm";
+const electronBin =
+  process.platform === "win32"
+    ? path.join(rootDir, "node_modules", ".bin", "electron.cmd")
+    : path.join(rootDir, "node_modules", ".bin", "electron");
+
+function stopProcess(child) {
+  if (!child || child.killed) {
+    return;
+  }
+
+  try {
+    child.kill();
+  } catch {
+    // ignore
+  }
+}
+
+async function waitForServer(url, timeoutMs = 60000) {
+  const start = Date.now();
+
+  while (Date.now() - start < timeoutMs) {
+    try {
+      const response = await fetch(url, { cache: "no-store" });
+      if (response.ok || response.status < 500) {
+        return;
+      }
+    } catch {
+      // server not ready yet
+    }
+
+    await delay(500);
+  }
+
+  throw new Error(`Vite dev server did not start within ${timeoutMs}ms: ${url}`);
+}
+
+const viteProc = spawn(npmCmd, ["run", "dev", "--", "--host", "127.0.0.1", "--port", "3001", "--strictPort"], {
+  cwd: rootDir,
+  stdio: "inherit",
+  env: process.env
+});
+
+let electronProc = null;
+let shuttingDown = false;
+
+function shutdown(code = 0) {
+  if (shuttingDown) {
+    return;
+  }
+  shuttingDown = true;
+
+  stopProcess(electronProc);
+  stopProcess(viteProc);
+  process.exit(code);
+}
+
+process.on("SIGINT", () => shutdown(0));
+process.on("SIGTERM", () => shutdown(0));
+
+viteProc.on("exit", (code) => {
+  if (!electronProc && !shuttingDown) {
+    shutdown(code ?? 1);
+  }
+});
+
+try {
+  await waitForServer("http://127.0.0.1:3001", 90000);
+
+  electronProc = spawn(electronBin, ["."], {
+    cwd: rootDir,
+    stdio: "inherit",
+    env: {
+      ...process.env,
+      MARCH_DESKTOP_DEV_URL: "http://127.0.0.1:3001"
+    }
+  });
+
+  electronProc.on("exit", (code) => {
+    shutdown(code ?? 0);
+  });
+} catch (error) {
+  console.error(error instanceof Error ? error.message : error);
+  shutdown(1);
+}

package/scripts/postinstall.mjs

@@ -0,0 +1,28 @@
+const lines = [
+  "",
+  "============================================================",
+  " MARCH 安装完成",
+  "============================================================",
+  "",
+  " __  __    _    ____   ____ _   _ ",
+  "|  \\/  |  / \\  |  _ \\ / ___| | | |",
+  "| |\\/| | / _ \\ | |_) | |   | |_| |",
+  "| |  | |/ ___ \\|  _ <| |___|  _  |",
+  "|_|  |_/_/   \\_\\_| \\_\\\\____|_| |_|",
+  "",
+  "欢迎使用 March 配置管理工具",
+  "",
+  "快速开始:",
+  "  march",
+  "  march setup --preset march -k sk-xxxx",
+  "",
+  "常用命令:",
+  "  march --help",
+  "  march menu",
+  "  march preset --help",
+  ""
+];
+
+for (const line of lines) {
+  console.log(line);
+}

package/scripts/serve-site.mjs

@@ -0,0 +1,51 @@
+import fs from "node:fs";
+import http from "node:http";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const siteRoot = path.resolve(__dirname, "..", "site");
+const port = Number(process.env.PORT || 4173);
+
+const mimeTypes = {
+  ".css": "text/css; charset=utf-8",
+  ".html": "text/html; charset=utf-8",
+  ".js": "application/javascript; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".svg": "image/svg+xml",
+  ".txt": "text/plain; charset=utf-8"
+};
+
+function resolveFile(requestUrl) {
+  const parsed = new URL(requestUrl, `http://localhost:${port}`);
+  const requestedPath = decodeURIComponent(parsed.pathname === "/" ? "/index.html" : parsed.pathname);
+  const absolutePath = path.resolve(siteRoot, `.${requestedPath}`);
+
+  if (!absolutePath.startsWith(siteRoot)) {
+    return null;
+  }
+
+  return absolutePath;
+}
+
+const server = http.createServer((req, res) => {
+  const target = resolveFile(req.url || "/");
+
+  if (!target || !fs.existsSync(target) || fs.statSync(target).isDirectory()) {
+    res.writeHead(404, { "content-type": "text/plain; charset=utf-8" });
+    res.end("Not found");
+    return;
+  }
+
+  const ext = path.extname(target).toLowerCase();
+  res.writeHead(200, {
+    "content-type": mimeTypes[ext] || "application/octet-stream",
+    "cache-control": "no-store"
+  });
+  fs.createReadStream(target).pipe(res);
+});
+
+server.listen(port, () => {
+  console.log(`March site preview: http://localhost:${port}`);
+});

package/site/app.js

@@ -0,0 +1,10 @@
+const downloadCards = [...document.querySelectorAll(".download-card")];
+
+for (const card of downloadCards) {
+  card.addEventListener("mouseenter", () => {
+    for (const item of downloadCards) {
+      item.classList.remove("active");
+    }
+    card.classList.add("active");
+  });
+}

package/site/assets/march-mark.svg

@@ -0,0 +1,22 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="18" y1="12" x2="107" y2="118" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#102532"/>
+      <stop offset="1" stop-color="#0E8F88"/>
+    </linearGradient>
+    <linearGradient id="stroke" x1="30" y1="32" x2="94" y2="86" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FFF8EE"/>
+      <stop offset="1" stop-color="#D7F2F0"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="8" y="8" width="112" height="112" rx="32" fill="url(#bg)"/>
+  <path
+    d="M30 88V42C30 38.6863 32.6863 36 36 36H37.2C39.0512 36 40.7999 36.8538 41.9392 38.3138L63.5 65.9307L85.0608 38.3138C86.2001 36.8538 87.9488 36 89.8 36H91C94.3137 36 97 38.6863 97 42V88"
+    stroke="url(#stroke)"
+    stroke-width="10"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path d="M85 90H102" stroke="#F2BD67" stroke-width="10" stroke-linecap="round"/>
+</svg>