@tokenroll/joplo-cli 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,55 @@
+Apache License
+
+Version 2.0, January 2004
+
+http://www.apache.org/licenses/ 
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
+
+You must give any other recipients of the Work or Derivative Works a copy of this License; and
+
+You must cause any modified files to carry prominent notices stating that You changed the files; and
+
+You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
+
+If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License. You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS

package/dist/bin.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env -S tsx
+export {};

package/dist/bin.js

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+/**
+ * @tokenroll/joplo-cli 的命令入口。通常经由 `joplo` 包（packages/joplo）转发到这里；也可以直接运行。
+ * 先检查 Node 版本再载入其余模块（发布构建会把 shebang 改为 node）。
+ */
+const major = Number(/^(\d+)\./.exec(process.versions.node)?.[1] ?? 0);
+if (major < 22) {
+    process.stderr.write(`✗ Joplo 需要 Node.js 22 或更高版本，当前是 ${process.versions.node}。\n  升级：nvm install 22，或从 https://nodejs.org 下载。\n`);
+    process.exit(1);
+}
+const { runCli } = await import("./cli.js");
+process.exitCode = await runCli(process.argv.slice(2));
+export {};

package/dist/check.d.ts

@@ -0,0 +1,4 @@
+import { type ValidationReport } from '@tokenroll/joplo-core';
+export declare function check(dir: string, optionId?: string): Promise<ValidationReport & {
+    name: string;
+}>;

package/dist/check.js

@@ -0,0 +1,28 @@
+import { existsSync } from 'node:fs';
+import { realpath } from 'node:fs/promises';
+import { join, resolve } from 'node:path';
+import { tsImport } from 'tsx/esm/api';
+import { compile, validate } from '@tokenroll/joplo-core';
+import { loadAuthoring } from '@tokenroll/joplo-core/node';
+export async function check(dir, optionId) {
+    const root = await realpath(resolve(dir));
+    const tsconfig = join(root, 'tsconfig.json');
+    const loaded = await loadAuthoring(root, p => tsImport(p, { parentURL: import.meta.url, tsconfig: existsSync(tsconfig) ? tsconfig : false }));
+    const compiled = loaded.authoring ? compile(loaded.authoring, 'dev') : null;
+    const validated = compiled?.project ? validate(compiled.project, { optionId, mode: 'all' }) : null;
+    // 编译器也会为同一布局的每份画面输出相同诊断；在 CLI 边界统一去重。
+    const seen = new Set();
+    const diagnostics = [...loaded.diagnostics, ...(compiled?.diagnostics ?? []), ...(validated?.diagnostics ?? [])].map(d => ({ ...d, at: d.at ?? 'joplo.config.ts:1:1' })).filter(d => {
+        const key = JSON.stringify([d.at, d.code, d.message, d.severity]);
+        if (seen.has(key))
+            return false;
+        seen.add(key);
+        return true;
+    });
+    return {
+        name: compiled?.project?.name ?? loaded.authoring?.config.name ?? root,
+        diagnostics,
+        summary: { error: diagnostics.filter(d => d.severity === 'error').length, warning: diagnostics.filter(d => d.severity === 'warning').length, info: diagnostics.filter(d => d.severity === 'info').length },
+        verification: validated?.verification ?? {},
+    };
+}

package/dist/cli.d.ts

@@ -0,0 +1,10 @@
+type Dependencies = {
+    stdout?: (s: string) => void;
+    stderr?: (s: string) => void;
+    loadServer?: () => Promise<Record<string, unknown>>;
+    /** 测试用：覆盖 CLI 自己的版本（缺省读 package.json）。 */
+    cliVersion?: string;
+};
+/** 每次创建独立 commander 实例，测试无需启动真实服务或占用固定端口。 */
+export declare function runCli(args: string[], deps?: Dependencies): Promise<number>;
+export {};

package/dist/cli.js

