@wonderwhy-er/desktop-commander 0.2.39 → 0.2.40

package/dist/ui/file-preview/src/markdown/link-modal.js

@@ -1,213 +0,0 @@
-const SEARCH_DEBOUNCE_MS = 150;
-export function renderLinkModalHtml() {
-    return `
-      <div id="markdown-link-modal" class="markdown-link-modal" hidden>
-        <div class="markdown-link-modal-card">
-          <div class="markdown-link-mode-tabs">
-            <button type="button" id="markdown-link-mode-file" class="markdown-link-mode-tab is-active">File</button>
-            <button type="button" id="markdown-link-mode-url" class="markdown-link-mode-tab">URL</button>
-          </div>
-          <div id="markdown-link-file-fields">
-            <label class="markdown-link-modal-label" for="markdown-link-search">Find note</label>
-            <input id="markdown-link-search" class="markdown-link-modal-input" type="text" placeholder="Search files..." />
-            <div id="markdown-link-results" class="markdown-link-results"></div>
-            <label class="markdown-link-modal-label" for="markdown-link-heading">Heading</label>
-            <select id="markdown-link-heading" class="markdown-link-modal-input markdown-link-modal-select">
-              <option value="">None</option>
-            </select>
-            <label class="markdown-link-modal-label" for="markdown-link-alias">Alias</label>
-            <input id="markdown-link-alias" class="markdown-link-modal-input" type="text" placeholder="Optional label" />
-          </div>
-          <div id="markdown-link-url-fields" hidden>
-            <label class="markdown-link-modal-label" for="markdown-link-input">URL</label>
-            <input id="markdown-link-input" class="markdown-link-modal-input" type="url" placeholder="https://example.com" />
-            <label class="markdown-link-modal-label" for="markdown-link-label">Label</label>
-            <input id="markdown-link-label" class="markdown-link-modal-input" type="text" placeholder="Optional label" />
-          </div>
-          <div class="markdown-link-modal-actions">
-            <button type="button" id="markdown-link-cancel" class="markdown-link-modal-button">Cancel</button>
-            <button type="button" id="markdown-link-apply" class="markdown-link-modal-button markdown-link-modal-button--primary">Insert</button>
-          </div>
-        </div>
-      </div>
-    `;
-}
-export function attachLinkModal(options) {
-    const modalEl = options.root.querySelector('#markdown-link-modal');
-    if (!modalEl) {
-        return { open: () => undefined, close: () => undefined, destroy: () => undefined };
-    }
-    const modal = modalEl;
-    const tabFile = modal.querySelector('#markdown-link-mode-file');
-    const tabUrl = modal.querySelector('#markdown-link-mode-url');
-    const fileFields = modal.querySelector('#markdown-link-file-fields');
-    const urlFields = modal.querySelector('#markdown-link-url-fields');
-    const searchInput = modal.querySelector('#markdown-link-search');
-    const resultsEl = modal.querySelector('#markdown-link-results');
-    const headingSelect = modal.querySelector('#markdown-link-heading');
-    const aliasInput = modal.querySelector('#markdown-link-alias');
-    const urlInput = modal.querySelector('#markdown-link-input');
-    const labelInput = modal.querySelector('#markdown-link-label');
-    const applyBtn = modal.querySelector('#markdown-link-apply');
-    const cancelBtn = modal.querySelector('#markdown-link-cancel');
-    let mode = 'file';
-    let selectedItem = null;
-    let searchRequestId = 0;
-    let headingRequestId = 0;
-    let searchDebounce = null;
-    function setMode(next) {
-        mode = next;
-        tabFile.classList.toggle('is-active', mode === 'file');
-        tabUrl.classList.toggle('is-active', mode === 'url');
-        fileFields.hidden = mode !== 'file';
-        urlFields.hidden = mode !== 'url';
-    }
-    function renderResults(items, message) {
-        if (items.length === 0) {
-            resultsEl.innerHTML = `<div class="markdown-link-result markdown-link-result--empty">${message ?? 'No results'}</div>`;
-            return;
-        }
-        resultsEl.innerHTML = items.map((item, idx) => `
-          <button type="button" class="markdown-link-result${selectedItem?.path === item.path ? ' is-selected' : ''}" data-idx="${idx}">
-            <span class="markdown-link-result-title">${escapeHtml(item.title)}</span>
-            <span class="markdown-link-result-path">${escapeHtml(item.relativePath)}</span>
-          </button>
-        `).join('');
-        Array.from(resultsEl.querySelectorAll('[data-idx]')).forEach((btn) => {
-            btn.addEventListener('click', async () => {
-                const idx = Number(btn.dataset.idx);
-                selectedItem = items[idx] ?? null;
-                Array.from(resultsEl.querySelectorAll('.markdown-link-result')).forEach((el) => {
-                    el.classList.toggle('is-selected', el === btn);
-                });
-                await loadHeadingsFor(selectedItem);
-            });
-        });
-    }
-    async function loadHeadingsFor(item) {
-        headingSelect.innerHTML = '<option value="">None</option>';
-        if (!item || !options.loadHeadings)
-            return;
-        const myRequest = ++headingRequestId;
-        try {
-            const headings = await options.loadHeadings(item.path);
-            if (myRequest !== headingRequestId)
-                return;
-            for (const heading of headings) {
-                const option = document.createElement('option');
-                option.value = heading.id;
-                option.textContent = heading.text;
-                headingSelect.appendChild(option);
-            }
-        }
-        catch {
-            // ignore — heading load failures shouldn't block insertion
-        }
-    }
-    async function runSearch(query) {
-        if (!options.searchLinks) {
-            renderResults([], 'Search unavailable');
-            return;
-        }
-        const myRequest = ++searchRequestId;
-        try {
-            const items = await options.searchLinks(query);
-            if (myRequest !== searchRequestId)
-                return;
-            renderResults(items, query ? 'No files match' : 'Start typing to search');
-        }
-        catch (err) {
-            if (myRequest !== searchRequestId)
-                return;
-            renderResults([], `Search failed: ${err instanceof Error ? err.message : String(err)}`);
-        }
-    }
-    function apply() {
-        if (mode === 'url') {
-            const url = urlInput.value.trim();
-            if (!url)
-                return;
-            const label = labelInput.value.trim();
-            options.onInsert(label ? `[${label}](${url})` : `<${url}>`);
-        }
-        else {
-            if (!selectedItem)
-                return;
-            const heading = headingSelect.value.trim();
-            const alias = aliasInput.value.trim();
-            let text = `[[${selectedItem.wikiPath}`;
-            if (heading)
-                text += `#${heading}`;
-            if (alias)
-                text += `|${alias}`;
-            text += ']]';
-            options.onInsert(text);
-        }
-        close();
-    }
-    function reset() {
-        setMode('file');
-        selectedItem = null;
-        searchInput.value = '';
-        aliasInput.value = '';
-        urlInput.value = '';
-        labelInput.value = '';
-        headingSelect.innerHTML = '<option value="">None</option>';
-        renderResults([], 'Start typing to search');
-    }
-    function open(selectedText) {
-        reset();
-        if (selectedText && /^https?:\/\//i.test(selectedText)) {
-            setMode('url');
-            urlInput.value = selectedText;
-        }
-        else if (selectedText) {
-            aliasInput.value = selectedText;
-            labelInput.value = selectedText;
-        }
-        modal.hidden = false;
-        (mode === 'file' ? searchInput : urlInput).focus();
-    }
-    function close() {
-        modal.hidden = true;
-    }
-    const onSearchInput = () => {
-        if (searchDebounce)
-            clearTimeout(searchDebounce);
-        searchDebounce = setTimeout(() => {
-            void runSearch(searchInput.value);
-        }, SEARCH_DEBOUNCE_MS);
-    };
-    const onKeyDown = (event) => {
-        if (event.key === 'Escape') {
-            event.preventDefault();
-            close();
-        }
-        else if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            apply();
-        }
-    };
-    tabFile.addEventListener('click', () => setMode('file'));
-    tabUrl.addEventListener('click', () => setMode('url'));
-    searchInput.addEventListener('input', onSearchInput);
-    applyBtn.addEventListener('click', apply);
-    cancelBtn.addEventListener('click', close);
-    modal.addEventListener('keydown', onKeyDown);
-    return {
-        open,
-        close,
-        destroy: () => {
-            if (searchDebounce)
-                clearTimeout(searchDebounce);
-            close();
-        },
-    };
-}
-function escapeHtml(value) {
-    return value
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;');
-}

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

