mdboard 1.3.0 → 2.1.0

package/src/client/core.js

@@ -1,331 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   ICON SHAPES — SVG generators by icon name
-   ══════════════════════════════════════════════════════════════ */
-var ICON_SHAPES = {
-  'dashed-circle': function(c) { return '<svg class="icon" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="' + c + '" stroke-width="1.5" stroke-dasharray="3 2"/></svg>'; },
-  'circle': function(c) { return '<svg class="icon" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="' + c + '" stroke-width="1.5"/></svg>'; },
-  'half-circle': function(c) { return '<svg class="icon" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="' + c + '" stroke-width="1.5"/><path d="M8 2A6 6 0 0 1 8 14Z" fill="' + c + '"/></svg>'; },
-  'three-quarter-circle': function(c) { return '<svg class="icon" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="' + c + '" stroke-width="1.5"/><path d="M8 2A6 6 0 1 1 2 8L8 8Z" fill="' + c + '"/></svg>'; },
-  'check-circle': function(c) { return '<svg class="icon" viewBox="0 0 16 16"><circle cx="8" cy="8" r="7" fill="' + c + '"/><path d="M5 8.5L7 10.5L11 5.5" stroke="#fff" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>'; },
-  'x-circle': function(c) { return '<svg class="icon" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="' + c + '" stroke-width="1.5"/><path d="M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5" stroke="' + c + '" stroke-width="1.5" stroke-linecap="round"/></svg>'; },
-  'slash-circle': function(c) { return '<svg class="icon" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="' + c + '" stroke-width="1.5"/><path d="M4.5 11.5L11.5 4.5" stroke="' + c + '" stroke-width="1.5" stroke-linecap="round"/></svg>'; }
-};
-
-/* Config-driven maps — populated by initFromConfig() */
-var STATUS_ICON_MAP = {};
-var STATUS_COLOR_MAP = {};
-var ENTITY_NAMES = {};
-
-function statusIcon(status) {
-  var entry = STATUS_ICON_MAP[status];
-  if (entry) {
-    var fn = ICON_SHAPES[entry.icon];
-    if (fn) return fn(entry.color);
-  }
-  // Fallback: dashed circle
-  return ICON_SHAPES['dashed-circle']('#5A5A63');
-}
-
-function priorityIcon(priority) {
-  var c = '#3A3A40', n = 0;
-  if (D.config && D.config.priorities) {
-    var entry = D.config.priorities.find(function(p) { return p.key === priority; });
-    if (entry) { c = entry.color; n = entry.bars; }
-  } else {
-    switch (priority) {
-      case 'urgent': c = '#F97316'; n = 4; break;
-      case 'high': c = '#F97316'; n = 3; break;
-      case 'medium': c = '#D4A72C'; n = 2; break;
-      case 'low': c = '#5B6EF5'; n = 1; break;
-    }
-  }
-  var bars = '';
-  for (var i = 0; i < 4; i++) {
-    var filled = i < n;
-    var h = 3 + i * 3;
-    var y = 14 - h;
-    bars += '<rect x="' + (1.5 + i * 3.5) + '" y="' + y + '" width="2" height="' + h + '" rx=".5" fill="' + (filled ? c : '#2E2E33') + '"/>';
-  }
-  return '<svg class="icon" viewBox="0 0 16 16">' + bars + '</svg>';
-}
-
-function milestoneIcon(status) {
-  var msStatuses = D.config && D.config.statuses ? D.config.statuses.milestone : null;
-  var entry = msStatuses ? msStatuses.find(function(s) { return s.key === status; }) : null;
-  var c = entry ? entry.color : '#8B8B93';
-
-  switch (status) {
-    case 'active':
-      return '<svg class="icon" viewBox="0 0 16 16"><path d="M8 1L15 8L8 15L1 8Z" fill="none" stroke="' + c + '" stroke-width="1.5"/><path d="M8 5L11 8L8 11L5 8Z" fill="' + c + '"/></svg>';
-    case 'completed':
-      return '<svg class="icon" viewBox="0 0 16 16"><path d="M8 1L15 8L8 15L1 8Z" fill="' + c + '"/><path d="M5.5 8L7 9.5L10.5 6" stroke="#fff" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>';
-    default:
-      return '<svg class="icon" viewBox="0 0 16 16"><path d="M8 1L15 8L8 15L1 8Z" fill="none" stroke="' + c + '" stroke-width="1.5"/></svg>';
-  }
-}
-
-/* ══════════════════════════════════════════════════════════════
-   DATA STORE
-   ══════════════════════════════════════════════════════════════ */
-var D = {
-  config: null, project: null, milestones: [], epics: [], tasks: [],
-  sprints: [], allSprints: [], metrics: null, health: null, loaded: false,
-  sources: [], activeSource: null, overviewLinks: null, notes: [],
-  aiSuggestions: null, theme: null
-};
-
-/* ── Helpers ─────────────────────────────────────────────── */
-function escHtml(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
-
-function epicColor(name) {
-  var colors = ['#5B6EF5','#8B5CF6','#EC4899','#F59E0B','#10B981','#06B6D4','#F97316','#6366F1'];
-  var hash = 0;
-  for (var i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);
-  return colors[Math.abs(hash) % colors.length];
-}
-
-function badgeClass(prefix, value) {
-  if (!value) return prefix + '-backlog';
-  return prefix + '-' + value.toLowerCase().replace(/\s+/g, '-');
-}
-
-function fmtDate(d) { return d ? String(d).substring(0, 10) : ''; }
-
-function daysRemaining(endDate) {
-  if (!endDate) return null;
-  var end = new Date(endDate); var now = new Date();
-  return Math.ceil((end - now) / 86400000);
-}
-
-var STATUSES = ['backlog','todo','in-progress','in-review','done','blocked','cancelled'];
-var PRIORITIES = ['urgent','high','medium','low'];
-var STATUS_LABELS = {backlog:'Backlog',todo:'Todo','in-progress':'In Progress','in-review':'In Review',done:'Done',blocked:'Blocked',cancelled:'Cancelled'};
-var PRIORITY_LABELS = {urgent:'Urgent',high:'High',medium:'Medium',low:'Low'};
-var BOARD_COLS = ['backlog','todo','in-progress','in-review','done'];
-var COMPLETED_STATUS = 'done';
-
-/* ── Toast ───────────────────────────────────────────────── */
-function showToast(msg, type) {
-  var el = document.createElement('div');
-  el.className = 'toast toast-' + (type || 'success');
-  el.textContent = msg;
-  document.body.appendChild(el);
-  setTimeout(function() { el.remove(); }, 3000);
-}
-
-/* ── Data Fetching ───────────────────────────────────────── */
-async function fetchJson(url) {
-  try { var r = await fetch(url); return r.ok ? await r.json() : null; }
-  catch { return null; }
-}
-
-async function patchItem(type, id, updates) {
-  try {
-    var base = apiBase();
-    var r = await fetch(base + '/' + type + '/' + encodeURIComponent(id), {
-      method: 'PATCH',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(updates),
-    });
-    var data = await r.json();
-    if (data && data.ok) {
-      showToast('Saved successfully', 'success');
-      return true;
-    } else {
-      showToast('Error: ' + (data.error || 'Unknown'), 'error');
-      return false;
-    }
-  } catch (e) {
-    showToast('Error: ' + e.message, 'error');
-    return false;
-  }
-}
-
-/* ── CRUD API helpers ─────────────────────────────────────── */
-function apiBase() {
-  if (D.activeSource) return '/api/sources/' + encodeURIComponent(D.activeSource);
-  return '/api';
-}
-
-async function createItem(collection, data) {
-  try {
-    var url = apiBase() + '/' + collection;
-    var r = await fetch(url, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(data),
-    });
-    var result = await r.json();
-    if (result && result.ok) {
-      showToast('Created ' + (result.id || ''), 'success');
-      return result;
-    } else {
-      showToast('Error: ' + (result.error || 'Unknown'), 'error');
-      return null;
-    }
-  } catch (e) {
-    showToast('Error: ' + e.message, 'error');
-    return null;
-  }
-}
-
-async function deleteItem(collection, id) {
-  try {
-    var url = apiBase() + '/' + collection + '/' + encodeURIComponent(id);
-    var r = await fetch(url, { method: 'DELETE' });
-    var result = await r.json();
-    if (result && result.ok) {
-      showToast('Archived successfully', 'success');
-      return true;
-    } else {
-      showToast('Error: ' + (result.error || 'Unknown'), 'error');
-      return false;
-    }
-  } catch (e) {
-    showToast('Error: ' + e.message, 'error');
-    return false;
-  }
-}
-
-/* ── Data Loading ────────────────────────────────────────── */
-async function loadAll() {
-  var base = apiBase();
-  var results = await Promise.all([
-    fetchJson(base + '/project'), fetchJson(base + '/milestones'), fetchJson(base + '/epics'),
-    fetchJson(base + '/tasks'), fetchJson(base + '/sprint'), fetchJson(base + '/metrics'),
-    fetchJson(base + '/health'), fetchJson(base + '/sprints'), fetchJson('/api/config'),
-    fetchJson('/api/sources'), fetchJson(base + '/notes')
-  ]);
-  D.project = results[0]; D.milestones = results[1] || []; D.epics = results[2] || [];
-  D.tasks = results[3] || [];
-  if (results[4]) D.sprints = [results[4]]; else D.sprints = [];
-  D.metrics = results[5]; D.health = results[6];
-  D.allSprints = results[7] || [];
-  D.config = results[8];
-  D.sources = results[9] || [];
-  D.notes = results[10] || [];
-  D.loaded = true;
-}
-
-function refreshData() {
-  loadAll().then(function() {
-    initFromConfig();
-    renderAll();
-    if (hasWorkspace()) buildSourceRail();
-  });
-}
-
-function hasWorkspace() {
-  return D.config && D.config.workspace && D.config.workspace.sources && D.config.workspace.sources.length > 0;
-}
-
-/* ── Config-driven initialization ────────────────────────── */
-function initFromConfig() {
-  if (!D.config) return;
-
-  var cfg = D.config;
-
-  // Derive entity names
-  ENTITY_NAMES = cfg.entities || {};
-
-  // Derive statuses, labels, board columns
-  if (cfg.statuses && cfg.statuses.task) {
-    STATUSES = cfg.statuses.task.map(function(s) { return s.key; });
-    STATUS_LABELS = {};
-    cfg.statuses.task.forEach(function(s) { STATUS_LABELS[s.key] = s.label; });
-  }
-
-  // Build icon/color maps for all status types
-  STATUS_ICON_MAP = {};
-  STATUS_COLOR_MAP = {};
-  if (cfg.statuses) {
-    Object.keys(cfg.statuses).forEach(function(entityType) {
-      cfg.statuses[entityType].forEach(function(s) {
-        if (!STATUS_ICON_MAP[s.key]) {
-          STATUS_ICON_MAP[s.key] = { icon: s.icon || 'dashed-circle', color: s.color || '#5A5A63' };
-          STATUS_COLOR_MAP[s.key] = s.color || '#5A5A63';
-        }
-      });
-    });
-  }
-
-  // Derive priorities
-  if (cfg.priorities) {
-    PRIORITIES = cfg.priorities.map(function(p) { return p.key; });
-    PRIORITY_LABELS = {};
-    cfg.priorities.forEach(function(p) { PRIORITY_LABELS[p.key] = p.label; });
-  }
-
-  // Board columns
-  if (cfg.boardColumns) BOARD_COLS = cfg.boardColumns;
-
-  // Completed status
-  if (cfg.completedStatus) COMPLETED_STATUS = cfg.completedStatus;
-
-  generateDynamicStyles();
-}
-
-function generateDynamicStyles() {
-  var css = '';
-  if (D.config && D.config.statuses && D.config.statuses.task) {
-    D.config.statuses.task.forEach(function(s) {
-      var key = s.key;
-      var color = s.color;
-      css += '.badge-' + key + '{background:' + color + '20;color:' + color + '}\n';
-      css += '.card[data-status="' + key + '"]{border-left-color:' + color + '}\n';
-    });
-  }
-  // Milestone/epic/sprint statuses
-  ['milestone', 'epic', 'sprint'].forEach(function(entityType) {
-    if (D.config && D.config.statuses && D.config.statuses[entityType]) {
-      D.config.statuses[entityType].forEach(function(s) {
-        css += '.badge-' + s.key + '{background:' + s.color + '20;color:' + s.color + '}\n';
-      });
-    }
-  });
-  // Priority badges
-  if (D.config && D.config.priorities) {
-    D.config.priorities.forEach(function(p) {
-      css += '.badge-' + p.key + '{background:' + p.color + '20;color:' + p.color + '}\n';
-    });
-  }
-  var styleEl = document.getElementById('dynamic-styles');
-  if (styleEl) styleEl.textContent = css;
-}
-
-/* ══════════════════════════════════════════════════════════════
-   THEME ENGINE
-   ══════════════════════════════════════════════════════════════ */
-function generateThemeCss(themeId) {
-  var theme = THEMES[themeId];
-  if (!theme) return '';
-  var css = '/* mdboard theme: ' + theme.name + ' */\n:root {\n';
-  for (var key in theme.vars) {
-    if (theme.vars.hasOwnProperty(key)) {
-      css += '  --' + key + ': ' + theme.vars[key] + ';\n';
-    }
-  }
-  css += '}\n';
-  return css;
-}
-
-function applyTheme(themeId) {
-  var theme = THEMES[themeId];
-  if (!theme) return;
-  var el = document.getElementById('theme-styles');
-  if (el) el.textContent = generateThemeCss(themeId);
-}
-
-function revertThemePreview() {
-  var el = document.getElementById('theme-styles');
-  if (el) el.textContent = '';
-}
-
-function reloadCustomCss() {
-  var link = document.getElementById('custom-theme');
-  if (link) link.href = '/mdboard.css?t=' + Date.now();
-}
-
-function getActiveTheme() {
-  return D.config && D.config.theme ? D.config.theme : 'default-dark';
-}

