@rooode/dsh-plugin-preview 0.1.0

package/lib/index.d.ts

@@ -0,0 +1,18 @@
+import type { Context } from '@deepseek-ai/cordis';
+import { Service } from '@deepseek-ai/cordis';
+
+export declare const name: string;
+export declare const inject: string[];
+export declare class PreviewService extends Service {
+  static inject: string[];
+  constructor(ctx: Context, config?: any);
+}
+export declare const Config: any;
+export declare function apply(ctx: Context, config?: any): void;
+declare const _default: {
+  name: string;
+  Config: any;
+  inject: string[];
+  apply: typeof apply;
+};
+export default _default;

package/lib/index.js

@@ -0,0 +1,212 @@
+import Schema from '@deepseek-ai/schemastery';
+import { Service } from '@deepseek-ai/cordis';
+import fs from 'fs';
+import path from 'path';
+import { exec, execFile } from 'child_process';
+
+export const name = 'ui-preview';
+export const inject = ['webServer'];
+
+export class PreviewService extends Service {
+  static inject = ['webServer'];
+  constructor(ctx, config = {}) {
+    super(ctx, 'preview');
+    this.config = {
+      autoPreviewExtensions: ['.md', '.markdown', '.txt', '.json', '.yaml', '.yml', '.js', '.ts', '.html', '.css'],
+      maxFileSizeMb: 10,
+      defaultViewMode: 'preview',
+      defaultPanelWidth: 560,
+      ...config,
+    };
+
+    try {
+      const webServer = this.ctx.get ? this.ctx.get('webServer') : this.ctx.webServer;
+      if (webServer && typeof webServer.register === 'function') {
+        this.ctx.effect(() => {
+          return webServer.register({
+            kind: 'prefix',
+            path: '/api/preview',
+            handler: this.handleHttpRequest.bind(this),
+          });
+        });
+        console.log('[PreviewService] Registered /api/preview route on webServer');
+      } else {
+        console.warn('[PreviewService] webServer not available yet in ctx');
+      }
+    } catch (err) {
+      console.warn('[PreviewService] Could not register route on webServer:', err);
+    }
+  }
+
+  setCorsHeaders(res) {
+    res.setHeader('Access-Control-Allow-Origin', '*');
+    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
+    res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
+  }
+
+  async parseRequestBody(req) {
+    return new Promise((resolve, reject) => {
+      let body = '';
+      req.on('data', chunk => { body += chunk; });
+      req.on('end', () => {
+        if (!body) return resolve({});
+        try { resolve(JSON.parse(body)); } catch (e) { resolve({ raw: body }); }
+      });
+      req.on('error', reject);
+    });
+  }
+
+  countWords(text) {
+    const cjk = (text.match(/[\u4e00-\u9fa5\u3040-\u30ff\uac00-\ud7af]/g) || []).length;
+    const words = (text.replace(/[\u4e00-\u9fa5\u3040-\u30ff\uac00-\ud7af]/g, ' ').match(/[a-zA-Z0-9_\-]+/g) || []).length;
+    return cjk + words;
+  }
+
+  readFileInfo(targetPath) {
+    try {
+      const normalizedPath = path.resolve(targetPath);
+      if (!fs.existsSync(normalizedPath)) {
+        return { ok: false, error: { code: 'FILE_NOT_FOUND', message: '文件不存在: ' + normalizedPath } };
+      }
+      const stat = fs.statSync(normalizedPath);
+      if (stat.isDirectory()) {
+        return { ok: false, error: { code: 'IS_DIRECTORY', message: '目标路径是目录' } };
+      }
+      const buffer = fs.readFileSync(normalizedPath);
+      const isBinary = buffer.slice(0, 1024).includes(0);
+      const content = isBinary ? '' : buffer.toString('utf-8');
+      const ext = path.extname(normalizedPath).toLowerCase();
+      const name = path.basename(normalizedPath);
+      return {
+        ok: true,
+        file: {
+          path: normalizedPath,
+          displayPath: name,
+          name,
+          content,
+          size: stat.size,
+          mtime: stat.mtimeMs,
+          extension: ext,
+          lineCount: isBinary ? 0 : content.split('\n').length,
+          wordCount: isBinary ? 0 : this.countWords(content),
+          charCount: content.length,
+          isBinary,
+        }
+      };
+    } catch (err) {
+      return { ok: false, error: { code: 'READ_ERROR', message: err.message || '读取失败' } };
+    }
+  }
+
+  revealInFileManager(targetPath) {
+    return new Promise(resolve => {
+      const normalizedPath = path.resolve(targetPath);
+      if (process.platform === 'win32') {
+        const winPath = normalizedPath.replace(/\//g, '\\');
+        if (fs.existsSync(winPath)) {
+          execFile('explorer.exe', ['/select,', winPath], () => resolve(true));
+        } else {
+          execFile('explorer.exe', [path.dirname(winPath)], () => resolve(true));
+        }
+      } else if (process.platform === 'darwin') {
+        execFile('open', ['-R', normalizedPath], () => resolve(true));
+      } else {
+        execFile('xdg-open', [path.dirname(normalizedPath)], () => resolve(true));
+      }
+    });
+  }
+
+  openInNativeApp(targetPath) {
+    return new Promise(resolve => {
+      const normalizedPath = path.resolve(targetPath);
+      if (process.platform === 'win32') {
+        const winPath = normalizedPath.replace(/\//g, '\\');
+        exec('powershell.exe -NoProfile -Command "Invoke-Item -LiteralPath \'' + winPath.replace(/'/g, "''") + '\'"', () => resolve(true));
+      } else if (process.platform === 'darwin') {
+        execFile('open', [normalizedPath], () => resolve(true));
+      } else {
+        execFile('xdg-open', [normalizedPath], () => resolve(true));
+      }
+    });
+  }
+
+  async handleHttpRequest(req, res) {
+    this.setCorsHeaders(res);
+    if (req.method === 'OPTIONS') {
+      res.statusCode = 204;
+      res.end();
+      return;
+    }
+    const url = new URL(req.url || '/', 'http://' + (req.headers.host || 'localhost'));
+    const pathname = url.pathname;
+    res.setHeader('Content-Type', 'application/json; charset=utf-8');
+
+    try {
+      if (pathname === '/api/preview/status') {
+        res.statusCode = 200;
+        res.end(JSON.stringify({ ok: true, version: '0.1.0', service: 'preview' }));
+        return;
+      }
+      if (pathname === '/api/preview/read' && req.method === 'GET') {
+        const filePath = url.searchParams.get('path');
+        if (!filePath) {
+          res.statusCode = 400;
+          res.end(JSON.stringify({ ok: false, error: { code: 'MISSING_PARAM', message: '缺少 path 参数' } }));
+          return;
+        }
+        const result = this.readFileInfo(filePath);
+        res.statusCode = result.ok ? 200 : 404;
+        res.end(JSON.stringify(result));
+        return;
+      }
+      if (pathname === '/api/preview/reveal' && req.method === 'POST') {
+        const body = await this.parseRequestBody(req);
+        if (!body.path) {
+          res.statusCode = 400;
+          res.end(JSON.stringify({ ok: false, error: { code: 'MISSING_PARAM', message: '缺少 path 参数' } }));
+          return;
+        }
+        await this.revealInFileManager(body.path);
+        res.statusCode = 200;
+        res.end(JSON.stringify({ ok: true }));
+        return;
+      }
+      if (pathname === '/api/preview/open-native' && req.method === 'POST') {
+        const body = await this.parseRequestBody(req);
+        if (!body.path) {
+          res.statusCode = 400;
+          res.end(JSON.stringify({ ok: false, error: { code: 'MISSING_PARAM', message: '缺少 path 参数' } }));
+          return;
+        }
+        await this.openInNativeApp(body.path);
+        res.statusCode = 200;
+        res.end(JSON.stringify({ ok: true }));
+        return;
+      }
+      res.statusCode = 404;
+      res.end(JSON.stringify({ ok: false, error: { code: 'NOT_FOUND', message: '未找到路由: ' + pathname } }));
+    } catch (e) {
+      res.statusCode = 500;
+      res.end(JSON.stringify({ ok: false, error: { code: 'INTERNAL_ERROR', message: e.message } }));
+    }
+  }
+}
+
+export const Config = Schema.object({
+  autoPreviewExtensions: Schema.array(Schema.string()).default(['.md', '.markdown', '.txt', '.json', '.yaml', '.yml']),
+  maxFileSizeMb: Schema.number().default(10),
+  defaultViewMode: Schema.union(['preview', 'source', 'split']).default('preview'),
+  defaultPanelWidth: Schema.number().default(560),
+});
+
+export function apply(ctx, config = {}) {
+  new PreviewService(ctx, config);
+}
+apply.inject = inject;
+
+export default {
+  name,
+  Config,
+  inject,
+  apply,
+};

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@rooode/dsh-plugin-preview",
+  "version": "0.1.0",
+  "description": "DeepSeek Harness Markdown 文档右侧预览插件 (参考 WorkBuddy FileTabs 实现，支持多标签、GFM 渲染、TOC 大纲、源码分栏)",
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib",
+    "cordis.patch.yml",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node scripts/build.js",
+    "dev": "node scripts/build.js --watch",
+    "typecheck": "tsc --noEmit",
+    "package": "node scripts/build.js && npm pack",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "deepseek-harness",
+    "dsh",
+    "cordis-plugin",
+    "preview",
+    "markdown-preview",
+    "filetabs",
+    "workbuddy",
+    "viewer"
+  ],
+  "author": "rooode",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.0"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "platform": "web"
+    }
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./client": {
+      "default": "./lib/client.js"
+    },
+    "./package.json": "./package.json"
+  }
+}