@wonderwhy-er/desktop-commander 0.2.39 → 0.2.40

package/dist/ui/file-preview/components/code-viewer.d.ts

@@ -1,6 +0,0 @@
-export declare function inferLanguageFromPath(filePath: string): string;
-export declare function formatJsonIfPossible(content: string, filePath: string): {
-    content: string;
-    notice?: string;
-};
-export declare function renderCodeViewer(code: string, language?: string, startLine?: number): string;

package/dist/ui/file-preview/components/code-viewer.js

@@ -1,73 +0,0 @@
-/**
- * Code/text viewer renderer responsible for escaping, optional formatting, and syntax-highlight output wrappers. It provides a safe default for non-rich preview content.
- */
-import { highlightSource } from './highlighting.js';
-const EXTENSION_LANGUAGE_MAP = {
-    js: 'javascript',
-    cjs: 'javascript',
-    mjs: 'javascript',
-    ts: 'typescript',
-    jsx: 'javascript',
-    tsx: 'typescript',
-    json: 'json',
-    yaml: 'yaml',
-    yml: 'yaml',
-    toml: 'toml',
-    ini: 'ini',
-    xml: 'xml',
-    html: 'html',
-    htm: 'html',
-    css: 'css',
-    scss: 'css',
-    less: 'css',
-    sh: 'bash',
-    bash: 'bash',
-    zsh: 'bash',
-    py: 'python',
-    rb: 'ruby',
-    java: 'java',
-    go: 'go',
-    rs: 'rust',
-    sql: 'sql',
-    md: 'markdown',
-    markdown: 'markdown'
-};
-function getFileExtension(filePath) {
-    const match = filePath.toLowerCase().match(/\.([a-z0-9]+)$/);
-    return match ? match[1] : '';
-}
-export function inferLanguageFromPath(filePath) {
-    const extension = getFileExtension(filePath);
-    return EXTENSION_LANGUAGE_MAP[extension] ?? 'text';
-}
-export function formatJsonIfPossible(content, filePath) {
-    if (inferLanguageFromPath(filePath) !== 'json') {
-        return { content };
-    }
-    try {
-        return {
-            content: `${JSON.stringify(JSON.parse(content), null, 2)}\n`
-        };
-    }
-    catch {
-        return {
-            content,
-            notice: 'Invalid JSON. Showing raw source.'
-        };
-    }
-}
-export function renderCodeViewer(code, language = 'text', startLine = 1) {
-    const normalizedLanguage = language || 'text';
-    const highlighted = highlightSource(code, normalizedLanguage);
-    // Wrap each line with line number gutter
-    const lines = highlighted.split('\n');
-    // Remove trailing empty line from trailing newline
-    if (lines.length > 0 && lines[lines.length - 1] === '') {
-        lines.pop();
-    }
-    const lineHtml = lines.map((line, i) => {
-        const lineNum = startLine + i;
-        return `<tr class="code-line" data-line="${lineNum}"><td class="line-num" data-line="${lineNum}">${lineNum}</td><td class="line-content">${line || ' '}</td></tr>`;
-    }).join('\n');
-    return `<pre class="code-viewer"><table class="code-table"><tbody>${lineHtml}</tbody></table></pre>`;
-}

package/dist/ui/file-preview/components/highlighting.d.ts

@@ -1,2 +0,0 @@
-export declare function escapeHtml(input: string): string;
-export declare function highlightSource(code: string, language: string): string;

package/dist/ui/file-preview/components/highlighting.js

