create-linkdesk-plugin 0.1.1 → 0.1.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Encaron
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,55 +1,55 @@
-# create-linkdesk-plugin
-
-LinkDesk 插件脚手架——一行命令生成你的第一个插件项目（对标 `yo code`）。
-
-```bash
-npm create linkdesk-plugin my-cool-plugin
-```
-
-不带名字则交互式询问：
-
-```bash
-npm create linkdesk-plugin
-```
-
-## 生成什么
-
-生成物的形状**与官方插件一致**——README / CHANGELOG / resources / i18n 一个不少：
-
-```
-my-cool-plugin/
-├── plugin.json           # 插件清单（JSONC：可注释/尾逗号，字段分节示范，VS Code $schema 校验）
-├── package.json          # scripts: dev / dev:real / build / publish / validate / lint
-├── tsconfig.json         # jsx: react-jsx + window.linkdesk.* 类型（@linkdesk/plugin-sdk）
-├── .gitignore            # node_modules / dist / *.linkdesk-plugin
-├── README.md             # 说明——市场「详情」页签的数据源 + 目录契约表
-├── CHANGELOG.md          # 更新日志——市场「更改日志」页签的数据源
-├── .vscode/settings.json # plugin.json 按 jsonc 识别（注释不标红）
-├── resources/
-│   └── icon.svg          # 图标占位图——换成你自己的
-├── src/
-│   ├── index.tsx         # 视图组件 default 导出——壳以 { isActive, tabId?, sourceId? } 渲染
-│   └── index.css         # 样式示例——颜色 / 字号走 var(--xxx)，间距走 4px 节奏
-└── i18n/
-    └── en.json           # 英文译文（key = 中文原文；不建 zh.json）
-```
-
-> **不预建空文件夹**（git 本来也不记录空目录）——「东西该放哪」写在生成的 `README.md` 的目录契约表里，
-> 用文字说清比用空夹暗示更清楚。
-
-## 命令
-
-```bash
-cd my-cool-plugin
-npm install
-
-npm run dev        # 浏览器热重载预览（改代码即时生效）
-npm run dev:real   # 真机环——直写 {userData}/plugins/<id> + CDP reload（真 IPC / 串口 / LSP 类插件用）
-npm run validate   # 校验 plugin.json
-npm run build      # 产出 <pluginId>.linkdesk-plugin——可装进 LinkDesk / 发布
-npm run lint       # 门禁自检（硬编码颜色 / 字号 / 间距网格 / eslint 规则）
-npm run publish    # 一键发布（建 GitHub Release + 上传 + 更新 catalog）
-```
-
-> 说明：插件作者工作流（dev 热预览 / build / 发布全链路）的完整文档见
-> [00-第三方作者旅程](../../docs/02-Electron架构/E6_插件生态与发布/05-文档与发布/00-第三方作者旅程.md)。
+# create-linkdesk-plugin
+
+LinkDesk 插件脚手架——一行命令生成你的第一个插件项目（对标 `yo code`）。
+
+```bash
+npm create linkdesk-plugin my-cool-plugin
+```
+
+不带名字则交互式询问：
+
+```bash
+npm create linkdesk-plugin
+```
+
+## 生成什么
+
+生成物的形状**与官方插件一致**——README / CHANGELOG / resources / i18n 一个不少：
+
+```
+my-cool-plugin/
+├── plugin.json           # 插件清单（JSONC：可注释/尾逗号，字段分节示范，VS Code $schema 校验）
+├── package.json          # scripts: dev / dev:real / build / publish / validate / lint
+├── tsconfig.json         # jsx: react-jsx + window.linkdesk.* 类型（@linkdesk/plugin-sdk）
+├── .gitignore            # node_modules / dist / *.linkdesk-plugin
+├── README.md             # 说明——市场「详情」页签的数据源 + 目录契约表
+├── CHANGELOG.md          # 更新日志——市场「更改日志」页签的数据源
+├── .vscode/settings.json # plugin.json 按 jsonc 识别（注释不标红）
+├── resources/
+│   └── icon.svg          # 图标占位图——换成你自己的
+├── src/
+│   ├── index.tsx         # 视图组件 default 导出——壳以 { isActive, tabId?, sourceId? } 渲染
+│   └── index.css         # 样式示例——颜色 / 字号走 var(--xxx)，间距走 4px 节奏
+└── i18n/
+    └── en.json           # 英文译文（key = 中文原文；不建 zh.json）
+```
+
+> **不预建空文件夹**（git 本来也不记录空目录）——「东西该放哪」写在生成的 `README.md` 的目录契约表里，
+> 用文字说清比用空夹暗示更清楚。
+
+## 命令
+
+```bash
+cd my-cool-plugin
+npm install
+
+npm run dev        # 浏览器热重载预览（改代码即时生效）
+npm run dev:real   # 真机环——直写 {userData}/plugins/<id> + CDP reload（真 IPC / 串口 / LSP 类插件用）
+npm run validate   # 校验 plugin.json
+npm run build      # 产出 <pluginId>.linkdesk-plugin——可装进 LinkDesk / 发布
+npm run lint       # 门禁自检（硬编码颜色 / 字号 / 间距网格 / eslint 规则）
+npm run publish    # 一键发布（建 GitHub Release + 上传 + 更新 catalog）
+```
+
+> 说明：插件作者工作流（dev 热预览 / build / 发布全链路）的完整文档见
+> [00-第三方作者旅程](../../docs/02-Electron架构/E6_插件生态与发布/05-文档与发布/00-第三方作者旅程.md)。