@@ -1,8 +0,0 @@
-import type { MarkdownEditorHandle } from './editor.js';
-export declare function mountCodeMirrorRaw(options: {
-    target: HTMLElement;
-    value: string;
-    initialScrollTop?: number;
-    onChange: (value: string) => void;
-    onBlur?: () => void;
-}): MarkdownEditorHandle;

package/dist/ui/file-preview/src/markdown/raw-editor.js

@@ -1,61 +0,0 @@
-import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
-import { markdown } from '@codemirror/lang-markdown';
-import { defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';
-import { EditorState } from '@codemirror/state';
-import { oneDark } from '@codemirror/theme-one-dark';
-import { EditorView, keymap, lineNumbers } from '@codemirror/view';
-export function mountCodeMirrorRaw(options) {
-    const state = EditorState.create({
-        doc: options.value,
-        extensions: [
-            lineNumbers(),
-            history(),
-            markdown(),
-            oneDark,
-            syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
-            keymap.of([...defaultKeymap, ...historyKeymap]),
-            EditorView.lineWrapping,
-            EditorView.updateListener.of((update) => {
-                if (update.docChanged) {
-                    options.onChange(update.state.doc.toString());
-                }
-            }),
-            EditorView.domEventHandlers({
-                blur: () => {
-                    options.onBlur?.();
-                    return false;
-                },
-            }),
-        ],
-    });
-    const view = new EditorView({ state, parent: options.target });
-    if (typeof options.initialScrollTop === 'number') {
-        view.scrollDOM.scrollTop = options.initialScrollTop;
-    }
-    return {
-        destroy: () => view.destroy(),
-        focus: () => view.focus(),
-        getValue: () => view.state.doc.toString(),
-        setValue: (value) => {
-            const current = view.state.doc.toString();
-            if (current === value)
-                return;
-            view.dispatch({
-                changes: { from: 0, to: view.state.doc.length, insert: value },
-            });
-        },
-        revealLine: (lineNumber) => {
-            const total = view.state.doc.lines;
-            const clamped = Math.max(1, Math.min(lineNumber, total));
-            const line = view.state.doc.line(clamped);
-            view.dispatch({
-                selection: { anchor: line.from },
-                scrollIntoView: true,
-            });
-            view.focus();
-        },
-        setScrollTop: (scrollTop) => {
-            view.scrollDOM.scrollTop = scrollTop;
-        },
-    };
-}

package/dist/ui/file-preview/src/markdown/selection-toolbar.d.ts

@@ -1,14 +0,0 @@
-export interface SelectionToolbarHandle {
-    destroy(): void;
-}
-export interface SelectionToolbarOptions {
-    editorRoot: HTMLElement;
-    onLinkRequest?: (selectedText: string) => void;
-}
-/**
- * Floating selection toolbar that appears above non-empty text selections
- * inside the editor root. Uses `document.execCommand` for formatting so it
- * works uniformly with ProseMirror (which intercepts beforeinput) and plain
- * contenteditable.
- */
-export declare function attachSelectionToolbar(options: SelectionToolbarOptions): SelectionToolbarHandle;

package/dist/ui/file-preview/src/markdown/selection-toolbar.js

@@ -1,128 +0,0 @@
-/**
- * Floating selection toolbar that appears above non-empty text selections
- * inside the editor root. Uses `document.execCommand` for formatting so it
- * works uniformly with ProseMirror (which intercepts beforeinput) and plain
- * contenteditable.
- */
-export function attachSelectionToolbar(options) {
-    const toolbar = document.createElement('div');
-    toolbar.className = 'md-selection-toolbar';
-    toolbar.setAttribute('role', 'toolbar');
-    toolbar.hidden = true;
-    toolbar.innerHTML = `
-      <button type="button" class="md-selection-toolbar-btn" data-action="bold" title="Bold"><strong>B</strong></button>
-      <button type="button" class="md-selection-toolbar-btn" data-action="italic" title="Italic"><em>I</em></button>
-      <button type="button" class="md-selection-toolbar-btn" data-action="strike" title="Strikethrough"><span style="text-decoration:line-through">S</span></button>
-      <span class="md-selection-toolbar-sep" aria-hidden="true"></span>
-      <button type="button" class="md-selection-toolbar-btn" data-action="heading-1" title="Heading 1">H1</button>
-      <button type="button" class="md-selection-toolbar-btn" data-action="heading-2" title="Heading 2">H2</button>
-      <button type="button" class="md-selection-toolbar-btn" data-action="heading-3" title="Heading 3">H3</button>
-      <span class="md-selection-toolbar-sep" aria-hidden="true"></span>
-      <button type="button" class="md-selection-toolbar-btn" data-action="code" title="Inline code">&lsaquo;&rsaquo;</button>
-      <button type="button" class="md-selection-toolbar-btn" data-action="link" title="Link">&#128279;</button>
-    `;
-    document.body.appendChild(toolbar);
-    function positionToToolbar(rect) {
-        const toolbarRect = toolbar.getBoundingClientRect();
-        const margin = 8;
-        let top = rect.top - toolbarRect.height - margin;
-        if (top < margin) {
-            top = rect.bottom + margin;
-        }
-        let left = rect.left + rect.width / 2 - toolbarRect.width / 2;
-        const viewportWidth = document.documentElement.clientWidth;
-        left = Math.max(margin, Math.min(left, viewportWidth - toolbarRect.width - margin));
-        toolbar.style.position = 'fixed';
-        toolbar.style.top = `${top}px`;
-        toolbar.style.left = `${left}px`;
-    }
-    function hide() {
-        toolbar.hidden = true;
-    }
-    function selectionIsInsideEditor(selection) {
-        const anchorNode = selection.anchorNode;
-        if (!anchorNode)
-            return false;
-        return options.editorRoot.contains(anchorNode.nodeType === Node.ELEMENT_NODE ? anchorNode : anchorNode.parentElement);
-    }
-    function update() {
-        const selection = window.getSelection();
-        if (!selection || selection.isCollapsed || selection.rangeCount === 0) {
-            hide();
-            return;
-        }
-        if (!selectionIsInsideEditor(selection)) {
-            hide();
-            return;
-        }
-        const range = selection.getRangeAt(0);
-        const rect = range.getBoundingClientRect();
-        if (rect.width === 0 && rect.height === 0) {
-            hide();
-            return;
-        }
-        toolbar.hidden = false;
-        positionToToolbar(rect);
-    }
-    const onSelectionChange = () => {
-        // Debounce to next frame so getBoundingClientRect is stable.
-        requestAnimationFrame(update);
-    };
-    const onScrollOrResize = () => {
-        if (!toolbar.hidden)
-            update();
-    };
-    document.addEventListener('selectionchange', onSelectionChange);
-    window.addEventListener('scroll', onScrollOrResize, true);
-    window.addEventListener('resize', onScrollOrResize);
-    toolbar.addEventListener('mousedown', (event) => {
-        // Keep the editor's selection while interacting with the toolbar.
-        event.preventDefault();
-    });
-    toolbar.addEventListener('click', (event) => {
-        const button = event.target.closest('[data-action]');
-        if (!button)
-            return;
-        const action = button.dataset.action;
-        if (!action)
-            return;
-        const selectedText = window.getSelection()?.toString() ?? '';
-        switch (action) {
-            case 'bold':
-                document.execCommand('bold');
-                break;
-            case 'italic':
-                document.execCommand('italic');
-                break;
-            case 'strike':
-                document.execCommand('strikeThrough');
-                break;
-            case 'code': {
-                const wrapped = `\`${selectedText || 'code'}\``;
-                document.execCommand('insertText', false, wrapped);
-                break;
-            }
-            case 'heading-1':
-                document.execCommand('formatBlock', false, 'h1');
-                break;
-            case 'heading-2':
-                document.execCommand('formatBlock', false, 'h2');
-                break;
-            case 'heading-3':
-                document.execCommand('formatBlock', false, 'h3');
-                break;
-            case 'link':
-                options.onLinkRequest?.(selectedText);
-                break;
-        }
-        hide();
-    });
-    return {
-        destroy: () => {
-            document.removeEventListener('selectionchange', onSelectionChange);
-            window.removeEventListener('scroll', onScrollOrResize, true);
-            window.removeEventListener('resize', onScrollOrResize);
-            toolbar.remove();
-        },
-    };
-}

package/dist/ui/file-preview/src/markdown/toc.d.ts

@@ -1,11 +0,0 @@
-import type { MarkdownOutlineItem } from './outline.js';
-export interface MarkdownTocHandle {
-    dispose: () => void;
-}
-export declare function renderMarkdownToc(outline: MarkdownOutlineItem[], activeHeadingId?: string | null): string;
-export declare function attachMarkdownToc(options: {
-    shell: HTMLElement;
-    outline: MarkdownOutlineItem[];
-    scrollContainer: HTMLElement;
-    onSelect: (headingId: string) => void;
-}): MarkdownTocHandle | null;

package/dist/ui/file-preview/src/markdown/toc.js

@@ -1,75 +0,0 @@
-function escapeHtml(value) {
-    return value
-        .replace(/&/g, '&')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
-}
-function setActiveItem(nav, activeId) {
-    const buttons = Array.from(nav.querySelectorAll('[data-toc-id]'));
-    buttons.forEach((button) => {
-        const isActive = button.dataset.tocId === activeId;
-        button.classList.toggle('is-active', isActive);
-        button.setAttribute('aria-current', isActive ? 'location' : 'false');
-    });
-}
-export function renderMarkdownToc(outline, activeHeadingId) {
-    if (outline.length === 0) {
-        return '';
-    }
-    const items = outline.map((item) => {
-        const activeClass = item.id === activeHeadingId ? ' is-active' : '';
-        return `<button class="markdown-toc-link${activeClass}" type="button" data-toc-id="${escapeHtml(item.id)}" data-level="${item.level}" aria-current="${item.id === activeHeadingId ? 'location' : 'false'}">${escapeHtml(item.text)}</button>`;
-    }).join('');
-    return `
-      <aside class="markdown-toc-shell" aria-label="Table of contents">
-        <div class="markdown-toc-title">Contents</div>
-        <nav class="markdown-toc-nav">${items}</nav>
-      </aside>
-    `;
-}
-export function attachMarkdownToc(options) {
-    const nav = options.shell.querySelector('.markdown-toc-nav');
-    if (!nav) {
-        return null;
-    }
-    const handleClick = (event) => {
-        const target = event.target;
-        const button = target?.closest('[data-toc-id]');
-        const headingId = button?.dataset.tocId;
-        if (!headingId) {
-            return;
-        }
-        options.onSelect(headingId);
-        setActiveItem(nav, headingId);
-    };
-    const updateActiveHeading = () => {
-        const headings = options.outline
-            .map((item) => {
-            const element = document.getElementById(item.id);
-            return element ? { item, element } : null;
-        })
-            .filter((entry) => entry !== null);
-        if (headings.length === 0) {
-            return;
-        }
-        const scrollTop = options.scrollContainer.scrollTop;
-        const nextActive = headings.reduce((activeId, current) => {
-            if (current.element.offsetTop - scrollTop <= 96) {
-                return current.item.id;
-            }
-            return activeId;
-        }, headings[0].item.id);
-        setActiveItem(nav, nextActive);
-    };
-    nav.addEventListener('click', handleClick);
-    options.scrollContainer.addEventListener('scroll', updateActiveHeading, { passive: true });
-    updateActiveHeading();
-    return {
-        dispose: () => {
-            nav.removeEventListener('click', handleClick);
-            options.scrollContainer.removeEventListener('scroll', updateActiveHeading);
-        },
-    };
-}

package/dist/ui/file-preview/src/markdown-workspace/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;