package/src/client/editor.js

@@ -1,318 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   EDITOR.JS WRAPPER — md↔blocks conversion + Notion-like UX
-   ══════════════════════════════════════════════════════════════ */
-
-/* ── Inline Markdown ↔ HTML ──────────────────────────────── */
-function inlineMdToHtml(text) {
-  if (!text) return '';
-  text = text.replace(/\*\*(.+?)\*\*/g, '<b>$1</b>');
-  text = text.replace(/\*(.+?)\*/g, '<i>$1</i>');
-  text = text.replace(/`([^`]+)`/g, '<code>$1</code>');
-  text = text.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
-  return text;
-}
-
-function inlineHtmlToMd(html) {
-  if (!html) return '';
-  var text = html.replace(/<br\s*\/?>/gi, '\n');
-  text = text.replace(/<a[^>]+href="([^"]*)"[^>]*>([^<]*)<\/a>/gi, '[$2]($1)');
-  text = text.replace(/<b>([^<]*)<\/b>/gi, '**$1**');
-  text = text.replace(/<strong>([^<]*)<\/strong>/gi, '**$1**');
-  text = text.replace(/<i>([^<]*)<\/i>/gi, '*$1*');
-  text = text.replace(/<em>([^<]*)<\/em>/gi, '*$1*');
-  text = text.replace(/<code>([^<]*)<\/code>/gi, '`$1`');
-  text = text.replace(/<mark[^>]*>([^<]*)<\/mark>/gi, '==$1==');
-  text = text.replace(/<[^>]+>/g, '');
-  return text;
-}
-
-/* ── Markdown → Editor.js Blocks ────────────────────────── */
-function markdownToBlocks(md) {
-  if (!md || !md.trim()) return [{ type: 'paragraph', data: { text: '' } }];
-
-  var lines = md.split('\n');
-  var blocks = [];
-  var i = 0;
-
-  while (i < lines.length) {
-    var line = lines[i];
-
-    if (line.trim() === '') { i++; continue; }
-
-    if (/^---\s*$/.test(line.trim()) || /^\*\*\*\s*$/.test(line.trim())) {
-      blocks.push({ type: 'delimiter', data: {} });
-      i++; continue;
-    }
-
-    var hMatch = line.match(/^(#{1,6})\s+(.+)$/);
-    if (hMatch) {
-      var lvl = Math.min(hMatch[1].length, 6);
-      blocks.push({ type: 'header', data: { text: inlineMdToHtml(hMatch[2]), level: lvl } });
-      i++; continue;
-    }
-
-    if (line.trim().startsWith('```')) {
-      var code = [];
-      i++;
-      while (i < lines.length && !lines[i].trim().startsWith('```')) {
-        code.push(lines[i]);
-        i++;
-      }
-      blocks.push({ type: 'code', data: { code: code.join('\n') } });
-      i++; continue;
-    }
-
-    if (line.trim().startsWith('> ')) {
-      var quoteLines = [];
-      while (i < lines.length && lines[i].trim().startsWith('> ')) {
-        quoteLines.push(lines[i].trim().substring(2));
-        i++;
-      }
-      blocks.push({ type: 'quote', data: { text: inlineMdToHtml(quoteLines.join('<br>')), caption: '' } });
-      continue;
-    }
-
-    if (/^\s*-\s+\[[ x]\]\s+/.test(line)) {
-      var checkItems = [];
-      while (i < lines.length && /^\s*-\s+\[[ x]\]\s+/.test(lines[i])) {
-        var cm = lines[i].match(/^\s*-\s+\[([ x])\]\s+(.+)$/);
-        if (cm) checkItems.push({ content: inlineMdToHtml(cm[2]), meta: { checked: cm[1] === 'x' }, items: [] });
-        i++;
-      }
-      blocks.push({ type: 'list', data: { style: 'checklist', items: checkItems } });
-      continue;
-    }
-
-    if (/^\s*[-*]\s+/.test(line) && !/^\s*-\s+\[/.test(line)) {
-      var listItems = [];
-      while (i < lines.length && /^\s*[-*]\s+/.test(lines[i]) && !/^\s*-\s+\[/.test(lines[i])) {
-        var lm = lines[i].match(/^\s*[-*]\s+(.+)$/);
-        if (lm) listItems.push({ content: inlineMdToHtml(lm[1]), items: [] });
-        i++;
-      }
-      blocks.push({ type: 'list', data: { style: 'unordered', items: listItems } });
-      continue;
-    }
-
-    if (/^\s*\d+\.\s+/.test(line)) {
-      var olItems = [];
-      while (i < lines.length && /^\s*\d+\.\s+/.test(lines[i])) {
-        var om = lines[i].match(/^\s*\d+\.\s+(.+)$/);
-        if (om) olItems.push({ content: inlineMdToHtml(om[1]), items: [] });
-        i++;
-      }
-      blocks.push({ type: 'list', data: { style: 'ordered', items: olItems } });
-      continue;
-    }
-
-    var paraLines = [];
-    while (i < lines.length && lines[i].trim() !== '' &&
-           !/^#{1,6}\s/.test(lines[i]) && !/^```/.test(lines[i]) &&
-           !/^>\s/.test(lines[i]) && !/^\s*[-*]\s/.test(lines[i]) &&
-           !/^\s*\d+\.\s/.test(lines[i]) && !/^---\s*$/.test(lines[i].trim()) &&
-           !/^\*\*\*\s*$/.test(lines[i].trim())) {
-      paraLines.push(lines[i]);
-      i++;
-    }
-    if (paraLines.length > 0) {
-      blocks.push({ type: 'paragraph', data: { text: inlineMdToHtml(paraLines.join('<br>')) } });
-    }
-  }
-
-  return blocks.length > 0 ? blocks : [{ type: 'paragraph', data: { text: '' } }];
-}
-
-/* ── Editor.js Blocks → Markdown ────────────────────────── */
-function blocksToMarkdown(blocks) {
-  if (!blocks || blocks.length === 0) return '';
-
-  var parts = [];
-  for (var i = 0; i < blocks.length; i++) {
-    var b = blocks[i];
-    switch (b.type) {
-      case 'header':
-        var prefix = '';
-        for (var h = 0; h < (b.data.level || 2); h++) prefix += '#';
-        parts.push(prefix + ' ' + inlineHtmlToMd(b.data.text));
-        break;
-      case 'paragraph':
-        parts.push(inlineHtmlToMd(b.data.text));
-        break;
-      case 'list':
-        var items = b.data.items || [];
-        var listLines = [];
-        for (var li = 0; li < items.length; li++) {
-          var itemText = typeof items[li] === 'string' ? items[li] : (items[li].content || items[li].text || '');
-          if (b.data.style === 'checklist') {
-            var chk = (typeof items[li] === 'object' && items[li].meta && items[li].meta.checked) ? 'x' : ' ';
-            listLines.push('- [' + chk + '] ' + inlineHtmlToMd(itemText));
-          } else if (b.data.style === 'ordered') {
-            listLines.push((li + 1) + '. ' + inlineHtmlToMd(itemText));
-          } else {
-            listLines.push('- ' + inlineHtmlToMd(itemText));
-          }
-        }
-        parts.push(listLines.join('\n'));
-        break;
-      case 'checklist':
-        var cItems = b.data.items || [];
-        var checkLines = [];
-        for (var ci = 0; ci < cItems.length; ci++) {
-          var check = cItems[ci].checked ? 'x' : ' ';
-          checkLines.push('- [' + check + '] ' + inlineHtmlToMd(cItems[ci].text || cItems[ci].content || ''));
-        }
-        parts.push(checkLines.join('\n'));
-        break;
-      case 'code':
-        parts.push('```\n' + (b.data.code || '') + '\n```');
-        break;
-      case 'quote':
-        var qText = inlineHtmlToMd(b.data.text || '');
-        var qLines = qText.split('\n');
-        var quoteParts = [];
-        for (var qi = 0; qi < qLines.length; qi++) {
-          quoteParts.push('> ' + qLines[qi]);
-        }
-        parts.push(quoteParts.join('\n'));
-        break;
-      case 'delimiter':
-        parts.push('---');
-        break;
-      default:
-        if (b.data && b.data.text) parts.push(inlineHtmlToMd(b.data.text));
-    }
-  }
-  return parts.join('\n\n');
-}
-
-/* ── Editor.js Instance Management ──────────────────────── */
-function initEditor(holderId, markdown, options) {
-  if (typeof EditorJS === 'undefined') {
-    var el = document.getElementById(holderId);
-    if (el) {
-      var ta = document.createElement('textarea');
-      ta.value = markdown || '';
-      ta.className = 'editor-fallback-textarea';
-      ta.placeholder = (options && options.placeholder) || 'Type / for commands...';
-      ta.id = holderId + '-fallback';
-      el.appendChild(ta);
-    }
-    return { _fallback: true, _holderId: holderId };
-  }
-
-  var opts = options || {};
-  var tools = {};
-
-  if (typeof Header !== 'undefined') {
-    tools.header = {
-      class: Header,
-      inlineToolbar: true,
-      config: { levels: [1, 2, 3, 4], defaultLevel: 2 },
-    };
-  }
-  if (typeof EditorjsList !== 'undefined') tools.list = { class: EditorjsList, inlineToolbar: true, config: { maxLevel: 3 } };
-  if (typeof CodeTool !== 'undefined') tools.code = { class: CodeTool };
-  if (typeof Quote !== 'undefined') tools.quote = { class: Quote, inlineToolbar: true, config: { quotePlaceholder: 'Write a quote...', captionPlaceholder: '' } };
-  if (typeof Delimiter !== 'undefined') tools.delimiter = { class: Delimiter };
-  if (typeof Marker !== 'undefined') tools.marker = { class: Marker };
-  if (typeof InlineCode !== 'undefined') tools.inlineCode = { class: InlineCode };
-
-  var blocks = markdownToBlocks(markdown || '');
-
-  var editor = new EditorJS({
-    holder: holderId,
-    tools: tools,
-    data: { blocks: blocks },
-    placeholder: opts.placeholder || 'Type / for commands...',
-    minHeight: opts.minHeight || 0,
-    autofocus: opts.autofocus || false,
-    onChange: opts.onChange || function() {},
-    defaultBlock: 'paragraph',
-    inlineToolbar: ['bold', 'italic', 'link', 'marker', 'inlineCode'],
-  });
-
-  return editor;
-}
-
-async function getEditorMarkdown(editorInstance) {
-  if (!editorInstance) return '';
-  if (editorInstance._fallback) {
-    var ta = document.getElementById(editorInstance._holderId + '-fallback');
-    return ta ? ta.value : '';
-  }
-  try {
-    var data = await editorInstance.save();
-    return blocksToMarkdown(data.blocks);
-  } catch (e) {
-    return '';
-  }
-}
-
-function destroyEditor(editorInstance) {
-  if (!editorInstance) return;
-  if (editorInstance._fallback) return;
-  if (typeof editorInstance.destroy === 'function') {
-    try { editorInstance.destroy(); } catch (e) { /* ignore */ }
-  }
-}
-
-/* ── Simple Markdown → HTML Renderer (readonly mode) ──── */
-function simpleMarkdownRender(md) {
-  if (!md) return '';
-  var lines = md.split('\n');
-  var html = '';
-  var inCode = false;
-  var inList = false;
-  var listType = '';
-
-  for (var i = 0; i < lines.length; i++) {
-    var line = lines[i];
-
-    if (line.trim().startsWith('```')) {
-      if (inCode) { html += '</code></pre>'; inCode = false; }
-      else { html += '<pre><code>'; inCode = true; }
-      continue;
-    }
-    if (inCode) { html += escHtml(line) + '\n'; continue; }
-
-    if (inList && !/^\s*[-*]\s/.test(line) && !/^\s*\d+\.\s/.test(line)) {
-      html += '</' + listType + '>'; inList = false;
-    }
-
-    if (line.trim() === '') { if (!inList) html += '<br>'; continue; }
-    if (/^---\s*$/.test(line.trim())) { html += '<hr>'; continue; }
-
-    var hm = line.match(/^(#{1,6})\s+(.+)$/);
-    if (hm) { html += '<h' + hm[1].length + '>' + inlineMdToHtml(hm[2]) + '</h' + hm[1].length + '>'; continue; }
-
-    if (/^>\s/.test(line)) { html += '<blockquote>' + inlineMdToHtml(line.substring(2)) + '</blockquote>'; continue; }
-
-    if (/^\s*-\s+\[[ x]\]\s/.test(line)) {
-      var chm = line.match(/^\s*-\s+\[([ x])\]\s+(.+)$/);
-      if (chm) {
-        var checked = chm[1] === 'x';
-        html += '<div class="md-check"><span class="md-check-box' + (checked ? ' checked' : '') + '">' + (checked ? '&#10003;' : '') + '</span> ' + inlineMdToHtml(chm[2]) + '</div>';
-      }
-      continue;
-    }
-
-    if (/^\s*[-*]\s+/.test(line)) {
-      if (!inList || listType !== 'ul') { if (inList) html += '</' + listType + '>'; html += '<ul>'; inList = true; listType = 'ul'; }
-      var lmatch = line.match(/^\s*[-*]\s+(.+)$/);
-      if (lmatch) html += '<li>' + inlineMdToHtml(lmatch[1]) + '</li>';
-      continue;
-    }
-    if (/^\s*\d+\.\s+/.test(line)) {
-      if (!inList || listType !== 'ol') { if (inList) html += '</' + listType + '>'; html += '<ol>'; inList = true; listType = 'ol'; }
-      var omatch = line.match(/^\s*\d+\.\s+(.+)$/);
-      if (omatch) html += '<li>' + inlineMdToHtml(omatch[1]) + '</li>';
-      continue;
-    }
-
-    html += '<p>' + inlineMdToHtml(line) + '</p>';
-  }
-
-  if (inCode) html += '</code></pre>';
-  if (inList) html += '</' + listType + '>';
-  return html;
-}