@@ -0,0 +1,153 @@
+var __rewriteRelativeImportExtension = (this && this.__rewriteRelativeImportExtension) || function (path, preserveJsx) {
+    if (typeof path === "string" && /^\.\.?\//.test(path)) {
+        return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
+            return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
+        });
+    }
+    return path;
+};
+import { Command, CommanderError, Option } from 'commander';
+import { resolve } from 'node:path';
+import { COMPONENT_DOCS, guide, JoploError, skillIndex, skillTopic } from '@tokenroll/joplo-core';
+import { check } from "./check.js";
+import { initProject, initSummary } from "./init.js";
+import { projectNotes } from "./startup.js";
+import { readSelection } from "./selection.js";
+import { installSkill, readCliVersion } from "./skill.js";
+import { diagnosticLine, failure, oneLine, result } from "./common.js";
+const integer = (name, max = Number.MAX_SAFE_INTEGER) => (text) => {
+    const n = Number(text);
+    if (!/^\d+$/.test(text) || !Number.isSafeInteger(n) || n < 1 || n > max)
+        throw new JoploError('USAGE', `${name} 必须是 1–${max} 的整数`);
+    return n;
+};
+const scale = (text) => {
+    const n = Number(text);
+    if (!Number.isFinite(n) || n <= 0)
+        throw new JoploError('USAGE', 'scale 必须为正数');
+    return n;
+};
+/** 每次创建独立 commander 实例，测试无需启动真实服务或占用固定端口。 */
+export async function runCli(args, deps = {}) {
+    const stdout = deps.stdout ?? (s => { process.stdout.write(s); });
+    const stderr = deps.stderr ?? (s => { process.stderr.write(s); });
+    const line = (s) => stdout(s + '\n');
+    const json = (value) => line(JSON.stringify(value));
+    let exitCode = 0;
+    const serverPackage = '@tokenroll/joplo-server';
+    const loadServer = deps.loadServer ?? (() => import(__rewriteRelativeImportExtension(serverPackage)));
+    async function serverFunction(name) {
+        let module;
+        try {
+            module = await loadServer();
+        }
+        catch (e) {
+            throw new JoploError('UNSUPPORTED_ACTION', `@tokenroll/joplo-server 无法加载 ${name}：${e instanceof Error ? e.message : String(e)}`);
+        }
+        if (typeof module[name] !== 'function')
+            throw new JoploError('UNSUPPORTED_ACTION', `@tokenroll/joplo-server 尚未提供 ${name}；请使用实现 IR v2 服务契约的版本`);
+        return module[name];
+    }
+    const program = new Command().name('joplo').description('Joplo：用 TSX 创作、演示和发布功能设计').exitOverride()
+        .configureOutput({ writeOut: stdout, writeErr: stderr, outputError: () => { } });
+    // 读取项目的命令先检查项目里的 @tokenroll/joplo-kit 与 CLI 是否同一版本（只提示，不阻止）
+    program.hook('preAction', (_root, action) => {
+        for (const note of projectNotes(resolve(String(action.args[0] ?? '.')), action.name(), { cli: deps.cliVersion }))
+            stderr(note + '\n');
+    });
+    const format = () => new Option('--format <format>', '输出格式').choices(['text', 'json']).default('text');
+    program.command('check').argument('[dir]', '项目目录', '.').addOption(format()).option('--option <qid>', '仅校验指定方案').action(async (dir, opts) => {
+        const report = await check(dir, opts.option);
+        const summary = `${report.summary.error} error, ${report.summary.warning} warning, ${report.summary.info} info`;
+        if (opts.format === 'json') {
+            if (report.summary.error)
+                json({ ...failure(new JoploError('INVALID_SCHEMA', summary, { diagnostics: report.diagnostics })), data: report });
+            else
+                json(result(report.name, summary, report, report.diagnostics));
+        }
+        else {
+            for (const d of report.diagnostics)
+                line(diagnosticLine(d));
+            line(summary);
+        }
+        if (report.summary.error)
+            exitCode = 1;
+    });
+    program.command('selection').argument('[dir]', '项目目录', '.').addOption(format()).action(async (dir, opts) => {
+        const data = await readSelection(dir);
+        const summary = data.selection ? `${data.selection.at ?? '无源位置'}  ${oneLine(data.selection.label ?? '')}` : '当前没有选中';
+        if (opts.format === 'json')
+            json(result(resolve(dir), summary, data));
+        else {
+            line(summary);
+            for (const l of data.lines)
+                line(`${l.number} | ${l.text}`);
+            if (data.note)
+                line(data.note);
+        }
+    });
+    program.command('init').argument('<dir>').option('--name <name>', '项目名（默认目录名）').option('--keep', '目录非空时只补缺失的文件，已有文件不改动')
+        .action(async (dir, opts) => { for (const l of initSummary(await initProject(dir, opts.name, { keep: opts.keep })))
+        line(l); });
+    program.command('skill').description('按需读取 Agent 用法，或安装用法入口')
+        .argument('[topic]', 'authoring/components/cases/check/selection/publish，或 install')
+        .argument('[dir]', 'install 的目标项目目录')
+        .option('--force', '覆盖被修改过的 SKILL.md')
+        .option('--diff', '只显示 unified diff，不写入')
+        .option('--agents-md', '即使 AGENTS.md 不存在也创建托管段')
+        .action(async (topic, dir, opts) => {
+        if (topic === 'install') {
+            const installed = await installSkill(dir ?? '.', await readCliVersion(), opts);
+            stdout(installed.output);
+            exitCode = installed.code;
+        }
+        else {
+            if (dir !== undefined || opts.force || opts.diff || opts.agentsMd)
+                throw new JoploError('USAGE', 'dir、--force、--diff、--agents-md 只适用于 joplo skill install');
+            stdout(topic === undefined ? skillIndex(await readCliVersion(), COMPONENT_DOCS) : skillTopic(topic, COMPONENT_DOCS));
+        }
+    });
+    program.command('guide').description('joplo skill authoring 的兼容别名').action(() => { stdout(guide()); });
+    program.command('dev').argument('[dir]', '项目目录', '.').option('--port <port>', '端口（默认 4790）', integer('port', 65535)).option('--open', '打开浏览器').action(async (dir, opts) => {
+        const startDev = await serverFunction('startDev');
+        const handle = await startDev({ projectDir: resolve(dir), port: opts.port, open: opts.open, log: s => stderr(oneLine(s) + '\n') });
+        line(handle.url);
+    });
+    program.command('build').argument('[dir]', '项目目录', '.').option('--out-dir <dir>', '输出目录（默认项目 dist）').option('--overwrite', '允许清空非空输出目录').action(async (dir, opts) => {
+        const buildSite = await serverFunction('buildSite');
+        const data = await buildSite({ projectDir: resolve(dir), outDir: opts.outDir === undefined ? undefined : resolve(opts.outDir), overwrite: opts.overwrite });
+        for (const d of data.diagnostics)
+            line(diagnosticLine(d));
+        line(`已构建 ${data.outDir}（${data.files.length} 文件）`);
+        if (data.diagnostics.some(d => d.severity === 'error'))
+            exitCode = 1;
+    });
+    program.command('render').argument('[dir]', '项目目录', '.').requiredOption('--scenario-id <qid>', '场景 ID').option('--step-id <qid>', '步骤执行后的位置；默认初始状态')
+        .addOption(new Option('--theme <theme>').choices(['sketch', 'clean'])).requiredOption('--out <file>', '截图文件')
+        .option('--width <pixels>', '视口宽度，需同时提供 height', integer('width')).option('--height <pixels>', '视口高度，需同时提供 width', integer('height'))
+        .option('--scale <scale>', '像素倍率', scale).option('--overwrite', '允许覆盖截图').action(async (dir, opts) => {
+        if ((opts.width === undefined) !== (opts.height === undefined))
+            throw new JoploError('USAGE', 'width 与 height 必须同时提供');
+        const renderStep = await serverFunction('renderStep');
+        const data = await renderStep({ projectDir: resolve(dir), scenarioId: opts.scenarioId, stepId: opts.stepId, theme: opts.theme, out: resolve(opts.out),
+            viewport: opts.width === undefined ? undefined : { width: opts.width, height: opts.height }, scale: opts.scale, overwrite: opts.overwrite });
+        line(data.path);
+        for (const warning of data.warnings)
+            stderr(oneLine(warning) + '\n');
+    });
+    try {
+        await program.parseAsync(args, { from: 'user' });
+    }
+    catch (e) {
+        if (e instanceof CommanderError && ['commander.helpDisplayed', 'commander.help', 'commander.version'].includes(e.code))
+            return 0;
+        const f = failure(e instanceof CommanderError ? new JoploError('USAGE', e.message) : e);
+        const wantsJson = args.some((arg, i) => arg === '--format=json' || arg === '--format' && args[i + 1] === 'json');
+        if (wantsJson)
+            json(f);
+        else
+            line(`${f.error.code}  ${oneLine(f.error.message)}`);
+        return f.error.code === 'USAGE' ? 2 : 1;
+    }
+    return exitCode;
+}

