' + code.trimEnd() + '$1');
// Headings
html = html.replace(/^######\s+(.+)$/gm, '$1'); // Unordered list items html = html.replace(/^[\-\*]\s+(.+)$/gm, '
'); html = '
' + html + '
'; // Clean up empty paragraphs html = html.replace(/\s*<\/p>/g, ''); html = html.replace(/
\s*(<(?:h[1-6]|ul|ol|pre|blockquote|hr))/g, '$1'); html = html.replace(/(<\/(?:h[1-6]|ul|ol|pre|blockquote|hr)>)\s*<\/p>/g, '$1'); return html; } /* ── Utilities ──────────────────────────────────────────── */ function el(tag, attrs, children) { var elem = document.createElement(tag); if (attrs) { Object.keys(attrs).forEach(function (k) { if (k === 'className') elem.className = attrs[k]; else if (k === 'style' && typeof attrs[k] === 'object') Object.assign(elem.style, attrs[k]); else if (k.slice(0, 2) === 'on') elem.addEventListener(k.slice(2).toLowerCase(), attrs[k]); else if (k === 'innerHTML') elem.innerHTML = attrs[k]; else elem.setAttribute(k, attrs[k]); }); } if (children) { (Array.isArray(children) ? children : [children]).forEach(function (c) { if (c == null) return; elem.appendChild(typeof c === 'string' ? document.createTextNode(c) : c); }); } return elem; } function detectMode(props) { var ctx = props.request && props.request.context; if (ctx && (ctx.notesMode || ctx.isInsideNotesFolder)) return 'notes-markdown'; var ext = (props.request && props.request.extension || '').toLowerCase(); if (ext === '.md' || ext === '.markdown') return 'generic-markdown'; return 'text'; } function detectContextLabel(mode) { if (mode === 'notes-markdown') return 'notes'; if (mode === 'generic-markdown') return 'markdown'; return 'text'; } function fileName(path) { if (!path) return ''; var parts = path.split('/'); return parts[parts.length - 1]; } /* ── DefaultEditor component ─────────────────────────────── */ var DefaultEditor = { mount: function (containerEl, props, api) { injectStyles(); containerEl.innerHTML = ''; containerEl.className = 'de-root'; var request = props.request || {}; var resourcePath = request.path || ''; var mode = request.mode || 'view'; var editorMode = detectMode(props); var isMarkdown = editorMode === 'generic-markdown' || editorMode === 'notes-markdown'; var previewVisible = isMarkdown && mode === 'view'; var currentContent = ''; var savedContent = ''; var dirty = false; var saveState = ''; // '' | 'saved' | 'error' var saveTimer = null; var disposed = false; // ── Toolbar ────────────────────────────────────────── var modeLabel = el('span', { className: 'de-toolbar-mode' }, [editorMode]); var contextLabel = el('span', { className: 'de-toolbar-context' }, [fileName(resourcePath)]); var notesBadge = null; if (editorMode === 'notes-markdown') { notesBadge = el('span', { className: 'de-notes-badge' }, ['notes context']); } var spacer = el('span', { className: 'de-toolbar-spacer' }); var editBtn = null; var previewBtn = null; var saveBtn = el('button', { className: 'de-toolbar-btn' }, ['Save']); saveBtn.disabled = true; if (isMarkdown) { editBtn = el('button', { className: 'de-toolbar-btn' + (mode === 'edit' ? ' active' : '') }, ['Edit']); previewBtn = el('button', { className: 'de-toolbar-btn' + (previewVisible ? ' active' : '') }, ['Preview']); if (mode === 'edit') { previewBtn.classList.remove('active'); } } var statusEl = el('span', { className: 'de-status' }); var toolbarChildren = [modeLabel, contextLabel]; if (notesBadge) toolbarChildren.push(notesBadge); toolbarChildren.push(spacer); if (editBtn) toolbarChildren.push(editBtn); if (previewBtn) toolbarChildren.push(previewBtn); toolbarChildren.push(saveBtn); toolbarChildren.push(statusEl); var toolbar = el('div', { className: 'de-toolbar' }, toolbarChildren); containerEl.appendChild(toolbar); // ── Editor area ────────────────────────────────────── var editorWrap = el('div', { className: 'de-editor-wrap' }); containerEl.appendChild(editorWrap); var textarea = null; var previewEl = null; if (mode === 'edit' || !isMarkdown) { textarea = el('textarea', { className: 'de-textarea', spellcheck: 'false' }); textarea.value = ''; editorWrap.appendChild(textarea); textarea.addEventListener('input', function () { currentContent = textarea.value; dirty = currentContent !== savedContent; updateStatus(); }); textarea.addEventListener('keydown', function (e) { if ((e.ctrlKey || e.metaKey) && e.key === 's') { e.preventDefault(); save(); } // Tab support if (e.key === 'Tab') { e.preventDefault(); var start = textarea.selectionStart; var end = textarea.selectionEnd; textarea.value = textarea.value.substring(0, start) + ' ' + textarea.value.substring(end); textarea.selectionStart = textarea.selectionEnd = start + 2; textarea.dispatchEvent(new Event('input')); } }); } if (isMarkdown && previewVisible) { previewEl = el('div', { className: 'de-preview' }); editorWrap.appendChild(previewEl); } // ── Notes info bar ─────────────────────────────────── if (editorMode === 'notes-markdown') { var notesInfo = el('div', { className: 'de-notes-info' }, [ 'Notes context active — internal links, backlinks, and widgets deferred.' ]); containerEl.appendChild(notesInfo); } // ── Status helpers ─────────────────────────────────── function updateStatus() { if (saveState === 'error') { statusEl.textContent = 'Error saving'; statusEl.className = 'de-status error'; } else if (saveState === 'saved') { statusEl.textContent = 'Saved'; statusEl.className = 'de-status saved'; } else if (dirty) { statusEl.textContent = 'Modified'; statusEl.className = 'de-status dirty'; } else { statusEl.textContent = ''; statusEl.className = 'de-status'; } saveBtn.disabled = !dirty; } function updatePreview() { if (previewEl) { previewEl.innerHTML = renderMarkdown(currentContent); } } // ── Save ───────────────────────────────────────────── function save() { if (!dirty || disposed) return; saveState = ''; updateStatus(); api.files.writeText(resourcePath, currentContent, { createIfMissing: false, overwrite: true }).then(function () { if (disposed) return; savedContent = currentContent; dirty = false; saveState = 'saved'; updateStatus(); if (saveTimer) clearTimeout(saveTimer); saveTimer = setTimeout(function () { if (!disposed) { saveState = ''; updateStatus(); } }, 2000); }).catch(function (err) { if (disposed) return; saveState = 'error'; updateStatus(); console.error('[default-editor] save error:', err); }); } // ── Toolbar events ─────────────────────────────────── saveBtn.addEventListener('click', save); if (editBtn) { editBtn.addEventListener('click', function () { if (mode === 'edit') return; mode = 'edit'; previewVisible = false; rebuildEditorArea(); }); } if (previewBtn) { previewBtn.addEventListener('click', function () { if (previewVisible) return; previewVisible = true; mode = isMarkdown ? 'view' : mode; rebuildEditorArea(); }); } function rebuildEditorArea() { editorWrap.innerHTML = ''; textarea = null; previewEl = null; if (mode === 'edit' || !isMarkdown) { textarea = el('textarea', { className: 'de-textarea', spellcheck: 'false' }); textarea.value = currentContent; editorWrap.appendChild(textarea); textarea.addEventListener('input', function () { currentContent = textarea.value; dirty = currentContent !== savedContent; updateStatus(); }); textarea.addEventListener('keydown', function (e) { if ((e.ctrlKey || e.metaKey) && e.key === 's') { e.preventDefault(); save(); } if (e.key === 'Tab') { e.preventDefault(); var start = textarea.selectionStart; var end = textarea.selectionEnd; textarea.value = textarea.value.substring(0, start) + ' ' + textarea.value.substring(end); textarea.selectionStart = textarea.selectionEnd = start + 2; textarea.dispatchEvent(new Event('input')); } }); } if (isMarkdown && previewVisible) { previewEl = el('div', { className: 'de-preview' }); editorWrap.appendChild(previewEl); updatePreview(); } // Update toolbar button states if (editBtn) { editBtn.className = 'de-toolbar-btn' + (mode === 'edit' ? ' active' : ''); } if (previewBtn) { previewBtn.className = 'de-toolbar-btn' + (previewVisible ? ' active' : ''); } updateStatus(); } // ── Load file ──────────────────────────────────────── editorWrap.appendChild(el('div', { className: 'de-loading' }, ['Loading...'])); api.files.readText(resourcePath).then(function (content) { if (disposed) return; editorWrap.innerHTML = ''; currentContent = content; savedContent = content; dirty = false; rebuildEditorArea(); }).catch(function (err) { if (disposed) return; editorWrap.innerHTML = ''; var msg = (err && err.message) ? err.message : String(err); editorWrap.appendChild(el('div', { className: 'de-error' }, [ el('div', {}, ['Failed to load file']), el('div', { className: 'de-error-msg' }, [msg]) ])); }); // ── Cleanup ────────────────────────────────────────── containerEl.__deCleanup = function () { disposed = true; if (saveTimer) clearTimeout(saveTimer); }; // Set data attributes for testability containerEl.setAttribute('data-editor-mode', editorMode); containerEl.setAttribute('data-resource-path', resourcePath); containerEl.setAttribute('data-request-mode', mode); }, unmount: function (containerEl) { if (containerEl.__deCleanup) { containerEl.__deCleanup(); containerEl.__deCleanup = null; } containerEl.innerHTML = ''; } }; /* ── Register ────────────────────────────────────────────── */ window.VerstakPluginRegister('verstak.default-editor', { components: { DefaultEditor: DefaultEditor } }); })();