$1');
html = html.replace(/!\[([^\]]*)\]\((https?:\/\/[^)]+)\)/g, '| ' + renderInline(cell.trim(), isNotesContext) + ' | '; }).join('') + '
' + renderInline(line, isNotesContext) + '
'); } lines.forEach(function (line) { var fence = line.match(/^```(\w*)\s*$/); if (fence) { if (inCode) { out.push('' + escapeHtml(code.join('\n')) + '' + renderInline(quote[1], isNotesContext) + ''); return; } var task = line.match(/^[-*]\s+\[([ xX])\]\s+(.+)$/); var unordered = line.match(/^[-*]\s+(.+)$/); var ordered = line.match(/^\d+\.\s+(.+)$/); if (task || unordered || ordered) { closeTable(); var desired = ordered ? 'ol' : 'ul'; if (listType !== desired) { closeList(); out.push('<' + desired + '>'); listType = desired; } if (task) { out.push('
' + escapeHtml(code.join('\n')) + '' + escapeHtml(currentContent) + ''; } function syncFromTextarea() { if (!textarea) return; currentContent = textarea.value; dirty = currentContent !== savedContent; saveState = ''; updateLineNumbers(); updateStatus(); updatePreview(); } function makeEditorPane() { var pane = el('div', { className: 'de-pane' }); var shell = el('div', { className: 'de-editor-shell' }); linesEl = el('div', { className: 'de-lines' }); textarea = el('textarea', { className: 'de-textarea', spellcheck: 'false', 'data-editor-textarea': '' }); textarea.value = currentContent; textarea.addEventListener('input', syncFromTextarea); textarea.addEventListener('scroll', function () { if (linesEl) linesEl.scrollTop = textarea.scrollTop; }); textarea.addEventListener('keydown', function (event) { if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 's') { event.preventDefault(); save(); } if (event.key === 'Tab') { event.preventDefault(); insertAround(textarea, ' ', '', ''); } }); shell.appendChild(linesEl); shell.appendChild(textarea); pane.appendChild(shell); updateLineNumbers(); return pane; } function makePreviewPane() { var pane = el('div', { className: 'de-pane' }); previewEl = el('div', { className: 'de-preview', 'data-preview': '' }); pane.appendChild(previewEl); updatePreview(); return pane; } function rebuildEditorArea() { editorWrap.innerHTML = ''; textarea = null; linesEl = null; previewEl = null; if (!isMarkdown || viewMode === 'edit') editorWrap.appendChild(makeEditorPane()); if (isMarkdown && viewMode === 'preview') editorWrap.appendChild(makePreviewPane()); if (isMarkdown && viewMode === 'split') { editorWrap.appendChild(makeEditorPane()); editorWrap.appendChild(makePreviewPane()); } if (editBtn) editBtn.className = 'de-toolbar-btn' + (viewMode === 'edit' ? ' active' : ''); if (previewBtn) previewBtn.className = 'de-toolbar-btn' + (viewMode === 'preview' ? ' active' : ''); if (splitBtn) splitBtn.className = 'de-toolbar-btn' + (viewMode === 'split' ? ' active' : ''); updateStatus(); } function save() { if (!dirty || disposed) return Promise.resolve(); saveState = 'saving'; updateStatus(); var savePromise = api.files.writeText(resourcePath, currentContent, { createIfMissing: false, overwrite: true }); return savePromise.then(function () { if (disposed) return; savedContent = currentContent; dirty = false; saveState = 'saved'; lastSavedAt = new Date().toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }); updateStatus(); if (saveTimer) clearTimeout(saveTimer); saveTimer = setTimeout(function () { if (!disposed) { saveState = ''; updateStatus(); } }, 2500); }).catch(function (err) { if (disposed) return; saveState = 'error'; updateStatus(); console.error('[default-editor] save error:', err); }); } function reloadFromDisk() { if (dirty && !window.confirm('Discard unsaved changes and reload from disk?')) return; editorWrap.innerHTML = ''; editorWrap.appendChild(el('div', { className: 'de-loading' }, ['Loading...'])); var readPromise = api.files.readText(resourcePath); readPromise.then(function (content) { if (disposed) return; currentContent = String(content == null ? '' : content); savedContent = currentContent; dirty = false; saveState = ''; rebuildEditorArea(); }).catch(function (err) { if (disposed) return; editorWrap.innerHTML = ''; editorWrap.appendChild(el('div', { className: 'de-error' }, [ el('div', {}, ['Failed to load file']), el('div', { className: 'de-error-msg' }, [(err && err.message) ? err.message : String(err)]) ])); }); } function setMode(nextMode) { if (!isMarkdown || viewMode === nextMode) return; viewMode = nextMode; rebuildEditorArea(); } function applyMarkdownAction(action) { if (!textarea && viewMode === 'preview') { setMode('edit'); } if (!textarea) return; if (action === 'heading') prefixLines(textarea, '# ', ''); else if (action === 'bold') insertAround(textarea, '**', '**', 'bold text'); else if (action === 'italic') insertAround(textarea, '*', '*', 'italic text'); else if (action === 'link') insertAround(textarea, '[', '](https://)', 'link text'); else if (action === 'code') insertAround(textarea, '`', '`', 'code'); else if (action === 'code-block') insertAround(textarea, '```\n', '\n```', 'code'); else if (action === 'bullet') prefixLines(textarea, '- ', 'item'); else if (action === 'numbered') prefixLines(textarea, '1. ', 'item'); else if (action === 'quote') prefixLines(textarea, '> ', 'quote'); else if (action === 'task') prefixLines(textarea, '- [ ] ', 'task'); } saveBtn.addEventListener('click', save); reloadBtn.addEventListener('click', reloadFromDisk); if (editBtn) editBtn.addEventListener('click', function () { setMode('edit'); }); if (previewBtn) previewBtn.addEventListener('click', function () { setMode('preview'); }); if (splitBtn) splitBtn.addEventListener('click', function () { setMode('split'); }); if (mdToolbar) { mdToolbar.addEventListener('click', function (event) { var button = event.target.closest('[data-md-action]'); if (!button) return; applyMarkdownAction(button.getAttribute('data-md-action')); }); } reloadFromDisk(); containerEl.addEventListener('click', function (event) { var link = event.target.closest('.internal-link'); if (!link) return; event.preventDefault(); var noteTitle = link.getAttribute('data-note-link'); if (!noteTitle) return; var currentPath = cleanPath(resourcePath); var notesIdx = currentPath.indexOf('/Notes/'); var notesRoot = notesIdx === -1 ? 'Notes' : currentPath.slice(0, notesIdx) + '/Notes'; var targetPath = cleanPath(notesRoot + '/' + normalizeNoteFilename(noteTitle)); api.workbench.openResource({ kind: 'vault-file', path: targetPath, mode: 'view', extension: '.md', context: { sourcePluginId: 'verstak.default-editor', sourceView: 'editor', isInsideNotesFolder: true, notesMode: true } }).catch(function (err) { console.error('[default-editor] open internal link:', err); }); }); containerEl.__deCleanup = function () { disposed = true; if (saveTimer) clearTimeout(saveTimer); }; }, unmount: function (containerEl) { if (containerEl.__deCleanup) { containerEl.__deCleanup(); containerEl.__deCleanup = null; } containerEl.innerHTML = ''; } }; window.VerstakPluginRegister('verstak.default-editor', { components: { DefaultEditor: DefaultEditor } }); })();