package/index.js

@@ -1,136 +1,136 @@
-#!/usr/bin/env node
-/**
- * create-linkdesk-plugin——LinkDesk 插件脚手架 CLI（纯 Node，零依赖，对标 yo code）。
- *
- * 用法：
- *   npm create linkdesk-plugin my-cool-plugin   # 直接给名字（kebab-case，非交互）
- *   npm create linkdesk-plugin                  # 不带参数 → 交互式询问插件名
- *
- * 行为：把同目录 template/ 复制到 <cwd>/<name>，把占位符替换成真实值，打印下一步提示。
- * 占位符：{{pluginName}} {{displayName}} {{author}} {{date}}（递归替换所有模板文件）。
- *   {{date}} 注入 CHANGELOG.md 的初始段标题——格式必须是 `## v<版本>（YYYY-MM-DD）`，
- *   那是市场「更改日志」页签切段的解析依据（见 docs/02-Electron架构/.../插件规范化层/02）。
- *
- * 生成产物契约：见 docs/02-Electron架构/E6_插件生态与发布/02-插件开发工具链/01-create-linkdesk-plugin脚手架.md。
- */
-import { cpSync, existsSync, mkdirSync, readdirSync, readFileSync, renameSync, writeFileSync } from "node:fs";
-import { spawnSync } from "node:child_process";
-import { createInterface } from "node:readline";
-import { dirname, join } from "node:path";
-import { fileURLToPath } from "node:url";
-
-const TEMPLATE_DIR = join(dirname(fileURLToPath(import.meta.url)), "template");
-
-/** kebab-case——同时满足插件 id / viewsContainers key / npm 包名惯例（SAFE_PLUGIN_ID 的形状子集） */
-const NAME_RE = /^[a-z][a-z0-9-]*$/;
-
-/** 本地日期 YYYY-MM-DD（不用 toISOString——那是 UTC，跨时区会差一天） */
-function todayLocal() {
-  const d = new Date();
-  const p = (n) => String(n).padStart(2, "0");
-  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
-}
-
-/** my-cool-plugin → My Cool Plugin */
-function toDisplayName(name) {
-  return name
-    .split("-")
-    .map((s) => (s ? s[0].toUpperCase() + s.slice(1) : s))
-    .join(" ");
-}
-
-/** 作者默认值 = git config user.name；读不到（无 git/无配置）→ "you"（作者生成后自改） */
-function gitUserName() {
-  try {
-    const r = spawnSync("git", ["config", "user.name"], { encoding: "utf8", timeout: 3000 });
-    const v = (r.stdout || "").trim();
-    return v || "you";
-  } catch {
-    return "you";
-  }
-}
-
-/** 交互式单问——返回去除首尾空白的答案 */
-function ask(question) {
-  const rl = createInterface({ input: process.stdin, output: process.stdout });
-  return new Promise((resolve) => {
-    rl.question(question, (answer) => {
-      rl.close();
-      resolve(answer.trim());
-    });
-  });
-}
-
-function replacePlaceholders(file, values) {
-  let text = readFileSync(file, "utf8");
-  for (const [key, value] of Object.entries(values)) {
-    text = text.split(`{{${key}}}`).join(value);
-  }
-  writeFileSync(file, text);
-}
-
-/** 递归替换目录内全部文件（模板全是文本文件，无需跳过二进制） */
-function walkReplace(dir, values) {
-  for (const entry of readdirSync(dir, { withFileTypes: true })) {
-    const full = join(dir, entry.name);
-    if (entry.isDirectory()) walkReplace(full, values);
-    else replacePlaceholders(full, values);
-  }
-}
-
-async function main() {
-  let name = (process.argv[2] || "").trim();
-  if (!name) {
-    name = await ask("插件名（kebab-case，如 my-cool-plugin）: ");
-  }
-  name = name.trim();
-  if (!NAME_RE.test(name)) {
-    console.error(`✖ 插件名须为 kebab-case（小写字母/数字/连字符），收到：${JSON.stringify(name)}`);
-    process.exit(1);
-  }
-
-  const target = join(process.cwd(), name);
-  if (existsSync(target) && readdirSync(target).length > 0) {
-    console.error(`✖ ${name}/ 已存在且非空——换个名字，或清空后重跑`);
-    process.exit(1);
-  }
-
-  mkdirSync(target, { recursive: true });
-  cpSync(TEMPLATE_DIR, target, { recursive: true });
-
-  // 🔥 模板里存的是 `gitignore`（无点），生成时才改名为 `.gitignore`。
-  // 原因：**npm 打包恒定丢弃名为 `.gitignore` 的文件**（npm-packlist 排除表；实测
-  // `template/.gitignoreprobe` 与 `template/probe.txt` 都能进 tarball，唯独 `.gitignore` 不能）。
-  // 若模板里直接放 `.gitignore`，仓内生成（读模板目录）一切正常，**但发布后的
-  // `npm create linkdesk-plugin` 生成的工程会没有 .gitignore**——作者第一次 `git add .`
-  // 就把 node_modules/ 和 dist/ 全提交了。生成物契约见 check-scaffold.mjs 断言 8。
-  const tplGitignore = join(target, "gitignore");
-  if (existsSync(tplGitignore)) renameSync(tplGitignore, join(target, ".gitignore"));
-
-  const values = {
-    pluginName: name,
-    displayName: toDisplayName(name),
-    author: gitUserName(),
-    date: todayLocal(),
-  };
-  walkReplace(target, values);
-
-  console.log("");
-  console.log(`✔ ${name}/ 已创建`);
-  console.log("");
-  console.log("  接下来：");
-  console.log(`    cd ${name}`);
-  console.log("    npm install");
-  console.log("    npm run dev        # 浏览器热重载预览（改代码即时生效）");
-  console.log("    npm run validate   # 校验 plugin.json（$schema / 字段 / i18n 文件）");
-  console.log("    npm run build      # 打包出 <pluginId>.linkdesk-plugin，可装进 LinkDesk / 发布");
-  console.log("");
-  console.log("  然后：先读 README.md —— 目录该放哪、三条纪律、怎么发布都在里面。");
-  console.log("  plugin.json 的 name / description / author 是你的身份信息，src/index.tsx 是插件本体。");
-  console.log("  完整插件能力（侧栏视图 / 命令 / 设置 / 协议……）见 docs/03-插件制造/。");
-}
-
-main().catch((err) => {
-  console.error(err);
-  process.exit(1);
-});
+#!/usr/bin/env node
+/**
+ * create-linkdesk-plugin——LinkDesk 插件脚手架 CLI（纯 Node，零依赖，对标 yo code）。
+ *
+ * 用法：
+ *   npm create linkdesk-plugin my-cool-plugin   # 直接给名字（kebab-case，非交互）
+ *   npm create linkdesk-plugin                  # 不带参数 → 交互式询问插件名
+ *
+ * 行为：把同目录 template/ 复制到 <cwd>/<name>，把占位符替换成真实值，打印下一步提示。
+ * 占位符：{{pluginName}} {{displayName}} {{author}} {{date}}（递归替换所有模板文件）。
+ *   {{date}} 注入 CHANGELOG.md 的初始段标题——格式必须是 `## v<版本>（YYYY-MM-DD）`，
+ *   那是市场「更改日志」页签切段的解析依据（见 docs/02-Electron架构/.../插件规范化层/02）。
+ *
+ * 生成产物契约：见 docs/02-Electron架构/E6_插件生态与发布/02-插件开发工具链/01-create-linkdesk-plugin脚手架.md。
+ */
+import { cpSync, existsSync, mkdirSync, readdirSync, readFileSync, renameSync, writeFileSync } from "node:fs";
+import { spawnSync } from "node:child_process";
+import { createInterface } from "node:readline";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const TEMPLATE_DIR = join(dirname(fileURLToPath(import.meta.url)), "template");
+
+/** kebab-case——同时满足插件 id / viewsContainers key / npm 包名惯例（SAFE_PLUGIN_ID 的形状子集） */
+const NAME_RE = /^[a-z][a-z0-9-]*$/;
+
+/** 本地日期 YYYY-MM-DD（不用 toISOString——那是 UTC，跨时区会差一天） */
+function todayLocal() {
+  const d = new Date();
+  const p = (n) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
+}
+
+/** my-cool-plugin → My Cool Plugin */
+function toDisplayName(name) {
+  return name
+    .split("-")
+    .map((s) => (s ? s[0].toUpperCase() + s.slice(1) : s))
+    .join(" ");
+}
+
+/** 作者默认值 = git config user.name；读不到（无 git/无配置）→ "you"（作者生成后自改） */
+function gitUserName() {
+  try {
+    const r = spawnSync("git", ["config", "user.name"], { encoding: "utf8", timeout: 3000 });
+    const v = (r.stdout || "").trim();
+    return v || "you";
+  } catch {
+    return "you";
+  }
+}
+
+/** 交互式单问——返回去除首尾空白的答案 */
+function ask(question) {
+  const rl = createInterface({ input: process.stdin, output: process.stdout });
+  return new Promise((resolve) => {
+    rl.question(question, (answer) => {
+      rl.close();
+      resolve(answer.trim());
+    });
+  });
+}
+
+function replacePlaceholders(file, values) {
+  let text = readFileSync(file, "utf8");
+  for (const [key, value] of Object.entries(values)) {
+    text = text.split(`{{${key}}}`).join(value);
+  }
+  writeFileSync(file, text);
+}
+
+/** 递归替换目录内全部文件（模板全是文本文件，无需跳过二进制） */
+function walkReplace(dir, values) {
+  for (const entry of readdirSync(dir, { withFileTypes: true })) {
+    const full = join(dir, entry.name);
+    if (entry.isDirectory()) walkReplace(full, values);
+    else replacePlaceholders(full, values);
+  }
+}
+
+async function main() {
+  let name = (process.argv[2] || "").trim();
+  if (!name) {
+    name = await ask("插件名（kebab-case，如 my-cool-plugin）: ");
+  }
+  name = name.trim();
+  if (!NAME_RE.test(name)) {
+    console.error(`✖ 插件名须为 kebab-case（小写字母/数字/连字符），收到：${JSON.stringify(name)}`);
+    process.exit(1);
+  }
+
+  const target = join(process.cwd(), name);
+  if (existsSync(target) && readdirSync(target).length > 0) {
+    console.error(`✖ ${name}/ 已存在且非空——换个名字，或清空后重跑`);
+    process.exit(1);
+  }
+
+  mkdirSync(target, { recursive: true });
+  cpSync(TEMPLATE_DIR, target, { recursive: true });
+
+  // 🔥 模板里存的是 `gitignore`（无点），生成时才改名为 `.gitignore`。
+  // 原因：**npm 打包恒定丢弃名为 `.gitignore` 的文件**（npm-packlist 排除表；实测
+  // `template/.gitignoreprobe` 与 `template/probe.txt` 都能进 tarball，唯独 `.gitignore` 不能）。
+  // 若模板里直接放 `.gitignore`，仓内生成（读模板目录）一切正常，**但发布后的
+  // `npm create linkdesk-plugin` 生成的工程会没有 .gitignore**——作者第一次 `git add .`
+  // 就把 node_modules/ 和 dist/ 全提交了。生成物契约见 check-scaffold.mjs 断言 8。
+  const tplGitignore = join(target, "gitignore");
+  if (existsSync(tplGitignore)) renameSync(tplGitignore, join(target, ".gitignore"));
+
+  const values = {
+    pluginName: name,
+    displayName: toDisplayName(name),
+    author: gitUserName(),
+    date: todayLocal(),
+  };
+  walkReplace(target, values);
+
+  console.log("");
+  console.log(`✔ ${name}/ 已创建`);
+  console.log("");
+  console.log("  接下来：");
+  console.log(`    cd ${name}`);
+  console.log("    npm install");
+  console.log("    npm run dev        # 浏览器热重载预览（改代码即时生效）");
+  console.log("    npm run validate   # 校验 plugin.json（$schema / 字段 / i18n 文件）");
+  console.log("    npm run build      # 打包出 <pluginId>.linkdesk-plugin，可装进 LinkDesk / 发布");
+  console.log("");
+  console.log("  然后：先读 README.md —— 目录该放哪、三条纪律、怎么发布都在里面。");
+  console.log("  plugin.json 的 name / description / author 是你的身份信息，src/index.tsx 是插件本体。");
+  console.log("  完整插件能力（侧栏视图 / 命令 / 设置 / 协议……）见 docs/03-插件制造/。");
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-linkdesk-plugin",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "LinkDesk 插件脚手架——`npm create linkdesk-plugin my-cool-plugin` 一行生成你的第一个插件项目（对标 yo code）。",
   "type": "module",
   "bin": {

package/template/.vscode/settings.json

@@ -1,8 +1,8 @@
-{
-  // 让 VS Code 按 JSONC 解析 plugin.json —— 它允许 // 注释与尾逗号（对标 VS Code 自己的 package.json）。
-  // 没有这一行，VS Code 会按严格 JSON 解析，本模板 plugin.json 里的注释会被标成满屏红波浪线。
-  // 这只是编辑器提示，不影响运行：LinkDesk 与 SDK 本来就按 jsonc 解析。
-  "files.associations": {
-    "plugin.json": "jsonc"
-  }
-}
+{
+  // 让 VS Code 按 JSONC 解析 plugin.json —— 它允许 // 注释与尾逗号（对标 VS Code 自己的 package.json）。
+  // 没有这一行，VS Code 会按严格 JSON 解析，本模板 plugin.json 里的注释会被标成满屏红波浪线。
+  // 这只是编辑器提示，不影响运行：LinkDesk 与 SDK 本来就按 jsonc 解析。
+  "files.associations": {
+    "plugin.json": "jsonc"
+  }
+}

package/template/gitignore

@@ -1,8 +1,8 @@
-# 依赖
-node_modules/
-
-# 构建中间产物（可随时 npm run build 重建）
-dist/
-
-# 分发包——由 GitHub Release 承载，不进你的源码仓
-*.linkdesk-plugin
+# 依赖
+node_modules/
+
+# 构建中间产物（可随时 npm run build 重建）
+dist/
+
+# 分发包——由 GitHub Release 承载，不进你的源码仓
+*.linkdesk-plugin

package/template/resources/icon.svg

@@ -1,23 +1,23 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
-  <!-- ⚠️ 占位图——请替换成你自己插件的图标（同名同位置覆盖即可，plugin.json 的 icon 已指向本文件）。
-       写法与官方插件一致：界面里以 <img src="linkdesk://<id>/resources/icon.svg"> 显示，
-       是独立文档 ⇒ 不能用 var(--xxx)（解析不到），颜色必须自含实色。 -->
-  <defs>
-    <linearGradient id="phi_bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0" stop-color="#64748B"/>
-      <stop offset="1" stop-color="#334155"/>
-    </linearGradient>
-    <linearGradient id="phi_glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.28"/>
-      <stop offset="1" stop-color="#FFFFFF" stop-opacity="0.02"/>
-    </linearGradient>
-  </defs>
-  <!-- 中性灰品牌块：刻意不设计成有含义的图形——它的意思是「这里还没有图」 -->
-  <rect x="0" y="0" width="48" height="48" rx="10" fill="url(#phi_bg)"/>
-  <rect x="0" y="0" width="48" height="48" rx="10" fill="url(#phi_glass)"/>
-  <!-- 虚线框 + 加号 = 「把你的图放这儿」 -->
-  <rect x="13" y="13" width="22" height="22" rx="5" fill="none"
-        stroke="#FFFFFF" stroke-opacity="0.9" stroke-width="2"
-        stroke-dasharray="4 3" stroke-linecap="round"/>
-  <path d="M24 19.5v9M19.5 24h9" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <!-- ⚠️ 占位图——请替换成你自己插件的图标（同名同位置覆盖即可，plugin.json 的 icon 已指向本文件）。
+       写法与官方插件一致：界面里以 <img src="linkdesk://<id>/resources/icon.svg"> 显示，
+       是独立文档 ⇒ 不能用 var(--xxx)（解析不到），颜色必须自含实色。 -->
+  <defs>
+    <linearGradient id="phi_bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#64748B"/>
+      <stop offset="1" stop-color="#334155"/>
+    </linearGradient>
+    <linearGradient id="phi_glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.28"/>
+      <stop offset="1" stop-color="#FFFFFF" stop-opacity="0.02"/>
+    </linearGradient>
+  </defs>
+  <!-- 中性灰品牌块：刻意不设计成有含义的图形——它的意思是「这里还没有图」 -->
+  <rect x="0" y="0" width="48" height="48" rx="10" fill="url(#phi_bg)"/>
+  <rect x="0" y="0" width="48" height="48" rx="10" fill="url(#phi_glass)"/>
+  <!-- 虚线框 + 加号 = 「把你的图放这儿」 -->
+  <rect x="13" y="13" width="22" height="22" rx="5" fill="none"
+        stroke="#FFFFFF" stroke-opacity="0.9" stroke-width="2"
+        stroke-dasharray="4 3" stroke-linecap="round"/>
+  <path d="M24 19.5v9M19.5 24h9" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round"/>
+</svg>

package/template/src/index.css

@@ -1,30 +1,30 @@
-/* {{displayName}} 样式示例（`npm run lint` 会照着下面三条查）。
-   三条纪律：
-   · 颜色一律 var(--xxx)，禁硬编码 hex——用户换主题时你的插件要跟着变；
-   · 字号一律 var(--font-size-*)——用户调全局字号时它才跟着缩放，裸 px 不会；
-   · padding / margin / gap 走 4px 节奏（4 的倍数）。 */
-
-.starter {
-  padding: 24px;
-  font-family: inherit;
-}
-
-.starter__title {
-  margin: 0 0 8px;
-  color: var(--text);
-}
-
-.starter__text {
-  margin: 0 0 4px;
-  color: var(--text-muted);
-}
-
-.starter__hint {
-  margin: 0;
-  color: var(--text-muted);
-  font-size: var(--font-size-xs);
-}
-
-.starter__hint code {
-  font-family: var(--font-mono, monospace);
-}
+/* {{displayName}} 样式示例（`npm run lint` 会照着下面三条查）。
+   三条纪律：
+   · 颜色一律 var(--xxx)，禁硬编码 hex——用户换主题时你的插件要跟着变；
+   · 字号一律 var(--font-size-*)——用户调全局字号时它才跟着缩放，裸 px 不会；
+   · padding / margin / gap 走 4px 节奏（4 的倍数）。 */
+
+.starter {
+  padding: 24px;
+  font-family: inherit;
+}
+
+.starter__title {
+  margin: 0 0 8px;
+  color: var(--text);
+}
+
+.starter__text {
+  margin: 0 0 4px;
+  color: var(--text-muted);
+}
+
+.starter__hint {
+  margin: 0;
+  color: var(--text-muted);
+  font-size: var(--font-size-xs);
+}
+
+.starter__hint code {
+  font-family: var(--font-mono, monospace);
+}

package/template/src/index.tsx

@@ -1,35 +1,35 @@
-/**
- * {{displayName}}——LinkDesk 插件主视图（由 create-linkdesk-plugin 生成）。
- *
- * 视图插件契约（E5.8，见 docs/03-插件制造/01-API契约.md）：壳以 { isActive, tabId?, sourceId? }
- * 渲染本文件 default 导出的组件：
- *   - isActive  本标签当前是否聚焦。keep-alive 下非聚焦标签仍在渲染，isActive 只用于
- *               gate「聚焦才跑」的副作用（如自动保存），切勿用它整块 blank 掉内容。
- *   - tabId     本标签页 id。
- *   - sourceId  上下文数据（文件路径 / 数据源等），编辑器类插件用它定位内容。
- *
- * 样式：LinkDesk 主题色一律走 CSS 变量 var(--xxx)（见 index.css 示例），禁硬编码 hex。
- * 文案：用 t() 读——key 就是中文原文，英文译文放 i18n/en.json（见 05-UI写法规约.md）。
- * 壳已 external react/react-dom/react-i18next/i18next——构建不会打进包，插件工程无需 npm i 它们。
- */
-
-import { useTranslation } from "react-i18next";
-import "./index.css";
-
-export default function HelloPlugin(_props: { isActive?: boolean; tabId?: string; sourceId?: string }) {
-  const { t } = useTranslation();
-
-  return (
-    <div className="starter">
-      <h2 className="starter__title">{t("插件跑起来了 ✨")}</h2>
-      <p className="starter__text">{t("这是你的第一个 LinkDesk 插件。")}</p>
-      <p className="starter__hint">
-        <code>src/index.tsx</code> {t("是插件本体——改它，浏览器预览即时刷新。")}
-      </p>
-      <p className="starter__hint">
-        <code>npm run build</code> {t("打包出分发文件，可装进 LinkDesk 或发布到市场。")}
-      </p>
-      <p className="starter__hint">{t("目录该放哪、发布怎么做，都写在 README.md 里。")}</p>
-    </div>
-  );
-}
+/**
+ * {{displayName}}——LinkDesk 插件主视图（由 create-linkdesk-plugin 生成）。
+ *
+ * 视图插件契约（E5.8，见 docs/03-插件制造/01-API契约.md）：壳以 { isActive, tabId?, sourceId? }
+ * 渲染本文件 default 导出的组件：
+ *   - isActive  本标签当前是否聚焦。keep-alive 下非聚焦标签仍在渲染，isActive 只用于
+ *               gate「聚焦才跑」的副作用（如自动保存），切勿用它整块 blank 掉内容。
+ *   - tabId     本标签页 id。
+ *   - sourceId  上下文数据（文件路径 / 数据源等），编辑器类插件用它定位内容。
+ *
+ * 样式：LinkDesk 主题色一律走 CSS 变量 var(--xxx)（见 index.css 示例），禁硬编码 hex。
+ * 文案：用 t() 读——key 就是中文原文，英文译文放 i18n/en.json（见 05-UI写法规约.md）。
+ * 壳已 external react/react-dom/react-i18next/i18next——构建不会打进包，插件工程无需 npm i 它们。
+ */
+
+import { useTranslation } from "react-i18next";
+import "./index.css";
+
+export default function HelloPlugin(_props: { isActive?: boolean; tabId?: string; sourceId?: string }) {
+  const { t } = useTranslation();
+
+  return (
+    <div className="starter">
+      <h2 className="starter__title">{t("插件跑起来了 ✨")}</h2>
+      <p className="starter__text">{t("这是你的第一个 LinkDesk 插件。")}</p>
+      <p className="starter__hint">
+        <code>src/index.tsx</code> {t("是插件本体——改它，浏览器预览即时刷新。")}
+      </p>
+      <p className="starter__hint">
+        <code>npm run build</code> {t("打包出分发文件，可装进 LinkDesk 或发布到市场。")}
+      </p>
+      <p className="starter__hint">{t("目录该放哪、发布怎么做，都写在 README.md 里。")}</p>
+    </div>
+  );
+}

package/template/tsconfig.json

@@ -1,14 +1,14 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "types": ["@linkdesk/plugin-sdk"],
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "types": ["@linkdesk/plugin-sdk"],
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}