dsh-generative-ui 0.0.3 → 0.0.4

package/lib/index.js

@@ -5,7 +5,6 @@ import { join } from "node:path";
 import { createRequire } from "node:module";
 import { fileURLToPath } from "node:url";
 import z from "@deepseek-ai/schemastery";
-import { installSettingsSection, settingsNamespace } from "@deepseek-ai/dsh-settings";
 import { createUserMessage } from "@deepseek-ai/dsh-llm";
 
 // src/contract-assets.ts
@@ -1727,7 +1726,7 @@ var EXEC_HISTORY = `**A history is a set too.** 最近改了啥, 梳理一下 gi
 // src/index.ts
 var name = "dsh-generative-ui";
 var inject = ["systemPrompt"];
-var SETTINGS_NAMESPACE = settingsNamespace("dsh-generative-ui");
+var SETTINGS_NAMESPACE = name;
 var Config = z.object({
   allowExec: z.boolean().default(true).description("Let generated cards run shell commands through `$dsh/exec`, under this session's own sandbox mode. Cards use it to search (`rg`, `fd`), run `lint`/`check`, and read `git`. The sandbox still applies; what does not is the per-command approval prompt, so turn this off for a session where that matters.")
 });
@@ -1763,8 +1762,8 @@ async function serveCanvas(liveWorkspaces, req, res) {
   if (!liveWorkspaces().has(cwd))
     return void res.writeHead(403).end();
   if (id === null) {
-    const ids = await readdir(join(cwd, CANVAS_DIR)).then((names) => names.flatMap((name2) => {
-      const found = canvasIdOf(`${CANVAS_DIR}/${name2}`);
+    const ids = await readdir(join(cwd, CANVAS_DIR)).then((names) => names.flatMap((name) => {
+      const found = canvasIdOf(`${CANVAS_DIR}/${name}`);
       return found === null ? [] : [found];
     }), () => []);
     res.writeHead(200, { "content-type": "application/json; charset=utf-8", "cache-control": "no-store" });
@@ -1813,7 +1812,7 @@ async function serveFs(ctx, liveWorkspaces, req, res) {
     if (req.method === "GET") {
       if (url.searchParams.get("list") !== null) {
         const entries = await ctx.fs.listDir(target);
-        return json(200, { entries: entries.map(({ name: name2, type, size }) => ({ name: name2, type, size })) });
+        return json(200, { entries: entries.map(({ name, type, size }) => ({ name, type, size })) });
       }
       if (url.searchParams.get("bytes") !== null) {
         const bytes = await ctx.fs.readBytes(target, undefined, MAX_BINARY);
@@ -1986,11 +1985,13 @@ function apply(ctx, config = Config({})) {
     configured = { allowExec, fiber: ctx.plugin({ name: "dsh-generative-ui:configured", apply: (scoped) => applyWith(scoped, allowExec) }) };
   };
   rebuild();
-  installSettingsSection(ctx, SETTINGS_NAMESPACE, Config, config, {
-    setSource: (source) => {
-      current = source;
-    },
-    onChange: rebuild
+  ctx.inject(["settings"], (sctx) => {
+    sctx.settings.installSection(ctx, SETTINGS_NAMESPACE, Config, config, {
+      setSource: (source) => {
+        current = source;
+      },
+      onChange: rebuild
+    });
   });
   ctx.effect(() => () => void configured?.fiber.dispose(), "dsh-generative-ui: settings scope");
 }

package/lib/types/client/runtime/inline-fence.d.ts

@@ -20,6 +20,10 @@ export type InlineFenceOptions = {
         streaming: boolean;
         last: () => boolean;
     }) => ReactElement;
+    /** 在预览渲染时读取当前语言，而不是捕获挂载时的翻译。 */
+    t: (key: "copy" | "copied") => string;
+    /** 语言或字典变化只刷新源码预览，不重新挂载卡片。 */
+    subscribeLocale: (refresh: () => void) => () => void;
     scope?: HTMLElement;
 };
 /**
@@ -47,4 +51,4 @@ export type InlineFenceOptions = {
  * store. The segment list is the transcript's own order and survives all three.
  */
 export declare const isLastSegment: (segments: readonly Ui4aSegment[], code: string) => boolean;
-export declare function claimInlineFences({ segments, render, scope }: InlineFenceOptions): () => void;
+export declare function claimInlineFences({ segments, render, t, subscribeLocale, scope }: InlineFenceOptions): () => void;

package/lib/types/index.d.ts

@@ -32,7 +32,7 @@ declare module "@deepseek-ai/dsh-system-prompt" {
 export declare const name = "dsh-generative-ui";
 export declare const inject: string[];
 /** The settings section this plugin owns; the key under `dsh-generative-ui:` in settings.yaml. */
-export declare const SETTINGS_NAMESPACE: import("@deepseek-ai/dsh-settings").SettingsNamespace;
+export declare const SETTINGS_NAMESPACE = "dsh-generative-ui";
 /**
  * Plugin settings. A schemastery schema, not a TypeScript type: the host validates the
  * `settings.yaml` section against it and builds the settings UI from it, so a plain interface

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-generative-ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Generative UI for DeepSeek Harness — the agent writes TSX, dsh web renders it live, inline in chat and in a canvas panel",
   "type": "module",
   "license": "MIT",
@@ -56,7 +56,7 @@
     "build": "bun scripts/gen-standalone.ts && bun scripts/build.ts && tsc -p tsconfig.types.json",
     "prepare": "bun scripts/gen-standalone.ts && bun scripts/build.ts && tsc -p tsconfig.types.json",
     "typecheck": "tsc --noEmit",
-    "test": "bun test",
+    "test": "node scripts/primitives-deps.mjs && bun test",
     "loads": "sh scripts/loads.sh",
     "smoke": "bun scripts/smoke.ts",
     "check": "bun run lint && bun run typecheck && bun run test && bun run test:shuffled && bun run audit && bun run replay && bun run cards && bun run paint && bun run build && bun run smoke && bun run loads",
@@ -81,45 +81,62 @@
     "partial-tsx": "~0.0.3"
   },
   "peerDependencies": {
-    "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-client-locale": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-runtime": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-host-webserver": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-llm": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-settings": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-skill": "^0.1.0-rc.7",
-    "@deepseek-ai/schemastery": "^3.18.1",
+    "@deepseek-ai/cordis": "^4.0.2",
+    "@deepseek-ai/dsh-client-locale": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-runtime": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-llm": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-settings": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-skill": "^0.1.5-rc.1",
+    "@deepseek-ai/schemastery": "^3.18.2",
     "react": "^18.2.0"
   },
   "devDependencies": {
     "@babel/parser": "^8.0.4",
-    "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-client-locale": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-runtime": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-ui-conversation": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-ui-layout": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-ui-slots": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-host-webserver": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-llm": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-settings": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-skill": "0.1.0-rc.8",
-    "@deepseek-ai/dsh-system-prompt": "0.1.0-rc.8",
-    "@deepseek-ai/schemastery": "^3.18.1",
+    "@deepseek-ai/cordis": "^4.0.2",
+    "@deepseek-ai/dsh-client-locale": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-runtime": "0.1.1-rc.2",
+    "@deepseek-ai/dsh-client-ui-conversation": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-layout": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-slots": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-host-webserver": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-llm": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-settings": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-skill": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-system-prompt": "0.1.5-rc.1",
+    "@deepseek-ai/schemastery": "^3.18.2",
+    "@shikijs/langs": "^4.4.3",
     "@types/node": "^26.3.0",
     "@types/react": "~18.3.31",
     "@types/react-dom": "~18.3.7",
     "@types/scheduler": "^0.26.0",
+    "anser": "^2.3.5",
+    "clsx": "^2.1.1",
+    "katex": "^0.16.47",
+    "mdast-util-from-markdown": "^2.0.3",
+    "mdast-util-gfm": "^3.1.0",
+    "mdast-util-math": "^3.0.0",
+    "micromark-core-commonmark": "^2.0.3",
+    "micromark-extension-gfm": "^3.0.0",
+    "micromark-extension-math": "^3.1.0",
+    "micromark-factory-space": "^2.0.1",
+    "micromark-util-character": "^2.1.1",
+    "micromark-util-classify-character": "^2.0.1",
+    "micromark-util-sanitize-uri": "^2.0.1",
+    "micromark-util-symbol": "^2.0.1",
     "micromatch": "^4.0.8",
     "minimatch": "^10.2.6",
     "motion": "^13.1.1",
-    "oxfmt": "^0.66.0",
+    "oxfmt": "^0.67.0",
     "oxlint": "^1.80.0",
     "picomatch": "^4.0.7",
     "pkg-pr-new": "^0.0.88",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "shiki": "^4.4.3",
     "typescript": "^7.0.2"
   },
   "peerDependenciesMeta": {

package/src/client/index.ts

@@ -7,6 +7,7 @@ import { createElement } from "react";
 import type { ClientContext } from "@deepseek-ai/dsh-client-runtime/client";
 import type {} from "@deepseek-ai/dsh-client-ui-layout/client";
 import type {} from "@deepseek-ai/dsh-client-ui-conversation/client";
+import type {} from "@deepseek-ai/dsh-client-locale/client";
 import { GenUISurface } from "./runtime/GenUISurface.tsx";
 import { cancelPendingReport, cardRendered, reportCardError } from "./runtime/report-error.ts";
 import { disposeCompiler } from "./runtime/compiler.ts";
@@ -22,7 +23,7 @@ import { toolCallsOf, type CallBlock, type ToolCallView } from "./canvas/collect
 import { canvasIdOf } from "../contract.ts";
 import { CARD_ERROR_PATH } from "../contract-assets.ts";
 
-export const inject = ["sessions"];
+export const inject = ["sessions", "locale"];
 
 /** Re-exported so `bun run smoke` can build the synthesized blob modules and parse them. */
 export { localImports };
@@ -191,6 +192,8 @@ export function apply(ctx: ClientContext): void {
     () =>
       claimInlineFences({
         segments,
+        t: ctx.locale.bind("common"),
+        subscribeLocale: (refresh) => ctx.locale.subscribe(refresh),
         // The SAME gate on both callbacks. A card that may not report a failure may not retract
         // one either — see `cardRendered`.
         render: ({ code, streaming, last }) => createElement(GenUISurface, { code, streaming, onError: (error, phase) => reportCardError(sendToModel, error.message, phase, last), onRendered: (restored) => cardRendered(restored, last) }),

package/src/client/runtime/inline-fence.ts

@@ -116,6 +116,10 @@ export type InlineFenceOptions = {
   segments: () => readonly Ui4aSegment[];
   /** `last` answers whether this card is still the transcript's newest — asked at report time, not render time. */
   render: (props: { code: string; streaming: boolean; last: () => boolean }) => ReactElement;
+  /** 在预览渲染时读取当前语言，而不是捕获挂载时的翻译。 */
+  t: (key: "copy" | "copied") => string;
+  /** 语言或字典变化只刷新源码预览，不重新挂载卡片。 */
+  subscribeLocale: (refresh: () => void) => () => void;
   scope?: HTMLElement;
 };
 
@@ -158,7 +162,7 @@ export const isLastSegment = (segments: readonly Ui4aSegment[], code: string): b
  */
 const NEAR_VIEWPORT = "100% 0px";
 
-export function claimInlineFences({ segments, render, scope }: InlineFenceOptions): () => void {
+export function claimInlineFences({ segments, render, t, subscribeLocale, scope }: InlineFenceOptions): () => void {
   const claims = new Map<HTMLElement, Claim>();
   const root = scope ?? document.body;
 
@@ -381,14 +385,18 @@ export function claimInlineFences({ segments, render, scope }: InlineFenceOption
       // The preview follows the SEGMENT, not the block: mid-stream the snapshot runs ahead of
       // what markdown has painted, so this is the newer text and the one the reader wants while
       // waiting. Dropped the moment the card paints.
-      claim.preview?.root.render(createElement(CodeBlock, { code, lang: "tsx" }));
+      claim.preview?.root.render(createElement(CodeBlock, { code, lang: "tsx", copyLabel: t("copy"), copiedLabel: t("copied") }));
     }
   };
 
   const stop = observeTranscript(sweep);
+  const stopLocale = subscribeLocale(() => {
+    for (const claim of claims.values()) claim.preview?.root.render(createElement(CodeBlock, { code: claim.code, lang: "tsx", copyLabel: t("copy"), copiedLabel: t("copied") }));
+  });
 
   return () => {
     stop();
+    stopLocale();
     // `disconnect` rather than unobserving each: the observer is going away with us, and a
     // parked block that is never claimed would otherwise keep it alive through its target list.
     nearby?.disconnect();

package/src/index.ts

@@ -17,7 +17,7 @@ import { createRequire } from "node:module";
 import { fileURLToPath } from "node:url";
 import type { Context } from "@deepseek-ai/cordis";
 import z from "@deepseek-ai/schemastery";
-import { installSettingsSection, settingsNamespace } from "@deepseek-ai/dsh-settings";
+import type {} from "@deepseek-ai/dsh-settings";
 import type {} from "@deepseek-ai/dsh-host-webserver";
 import type {} from "@deepseek-ai/dsh-system-prompt";
 import type {} from "@deepseek-ai/dsh-skill";
@@ -50,7 +50,7 @@ export const name = "dsh-generative-ui";
 export const inject = ["systemPrompt"];
 
 /** The settings section this plugin owns; the key under `dsh-generative-ui:` in settings.yaml. */
-export const SETTINGS_NAMESPACE = settingsNamespace("dsh-generative-ui");
+export const SETTINGS_NAMESPACE = name;
 
 /**
  * Plugin settings. A schemastery schema, not a TypeScript type: the host validates the
@@ -541,16 +541,15 @@ export function apply(ctx: Context, config: Config = Config({})): void {
     void configured?.fiber.dispose();
     configured = { allowExec, fiber: ctx.plugin({ name: "dsh-generative-ui:configured", apply: (scoped: Context) => applyWith(scoped, allowExec) }) };
   };
-  // Called here as well as from `onChange`, and that is not belt-and-braces: the whole of
-  // `installSettingsSection` sits inside `ctx.inject(["settings"])`, so on a host with no settings
-  // service — `dsh --profile headless` is one — `onChange` never fires at all and nothing would
-  // ever mount. The `mounted` check above is what keeps this from double-mounting where it does.
+  // 无 settings 服务时下面的 inject 不执行，必须先用 entry 配置挂载；rebuild 内的值比较避免重复挂载。
   rebuild();
-  installSettingsSection(ctx, SETTINGS_NAMESPACE, Config, config, {
-    setSource: (source) => {
-      current = source;
-    },
-    onChange: rebuild,
+  ctx.inject(["settings"], (sctx) => {
+    sctx.settings.installSection(ctx, SETTINGS_NAMESPACE, Config, config, {
+      setSource: (source) => {
+        current = source;
+      },
+      onChange: rebuild,
+    });
   });
   ctx.effect(() => () => void configured?.fiber.dispose(), "dsh-generative-ui: settings scope");
 }