package/dist/common.d.ts

@@ -0,0 +1,5 @@
+import { type Diagnostic, type DomainFailure, type DomainResult } from '@tokenroll/joplo-core';
+export declare function result<T>(projectId: string, summary: string, data: T, diagnostics?: Diagnostic[]): DomainResult<T>;
+export declare function failure(e: unknown): DomainFailure;
+export declare const oneLine: (s: string) => string;
+export declare const diagnosticLine: (d: Diagnostic) => string;

package/dist/common.js

@@ -0,0 +1,12 @@
+import { randomUUID } from 'node:crypto';
+import { JoploError } from '@tokenroll/joplo-core';
+export function result(projectId, summary, data, diagnostics = []) {
+    return { ok: true, projectId, revision: 0, requestId: randomUUID(), summary, changedIds: [], diagnostics, artifacts: [], data };
+}
+export function failure(e) {
+    const code = e?.code;
+    const error = e instanceof JoploError ? e : new JoploError(['ENOENT', 'ENOTDIR'].includes(code ?? '') ? 'NOT_FOUND' : ['EACCES', 'EPERM'].includes(code ?? '') ? 'PERMISSION_DENIED' : e instanceof SyntaxError ? 'INVALID_SCHEMA' : 'UNSUPPORTED_ACTION', e instanceof Error ? e.message : String(e));
+    return { ok: false, requestId: randomUUID(), error: { code: error.code, message: error.message, ...(error.details === undefined ? {} : { details: error.details }) }, diagnostics: error.diagnostics };
+}
+export const oneLine = (s) => s.replace(/[\r\n\t]+/g, ' ');
+export const diagnosticLine = (d) => `${d.at ?? 'joplo.config.ts:1:1'}  ${d.severity}  ${d.code}  ${oneLine(d.message)}`;

package/dist/init.d.ts

@@ -0,0 +1,21 @@
+import { type PackageManager } from './pm.js';
+export type InitResult = {
+    root: string;
+    written: string[];
+    skipped: string[];
+    version: string;
+};
+/** 目录名 → 合法的 npm 包名（小写、无空格；无法推导时用 joplo-demo）。 */
+export declare function packageName(dirName: string): string;
+/** init 写入的 package.json：joplo 与 @tokenroll/joplo-kit 锁定为当前 CLI 的精确版本（D36：所有包同一版本）。 */
+export declare function projectPackageJson(dirName: string, version: string): string;
+/** init 写入的 tsconfig.json：作者的 TSX 由 @tokenroll/joplo-kit 的 JSX 运行时收集成数据。 */
+export declare function projectTsconfig(): string;
+/** init 结尾的一行：进入目录、安装、打开看板（与用户的包管理器一致）。 */
+export declare function nextStepLine(pm: PackageManager, relDir: string): string;
+export declare function initProject(dir: string, name?: string, opts?: {
+    keep?: boolean;
+    env?: Record<string, string | undefined>;
+}): Promise<InitResult>;
+/** `joplo init` 的输出（最后一行是下一步命令）。 */
+export declare function initSummary(r: InitResult, env?: Record<string, string | undefined>): string[];

