@dsh-plugin/dsh-ui-components 0.0.1 → 0.1.0-dev.43616582648

package/package.json

@@ -1,104 +1,104 @@
-{
-  "name": "@dsh-plugin/dsh-ui-components",
-  "version": "0.0.1",
-  "description": "React component library that restyles Arco Design with dsh (DeepSeek Harness) design tokens, and exposes the full IconPark icon set by name.",
-  "type": "module",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./lib/index.d.ts",
-      "default": "./lib/index.js"
-    },
-    "./icons/*": {
-      "types": "./lib/icons/*.d.ts",
-      "default": "./lib/icons/*.js"
-    },
-    "./icons-index": {
-      "types": "./lib/icons-index.d.ts",
-      "default": "./lib/icons-index.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "lib",
-    "src",
-    "!src/icons",
-    "scripts",
-    "docs/tokens.md",
-    "README.md",
-    "README.zh_CN.md",
-    "LICENSE",
-    "NOTICE"
-  ],
-  "scripts": {
-    "gen:icons": "node scripts/gen-icons.mjs",
-    "gen:tokens": "node scripts/gen-host-tokens.mjs",
-    "build": "tsc -p tsconfig.build.json",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "test": "vitest run",
-    "preview": "vite --config docs/preview/vite.config.ts",
-    "preview:build": "vite build --config docs/preview/vite.config.ts",
-    "verify:tokens": "node scripts/verify-tokens.mjs",
-    "verify:icons": "node scripts/gen-icons.mjs --check",
-    "verify:colors": "node scripts/verify-no-literal-colors.mjs",
-    "verify:size": "node scripts/check-size.mjs",
-    "verify": "npm run verify:tokens && npm run verify:icons && npm run verify:colors && npm run verify:size",
-    "prepublishOnly": "npm run typecheck && npm run build && npm test && npm run verify"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "engines": {
-    "node": ">=24.9.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/dsh-plugins/dsh-ui-components.git"
-  },
-  "homepage": "https://github.com/dsh-plugins/dsh-ui-components",
-  "bugs": {
-    "url": "https://github.com/dsh-plugins/dsh-ui-components/issues"
-  },
-  "license": "MIT",
-  "keywords": [
-    "dsh",
-    "deepseek-harness",
-    "plugin",
-    "ui",
-    "components",
-    "arco-design",
-    "react"
-  ],
-  "dependencies": {
-    "@icon-park/react": "^1.4.2"
-  },
-  "peerDependencies": {
-    "@dsh-plugin/dsh-loader": "^2.0.0-0",
-    "react": ">=18",
-    "react-dom": ">=18"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": false
-    },
-    "react-dom": {
-      "optional": false
-    }
-  },
-  "devDependencies": {
-    "@arco-design/web-react": "^2.66.18",
-    "@dsh-plugin/dsh-loader": "^2.0.0-0",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.1.0",
-    "@types/node": "^26.6.6",
-    "@types/react": "^18.3.31",
-    "@types/react-dom": "^18.3.7",
-    "jsdom": "^25.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": "^7.0.2",
-    "vite": "^6.4.6",
-    "vitest": "^2.1.0"
-  }
-}
+{
+  "name": "@dsh-plugin/dsh-ui-components",
+  "version": "0.1.0-dev.43616582648",
+  "description": "React component library that restyles Arco Design with dsh (DeepSeek Harness) design tokens, and exposes the full IconPark icon set by name.",
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./icons/*": {
+      "types": "./lib/icons/*.d.ts",
+      "default": "./lib/icons/*.js"
+    },
+    "./icons-index": {
+      "types": "./lib/icons-index.d.ts",
+      "default": "./lib/icons-index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "src",
+    "!src/icons",
+    "scripts",
+    "docs/tokens.md",
+    "README.md",
+    "README.zh_CN.md",
+    "LICENSE",
+    "NOTICE"
+  ],
+  "scripts": {
+    "gen:icons": "node scripts/gen-icons.mjs",
+    "gen:tokens": "node scripts/gen-host-tokens.mjs",
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "preview": "vite --config docs/preview/vite.config.ts",
+    "preview:build": "vite build --config docs/preview/vite.config.ts",
+    "verify:tokens": "node scripts/verify-tokens.mjs",
+    "verify:icons": "node scripts/gen-icons.mjs --check",
+    "verify:colors": "node scripts/verify-no-literal-colors.mjs",
+    "verify:size": "node scripts/check-size.mjs",
+    "verify": "npm run verify:tokens && npm run verify:icons && npm run verify:colors && npm run verify:size",
+    "prepublishOnly": "npm run typecheck && npm run build && npm test && npm run verify"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=24.9.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dsh-plugins/dsh-ui-components.git"
+  },
+  "homepage": "https://github.com/dsh-plugins/dsh-ui-components",
+  "bugs": {
+    "url": "https://github.com/dsh-plugins/dsh-ui-components/issues"
+  },
+  "license": "MIT",
+  "keywords": [
+    "dsh",
+    "deepseek-harness",
+    "plugin",
+    "ui",
+    "components",
+    "arco-design",
+    "react"
+  ],
+  "dependencies": {
+    "@icon-park/react": "^1.4.2"
+  },
+  "peerDependencies": {
+    "@dsh-plugin/dsh-loader": "^2.0.0-0",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    }
+  },
+  "devDependencies": {
+    "@arco-design/web-react": "^2.66.18",
+    "@dsh-plugin/dsh-loader": "^2.0.0-0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/node": "^26.6.6",
+    "@types/react": "^18.3.31",
+    "@types/react-dom": "^18.3.7",
+    "jsdom": "^25.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^7.0.2",
+    "vite": "^6.4.6",
+    "vitest": "^2.1.0"
+  }
+}

package/scripts/check-size.mjs

@@ -1,69 +1,69 @@
-#!/usr/bin/env node
-/**
- * 核对发布产物的体积与文件数。
- *
- * 本包逐文件产出 ESM 与声明，体积主要由图标通道决定：`lib/icons/` 每个文件
- * 是一行转导出，整体应保持在几百 KB 量级。门禁在构建后用 `npm pack` 的
- * 实际结果核对，超出阈值说明产物结构发生了变化。
- *
- * 用法：node scripts/check-size.mjs [--json]
- */
-import { execFileSync } from 'node:child_process'
-import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-const root = join(dirname(fileURLToPath(import.meta.url)), '..')
-
-/** 各部分的体积上限，单位字节。 */
-const LIMITS = {
-  /** 整个压缩包上限，覆盖图标、组件与声明。 */
-  tarball: 2_200_000,
-  /** 打包后的解压体积上限。 */
-  unpacked: 7_000_000,
-}
-/** 压缩包内文件数上限。图标通道本身占约 5300 个（`.js` 与 `.d.ts` 各一份）。 */
-const MAX_FILES = 6_000
-
-let report
-try {
-  const output = execFileSync('npm', ['pack', '--dry-run', '--json'], {
-    cwd: root,
-    encoding: 'utf8',
-    shell: process.platform === 'win32',
-  })
-  // npm 在不同版本下可能返回数组、单个对象，或以包名为键的对象；BOM 也要先去掉。
-  const parsed = JSON.parse(output.replace(/^\uFEFF/, ''))
-  const candidate = Array.isArray(parsed) ? parsed[0] : parsed
-  report = candidate !== null && typeof candidate === 'object' && !('size' in candidate)
-    ? Object.values(candidate)[0]
-    : candidate
-} catch (error) {
-  console.error('npm pack --dry-run 失败，请先执行 npm run build')
-  console.error(error instanceof Error ? error.message : String(error))
-  process.exit(2)
-}
-
-if (report === undefined || report === null || typeof report !== 'object') {
-  console.error('无法从 npm pack --dry-run 的输出中定位本次打包结果')
-  process.exit(2)
-}
-
-const size = Number(report.size ?? 0)
-const unpacked = Number(report.unpackedSize ?? 0)
-const files = Number(report.entryCount ?? (Array.isArray(report.files) ? report.files.length : 0))
-
-const problems = []
-if (size > LIMITS.tarball) problems.push(`压缩包 ${size} 字节超过上限 ${LIMITS.tarball}`)
-if (unpacked > LIMITS.unpacked) problems.push(`解压体积 ${unpacked} 字节超过上限 ${LIMITS.unpacked}`)
-if (files > MAX_FILES) problems.push(`文件数 ${files} 超过上限 ${MAX_FILES}`)
-
-if (process.argv.includes('--json')) {
-  console.log(JSON.stringify({ size, unpacked, files }, null, 2))
-}
-
-if (problems.length > 0) {
-  console.error(problems.join('\n'))
-  process.exit(1)
-}
-
-console.log(`体积检查通过：压缩包 ${(size / 1024).toFixed(0)} KB，解压 ${(unpacked / 1024).toFixed(0)} KB，${files} 个文件`)
+#!/usr/bin/env node
+/**
+ * 核对发布产物的体积与文件数。
+ *
+ * 本包逐文件产出 ESM 与声明，体积主要由图标通道决定：`lib/icons/` 每个文件
+ * 是一行转导出，整体应保持在几百 KB 量级。门禁在构建后用 `npm pack` 的
+ * 实际结果核对，超出阈值说明产物结构发生了变化。
+ *
+ * 用法：node scripts/check-size.mjs [--json]
+ */
+import { execFileSync } from 'node:child_process'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const root = join(dirname(fileURLToPath(import.meta.url)), '..')
+
+/** 各部分的体积上限，单位字节。 */
+const LIMITS = {
+  /** 整个压缩包上限，覆盖图标、组件与声明。 */
+  tarball: 2_200_000,
+  /** 打包后的解压体积上限。 */
+  unpacked: 7_000_000,
+}
+/** 压缩包内文件数上限。图标通道本身占约 5300 个（`.js` 与 `.d.ts` 各一份）。 */
+const MAX_FILES = 6_000
+
+let report
+try {
+  const output = execFileSync('npm', ['pack', '--dry-run', '--json'], {
+    cwd: root,
+    encoding: 'utf8',
+    shell: process.platform === 'win32',
+  })
+  // npm 在不同版本下可能返回数组、单个对象，或以包名为键的对象；BOM 也要先去掉。
+  const parsed = JSON.parse(output.replace(/^\uFEFF/, ''))
+  const candidate = Array.isArray(parsed) ? parsed[0] : parsed
+  report = candidate !== null && typeof candidate === 'object' && !('size' in candidate)
+    ? Object.values(candidate)[0]
+    : candidate
+} catch (error) {
+  console.error('npm pack --dry-run 失败，请先执行 npm run build')
+  console.error(error instanceof Error ? error.message : String(error))
+  process.exit(2)
+}
+
+if (report === undefined || report === null || typeof report !== 'object') {
+  console.error('无法从 npm pack --dry-run 的输出中定位本次打包结果')
+  process.exit(2)
+}
+
+const size = Number(report.size ?? 0)
+const unpacked = Number(report.unpackedSize ?? 0)
+const files = Number(report.entryCount ?? (Array.isArray(report.files) ? report.files.length : 0))
+
+const problems = []
+if (size > LIMITS.tarball) problems.push(`压缩包 ${size} 字节超过上限 ${LIMITS.tarball}`)
+if (unpacked > LIMITS.unpacked) problems.push(`解压体积 ${unpacked} 字节超过上限 ${LIMITS.unpacked}`)
+if (files > MAX_FILES) problems.push(`文件数 ${files} 超过上限 ${MAX_FILES}`)
+
+if (process.argv.includes('--json')) {
+  console.log(JSON.stringify({ size, unpacked, files }, null, 2))
+}
+
+if (problems.length > 0) {
+  console.error(problems.join('\n'))
+  process.exit(1)
+}
+
+console.log(`体积检查通过：压缩包 ${(size / 1024).toFixed(0)} KB，解压 ${(unpacked / 1024).toFixed(0)} KB，${files} 个文件`)

package/scripts/dump-npm-latest.mjs

@@ -1,59 +1,59 @@
-#!/usr/bin/env node
-/**
- * 把 npm 上本包的 latest 版本信息回写到仓库根的 npm-latest.json。
- *
- * 由发布工作流在正式版发布后调用，内容幂等：同一 latest 版本重复运行没有
- * 差异，因此不会产生空提交。
- */
-import { readFileSync, writeFileSync } from 'node:fs'
-import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-const root = join(dirname(fileURLToPath(import.meta.url)), '..')
-const registry = process.env.NPM_REGISTRY ?? 'https://registry.npmjs.org'
-const manifest = JSON.parse(readFileSync(join(root, 'package.json'), 'utf8'))
-const name = manifest.name
-
-const tagsResponse = await fetch(`${registry}/-/package/${name}/dist-tags`, {
-  headers: { accept: 'application/json' },
-})
-if (!tagsResponse.ok) {
-  console.error(`读取 dist-tags 失败：HTTP ${tagsResponse.status}`)
-  process.exit(1)
-}
-const tags = await tagsResponse.json()
-const latest = tags.latest
-if (typeof latest !== 'string') {
-  console.error('dist-tags 中没有 latest')
-  process.exit(1)
-}
-
-const versionResponse = await fetch(`${registry}/${name}/${latest}`, {
-  headers: { accept: 'application/json' },
-})
-if (!versionResponse.ok) {
-  console.error(`读取 ${name}@${latest} 失败：HTTP ${versionResponse.status}`)
-  process.exit(1)
-}
-const version = await versionResponse.json()
-
-const record = {
-  name,
-  latest,
-  publishedAt: '',
-  dist: {
-    tarball: version.dist?.tarball ?? '',
-    integrity: version.dist?.integrity ?? '',
-    unpackedSize: version.dist?.unpackedSize ?? 0,
-  },
-}
-
-// 发布时间取注册表给出的该版本时间戳，读不到时退回当前时间。
-const document = await fetch(`${registry}/${name}`, { headers: { accept: 'application/json' } })
-  .then(response => (response.ok ? response.json() : undefined))
-  .catch(() => undefined)
-const publishedAt = document?.time?.[latest]
-record.publishedAt = typeof publishedAt === 'string' ? publishedAt : new Date().toISOString()
-
-writeFileSync(join(root, 'npm-latest.json'), `${JSON.stringify(record, null, 2)}\n`, 'utf8')
-console.log(`已写入 npm-latest.json：${name}@${latest}`)
+#!/usr/bin/env node
+/**
+ * 把 npm 上本包的 latest 版本信息回写到仓库根的 npm-latest.json。
+ *
+ * 由发布工作流在正式版发布后调用，内容幂等：同一 latest 版本重复运行没有
+ * 差异，因此不会产生空提交。
+ */
+import { readFileSync, writeFileSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const root = join(dirname(fileURLToPath(import.meta.url)), '..')
+const registry = process.env.NPM_REGISTRY ?? 'https://registry.npmjs.org'
+const manifest = JSON.parse(readFileSync(join(root, 'package.json'), 'utf8'))
+const name = manifest.name
+
+const tagsResponse = await fetch(`${registry}/-/package/${name}/dist-tags`, {
+  headers: { accept: 'application/json' },
+})
+if (!tagsResponse.ok) {
+  console.error(`读取 dist-tags 失败：HTTP ${tagsResponse.status}`)
+  process.exit(1)
+}
+const tags = await tagsResponse.json()
+const latest = tags.latest
+if (typeof latest !== 'string') {
+  console.error('dist-tags 中没有 latest')
+  process.exit(1)
+}
+
+const versionResponse = await fetch(`${registry}/${name}/${latest}`, {
+  headers: { accept: 'application/json' },
+})
+if (!versionResponse.ok) {
+  console.error(`读取 ${name}@${latest} 失败：HTTP ${versionResponse.status}`)
+  process.exit(1)
+}
+const version = await versionResponse.json()
+
+const record = {
+  name,
+  latest,
+  publishedAt: '',
+  dist: {
+    tarball: version.dist?.tarball ?? '',
+    integrity: version.dist?.integrity ?? '',
+    unpackedSize: version.dist?.unpackedSize ?? 0,
+  },
+}
+
+// 发布时间取注册表给出的该版本时间戳，读不到时退回当前时间。
+const document = await fetch(`${registry}/${name}`, { headers: { accept: 'application/json' } })
+  .then(response => (response.ok ? response.json() : undefined))
+  .catch(() => undefined)
+const publishedAt = document?.time?.[latest]
+record.publishedAt = typeof publishedAt === 'string' ? publishedAt : new Date().toISOString()
+
+writeFileSync(join(root, 'npm-latest.json'), `${JSON.stringify(record, null, 2)}\n`, 'utf8')
+console.log(`已写入 npm-latest.json：${name}@${latest}`)

package/scripts/gen-host-tokens.mjs

@@ -1,61 +1,61 @@
-#!/usr/bin/env node
-/**
- * 从 DSH 宿主样式表生成演示站使用的令牌副本。
- *
- * 演示站跑在普通浏览器里，没有宿主注入 `--dsw-*`。为了让组件在演示站里与
- * 在宿主里表现一致，本脚本把宿主的三张样式表（调色板、语义别名、阴影与
- * 字体）原样搬到 `docs/preview/host-tokens.css`，并补上宿主 `base.css` 里的
- * 字体族默认值。
- *
- * 用法：node scripts/gen-host-tokens.mjs
- * 宿主样式目录的定位规则与 `verify-tokens.mjs` 一致。
- */
-import { readFileSync, writeFileSync, existsSync, statSync } from 'node:fs'
-import { dirname, join, resolve } from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-const root = join(dirname(fileURLToPath(import.meta.url)), '..')
-
-/**
- * 按候选顺序定位宿主样式目录。
- *
- * @returns 样式目录绝对路径。
- */
-function locateThemeDir() {
-  const candidates = []
-  if (process.env.DSH_UI_THEME_DIR) candidates.push(process.env.DSH_UI_THEME_DIR)
-  candidates.push(resolve(root, '..', '.dsh', 'temp', 'session-tree-harness', 'packages', 'client', 'ui-theme', 'src', 'styles'))
-  for (const candidate of candidates) {
-    if (existsSync(candidate) && statSync(candidate).isDirectory()) return candidate
-  }
-  console.error('未找到 DSH 宿主样式目录。请设置 DSH_UI_THEME_DIR。')
-  process.exit(2)
-}
-
-const themeDir = locateThemeDir()
-
-/** 需要搬运的样式表，顺序即层叠顺序。 */
-const SOURCES = ['base.css', 'design-platform.css', 'gradient-shadow-text.css', 'focus.css', 'corner-shape.css']
-
-const header = `/*
- * 本文件由 scripts/gen-host-tokens.mjs 从 DSH 宿主样式表生成，请勿手改。
- *
- * 内容与宿主 ui-theme 的样式表一一对应：静态调色板、语义别名、字体与阴影
- * 令牌、焦点环与圆角平滑。演示站用它代替宿主注入，使组件外观与在宿主中
- * 一致。宿主升级后重新运行脚本即可更新。
- */
-
-`
-
-const body = SOURCES.map(file => {
-  const path = join(themeDir, file)
-  if (!existsSync(path)) {
-    console.error(`宿主样式表缺少 ${file}`)
-    process.exit(2)
-  }
-  return `/* ── ${file} ────────────────────────────────────────────────── */\n${readFileSync(path, 'utf8').trim()}\n`
-}).join('\n')
-
-const target = join(root, 'docs', 'preview', 'host-tokens.css')
-writeFileSync(target, header + body, 'utf8')
-console.log(`已生成 docs/preview/host-tokens.css（来源 ${themeDir}）`)
+#!/usr/bin/env node
+/**
+ * 从 DSH 宿主样式表生成演示站使用的令牌副本。
+ *
+ * 演示站跑在普通浏览器里，没有宿主注入 `--dsw-*`。为了让组件在演示站里与
+ * 在宿主里表现一致，本脚本把宿主的三张样式表（调色板、语义别名、阴影与
+ * 字体）原样搬到 `docs/preview/host-tokens.css`，并补上宿主 `base.css` 里的
+ * 字体族默认值。
+ *
+ * 用法：node scripts/gen-host-tokens.mjs
+ * 宿主样式目录的定位规则与 `verify-tokens.mjs` 一致。
+ */
+import { readFileSync, writeFileSync, existsSync, statSync } from 'node:fs'
+import { dirname, join, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const root = join(dirname(fileURLToPath(import.meta.url)), '..')
+
+/**
+ * 按候选顺序定位宿主样式目录。
+ *
+ * @returns 样式目录绝对路径。
+ */
+function locateThemeDir() {
+  const candidates = []
+  if (process.env.DSH_UI_THEME_DIR) candidates.push(process.env.DSH_UI_THEME_DIR)
+  candidates.push(resolve(root, '..', '.dsh', 'temp', 'session-tree-harness', 'packages', 'client', 'ui-theme', 'src', 'styles'))
+  for (const candidate of candidates) {
+    if (existsSync(candidate) && statSync(candidate).isDirectory()) return candidate
+  }
+  console.error('未找到 DSH 宿主样式目录。请设置 DSH_UI_THEME_DIR。')
+  process.exit(2)
+}
+
+const themeDir = locateThemeDir()
+
+/** 需要搬运的样式表，顺序即层叠顺序。 */
+const SOURCES = ['base.css', 'design-platform.css', 'gradient-shadow-text.css', 'focus.css', 'corner-shape.css']
+
+const header = `/*
+ * 本文件由 scripts/gen-host-tokens.mjs 从 DSH 宿主样式表生成，请勿手改。
+ *
+ * 内容与宿主 ui-theme 的样式表一一对应：静态调色板、语义别名、字体与阴影
+ * 令牌、焦点环与圆角平滑。演示站用它代替宿主注入，使组件外观与在宿主中
+ * 一致。宿主升级后重新运行脚本即可更新。
+ */
+
+`
+
+const body = SOURCES.map(file => {
+  const path = join(themeDir, file)
+  if (!existsSync(path)) {
+    console.error(`宿主样式表缺少 ${file}`)
+    process.exit(2)
+  }
+  return `/* ── ${file} ────────────────────────────────────────────────── */\n${readFileSync(path, 'utf8').trim()}\n`
+}).join('\n')
+
+const target = join(root, 'docs', 'preview', 'host-tokens.css')
+writeFileSync(target, header + body, 'utf8')
+console.log(`已生成 docs/preview/host-tokens.css（来源 ${themeDir}）`)