@lyra_wang/dsh-image-ocr 0.2.0 → 0.3.0

package/README.md

@@ -17,7 +17,7 @@
 1. 截图到剪贴板（⌃⌘⇧4 选区域，或 ⌃⌘⇧3 全屏）；
 2. 输入框左侧点「＋ 识图」打开面板；
 3. 在面板里按 **⌘V 粘贴截图**（也可以把图片文件拖进来）；
-4. 面板里显示识别出的文字，可编辑；点「插入输入框」进草稿，或「复制」带走；
+4. 面板里显示识别出的文字，**可编辑、可选中**；选中一段后点「插入输入框」/「复制」只处理选中的部分（不选则处理全部）；
 5. 底部还有「直接读剪贴板」按钮，跳过粘贴直接识别剪贴板里的图。
 
 第一次识别可能需要等 30–60 秒（在编译 OCR 引擎），之后再点就很快（实测 0.66s）。

package/client.js

@@ -35,10 +35,11 @@ window.__ModuleLoader__.load({
         color:var(--dsw-alias-label-secondary,#9a9aa2);text-align:center;outline:none}
       .${ROOT}-drop[data-over="true"]{border-color:#4c8dff;background:rgba(76,141,255,.08)}
       .${ROOT}-drop img{max-width:100%;max-height:120px;border-radius:6px}
-      .${ROOT}-textarea{all:unset;box-sizing:border-box;width:100%;min-height:120px;max-height:260px;overflow:auto;
+      .${ROOT}-textarea{all:unset;box-sizing:border-box;display:block;width:100%;min-height:120px;max-height:260px;overflow:auto;
         padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-1,#1f1f23);
         border:1px solid var(--dsw-alias-border-l1,#3a3a40);color:var(--dsw-alias-label-primary,#e6e6e9);
-        font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;user-select:text}
+        font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;user-select:text;
+        resize:vertical}
       .${ROOT}-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
       .${ROOT}-action{all:unset;cursor:pointer;padding:5px 10px;border-radius:7px;
         background:var(--dsw-alias-bg-layer-2,#3a3a41);color:var(--dsw-alias-label-primary,#e6e6e9);font-size:12px}
@@ -82,6 +83,7 @@ window.__ModuleLoader__.load({
       const btnRef = useRef(null);
       const panelRef = useRef(null);
       const dropRef = useRef(null);
+      const textRef = useRef(null);
 
       const openPanel = () => {
         const rect = btnRef.current ? btnRef.current.getBoundingClientRect() : null;
@@ -169,21 +171,31 @@ window.__ModuleLoader__.load({
         return () => document.removeEventListener('keydown', onKey, true);
       }, [open]);
 
+      const selectedText = () => {
+        const el = textRef.current;
+        if (!el) return '';
+        const start = el.selectionStart ?? 0;
+        const end = el.selectionEnd ?? 0;
+        return start !== end ? text.slice(start, end) : '';
+      };
+
       const insert = () => {
-        if (text.trim() === '') return;
+        const payload = selectedText() || text;
+        if (payload.trim() === '') return;
         if (inputActions && typeof inputActions.captureInsertion === 'function' && typeof inputActions.insertText === 'function') {
           const span = inputActions.captureInsertion();
-          inputActions.insertText(text, span);
+          inputActions.insertText(payload, span);
           close();
         } else if (navigator.clipboard) {
-          navigator.clipboard.writeText(text);
+          navigator.clipboard.writeText(payload);
           close();
         }
       };
 
       const copy = () => {
-        if (text === '') return;
-        if (navigator.clipboard) navigator.clipboard.writeText(text);
+        const payload = selectedText() || text;
+        if (payload === '') return;
+        if (navigator.clipboard) navigator.clipboard.writeText(payload);
       };
 
       const button = h('button', {
@@ -243,7 +255,17 @@ window.__ModuleLoader__.load({
           busy ? h('div', { key: 'busy', className: ROOT + '-hint' }, '识别中…（第一次可能需要 30–60 秒编译引擎）') : null,
           error !== '' ? h('div', { key: 'err', className: ROOT + '-error' }, error) : null,
           text !== '' || busy
-            ? h('div', { key: 'out', className: ROOT + '-textarea' }, text)
+            ? h('textarea', {
+              key: 'out',
+              ref: textRef,
+              className: ROOT + '-textarea',
+              value: text,
+              spellCheck: false,
+              onChange: (event) => setText(event.target.value),
+            })
+            : null,
+          text !== ''
+            ? h('div', { key: 'select-hint', className: ROOT + '-hint' }, '可在结果里选中一段，再点「插入输入框」或「复制」只处理选中的部分')
             : null,
           h('div', { key: 'row', className: ROOT + '-row' }, [
             h('button', {

package/index.js

@@ -135,7 +135,7 @@ export function apply(ctx) {
         const buffer = Buffer.from(base64, 'base64');
         if (buffer.length === 0) throw new Error('图片数据为空');
         if (buffer.length > 12 * 1024 * 1024) throw new Error('图片太大（上限 12MB）');
-        tempPath = join(os.tmpdir(), 'dsh-image-ocr-' + Date.now() + '-' + Math.random().toString(16).slice(2, 8) + '.png');
+        tempPath = join(tmpdir(), 'dsh-image-ocr-' + Date.now() + '-' + Math.random().toString(16).slice(2, 8) + '.png');
         writeFileSync(tempPath, buffer);
       }
       const text = await runOcr(binary, tempPath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lyra_wang/dsh-image-ocr",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Composer + button: OCR the clipboard image locally (macOS Vision) and insert the text into the DSH input box.",
   "license": "MIT",
   "type": "module",
@@ -16,7 +16,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/LyraWang6688/ai-capability-store.git",
-    "directory": "external-capabilities/plugin/image-ocr"
+    "directory": "external-capabilities/plugin/dsh/image-ocr"
   },
   "exports": {
     ".": "./index.js",