@dsh-workbench/shared 0.1.13 → 0.1.15

package/dist/components/CardHead.js

@@ -3,11 +3,12 @@ import { h } from '../lib/react.js';
 import './CardHead.css';
 export function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen, onToggleGear, platformHref, platform, platformTitle, }) {
     const refreshLabel = refreshing ? t('rightbar.refreshing') : t('rightbar.refresh');
+    const platformLabel = platformTitle ?? platform ?? t('rightbar.openPlatform');
     return (h("header", { className: "wb-cardHead" },
         h("h2", { className: "wb-cardTitle" }, title),
         meta === undefined ? null : h("span", { className: "wb-cardMeta" }, meta),
-        platformHref === undefined || platform === undefined ? null : (h(Tooltip, { side: "bottom", align: "end", gap: 6, portal: true, label: platformTitle ?? platform },
-            h("a", { className: "wb-iconButton wb-cardOpen", href: platformHref, target: "_blank", rel: "noreferrer noopener", "aria-label": platform },
+        platformHref === undefined ? null : (h(Tooltip, { side: "bottom", align: "end", gap: 6, portal: true, label: platformLabel },
+            h("a", { className: "wb-iconButton wb-cardOpen", href: platformHref, target: "_blank", rel: "noreferrer noopener", "aria-label": platform ?? platformLabel },
                 h(IconRightUpOutlineRegular, { size: 14 })))),
         h(Tooltip, { side: "bottom", align: "end", gap: 6, portal: true, label: refreshLabel },
             h(Button, { type: "button", size: "sm", variant: "ghost", className: `wb-cardRefresh${refreshing ? ' wb-spinning' : ''}`, "aria-label": refreshLabel, disabled: refreshing, icon: h(IconRefreshOutlineRegular, { size: 14 }), onClick: onRefresh })),

package/dist/components/Field.css

@@ -0,0 +1,16 @@
+.wb-field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--wb-len-6);
+  font-size: var(--dsw-font-xs-13-font-size);
+}
+
+.wb-fieldLabel {
+  color: var(--dsw-alias-label-secondary);
+}
+
+.wb-fieldHint {
+  font-size: var(--dsw-font-xxs-12-font-size);
+  line-height: var(--wb-line-18);
+  color: var(--dsw-alias-label-tertiary);
+}

package/dist/components/Field.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from '../lib/react.js';
+import './Field.css';
+export interface FieldProps {
+    readonly label: ReactNode;
+    readonly hint?: ReactNode | undefined;
+    readonly children?: ReactNode | undefined;
+}
+export declare function Field({ label, hint, children }: FieldProps): JSX.Element;

package/dist/components/Field.js

@@ -0,0 +1,8 @@
+import { h } from '../lib/react.js';
+import './Field.css';
+export function Field({ label, hint, children }) {
+    return (h("label", { className: "wb-field" },
+        h("span", { className: "wb-fieldLabel" }, label),
+        children,
+        hint === undefined ? null : h("span", { className: "wb-fieldHint" }, hint)));
+}

package/dist/components/Link.css

@@ -0,0 +1,22 @@
+:where(.wb-link) {
+  margin-left: var(--wb-len-2);
+  display: inline-flex;
+  align-items: center;
+  gap: var(--wb-len-2);
+  font: inherit;
+  font-size: var(--dsw-font-xxs-12-font-size);
+  line-height: var(--wb-line-18);
+  color: var(--dsw-alias-label-primary);
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: baseline;
+}
+
+:where(.wb-link:hover) {
+  text-decoration: underline;
+}
+
+:where(.wb-link:focus-visible) {
+  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: -2px;
+}

package/dist/components/Link.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from '../lib/react.js';
+import './Link.css';
+export interface LinkProps {
+    readonly href: string;
+    readonly children?: ReactNode | undefined;
+    readonly title?: string | undefined;
+    readonly external?: boolean | undefined;
+    readonly className?: string | undefined;
+}
+export declare function Link({ href, children, title, external, className }: LinkProps): JSX.Element;

package/dist/components/Link.js

@@ -0,0 +1,8 @@
+import { h } from '../lib/react.js';
+import { IconRightUpOutlineRegular } from '@deepseek-ai/dsh-client-ui-primitives';
+import './Link.css';
+export function Link({ href, children, title, external = true, className }) {
+    return (h("a", { className: className === undefined ? 'wb-link' : `wb-link ${className}`, href: href, ...(title === undefined ? {} : { title }), ...(external ? { target: '_blank', rel: 'noopener noreferrer' } : {}) },
+        children,
+        external ? h(IconRightUpOutlineRegular, { size: 12 }) : null));
+}

package/dist/components/LongTaskRow.css

@@ -16,21 +16,6 @@
 
 .wb-longTaskLink {
   flex: none;
-  display: inline-flex;
-  align-items: center;
-  gap: var(--wb-len-2);
-  color: var(--dsw-alias-label-secondary);
-  text-decoration: none;
-  white-space: nowrap;
-}
-.wb-longTaskLink:hover,
-.wb-longTaskLink:focus-visible {
-  color: var(--dsw-alias-label-primary);
-  text-decoration: none;
-}
-.wb-longTaskLink:focus-visible {
-  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
-  outline-offset: -2px;
 }
 
 .wb-longTaskHeadline {

package/dist/components/LongTaskRow.js

@@ -1,11 +1,10 @@
 import { longTaskDot } from '../api/long-task.js';
+import { Link } from './Link.js';
 import { Fragment, h, useState } from '../lib/react.js';
-import { CodeBlock, DisclosureRow, IconCodeOutlineRegular, IconFlatListOutlineRegular, IconRightUpOutlineRegular, StateDot, } from '@deepseek-ai/dsh-client-ui-primitives';
+import { CodeBlock, DisclosureRow, IconCodeOutlineRegular, IconFlatListOutlineRegular, StateDot, } from '@deepseek-ai/dsh-client-ui-primitives';
 import './LongTaskRow.css';
 function RowLink({ href, text }) {
-    return (h("a", { className: "wb-longTaskLink", href: href, target: "_blank", rel: "noreferrer noopener" },
-        text,
-        h(IconRightUpOutlineRegular, { size: 12 })));
+    return (h(Link, { href: href, className: "wb-longTaskLink" }, text));
 }
 export function LongTaskRow(props) {
     const [stepsOpen, setStepsOpen] = useState(false);

package/dist/components/TextField.css

@@ -20,3 +20,8 @@
 .wb-textField[aria-invalid='true']:focus {
   box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);
 }
+
+:where(.wb-textField) {
+  min-height: var(--wb-len-32);
+  padding: var(--wb-len-6) var(--wb-len-12);
+}

package/dist/host/browser-find.d.ts

@@ -0,0 +1,38 @@
+import type { DshShell } from '../api/dsh.js';
+export interface BrowserFindEntry {
+    readonly text: string;
+    readonly tag: string;
+    readonly nth: number;
+}
+export interface BrowserFindResult {
+    readonly ok: boolean;
+    readonly code: string;
+    readonly at: number;
+    readonly entries: readonly BrowserFindEntry[];
+    readonly count: number;
+    readonly message: string;
+    readonly hint?: string;
+    readonly detail?: string;
+    readonly helpUrl?: string;
+}
+export interface BrowserFindOptions {
+    readonly shell: DshShell;
+    readonly css: string;
+    readonly url?: string;
+    readonly command?: string;
+    readonly session?: string;
+    readonly limit?: number;
+    readonly textMax?: number;
+    readonly open?: boolean;
+    readonly timeoutMs?: number;
+    readonly settleMs?: number;
+}
+export declare function cellRowsOf(entries: readonly {
+    readonly text?: string;
+}[], minCells?: number): string[][];
+export declare function cellRows(text: string): string[];
+export declare function entriesOf(value: unknown): BrowserFindEntry[];
+export declare function reasonOf(stdout: string, stderr: string): string;
+export declare function sameOrigin(left: string, right: string): boolean;
+export declare function urlOf(stdout: string): string;
+export declare function browserFind(options: BrowserFindOptions): Promise<BrowserFindResult>;

package/dist/host/browser-find.js

@@ -0,0 +1,242 @@
+import { parseJsonLoose } from '../lib/text.js';
+import { BROWSER_BRIDGE_SESSION } from './browser-read.js';
+import { backgroundLine } from './opencli-window.js';
+import { runShell } from './shell.js';
+const DEFAULT_TIMEOUT_MS = 25000;
+const DEFAULT_SETTLE_MS = 2500;
+const URL_TIMEOUT_MS = 8000;
+const DEFAULT_LIMIT = 50;
+const DEFAULT_TEXT_MAX = 200;
+export function cellRowsOf(entries, minCells = 2) {
+    const rows = [];
+    for (const entry of entries) {
+        const text = typeof entry?.text === 'string' ? entry.text : '';
+        const cells = text
+            .split('\n')
+            .map((one) => one.trim())
+            .filter((one) => one !== '');
+        if (cells.length >= minCells)
+            rows.push(cells);
+    }
+    return rows;
+}
+export function cellRows(text) {
+    return text
+        .split('\n')
+        .map((one) => one.trim())
+        .filter((one) => one !== '');
+}
+function asRecord(value) {
+    return typeof value === 'object' && value !== null ? value : undefined;
+}
+function textOf(value) {
+    return typeof value === 'string' ? value.trim() : '';
+}
+export function entriesOf(value) {
+    const record = asRecord(value);
+    const raw = record === undefined ? undefined : record['entries'];
+    if (!Array.isArray(raw))
+        return [];
+    const entries = [];
+    for (const one of raw) {
+        const item = asRecord(one);
+        if (item === undefined)
+            continue;
+        const nth = typeof item['nth'] === 'number' ? item['nth'] : entries.length;
+        entries.push({ text: textOf(item['text']), tag: textOf(item['tag']), nth });
+    }
+    return entries;
+}
+export function reasonOf(stdout, stderr) {
+    const parsed = asRecord(parseJsonLoose(stdout));
+    const error = parsed === undefined ? undefined : asRecord(parsed['error']);
+    const message = error === undefined ? '' : textOf(error['message']);
+    if (message !== '')
+        return message;
+    const source = stderr.trim() === '' ? stdout : stderr;
+    const lines = source
+        .split('\n')
+        .map((one) => one.trim())
+        .filter((one) => one !== '');
+    return (lines[lines.length - 1] ?? '').slice(-200);
+}
+function hintOf(stdout) {
+    const parsed = asRecord(parseJsonLoose(stdout));
+    const error = parsed === undefined ? undefined : asRecord(parsed['error']);
+    const hint = error === undefined ? '' : textOf(error['hint']);
+    return hint === '' ? undefined : hint;
+}
+export function sameOrigin(left, right) {
+    try {
+        return new URL(left).origin === new URL(right).origin;
+    }
+    catch {
+        return false;
+    }
+}
+export function urlOf(stdout) {
+    const lines = stdout
+        .split('\n')
+        .map((one) => one.trim())
+        .filter((one) => one !== '');
+    const first = (lines[0] ?? '').replace(/^url:\s*/i, '').trim();
+    const bare = first.replace(/^["']+|["']+$/g, '');
+    if (bare.startsWith('{')) {
+        const parsed = asRecord(parseJsonLoose(bare));
+        const url = parsed === undefined ? '' : textOf(parsed['url']);
+        if (url !== '')
+            return url;
+    }
+    return bare;
+}
+async function currentUrl(shell, command, session) {
+    const line = backgroundLine(command, ['browser', session, 'get', 'url', '--window', 'background']);
+    try {
+        const result = await runShell(shell, line, { timeoutMs: URL_TIMEOUT_MS });
+        if (result.exitCode !== 0)
+            return '';
+        return urlOf(result.stdout);
+    }
+    catch {
+        return '';
+    }
+}
+function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+async function findOnce(shell, command, session, css, limit, textMax, timeoutMs) {
+    const line = backgroundLine(command, [
+        'browser',
+        session,
+        'find',
+        '--css',
+        css,
+        '--limit',
+        String(limit),
+        '--text-max',
+        String(textMax),
+        '--window',
+        'background',
+    ]);
+    const result = await runShell(shell, line, { timeoutMs });
+    if (result.timedOut) {
+        return { kind: 'timeout', detail: `没在 ${Math.round(timeoutMs / 1000)} 秒内返回` };
+    }
+    if (result.exitCode !== 0) {
+        return {
+            kind: 'failed',
+            detail: reasonOf(result.stdout, result.stderr),
+            ...(hintOf(result.stdout) === undefined ? {} : { hint: hintOf(result.stdout) }),
+        };
+    }
+    const entries = entriesOf(parseJsonLoose(result.stdout));
+    return { kind: 'ok', entries, stdout: result.stdout };
+}
+async function openOnce(shell, command, session, url, timeoutMs) {
+    const line = backgroundLine(command, ['browser', session, 'open', url, '--window', 'background']);
+    let result;
+    try {
+        result = await runShell(shell, line, { timeoutMs });
+    }
+    catch (error) {
+        return error instanceof Error ? error.message : String(error);
+    }
+    if (result.timedOut)
+        return `没在 ${Math.round(timeoutMs / 1000)} 秒内打开`;
+    if (result.exitCode !== 0) {
+        const reason = reasonOf(result.stdout, result.stderr);
+        return reason === '' ? `opencli 打开失败（退出码 ${String(result.exitCode ?? '?')}）` : reason;
+    }
+    return undefined;
+}
+export async function browserFind(options) {
+    const { shell, css, url, open = true } = options;
+    const command = options.command ?? 'opencli';
+    const session = options.session ?? BROWSER_BRIDGE_SESSION;
+    const limit = options.limit ?? DEFAULT_LIMIT;
+    const textMax = options.textMax ?? DEFAULT_TEXT_MAX;
+    const timeoutMs = options.timeoutMs ?? DEFAULT_TIMEOUT_MS;
+    const settleMs = options.settleMs ?? DEFAULT_SETTLE_MS;
+    const at = Date.now();
+    const find = async () => {
+        try {
+            return await findOnce(shell, command, session, css, limit, textMax, timeoutMs);
+        }
+        catch (error) {
+            return {
+                kind: 'failed',
+                detail: error instanceof Error ? error.message : String(error),
+                hint: '确认这台机器上 opencli 能跑（工作台会自己把它挂好）',
+            };
+        }
+    };
+    const canMove = open && url !== undefined;
+    if (canMove) {
+        const here = await currentUrl(shell, command, session);
+        if (here !== '' && !sameOrigin(here, url)) {
+            const opened = await openOnce(shell, command, session, url, timeoutMs);
+            if (opened !== undefined) {
+                return {
+                    ok: false,
+                    code: 'cli-exec-failed',
+                    at,
+                    entries: [],
+                    count: 0,
+                    message: '打不开那个页面',
+                    hint: '在浏览器里手动打开一次，然后重试',
+                    detail: opened,
+                    helpUrl: url,
+                };
+            }
+            await sleep(settleMs);
+        }
+    }
+    let outcome = await find();
+    if (outcome === undefined) {
+        return { ok: false, code: 'cli-exec-failed', at, entries: [], count: 0, message: '没找到元素' };
+    }
+    if (outcome.kind === 'failed' && canMove) {
+        const opened = await openOnce(shell, command, session, url, timeoutMs);
+        if (opened === undefined) {
+            await sleep(settleMs);
+            const second = await find();
+            if (second !== undefined)
+                outcome = second;
+        }
+    }
+    if (outcome.kind === 'timeout') {
+        return {
+            ok: false,
+            code: 'cli-timeout',
+            at,
+            entries: [],
+            count: 0,
+            message: '这次没找到元素（等超时了）',
+            hint: '稍后重试',
+            detail: outcome.detail,
+            ...(url === undefined ? {} : { helpUrl: url }),
+        };
+    }
+    if (outcome.kind === 'failed') {
+        const detail = outcome.detail;
+        return {
+            ok: false,
+            code: 'cli-exec-failed',
+            at,
+            entries: [],
+            count: 0,
+            message: detail === '' ? '没找到元素（opencli 命令失败）' : `没找到元素：${detail}`,
+            ...(outcome.hint === undefined ? {} : { hint: outcome.hint }),
+            ...(detail === '' ? {} : { detail }),
+            ...(url === undefined ? {} : { helpUrl: url }),
+        };
+    }
+    return {
+        ok: true,
+        code: 'ok',
+        at,
+        entries: outcome.entries,
+        count: outcome.entries.length,
+        message: outcome.entries.length === 0 ? '页面上没有匹配的元素' : `找到 ${String(outcome.entries.length)} 个元素`,
+    };
+}

package/dist/host/browser-read.d.ts

@@ -0,0 +1,26 @@
+import type { DshShell } from '../api/dsh.js';
+export declare const BROWSER_BRIDGE_SESSION = "workbench";
+export interface BrowserReadResult {
+    readonly ok: boolean;
+    readonly code: string;
+    readonly at: number;
+    readonly value?: unknown;
+    readonly pageCode?: string;
+    readonly message: string;
+    readonly hint?: string;
+    readonly detail?: string;
+    readonly helpUrl?: string;
+}
+export interface BrowserReadOptions {
+    readonly shell: DshShell;
+    readonly script: string;
+    readonly url?: string;
+    readonly loginUrl?: string;
+    readonly command?: string;
+    readonly session?: string;
+    readonly open?: boolean;
+    readonly timeoutMs?: number;
+    readonly retryMs?: number;
+    readonly settleMs?: number;
+}
+export declare function browserRead(options: BrowserReadOptions): Promise<BrowserReadResult>;