@@ -1,54 +0,0 @@
-/**
- * Syntax highlighting integration layer around highlight.js. It registers supported languages and provides safe helpers for highlighted or plain escaped output.
- */
-import { escapeHtml as sharedEscapeHtml } from '../../shared/escape-html.js';
-import hljs from 'highlight.js/lib/core';
-import bash from 'highlight.js/lib/languages/bash';
-import css from 'highlight.js/lib/languages/css';
-import go from 'highlight.js/lib/languages/go';
-import java from 'highlight.js/lib/languages/java';
-import javascript from 'highlight.js/lib/languages/javascript';
-import json from 'highlight.js/lib/languages/json';
-import markdown from 'highlight.js/lib/languages/markdown';
-import python from 'highlight.js/lib/languages/python';
-import ruby from 'highlight.js/lib/languages/ruby';
-import rust from 'highlight.js/lib/languages/rust';
-import sql from 'highlight.js/lib/languages/sql';
-import typescript from 'highlight.js/lib/languages/typescript';
-import xml from 'highlight.js/lib/languages/xml';
-import yaml from 'highlight.js/lib/languages/yaml';
-hljs.registerLanguage('bash', bash);
-hljs.registerLanguage('css', css);
-hljs.registerLanguage('go', go);
-hljs.registerLanguage('java', java);
-hljs.registerLanguage('javascript', javascript);
-hljs.registerLanguage('json', json);
-hljs.registerLanguage('markdown', markdown);
-hljs.registerLanguage('python', python);
-hljs.registerLanguage('ruby', ruby);
-hljs.registerLanguage('rust', rust);
-hljs.registerLanguage('sql', sql);
-hljs.registerLanguage('typescript', typescript);
-hljs.registerLanguage('xml', xml);
-hljs.registerLanguage('html', xml);
-hljs.registerLanguage('yaml', yaml);
-hljs.registerLanguage('toml', yaml);
-hljs.registerLanguage('ini', yaml);
-export function escapeHtml(input) {
-    return sharedEscapeHtml(input);
-}
-export function highlightSource(code, language) {
-    const normalizedLanguage = (language || '').toLowerCase();
-    if (!normalizedLanguage || normalizedLanguage === 'text') {
-        return escapeHtml(code);
-    }
-    try {
-        if (hljs.getLanguage(normalizedLanguage)) {
-            return hljs.highlight(code, { language: normalizedLanguage, ignoreIllegals: true }).value;
-        }
-        return hljs.highlightAuto(code).value;
-    }
-    catch {
-        return escapeHtml(code);
-    }
-}

package/dist/ui/file-preview/components/html-renderer.d.ts

@@ -1,5 +0,0 @@
-import type { HtmlPreviewMode } from '../types.js';
-export declare function renderHtmlPreview(content: string, mode: HtmlPreviewMode): {
-    html: string;
-    notice?: string;
-};

package/dist/ui/file-preview/components/html-renderer.js

@@ -1,47 +0,0 @@
-/**
- * HTML preview renderer with display mode control. It handles rendered HTML versus
- * source text display and ensures fallback behavior is predictable.
- *
- * The rendered preview runs inside a nested sandboxed iframe, which is itself inside
- * the MCP app's sandboxed iframe chain. Scripts and external resources (CDNs) are
- * allowed since the sandbox isolation prevents any escape.
- */
-import { renderCodeViewer } from './code-viewer.js';
-import { escapeHtml } from './highlighting.js';
-function resolveThemeFrameStyles() {
-    if (typeof window === 'undefined' || typeof document === 'undefined') {
-        return {
-            background: 'Canvas',
-            text: 'CanvasText',
-            fontFamily: 'system-ui, sans-serif',
-        };
-    }
-    const rootStyles = window.getComputedStyle(document.documentElement);
-    const background = rootStyles.getPropertyValue('--panel').trim() || 'Canvas';
-    const text = rootStyles.getPropertyValue('--text').trim() || 'CanvasText';
-    const fontFamily = rootStyles.getPropertyValue('--font-sans').trim() || 'system-ui, sans-serif';
-    return { background, text, fontFamily };
-}
-function renderSandboxedHtmlFrame(content) {
-    const palette = resolveThemeFrameStyles();
-    const frameDocument = `<!doctype html><html><head><meta charset="utf-8" /><style>html,body{margin:0;padding:0;background:${palette.background};color:${palette.text};}body{font-family:${palette.fontFamily};padding:16px;line-height:1.5;}img{max-width:100%;height:auto;}</style></head><body>${content}</body></html>`;
-    return `<iframe class="html-rendered-frame" title="Rendered HTML preview" sandbox="allow-scripts allow-forms allow-popups" referrerpolicy="no-referrer" srcdoc="${escapeHtml(frameDocument)}"></iframe>`;
-}
-export function renderHtmlPreview(content, mode) {
-    if (mode === 'source') {
-        return {
-            html: `<div class="panel-content source-content">${renderCodeViewer(content, 'html')}</div>`
-        };
-    }
-    try {
-        return {
-            html: `<div class="panel-content html-content">${renderSandboxedHtmlFrame(content)}</div>`
-        };
-    }
-    catch {
-        return {
-            html: `<div class="panel-content source-content">${renderCodeViewer(content, 'html')}</div>`,
-            notice: 'HTML renderer failed. Showing source instead.'
-        };
-    }
-}

