按 U-Claw-海外化改造方案.md 与 范围决策记录.md 实施。这是 fork，不回上游： 海外版删掉的正是上游的中国市场默认值。 阶段 0 地基 - 下载源全部改国际：脚本/CI 61 处 + lockfile 880 条 npmmirror URL 归零 （lockfile 那 880 条是 npm 的 resolved 字段，脚本层参数化根本绕不过它） - 移除 install.ps1 里三个第三方 GitHub 加速代理，bundle 改直连 + SHA256 校验 （原来只检查"文件大于 1MB"就解压运行） - 技能内容与分发分离：skills/manifest.json 单一来源，install.sh 1170→658 行、 install.ps1 721→546 行，两者技能内容归零 实测原来是三份不一致：skills-cn 完整、install.sh 约 40%、install.ps1 约 17%， 且 7 个通用技能只有 U 盘版有 —— 一键安装的用户一个能用的技能都没有 - Node 版本三种（v22.14/16/22.1）统一，新建 NODE_VERSION 单一来源 - Config 页三份合一。portable/Config.html 用根相对路径调 API 却只从 file:// 打开， 保存功能已静默失效两个月；现缩为 120 行重定向壳 - 测试接入 CI（此前 node --test 无人运行，所有断言形同虚设） 阶段 1 双语可用 - 浏览器侧 i18n：JSON 为源、生成经典 script（file:// 下 fetch 本地 JSON 被拦） 语言跟盘走不跟机器走：启动器写 data/.openclaw/locale.js - 8 处硬编码 lang="zh-CN" 归零，data-i18n 覆盖 213 处，词条 en/zh 各 279 条 - B3 单框 Key：12 张模型卡 → 一个输入框，前缀识别 provider， 服务端 /api/test-key 发 1-token 请求实测，错误映射成人话 Key 填错到得知：从"直到对话失败"降到 ≤1 秒 - 区域格式 SG：DD/MM/YYYY、12 小时、S$、Asia/Singapore （ICU 在 en-SG 下把 SGD 渲染成裸 $，与美元无法区分，故自行拼 S$） - README 内容分叉而非翻译，§1.3 证据清单逐条清零 阶段 2 降门槛 - 启动逻辑上移 lib/start.mjs：Windows-Start.bat 220→28 行、 Mac-Start.command 235→33 行 修掉 Mac 侧两个 bug：控制台端口硬编码 18788（回落时打开死页）、 微信插件从未在 Mac 上安装 - U 盘根目录 23 → 3 个可点文件，其余进 advanced/ - 首启向导：语言 → 用途（7 角色，manifest 驱动）→ 密钥，答过不再问 - 三档界面，Simple 档隐藏一切技术名词 - 自动自愈：启动失败先自查自修，修不好导出脱敏诊断包 （Doctor 从"用户要知道去点的工具"变成后台机制） 阶段 3 技能库 - 19 个英文技能，planned 归零。sg-weather / sg-transport 的端点均实测过 - SkillHub 从 56 张手写第三方卡片改为 manifest 生成：703→125 行，中文归零 其他 - origin.json 收拢所有运行时地址，tests/origin.test.mjs 保证迁移不会漏 - portable/ 下用户可见中文归零（由断言保证） - 82 项测试 未验证（本机无 Windows / 无 pwsh）： - install.ps1、setup.ps1 约 210 行改动从未经 PowerShell 解析器 - 完整启动路径仅在假 node + 假 openclaw 上冒烟 - 8 个 .bat 的盘根推导仅静态断言 详见 U盘实测清单.md 受阻： - 隐藏黑窗口 —— 需代码签名证书（.vbs 已被 Windows 弃用，替代方案都要签名） - 场景卡 —— OpenClaw 上游 Dashboard 无预填 prompt 接口 - 官网 36 条 —— 上游 2026-04-14 拆到私有仓库，无权限
This commit is contained in:
153
portable/lib/persona.html
Normal file
153
portable/lib/persona.html
Normal file
@@ -0,0 +1,153 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>U-Claw</title>
|
||||
<script src="../data/.openclaw/locale.js"></script>
|
||||
<script src="i18n/messages.js"></script>
|
||||
<script src="i18n/i18n.js"></script>
|
||||
<!--
|
||||
First-run: one question instead of ten settings.
|
||||
The answer decides three things at once — which skills get installed, how much
|
||||
interface to show, and which chat app to suggest — so the user never has to
|
||||
meet the words "skill", "tier" or "channel".
|
||||
Cards are illustrated and short because this is asked before anyone has any
|
||||
idea what the product does.
|
||||
-->
|
||||
<style>
|
||||
:root { color-scheme: dark; }
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0; min-height: 100vh; padding: 3rem 1.5rem;
|
||||
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem;
|
||||
font-family: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
background: #16181c; color: #f2f4f7;
|
||||
}
|
||||
h1 { margin: 0; font-size: 1.6rem; font-weight: 600; text-align: center; }
|
||||
.sub { margin: 0; color: #9aa0a8; text-align: center; max-width: 34rem; line-height: 1.6; }
|
||||
.grid {
|
||||
display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
|
||||
gap: 1rem; width: 100%; max-width: 44rem;
|
||||
}
|
||||
.card {
|
||||
padding: 1.5rem 1rem; text-align: center; font: inherit; color: inherit;
|
||||
background: #23262c; border: 2px solid #33373f; border-radius: 14px;
|
||||
cursor: pointer; transition: border-color .15s, transform .15s;
|
||||
}
|
||||
.card:hover, .card:focus-visible { border-color: #ff6b35; transform: translateY(-2px); outline: none; }
|
||||
.card[aria-pressed="true"] { border-color: #ff6b35; background: rgba(255,107,53,.08); }
|
||||
.card .icon { font-size: 2rem; display: block; margin-bottom: .5rem; }
|
||||
.card .name { font-weight: 600; }
|
||||
.actions { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; justify-content: center; }
|
||||
button.go {
|
||||
padding: .9rem 2.5rem; font: inherit; font-weight: 600; font-size: 1.05rem;
|
||||
color: #16181c; background: #ff6b35; border: none; border-radius: 10px; cursor: pointer;
|
||||
}
|
||||
button.go:disabled { background: #3a3d44; color: #6f757d; cursor: not-allowed; }
|
||||
.skip { color: #9aa0a8; background: none; border: none; font: inherit; cursor: pointer; text-decoration: underline; }
|
||||
.status { color: #9aa0a8; min-height: 1.4em; font-size: .9rem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 data-i18n="persona.title">What will you mostly use this for?</h1>
|
||||
<p class="sub" data-i18n="persona.subtitle">This sets up the right tools for you. You can change it later, and picking more than one is fine.</p>
|
||||
|
||||
<div class="grid" id="grid"></div>
|
||||
|
||||
<div class="actions">
|
||||
<button class="go" id="go" disabled data-i18n="persona.continue">Continue →</button>
|
||||
<button class="skip" id="skip" data-i18n="persona.skip">Skip this</button>
|
||||
</div>
|
||||
<p class="status" id="status"></p>
|
||||
|
||||
<script>
|
||||
var t = function (k, v) { return window.UClawI18n ? window.UClawI18n.t(k, v) : k; };
|
||||
var PORT_FROM = 18788, PORT_TO = 18798;
|
||||
var selected = [];
|
||||
var serverPort = null;
|
||||
|
||||
async function findServer() {
|
||||
for (var port = PORT_FROM; port <= PORT_TO; port++) {
|
||||
try {
|
||||
await fetch('http://127.0.0.1:' + port + '/api/config', { cache: 'no-store' });
|
||||
return port;
|
||||
} catch (e) { /* nothing listening here */ }
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function card(persona) {
|
||||
var el = document.createElement('button');
|
||||
el.className = 'card';
|
||||
el.type = 'button';
|
||||
el.setAttribute('aria-pressed', 'false');
|
||||
el.innerHTML = '<span class="icon">' + persona.emoji + '</span>'
|
||||
+ '<span class="name">' + t('persona.' + persona.id) + '</span>';
|
||||
el.addEventListener('click', function () {
|
||||
var at = selected.indexOf(persona.id);
|
||||
if (at === -1) { selected.push(persona.id); el.setAttribute('aria-pressed', 'true'); }
|
||||
else { selected.splice(at, 1); el.setAttribute('aria-pressed', 'false'); }
|
||||
document.getElementById('go').disabled = selected.length === 0;
|
||||
});
|
||||
return el;
|
||||
}
|
||||
|
||||
// The wizard is driven by skills/manifest.json, so adding a persona there is
|
||||
// enough — no page edit needed.
|
||||
async function load() {
|
||||
serverPort = await findServer();
|
||||
if (serverPort === null) {
|
||||
document.getElementById('status').textContent = t('persona.err_offline');
|
||||
return;
|
||||
}
|
||||
var personas = await (await fetch('http://127.0.0.1:' + serverPort + '/api/personas')).json();
|
||||
var grid = document.getElementById('grid');
|
||||
personas.forEach(function (p) { grid.appendChild(card(p)); });
|
||||
}
|
||||
|
||||
// Highest tier wins when several personas are picked: showing a developer the
|
||||
// simple interface would be worse than showing an admin one extra menu.
|
||||
var TIER_ORDER = ['simple', 'standard', 'expert'];
|
||||
function combinedTier(personas, chosen) {
|
||||
var best = 'simple';
|
||||
personas.forEach(function (p) {
|
||||
if (chosen.indexOf(p.id) !== -1 && TIER_ORDER.indexOf(p.tier) > TIER_ORDER.indexOf(best)) best = p.tier;
|
||||
});
|
||||
return best;
|
||||
}
|
||||
|
||||
async function finish(chosen) {
|
||||
var base = 'http://127.0.0.1:' + serverPort;
|
||||
document.getElementById('go').disabled = true;
|
||||
document.getElementById('status').textContent = t('persona.saving');
|
||||
try {
|
||||
var personas = await (await fetch(base + '/api/personas')).json();
|
||||
var config = await (await fetch(base + '/api/config')).json();
|
||||
config.uclaw = Object.assign({}, config.uclaw, {
|
||||
personas: chosen,
|
||||
tier: combinedTier(personas, chosen),
|
||||
});
|
||||
await fetch(base + '/api/config', {
|
||||
method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(config),
|
||||
});
|
||||
// Best-effort: a failed skill install should not block getting to Settings.
|
||||
for (var i = 0; i < chosen.length; i++) {
|
||||
await fetch(base + '/api/install-skills', {
|
||||
method: 'POST', headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ persona: chosen[i], locale: (window.UClawI18n || {}).locale || 'en' }),
|
||||
}).catch(function () {});
|
||||
}
|
||||
location.replace(base + '/');
|
||||
} catch (e) {
|
||||
document.getElementById('status').textContent = t('persona.err_save');
|
||||
document.getElementById('go').disabled = false;
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById('go').addEventListener('click', function () { finish(selected); });
|
||||
document.getElementById('skip').addEventListener('click', function () { finish(['general']); });
|
||||
load();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user