package/dist/init.js

@@ -0,0 +1,102 @@
+import { mkdir, readdir, writeFile } from 'node:fs/promises';
+import { basename, dirname, join, relative, resolve } from 'node:path';
+import { JoploError } from '@tokenroll/joplo-core';
+import { detectPackageManager, pmCommands } from "./pm.js";
+import { cliVersion } from "./startup.js";
+/** 目录名 → 合法的 npm 包名（小写、无空格；无法推导时用 joplo-demo）。 */
+export function packageName(dirName) {
+    const n = dirName.toLowerCase().replace(/[^a-z0-9._-]+/g, '-').replace(/^[._-]+|[-._]+$/g, '').slice(0, 214);
+    return n || 'joplo-demo';
+}
+/** init 写入的 package.json：joplo 与 @tokenroll/joplo-kit 锁定为当前 CLI 的精确版本（D36：所有包同一版本）。 */
+export function projectPackageJson(dirName, version) {
+    const pkg = {
+        name: packageName(dirName),
+        private: true,
+        type: 'module',
+        scripts: { dev: 'joplo dev', check: 'joplo check', build: 'joplo build' },
+        devDependencies: { joplo: version, '@tokenroll/joplo-kit': version },
+    };
+    return JSON.stringify(pkg, null, 2) + '\n';
+}
+/** init 写入的 tsconfig.json：作者的 TSX 由 @tokenroll/joplo-kit 的 JSX 运行时收集成数据。 */
+export function projectTsconfig() {
+    const compilerOptions = {
+        target: 'ES2023',
+        module: 'ESNext',
+        moduleResolution: 'Bundler',
+        jsx: 'react-jsxdev',
+        jsxImportSource: '@tokenroll/joplo-kit',
+        allowImportingTsExtensions: true,
+        noEmit: true,
+        strict: true,
+        skipLibCheck: true,
+    };
+    return JSON.stringify({ compilerOptions, include: ['**/*.ts', '**/*.tsx'], exclude: ['node_modules', 'dist', '.joplo'] }, null, 2) + '\n';
+}
+const shellArg = (s) => (/^[\w@%+=:,./-]+$/.test(s) ? s : `'${s.replace(/'/g, `'\\''`)}'`);
+/** init 结尾的一行：进入目录、安装、打开看板（与用户的包管理器一致）。 */
+export function nextStepLine(pm, relDir) {
+    const c = pmCommands(pm);
+    const steps = [...(relDir && relDir !== '.' ? [`cd ${shellArg(relDir)}`] : []), c.install, `${c.run} dev`];
+    return `下一步：${steps.join(' && ')}`;
+}
+export async function initProject(dir, name, opts = {}) {
+    const root = resolve(dir);
+    const version = cliVersion();
+    if (!opts.keep) {
+        let entries = [];
+        try {
+            entries = await readdir(root);
+        }
+        catch (e) {
+            if (e.code !== 'ENOENT')
+                throw e;
+        }
+        if (entries.length) {
+            const rel = relative(process.cwd(), root) || '.';
+            const run = pmCommands(detectPackageManager(opts.env ?? process.env)).run;
+            throw new JoploError('UNSUPPORTED_ACTION', `${rel}/ 不是空目录（已有 ${entries.length} 个文件），没有写入任何内容。换一个目录名，或进入它后运行 ${run} init . --keep 只补缺失的文件。`);
+        }
+    }
+    const files = {
+        'package.json': projectPackageJson(basename(root), version),
+        'joplo.config.ts': `import { config } from '@tokenroll/joplo-kit';\nexport default config({ name: ${JSON.stringify(name ?? (basename(root) || 'Joplo'))}, layout: 'app', home: '/' });\n`,
+        'layouts/app.tsx': `import { layout, Outlet, Slot } from '@tokenroll/joplo-kit';\nimport { AppShell } from '@tokenroll/joplo-kit/ui';\nexport default layout(\n  <AppShell padding="lg">\n    <AppShell.Main>\n      <Outlet />\n    </AppShell.Main>\n    <Slot name="overlay" />\n  </AppShell>,\n);\n`,
+        'routes/page.tsx': `import { page, Slot } from '@tokenroll/joplo-kit';\nimport { Group, Stack, Title } from '@tokenroll/joplo-kit/ui';\nexport default page(\n  { title: '首页' },\n  <Stack gap="md">\n    <Title order={2}>开始设计</Title>\n    <Group gap="sm">\n      <Slot name="actions" />\n    </Group>\n  </Stack>,\n);\n`,
+        'features/example/feature.ts': `import { feature } from '@tokenroll/joplo-kit';\nexport default feature({ name: '示例功能', goal: '点击按钮完成演示', cases: { happy: '正常完成' }, pick: 'a' });\n`,
+        'features/example/options/a.tsx': `import { option, flow, done } from '@tokenroll/joplo-kit';\nimport { Button } from '@tokenroll/joplo-kit/ui';\nexport default option({\n  name: '方案 A', idea: '一个按钮完成操作',\n  on: { '/': { actions: <Button id="start">开始</Button> } },\n  scenarios: { happy: flow('正常完成', { cases: ['happy'], start: '/' }).click('start', done('已完成')) },\n});\n`,
+        'tsconfig.json': projectTsconfig(),
+        '.gitignore': 'node_modules/\n.joplo/\ndist/\n',
+    };
+    await mkdir(root, { recursive: true });
+    const written = [];
+    const skipped = [];
+    for (const [path, content] of Object.entries(files)) {
+        await mkdir(dirname(join(root, path)), { recursive: true });
+        try {
+            await writeFile(join(root, path), content, { flag: 'wx' });
+            written.push(path);
+        }
+        catch (e) {
+            if (e.code !== 'EEXIST' || !opts.keep)
+                throw e;
+            skipped.push(path);
+        }
+    }
+    return { root, written, skipped, version };
+}
+/** `joplo init` 的输出（最后一行是下一步命令）。 */
+export function initSummary(r, env = process.env) {
+    const rel = relative(process.cwd(), r.root) || '.';
+    const top = [...new Set(r.written.map((f) => (f.includes('/') ? `${f.split('/')[0]}/` : f)))].filter((f) => !['package.json', 'tsconfig.json', '.gitignore'].includes(f));
+    const lines = [`✓ 已创建 ${rel === '.' ? './' : `${rel}/`}${top.length ? `：${top.join('、')}` : ''}`];
+    if (r.written.includes('package.json'))
+        lines.push(`✓ package.json  devDependencies: { "joplo": "${r.version}", "@tokenroll/joplo-kit": "${r.version}" }（锁定同一版本）`);
+    if (r.written.includes('tsconfig.json'))
+        lines.push('✓ tsconfig.json jsxImportSource: "@tokenroll/joplo-kit"');
+    if (r.skipped.length)
+        lines.push(`! 已存在、未改动：${r.skipped.join('、')}${r.skipped.includes('package.json') ? `（请确认 devDependencies 含 "joplo": "${r.version}" 与 "@tokenroll/joplo-kit": "${r.version}"）` : ''}`);
+    lines.push(nextStepLine(detectPackageManager(env), rel));
+    return lines;
+}

package/dist/pm.d.ts

@@ -0,0 +1,12 @@
+export type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
+type Env = Record<string, string | undefined>;
+export declare function detectPackageManager(env?: Env, projectDir?: string): PackageManager;
+export type PmCommands = {
+    install: string;
+    run: string;
+    addDev: string;
+};
+export declare const pmCommands: (pm: PackageManager) => PmCommands;
+/** 对齐 joplo 与 @tokenroll/joplo-kit 到同一版本的命令。 */
+export declare const alignCommand: (pm: PackageManager, version: string) => string;
+export {};

package/dist/pm.js

@@ -0,0 +1,26 @@
+/**
+ * 包管理器识别（init 结尾的下一步命令、版本对齐命令）。
+ * 优先看 npm_config_user_agent（npx / pnpm dlx / yarn dlx / bunx 都会设置），其次看项目里的锁文件，缺省 npm。
+ */
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+const LOCKFILES = [['pnpm-lock.yaml', 'pnpm'], ['yarn.lock', 'yarn'], ['bun.lock', 'bun'], ['bun.lockb', 'bun'], ['package-lock.json', 'npm']];
+export function detectPackageManager(env = process.env, projectDir) {
+    const m = /^(npm|pnpm|yarn|bun)\//.exec(env.npm_config_user_agent ?? '');
+    if (m)
+        return m[1];
+    if (projectDir)
+        for (const [file, pm] of LOCKFILES)
+            if (existsSync(join(projectDir, file)))
+                return pm;
+    return 'npm';
+}
+const COMMANDS = {
+    npm: { install: 'npm install', run: 'npx joplo', addDev: 'npm i -D' },
+    pnpm: { install: 'pnpm install', run: 'pnpm joplo', addDev: 'pnpm add -D' },
+    yarn: { install: 'yarn', run: 'yarn joplo', addDev: 'yarn add -D' },
+    bun: { install: 'bun install', run: 'bunx joplo', addDev: 'bun add -d' },
+};
+export const pmCommands = (pm) => COMMANDS[pm];
+/** 对齐 joplo 与 @tokenroll/joplo-kit 到同一版本的命令。 */
+export const alignCommand = (pm, version) => `${COMMANDS[pm].addDev} joplo@${version} @tokenroll/joplo-kit@${version}`;

package/dist/selection.d.ts

@@ -0,0 +1,10 @@
+import { type Selection } from '@tokenroll/joplo-core';
+export type SelectionView = {
+    selection: Selection | null;
+    lines: {
+        number: number;
+        text: string;
+    }[];
+    note?: string;
+};
+export declare function readSelection(dir: string): Promise<SelectionView>;

package/dist/selection.js

@@ -0,0 +1,41 @@
+import { readFile } from 'node:fs/promises';
+import { isAbsolute, relative, resolve, sep } from 'node:path';
+import { JoploError } from '@tokenroll/joplo-core';
+export async function readSelection(dir) {
+    const root = resolve(dir);
+    let raw;
+    try {
+        raw = JSON.parse(await readFile(resolve(root, '.joplo/selection.json'), 'utf8'));
+    }
+    catch (e) {
+        if (e.code === 'ENOENT')
+            return { selection: null, lines: [] };
+        throw e;
+    }
+    if (raw === null)
+        return { selection: null, lines: [] };
+    if (!raw || typeof raw !== 'object' || Array.isArray(raw))
+        throw new JoploError('INVALID_SCHEMA', 'selection.json 应为 Selection 或 null');
+    const selection = raw;
+    if (selection.at == null)
+        return { selection, lines: [], note: '该选中对象没有源位置' };
+    const match = typeof selection.at === 'string' && /^(.*):(\d+):(\d+)$/.exec(selection.at);
+    if (!match || Number(match[2]) < 1 || Number(match[3]) < 1)
+        throw new JoploError('INVALID_SCHEMA', 'selection.at 必须为 文件:行:列');
+    const file = resolve(root, match[1]);
+    const rel = relative(root, file);
+    if (isAbsolute(match[1]) || rel === '..' || rel.startsWith(`..${sep}`))
+        throw new JoploError('INVALID_SCHEMA', 'selection.at 必须指向项目内的相对路径');
+    try {
+        const lines = (await readFile(file, 'utf8')).split(/\r?\n/);
+        const line = Number(match[2]);
+        if (line > lines.length)
+            return { selection, lines: [], note: '源文件已变化，该行不存在' };
+        return { selection, lines: lines.slice(Math.max(0, line - 4), line + 3).map((text, i) => ({ number: Math.max(1, line - 3) + i, text })) };
+    }
+    catch (e) {
+        if (e.code === 'ENOENT')
+            return { selection, lines: [], note: '源文件已不存在' };
+        throw e;
+    }
+}

package/dist/skill.d.ts

@@ -0,0 +1,11 @@
+export type InstallSkillOptions = {
+    force?: boolean;
+    diff?: boolean;
+    agentsMd?: boolean;
+};
+/** 每次运行从当前 CLI 的包元数据读取，不另存一份版本常量。 */
+export declare function readCliVersion(file?: URL): Promise<string>;
+export declare function installSkill(dir: string, version: string, options?: InstallSkillOptions): Promise<{
+    code: number;
+    output: string;
+}>;

package/dist/skill.js

@@ -0,0 +1,153 @@
+import { createHash } from 'node:crypto';
+import { access, mkdir, readFile, writeFile } from 'node:fs/promises';
+import { dirname, join, resolve } from 'node:path';
+import { JoploError } from '@tokenroll/joplo-core';
+const SKILL_PATH = '.claude/skills/joplo/SKILL.md';
+const START = '<!-- joplo:start -->';
+const END = '<!-- joplo:end -->';
+/** 每次运行从当前 CLI 的包元数据读取，不另存一份版本常量。 */
+export async function readCliVersion(file = new URL('../package.json', import.meta.url)) {
+    const metadata = JSON.parse(await readFile(file, 'utf8'));
+    if (!metadata || typeof metadata !== 'object' || !('version' in metadata) || typeof metadata.version !== 'string' || !metadata.version.trim())
+        throw new JoploError('INVALID_SCHEMA', '无法从 @tokenroll/joplo-cli package.json 读取版本');
+    return metadata.version;
+}
+function pointer(version) {
+    const body = [
+        '---',
+        'name: joplo',
+        'description: 在 Joplo 项目（有 joplo.config.ts）里设计功能原型、方案和演示时使用',
+        '---',
+        '这个项目用 Joplo 描述功能原型。不要凭记忆写，先按需读取用法：',
+        '- npx joplo skill authoring   写页面、方案、场景',
+        '- npx joplo skill components  可用组件和属性',
+        '- npx joplo skill cases       开工前用情况清单主动提问',
+        '其他任务运行 npx joplo skill，选择 check、selection 或 publish 主题。',
+        '改完运行 npx joplo check，按 文件:行 修改。',
+        '用户在看板选中元素后，运行 npx joplo selection，只改那一处。',
+        '',
+    ].join('\n');
+    return Buffer.from(`${body}<!-- joplo-skill ${version} sha256:${hash(Buffer.from(body))} -->\n`);
+}
+const hash = (body) => createHash('sha256').update(body).digest('hex');
+function untouched(content) {
+    const text = content.toString('utf8');
+    const marker = /<!-- joplo-skill [^\s]+ sha256:([a-f0-9]{64}) -->\n$/.exec(text);
+    if (!marker || marker.index === 0 || text[marker.index - 1] !== '\n')
+        return false;
+    const offset = content.length - Buffer.byteLength(text.slice(marker.index));
+    return hash(content.subarray(0, offset)) === marker[1];
+}
+async function optionalFile(path) {
+    try {
+        return await readFile(path);
+    }
+    catch (e) {
+        if (e.code === 'ENOENT')
+            return null;
+        throw e;
+    }
+}
+function agentsContent(current) {
+    const block = Buffer.from(`${START}\n## Joplo\n在有 joplo.config.ts 的项目中设计功能原型时，先运行 npx joplo skill 查看主题，再按需读取。\n写页面/方案/场景读 npx joplo skill authoring；组件查 components，开工前的情况提问查 cases。\n改完运行 npx joplo check；用户在看板选中后运行 npx joplo selection，只改指向的那一处。\n${END}`);
+    if (current === null)
+        return Buffer.concat([block, Buffer.from('\n')]);
+    const start = current.indexOf(START), end = current.indexOf(END);
+    if (start === -1 && end === -1)
+        return Buffer.concat([current, Buffer.from(current.length ? current.at(-1) === 10 ? '\n' : '\n\n' : ''), block, Buffer.from('\n')]);
+    if (start < 0 || end < start || current.indexOf(START, start + START.length) !== -1 || current.indexOf(END, end + END.length) !== -1)
+        throw new JoploError('UNSUPPORTED_ACTION', 'AGENTS.md 的 joplo:start/end 标记不成对或重复，请先修正；没有写入任何文件');
+    // Buffer 切片保留托管段之外的原始字节，包括 BOM、CRLF、非 UTF-8 内容。
+    return Buffer.concat([current.subarray(0, start), block, current.subarray(end + Buffer.byteLength(END))]);
+}
+export async function installSkill(dir, version, options = {}) {
+    const root = resolve(dir);
+    const lines = [];
+    try {
+        await access(join(root, 'joplo.config.ts'));
+    }
+    catch (e) {
+        if (e.code !== 'ENOENT')
+            throw e;
+        lines.push('警告：目录中没有 joplo.config.ts，仍将安装 Joplo 用法入口。');
+    }
+    const path = join(root, SKILL_PATH);
+    const current = await optionalFile(path);
+    const next = pointer(version);
+    // 用户修改保护先于所有写入，AGENTS.md 也不会被部分更新。
+    if (!options.diff && !options.force && current !== null && !untouched(current))
+        return {
+            code: 1,
+            output: [...lines, `${SKILL_PATH} 已存在，并且被修改过，没有覆盖。`, `查看差异：npx joplo skill install ${displayDir(dir)}--diff`, `覆盖：npx joplo skill install ${displayDir(dir)}--force`, ''].join('\n'),
+        };
+    const agentsPath = join(root, 'AGENTS.md');
+    const agents = await optionalFile(agentsPath);
+    const planned = [{ name: SKILL_PATH, path, current, next }];
+    if (agents !== null || options.agentsMd)
+        planned.push({ name: 'AGENTS.md', path: agentsPath, current: agents, next: agentsContent(agents) });
+    const changed = planned.filter(file => file.current === null || !file.current.equals(file.next));
+    if (options.diff) {
+        for (const file of changed)
+            lines.push(unifiedDiff(file.name, file.current, file.next));
+        if (!changed.length)
+            lines.push('已是最新');
+    }
+    else {
+        // 再读一次以避免覆盖计划阶段之后发生的编辑；diff 路径完全不创建目录。
+        for (const file of changed) {
+            const latest = await optionalFile(file.path);
+            if (file.current === null ? latest !== null : latest === null || !file.current.equals(latest))
+                throw new JoploError('UNSUPPORTED_ACTION', `${file.name} 在安装期间被修改，没有覆盖；请重新运行查看差异`);
+        }
+        for (const file of changed) {
+            await mkdir(dirname(file.path), { recursive: true });
+            await writeFile(file.path, file.next, { flag: file.current === null ? 'wx' : 'w' });
+            lines.push(`已写入 ${file.name}${file.name === SKILL_PATH ? '（仅用法入口）' : '（仅 Joplo 托管段）'}`);
+        }
+        if (!changed.length)
+            lines.push('已是最新');
+        else
+            lines.push('提示：把用法入口提交到 Git，项目中的 Agent 即可发现。');
+    }
+    return { code: 0, output: lines.join('\n') + '\n' };
+}
+function displayDir(dir) {
+    return dir === '.' ? '' : "'" + dir.replace(/'/g, "'\\''") + "' ";
+}
+/** 单个连续 hunk，保留前后 3 行上下文；不依赖 Git/diff，不输出颜色。 */
+function unifiedDiff(name, before, after) {
+    const split = (buffer) => {
+        const text = buffer?.toString('utf8') ?? '';
+        const lines = text ? text.split('\n') : [];
+        const newline = text.endsWith('\n');
+        if (newline)
+            lines.pop();
+        return { lines, newline };
+    };
+    const a = split(before), b = split(after);
+    const equal = (i, j) => a.lines[i] === b.lines[j] && (i !== a.lines.length - 1 && j !== b.lines.length - 1 || a.newline === b.newline);
+    let prefix = 0;
+    while (prefix < Math.min(a.lines.length, b.lines.length) && equal(prefix, prefix))
+        prefix++;
+    let suffix = 0;
+    while (suffix < Math.min(a.lines.length, b.lines.length) - prefix && equal(a.lines.length - suffix - 1, b.lines.length - suffix - 1))
+        suffix++;
+    const start = Math.max(0, prefix - 3);
+    const aEnd = a.lines.length - Math.max(0, suffix - 3), bEnd = b.lines.length - Math.max(0, suffix - 3);
+    const range = (length) => `${length ? start + 1 : start},${length}`;
+    const output = [`--- ${before === null ? '/dev/null' : `a/${name}`}`, `+++ b/${name}`, `@@ -${range(aEnd - start)} +${range(bEnd - start)} @@`];
+    const append = (sign, lines, i, newline) => {
+        output.push(sign + lines[i]);
+        if (i === lines.length - 1 && !newline)
+            output.push('\');
+    };
+    for (let i = start; i < prefix; i++)
+        append(' ', a.lines, i, a.newline);
+    for (let i = prefix; i < a.lines.length - suffix; i++)
+        append('-', a.lines, i, a.newline);
+    for (let i = prefix; i < b.lines.length - suffix; i++)
+        append('+', b.lines, i, b.newline);
+    for (let i = a.lines.length - suffix; i < aEnd; i++)
+        append(' ', a.lines, i, a.newline);
+    return output.join('\n') + '\n';
+}

package/dist/startup.d.ts

@@ -0,0 +1,5 @@
+export declare function cliVersion(): string;
+export declare function projectNotes(dir: string, command: string | undefined, opts?: {
+    cli?: string;
+    env?: Record<string, string | undefined>;
+}): string[];

package/dist/startup.js

@@ -0,0 +1,68 @@
+/**
+ * 启动时的版本一致性检查（D36）：CLI 发现项目里的 @tokenroll/joplo-kit 与自己版本不同、或项目声明了依赖却没安装时，
+ * 在 stderr 打印一行提示和对齐命令。只对读取项目源文件的命令（check / dev / build / render）检查；任何读取错误都不阻止命令运行。
+ *
+ * 版本来源：CLI 自己的 package.json（与 skill.ts 的 readCliVersion 同一位置：src/ 与 dist/ 都在包根下一层）。
+ */
+import { existsSync, readFileSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { alignCommand, detectPackageManager, pmCommands } from "./pm.js";
+const PROJECT_COMMANDS = new Set(['check', 'dev', 'build', 'render']);
+const readJson = (file) => {
+    try {
+        const v = JSON.parse(readFileSync(file, 'utf8'));
+        return v && typeof v === 'object' && !Array.isArray(v) ? v : null;
+    }
+    catch {
+        return null;
+    }
+};
+export function cliVersion() {
+    const v = readJson(fileURLToPath(new URL('../package.json', import.meta.url)))?.version;
+    return typeof v === 'string' ? v : '0.0.0';
+}
+/** 从 dir 起向上找 node_modules/<name>/package.json（Node 的包解析顺序）。 */
+function findUp(dir, name) {
+    let cur = resolve(dir);
+    for (;;) {
+        const f = join(cur, 'node_modules', name, 'package.json');
+        if (existsSync(f))
+            return f;
+        const parent = dirname(cur);
+        if (parent === cur)
+            return null;
+        cur = parent;
+    }
+}
+function findPackageRoot(dir) {
+    let cur = resolve(dir);
+    for (;;) {
+        if (existsSync(join(cur, 'package.json')))
+            return cur;
+        const parent = dirname(cur);
+        if (parent === cur)
+            return null;
+        cur = parent;
+    }
+}
+export function projectNotes(dir, command, opts = {}) {
+    if (!command || !PROJECT_COMMANDS.has(command))
+        return [];
+    const cli = opts.cli ?? cliVersion();
+    const env = opts.env ?? process.env;
+    const root = findPackageRoot(dir);
+    const pm = detectPackageManager(env, root ?? undefined);
+    const kitFile = findUp(dir, '@tokenroll/joplo-kit');
+    if (kitFile) {
+        const kit = readJson(kitFile)?.version;
+        if (typeof kit !== 'string' || kit === cli)
+            return [];
+        return [`! 项目里的 @tokenroll/joplo-kit 是 ${kit}，当前 CLI 是 ${cli}，两者需要同一版本。要对齐：${alignCommand(pm, cli)}`];
+    }
+    const pkg = root ? readJson(join(root, 'package.json')) : null;
+    const deps = { ...pkg?.dependencies, ...pkg?.devDependencies };
+    if (pkg && ('@tokenroll/joplo-kit' in deps || 'joplo' in deps))
+        return [`! 项目声明了 @tokenroll/joplo-kit，但还没有安装依赖，先运行：${pmCommands(pm).install}`];
+    return [];
+}

package/package.json

@@ -1,6 +1,44 @@
 {
   "name": "@tokenroll/joplo-cli",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "Joplo 命令实现（init / dev / check / build / render / selection）；通常经由 joplo 命令入口使用",
+  "license": "Apache-2.0",
+  "type": "module",
+  "bin": {
+    "joplo-cli": "./dist/bin.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/cli.d.ts",
+      "default": "./dist/cli.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@tokenroll/joplo-core": "0.1.0",
+    "@tokenroll/joplo-server": "0.1.0",
+    "commander": "^15.0.0",
+    "tsx": "4.23.15"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TokenRollAI/Joplo.git",
+    "directory": "packages/cli"
+  },
+  "homepage": "https://github.com/TokenRollAI/Joplo#readme",
+  "bugs": {
+    "url": "https://github.com/TokenRollAI/Joplo/issues"
+  },
+  "scripts": {
+    "build": "node ../../scripts/build-package.mjs"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.