package/dist/ui/file-preview/components/markdown-renderer.d.ts

@@ -1 +0,0 @@
-export declare function renderMarkdown(content: string): string;

package/dist/ui/file-preview/components/markdown-renderer.js

@@ -1,67 +0,0 @@
-/**
- * Markdown rendering pipeline for preview mode. It configures markdown-it and highlighting so markdown content is rendered consistently with code block support.
- */
-// markdown-it is intentionally typed locally here to avoid maintaining global ambient module declarations.
-// @ts-expect-error markdown-it does not provide local TypeScript typings in this setup.
-import MarkdownIt from 'markdown-it';
-import { highlightSource } from './highlighting.js';
-import { rewriteWikiLinks } from '../markdown/linking.js';
-import { createSlugTracker } from '../markdown/slugify.js';
-import { extractInlineText } from '../markdown/utils.js';
-const MarkdownItCtor = MarkdownIt;
-const markdown = new MarkdownItCtor({
-    html: false,
-    linkify: true,
-    typographer: false,
-    highlight(code, language) {
-        const normalizedLanguage = (language || 'text').toLowerCase();
-        const highlighted = highlightSource(code, normalizedLanguage);
-        return `<pre class="code-viewer"><code class="hljs language-${normalizedLanguage}">${highlighted}</code></pre>`;
-    }
-});
-const renderHeadingOpen = markdown.renderer.rules.heading_open;
-markdown.renderer.rules.heading_open = (...args) => {
-    const tokens = args[0];
-    const index = args[1];
-    const options = args[2];
-    const environment = args[3] ?? {};
-    const self = args[4];
-    const nextSlug = typeof environment.nextSlug === 'function'
-        ? environment.nextSlug
-        : createSlugTracker();
-    environment.nextSlug = nextSlug;
-    const inlineToken = tokens[index + 1];
-    const headingText = extractInlineText(inlineToken).trim();
-    const headingId = nextSlug(headingText || 'section');
-    const token = tokens[index];
-    token.attrSet?.('id', headingId);
-    token.attrSet?.('data-heading-id', headingId);
-    if (typeof renderHeadingOpen === 'function') {
-        return renderHeadingOpen(...args);
-    }
-    return self.renderToken(tokens, index, options);
-};
-const renderLinkOpen = markdown.renderer.rules.link_open;
-markdown.renderer.rules.link_open = (...args) => {
-    const tokens = args[0];
-    const index = args[1];
-    const options = args[2];
-    const self = args[4];
-    const token = tokens[index];
-    token.attrSet?.('data-markdown-link', 'true');
-    const title = token.attrGet?.('title');
-    if (title?.startsWith('mcp-wiki:')) {
-        const rawWikiLink = decodeURIComponent(title.slice('mcp-wiki:'.length));
-        token.attrSet?.('data-wiki-link', rawWikiLink);
-        if (Array.isArray(token.attrs)) {
-            token.attrs = token.attrs.filter(([name]) => name !== 'title');
-        }
-    }
-    if (typeof renderLinkOpen === 'function') {
-        return renderLinkOpen(...args);
-    }
-    return self.renderToken(tokens, index, options);
-};
-export function renderMarkdown(content) {
-    return markdown.render(rewriteWikiLinks(content), { nextSlug: createSlugTracker() });
-}

