npm - ccnew - Versions diffs - 0.1.10 - Mend

ccnew 0.1.10

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 (62) hide show

package/README.md +107 -0
package/build/icon.ico +0 -0
package/build/icon.png +0 -0
package/core/apply.js +152 -0
package/core/backup.js +53 -0
package/core/constants.js +78 -0
package/core/desktop-service.js +403 -0
package/core/desktop-state.js +1021 -0
package/core/index.js +1468 -0
package/core/paths.js +99 -0
package/core/presets.js +171 -0
package/core/probe.js +70 -0
package/core/routing.js +334 -0
package/core/store.js +218 -0
package/core/utils.js +225 -0
package/core/writers/codex.js +102 -0
package/core/writers/index.js +16 -0
package/core/writers/openclaw.js +93 -0
package/core/writers/opencode.js +91 -0
package/desktop/assets/fml-icon.png +0 -0
package/desktop/assets/march-mark.svg +26 -0
package/desktop/main.js +275 -0
package/desktop/preload.cjs +67 -0
package/desktop/preload.js +49 -0
package/desktop/renderer/app.js +327 -0
package/desktop/renderer/index.html +130 -0
package/desktop/renderer/styles.css +490 -0
package/package.json +111 -0
package/scripts/build-web.mjs +95 -0
package/scripts/desktop-dev.mjs +90 -0
package/scripts/desktop-pack-win.mjs +81 -0
package/scripts/postinstall.mjs +49 -0
package/scripts/prepublish-check.mjs +57 -0
package/scripts/serve-site.mjs +51 -0
package/site/app.js +10 -0
package/site/assets/fml-icon.png +0 -0
package/site/assets/march-mark.svg +26 -0
package/site/index.html +337 -0
package/site/styles.css +840 -0
package/src/App.tsx +1557 -0
package/src/components/layout/app-sidebar.tsx +103 -0
package/src/components/layout/top-toolbar.tsx +44 -0
package/src/components/layout/workspace-tabs.tsx +32 -0
package/src/components/providers/inspector-panel.tsx +84 -0
package/src/components/providers/metric-strip.tsx +26 -0
package/src/components/providers/provider-editor.tsx +87 -0
package/src/components/providers/provider-table.tsx +85 -0
package/src/components/ui/logo-mark.tsx +32 -0
package/src/features/mcp/mcp-view.tsx +45 -0
package/src/features/prompts/prompts-view.tsx +40 -0
package/src/features/providers/providers-view.tsx +40 -0
package/src/features/providers/types.ts +26 -0
package/src/features/skills/skills-view.tsx +44 -0
package/src/hooks/use-control-workspace.ts +235 -0
package/src/index.css +22 -0
package/src/lib/client.ts +726 -0
package/src/lib/query-client.ts +3 -0
package/src/lib/workspace-sections.ts +34 -0
package/src/main.tsx +14 -0
package/src/types.ts +137 -0
package/src/vite-env.d.ts +64 -0
package/src-tauri/README.md +11 -0

package/site/index.html ADDED Viewed

@@ -0,0 +1,337 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ccon | 下载与界面预览</title>
+    <meta
+      name="description"
+      content="ccon 是一个面向 Codex、OpenCode 与 OpenClaw 的统一配置桌面端，支持一键接入 www.fhl.mom。"
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div class="page-shell">
+      <header class="topbar">
+        <a class="brand" href="#hero" aria-label="ccon">
+          <img src="./assets/fml-icon.png" alt="ccon" />
+          <span class="brand-copy">
+            <strong>ccon</strong>
+            <em>Relay Desktop</em>
+          </span>
+        </a>
+        <nav class="topnav">
+          <a href="#preview">界面预览</a>
+          <a href="#download">下载</a>
+          <a href="#features">功能</a>
+          <a href="#faq">FAQ</a>
+        </nav>
+        <a class="top-cta" href="#download">立即下载</a>
+      </header>
+      <main>
+        <section class="hero" id="hero">
+          <div class="hero-copy">
+            <div class="hero-eyebrow">
+              <span class="eyebrow-dot"></span>
+              <span>ccon Relay Workspace</span>
+            </div>
+            <h1>客户只装一个包，只记一条命令。</h1>
+            <p>
+              客户安装 <code>ccon</code> 后执行 <code>ccon fhl</code>，默认就会把 Codex、OpenCode 接到
+              <code>https://www.fhl.mom</code>，OpenClaw 走 <code>https://www.fhl.mom/v1</code>，并按
+              <code>gmn1</code> 的交互逻辑选择要配置的平台。
+            </p>
+            <div class="hero-actions">
+              <a class="button primary" href="#download">下载桌面端</a>
+              <a class="button secondary" href="#preview">看桌面预览</a>
+            </div>
+            <ul class="hero-metrics" aria-label="核心指标">
+              <li>
+                <strong>2</strong>
+                <span>客户记忆命令</span>
+              </li>
+              <li>
+                <strong>3</strong>
+                <span>支持客户端</span>
+              </li>
+              <li>
+                <strong>www.fhl.mom</strong>
+                <span>默认主线路</span>
+              </li>
+            </ul>
+            <div class="command-strip" aria-label="Quick Start Commands">
+              <code>npm i -g ccon</code>
+              <code>ccon fhl</code>
+            </div>
+          </div>
+          <div class="hero-console">
+            <div class="hero-console-grid">
+              <article class="console-metric">
+                <span class="hero-card-label">Main Route</span>
+                <strong>https://www.fhl.mom</strong>
+                <p>Codex / OpenCode 默认走主线路，OpenClaw 使用 <code>https://www.fhl.mom/v1</code>。</p>
+              </article>
+              <article class="console-metric">
+                <span class="hero-card-label">Quick Setup</span>
+                <strong>ccon fhl</strong>
+                <p>默认勾选 Codex + OpenCode，OpenClaw 保持可选，不再全部强塞进去。</p>
+              </article>
+            </div>
+            <article class="hero-terminal">
+              <div class="terminal-head">
+                <div class="terminal-lights">
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                </div>
+                <small>ccon / Quick Flow</small>
+              </div>
+              <div class="terminal-lines">
+                <div class="terminal-line prompt">$ npm i -g ccon</div>
+                <div class="terminal-line prompt">$ ccon fhl</div>
+                <div class="terminal-line note">[x] Codex   [x] OpenCode   [ ] OpenClaw</div>
+                <div class="terminal-line success">route ready -> https://www.fhl.mom</div>
+              </div>
+              <div class="hero-card-tags">
+                <span>Codex</span>
+                <span>OpenCode</span>
+                <span>OpenClaw</span>
+              </div>
+            </article>
+          </div>
+        </section>
+        <section class="preview-shell" id="preview">
+          <div class="preview-head">
+            <div>
+              <span class="eyebrow">Desktop Preview</span>
+              <h2>参考 OpenClaw 的首页结构，把入口、状态和操作收进同一层产品卡。</h2>
+            </div>
+            <p>首屏先把品牌、主线路和动作讲清楚，下面再展开 Provider、测速和下载区，避免做成一张脚本说明页。</p>
+          </div>
+          <div class="app-frame">
+            <aside class="sidebar">
+              <div class="sidebar-brand">
+                <img src="./assets/march-mark.svg" alt="" />
+                <div>
+                  <strong>ccon</strong>
+                  <span>Relay Desktop</span>
+                </div>
+              </div>
+              <div class="sidebar-section">
+                <span class="sidebar-label">Workspace</span>
+                <a class="nav-item active" href="#preview">概览</a>
+                <a class="nav-item" href="#features">客户端</a>
+                <a class="nav-item" href="#download">下载中心</a>
+                <a class="nav-item" href="#faq">帮助</a>
+              </div>
+              <div class="sidebar-section sidebar-foot">
+                <span class="sidebar-label">Quick Switch</span>
+                <div class="mini-provider">
+                  <strong>fhl / gpt-5.4</strong>
+                  <span>Workspace trusted</span>
+                </div>
+              </div>
+            </aside>
+            <section class="workspace">
+              <div class="workspace-header">
+                <div>
+                  <span class="eyebrow">Desktop Preview</span>
+                  <h2>用一个界面管理所有 CLI 配置</h2>
+                </div>
+                <div class="header-actions">
+                  <button type="button">导入配置</button>
+                  <button type="button" class="solid">新增 Provider</button>
+                </div>
+              </div>
+              <div class="workspace-grid">
+                <article class="panel panel-highlight">
+                  <div class="panel-head">
+                    <div>
+                      <span class="panel-kicker">Provider Matrix</span>
+                      <h3>命令更短，状态更清楚，整体像正式产品而不是脚本壳。</h3>
+                    </div>
+                    <span class="panel-badge">Active</span>
+                  </div>
+                  <div class="provider-list">
+                    <div class="provider-card active">
+                      <strong>FHL Relay</strong>
+                      <span>https://www.fhl.mom</span>
+                      <small>Codex / OpenCode / OpenClaw</small>
+                    </div>
+                    <div class="provider-card">
+                      <strong>OpenAI Official</strong>
+                      <span>api.openai.com</span>
+                      <small>Fallback Provider</small>
+                    </div>
+                    <div class="provider-card">
+                      <strong>Team Workspace</strong>
+                      <span>workspace relay</span>
+                      <small>Shared MCP profile</small>
+                    </div>
+                  </div>
+                </article>
+                <article class="panel">
+                  <div class="panel-head">
+                    <div>
+                      <span class="panel-kicker">Health Check</span>
+                      <h3>线路速度</h3>
+                    </div>
+                  </div>
+                  <div class="speed-table">
+                    <div class="row">
+                      <span>GPT-5.4</span>
+                      <strong>86 ms</strong>
+                    </div>
+                    <div class="row">
+                      <span>GPT-5.3-Codex</span>
+                      <strong>94 ms</strong>
+                    </div>
+                    <div class="row">
+                      <span>OpenClaw /v1</span>
+                      <strong>102 ms</strong>
+                    </div>
+                  </div>
+                </article>
+                <article class="panel">
+                  <div class="panel-head">
+                    <div>
+                      <span class="panel-kicker">Client Status</span>
+                      <h3>客户端覆盖</h3>
+                    </div>
+                  </div>
+                  <div class="client-stack">
+                    <div class="chip">Codex</div>
+                    <div class="chip">OpenCode</div>
+                    <div class="chip">OpenClaw</div>
+                  </div>
+                  <p class="panel-note">
+                    参考 OpenClaw 的深色产品化语言，把入口、状态和下载动作收在同一层视觉里。
+                  </p>
+                </article>
+                <article class="panel panel-download" id="download">
+                  <div class="panel-head">
+                    <div>
+                      <span class="panel-kicker">Download Center</span>
+                      <h3>网站上直接下载</h3>
+                    </div>
+                  </div>
+                  <div class="download-grid">
+                    <a class="download-card active" data-platform="windows" href="/downloads/ccon-windows-x64.exe">
+                      <strong>Windows x64</strong>
+                      <span>.exe Installer</span>
+                      <small>推荐首发版本</small>
+                    </a>
+                    <a class="download-card" data-platform="macos" href="/downloads/ccon-macos.dmg">
+                      <strong>macOS</strong>
+                      <span>.dmg Installer</span>
+                      <small>Apple Silicon / Intel</small>
+                    </a>
+                    <a class="download-card" data-platform="linux" href="/downloads/ccon-linux.AppImage">
+                      <strong>Linux</strong>
+                      <span>.AppImage</span>
+                      <small>无需额外安装器</small>
+                    </a>
+                  </div>
+                </article>
+              </div>
+            </section>
+          </div>
+        </section>
+        <section class="feature-strip" id="features">
+          <article>
+            <span>01</span>
+            <h3>桌面级导航</h3>
+            <p>固定左侧栏、信息分层清楚，适合做成真正的客户端，而不是一页堆满按钮。</p>
+          </article>
+          <article>
+            <span>02</span>
+            <h3>下载页可直接上线</h3>
+            <p>首页就有平台下载卡片、版本位和发布说明入口，别人点进网站就能拿到安装包。</p>
+          </article>
+          <article>
+            <span>03</span>
+            <h3>品牌露出统一</h3>
+            <p>外显品牌统一到 ccon，命令入口和桌面名称保持一致，观感更完整。</p>
+          </article>
+        </section>
+        <section class="details">
+          <article class="detail-card">
+            <span class="eyebrow">Visual Direction</span>
+            <h2>不是照抄别人，而是借 OpenClaw 的信息编排做出自己的产品语言。</h2>
+            <p>
+              我保留了桌面管理器该有的结构感和信息密度，但把首屏入口、主线路、命令和状态收进同一个 hero
+              卡面里，观感更像完整产品。
+            </p>
+          </article>
+          <article class="detail-card accent">
+            <span class="eyebrow">Next Step</span>
+            <h2>下一步可以直接接真实下载链接和版本数据。</h2>
+            <p>
+              现在下载按钮已经按正式站结构预留好了，只要把 `/downloads/...`
+              接到你的安装包或 release 资源，就能直接上站。
+            </p>
+          </article>
+        </section>
+        <section class="faq" id="faq">
+          <div class="section-title">
+            <span class="eyebrow">FAQ</span>
+            <h2>你接下来最可能要改的地方</h2>
+          </div>
+          <div class="faq-list">
+            <article>
+              <h3>这个页面现在能直接部署吗？</h3>
+              <p>可以。这是一套纯静态页面，丢到任意静态站点或 CDN 都能跑。</p>
+            </article>
+            <article>
+              <h3>下载按钮现在是真包吗？</h3>
+              <p>现在是正式下载路径占位，等你把安装包放到对应目录或 release 即可直接生效。</p>
+            </article>
+            <article>
+              <h3>能继续扩成真正桌面客户端吗？</h3>
+              <p>可以。这个视觉结构已经适合往 Tauri / Electron 的真实应用界面继续扩。</p>
+            </article>
+          </div>
+        </section>
+      </main>
+    </div>
+    <script src="./app.js" type="module"></script>
+  </body>
+</html>