package/dist/ui/file-preview/components/toolbar.d.ts

@@ -1,6 +0,0 @@
-/**
- * Toolbar component for preview controls (view mode, metadata, actions). It isolates UI control rendering and event plumbing from core preview orchestration.
- */
-import type { FilePreviewStructuredContent } from '../../../types.js';
-import type { HtmlPreviewMode } from '../types.js';
-export declare function renderToolbar(payload: FilePreviewStructuredContent, canCopy: boolean, htmlMode: HtmlPreviewMode, isExpanded: boolean, canOpenInFolder: boolean): string;

package/dist/ui/file-preview/components/toolbar.js

@@ -1,75 +0,0 @@
-import { renderToolHeader } from '../../shared/tool-header.js';
-function inferFilePill(payload) {
-    if (payload.fileType === 'markdown') {
-        return { label: 'MD', className: 'file-pill--md' };
-    }
-    if (payload.fileType === 'html') {
-        return { label: 'HTML', className: 'file-pill--html' };
-    }
-    const extensionMatch = payload.filePath.toLowerCase().match(/\.([a-z0-9]+)$/);
-    const extension = extensionMatch ? extensionMatch[1] : 'txt';
-    if (extension === 'json') {
-        return { label: 'JSON', className: 'file-pill--json' };
-    }
-    return { label: extension.slice(0, 4).toUpperCase(), className: 'file-pill--text' };
-}
-export function renderToolbar(payload, canCopy, htmlMode, isExpanded, canOpenInFolder) {
-    const supportsPreview = payload.fileType !== 'unsupported';
-    const copyDisabled = canCopy ? '' : 'disabled';
-    const copyTitle = canCopy ? 'Copy source' : 'Copy unavailable';
-    const copyIcon = `
-      <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-        <path d="M8 8h10v12H8z"></path>
-        <path d="M6 4h10v2H8v10H6z"></path>
-      </svg>
-    `;
-    const folderDisabled = canOpenInFolder ? '' : 'disabled';
-    const folderTitle = canOpenInFolder ? 'Open in folder' : 'Open in folder unavailable';
-    const folderIcon = `
-      <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-        <path d="M10 4l2 2h8v12H4V4z"></path>
-      </svg>
-    `;
-    const previewIcon = isExpanded
-        ? `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 14l5-5 5 5z"></path></svg>`
-        : `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5z"></path></svg>`;
-    const htmlModeButton = payload.fileType === 'html'
-        ? `
-          <button class="icon-button icon-button--secondary" id="toggle-html-mode" title="${htmlMode === 'rendered' ? 'Show source' : 'Show rendered'}" aria-label="${htmlMode === 'rendered' ? 'Show source' : 'Show rendered'}">
-            ${htmlMode === 'rendered'
-            ? `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 5c5.2 0 9.3 4.4 10.6 6-1.3 1.6-5.4 6-10.6 6S2.7 12.6 1.4 11C2.7 9.4 6.8 5 12 5zm0 2.2A3.8 3.8 0 1 0 12 14.8a3.8 3.8 0 0 0 0-7.6z"></path></svg>`
-            : `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6 2 12l6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"></path></svg>`}
-          </button>
-        `
-        : '';
-    const filePill = inferFilePill(payload);
-    const leadingActions = supportsPreview
-        ? `
-          <button class="icon-button" id="toggle-expand" title="${isExpanded ? 'Hide preview' : 'Show preview'}" aria-label="${isExpanded ? 'Hide preview' : 'Show preview'}">
-            ${previewIcon}
-          </button>
-        `
-        : '';
-    const trailingActions = supportsPreview
-        ? `
-          ${htmlModeButton}
-          <button class="icon-button" id="copy-source" ${copyDisabled} title="${copyTitle}" aria-label="${copyTitle}">
-            ${copyIcon}
-          </button>
-        `
-        : '';
-    return renderToolHeader({
-        pillLabel: filePill.label,
-        pillClassName: filePill.className,
-        title: payload.fileName,
-        subtitle: payload.filePath,
-        badges: [],
-        actionsHtml: `
-          ${leadingActions}
-          <button class="icon-button" id="open-in-folder" ${folderDisabled} title="${folderTitle}" aria-label="${folderTitle}">
-            ${folderIcon}
-          </button>
-          ${trailingActions}
-        `
-    });
-}

package/dist/ui/file-preview/image-preview.d.ts

@@ -1,3 +0,0 @@
-export declare const ALLOWED_IMAGE_MIME_TYPES: Set<string>;
-export declare function normalizeImageMimeType(mimeType: string | undefined): string;
-export declare function isAllowedImageMimeType(mimeType: string | undefined): boolean;

package/dist/ui/file-preview/image-preview.js

@@ -1,21 +0,0 @@
-export const ALLOWED_IMAGE_MIME_TYPES = new Set([
-    'image/png',
-    'image/jpeg',
-    'image/gif',
-    'image/webp',
-    'image/bmp',
-    // Intentional product decision: allow SVG rendering in preview UI.
-    // This is currently unsanitized and should be revisited if threat model changes.
-    'image/svg',
-    'image/svg+xml'
-]);
-export function normalizeImageMimeType(mimeType) {
-    if (!mimeType) {
-        return '';
-    }
-    return mimeType.toLowerCase().split(';', 1)[0].trim();
-}
-export function isAllowedImageMimeType(mimeType) {
-    const normalizedMimeType = normalizeImageMimeType(mimeType);
-    return normalizedMimeType.length > 0 && ALLOWED_IMAGE_MIME_TYPES.has(normalizedMimeType);
-}

package/dist/ui/file-preview/main.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ui/file-preview/main.js

@@ -1,5 +0,0 @@
-/**
- * Browser bootstrap entrypoint for File Preview UI. It starts the app lifecycle and keeps initialization logic separate from runtime feature code.
- */
-import { bootstrapApp } from './app.js';
-bootstrapApp();

package/dist/ui/file-preview/markdown/editor.d.ts

@@ -1,36 +0,0 @@
-export type MarkdownEditorView = 'raw' | 'markdown';
-export interface MarkdownLinkSearchItem {
-    path: string;
-    title: string;
-    wikiPath: string;
-    relativePath: string;
-}
-export interface MarkdownLinkHeading {
-    id: string;
-    text: string;
-}
-export interface MarkdownEditorHandle {
-    destroy: () => void;
-    focus: () => void;
-    getValue: () => string;
-    setValue: (value: string) => void;
-    revealLine: (lineNumber: number, headingId?: string) => void;
-    setScrollTop: (scrollTop: number) => void;
-}
-export declare function renderMarkdownCopyButton(): string;
-export declare function renderMarkdownModeToggle(view: MarkdownEditorView): string;
-export declare function renderMarkdownEditorShell(options: {
-    content: string;
-    view: MarkdownEditorView;
-}): string;
-export declare function mountMarkdownEditor(options: {
-    target: HTMLElement;
-    value: string;
-    view: MarkdownEditorView;
-    initialScrollTop?: number;
-    currentFilePath: string;
-    searchLinks?: (query: string) => Promise<MarkdownLinkSearchItem[]>;
-    loadHeadings?: (filePath: string) => Promise<MarkdownLinkHeading[]>;
-    onChange: (value: string) => void;
-    onBlur?: () => void;
-}): MarkdownEditorHandle;