/* ============================================================ Mesper Docs — Confluence-style wiki (Phase 1). Spaces → page tree, document WYSIWYG, cross-tool backlinks, search, comments, versions, templates. Mounts at /docs. Loads AFTER screen-tasks/crm so it can reuse htmlToMarkdown / FormatToolbar / RichText / Icon / Button. ============================================================ */ /* ---- i18n (EN/DE, persisted; namespaced to avoid clashing with CRM) ---- */ const DOC_DICT = { en: { docs: "Docs", spaces: "Clients", recent: "Recent", favorites: "Favorites", search: "Search", searchPh: "Search docs…", newPage: "New page", newSpace: "New client", subpage: "Add subpage", untitled: "Untitled", folder: "Folder", folders: "Folders", newFolder: "New folder", newDoc: "New doc", noFolders: "No folders yet – create the first.", emptyFolder: "No documents yet.", documents: "Documents", clientEmpty: "Nothing here yet – add a folder.", trash: "Trash", trashHint: "Deleted items are kept for 30 days, then permanently removed.", trashEmpty: "Trash is empty.", deleteForever: "Delete forever", archive: "Archive", moveToTrash: "Move to trash", daysLeft: "days left", deletedBy: "Deleted by", confirmPurge: "Permanently delete this? It cannot be restored.", editClient: "Edit client", duplicate: "Duplicate", duplicateError: "Could not duplicate the page.", edit: "Edit", save: "Save", cancel: "Cancel", delete: "Delete", rename: "Rename", back: "Back", open: "Open", templates: "Templates", useTemplate: "From template", blankPage: "Blank page", backlinks: "Links", linkedFrom: "Linked from", linksTo: "Links to", noBacklinks: "No links yet.", comments: "Comments", addComment: "Add a comment… · @ to mention", resolve: "Resolve", resolved: "Resolved", noComments: "No comments yet.", versions: "History", restore: "Restore", restored: "Restored", by: "by", createSpace: "Add client", spaceName: "Client name", spaceKey: "Key (short)", spaceDesc: "Description", color: "Color", confirmDelete: "Delete this page and all its subpages? This cannot be undone.", emptySpace: "No pages yet – create the first.", writeSomething: "Start writing… · “/” soon, @ to link people, docs, companies, projects", tBold: "Bold", tItalic: "Italic", tUnderline: "Underline", tStrike: "Strikethrough", tH1: "Heading 1", tH2: "Heading 2", tH3: "Heading 3", tUl: "Bulleted list", tOl: "Numbered list", tQuote: "Quote", tCode: "Inline code", tCodeblock: "Code block", tLink: "Link", tTable: "Table", tImage: "Image", tMention: "Mention / link (@)", star: "Star", lastEdited: "Edited", noResults: "No results.", inDocs: "Mentioned in docs", searchAll: "Search all docs…", mDoc: "Docs", mCompany: "Companies", mProject: "Projects", mPerson: "People", writeComment: "Write a comment…", home: "Home", allPages: "pages", pageIcon: "Emoji", movePage: "Move", welcome: "Welcome to Docs", welcomeSub: "Your team wiki – SOPs, onboarding, know-how. Everything linkable to CRM, Tasks and people.", access: "Access", everyone: "Whole team", everyoneDesc: "Everyone at Mesper can view & edit.", specificPeople: "Restricted", specificDesc: "Only selected people can see this page.", whoCanAccess: "Who can access", applySubpages: "Also apply to all subpages", slashHint: "Insert…", sH1: "Heading 1", sH2: "Heading 2", sH3: "Heading 3", sUl: "Bulleted list", sOl: "Numbered list", sQuote: "Quote", sCodeblock: "Code block", sTable: "Table", sImage: "Image", sDivider: "Divider", sMention: "Mention / link", tH4: "Heading 4", tH5: "Heading 5", tPara: "Normal text", tStyle: "Text style", tMore: "More", tColor: "Text color", cDefault: "Default", tTask: "Task list", tEmoji: "Emoji", tDate: "Date", tUndo: "Undo", tRedo: "Redo", tPanel: "Panel", insertBtn: "Insert", sInfo: "Info panel", sSuccess: "Success panel", sWarning: "Warning panel", sNote: "Note panel", sDecision: "Decision", sTask: "Task list", sEmoji: "Emoji", sDate: "Date", sStatus: "Status", statusPh: "Status label", tRowAbove: "Row above", tRowBelow: "Row below", tColLeft: "Column left", tColRight: "Column right", tDelRow: "Delete row", tDelCol: "Delete column", tHeaderToggle: "Toggle header", tDelTable: "Delete table", share: "Share", copyLink: "Copy link", copied: "Copied", invite: "Invite", guests: "Guests", guestsInArea: "guests in this space", externalGuests: "External guests", guestEmail: "Email", guestName: "Name (optional)", noGuests: "No guests yet.", inviteErr: "Could not send invite.", area: "Space", guestHint: "Guests create their own account with email and password at app.mesper.de – use the invite text above to invite them.", inviteSent: "Invitation sent – the guest gets an email with a sign-in link.", inviteSavedNoMail: "Invitation saved. Mail limit reached – send the link again later.", sendLink: "Send link", linkSent: "Sent", sendFail: "Failed", inviteSavedCopyHint: "Invited. Copy the invite text and send it to the guest.", inviteMailSent: "Invitation sent – the guest received an email with a sign-in link.", statusRegistered: "Registered", statusPending: "Pending", sendReset: "Send password reset", resetSent: "Reset sent", resetFail: "Failed", copyInvite: "Copy invite text", inviteCopied: "Copied!", updateBtn: "Update", closeBtn: "Close", searchTree: "Search by title", byLine: "By", updatedLabel: "Updated", editedLabel: "Edited", create: "Create", pageItem: "Page", confirmDiscard: "Discard your changes?", tplMeeting: "Meeting notes", tplMeetingDesc: "Agenda, attendees, action items, decisions.", tplBlankDesc: "Start from a clean page.", activity: "Activity", activityEmpty: "No activity yet.", allSpaces: "All spaces", actAll: "All actions", actEdits: "Edits", actCreated: "Created", actTrash: "Deleted / Trash", actGuests: "Guests", dToday: "Today", dYesterday: "Yesterday", avPage: "page", avFolder: "folder", avSpace: "space", avaCreated: "created", avaUpdated: "edited", avaDuplicated: "duplicated", avaArchived: "archived", avaUnarchived: "unarchived", avaDeleted: "moved to trash", avaRestored: "restored", avaPurged: "permanently deleted", avgInvited: "invited guest", avgRemoved: "removed guest", avgLogin: "signed in", kindLabel: "Type", kindClient: "Client", kindInternal: "Internal", linksLabel: "Links", linkCrm: "CRM", linkBoard: "Board", createBoard: "Create board project", }, de: { docs: "Docs", spaces: "Kunden", recent: "Zuletzt", favorites: "Favoriten", search: "Suche", searchPh: "Docs durchsuchen…", newPage: "Neue Seite", newSpace: "Neuer Kunde", subpage: "Unterseite", untitled: "Ohne Titel", folder: "Ordner", folders: "Ordner", newFolder: "Neuer Ordner", newDoc: "Neue Doku", noFolders: "Noch keine Ordner – leg den ersten an.", emptyFolder: "Noch keine Dokumente.", documents: "Dokumente", clientEmpty: "Noch nichts hier – leg einen Ordner an.", trash: "Papierkorb", trashHint: "Gelöschtes bleibt 30 Tage erhalten, dann wird es endgültig entfernt.", trashEmpty: "Papierkorb ist leer.", deleteForever: "Endgültig löschen", archive: "Archivieren", moveToTrash: "In den Papierkorb", daysLeft: "Tage übrig", deletedBy: "Gelöscht von", confirmPurge: "Endgültig löschen? Kann nicht wiederhergestellt werden.", editClient: "Kunde bearbeiten", duplicate: "Duplizieren", duplicateError: "Seite konnte nicht dupliziert werden.", edit: "Bearbeiten", save: "Speichern", cancel: "Abbrechen", delete: "Löschen", rename: "Umbenennen", back: "Zurück", open: "Öffnen", templates: "Vorlagen", useTemplate: "Aus Vorlage", blankPage: "Leere Seite", backlinks: "Verknüpfungen", linkedFrom: "Verlinkt von", linksTo: "Verlinkt auf", noBacklinks: "Noch keine Verknüpfungen.", comments: "Kommentare", addComment: "Kommentar hinzufügen… · @ für Erwähnung", resolve: "Erledigen", resolved: "Erledigt", noComments: "Noch keine Kommentare.", versions: "Verlauf", restore: "Wiederherstellen", restored: "Wiederhergestellt", by: "von", createSpace: "Kunde anlegen", spaceName: "Kundenname", spaceKey: "Kürzel", spaceDesc: "Beschreibung", color: "Farbe", confirmDelete: "Diese Seite und alle Unterseiten löschen? Nicht rückgängig zu machen.", emptySpace: "Noch keine Seiten – leg die erste an.", writeSomething: "Schreib los… · @ verlinkt Personen, Docs, Firmen, Projekte", tBold: "Fett", tItalic: "Kursiv", tUnderline: "Unterstrichen", tStrike: "Durchgestrichen", tH1: "Überschrift 1", tH2: "Überschrift 2", tH3: "Überschrift 3", tUl: "Aufzählung", tOl: "Nummerierte Liste", tQuote: "Zitat", tCode: "Code inline", tCodeblock: "Codeblock", tLink: "Link", tTable: "Tabelle", tImage: "Bild", tMention: "Erwähnen / verlinken (@)", star: "Favorit", lastEdited: "Bearbeitet", noResults: "Keine Treffer.", inDocs: "In Docs erwähnt", searchAll: "Alle Docs durchsuchen…", mDoc: "Docs", mCompany: "Firmen", mProject: "Projekte", mPerson: "Team", writeComment: "Kommentar schreiben…", home: "Start", allPages: "Seiten", pageIcon: "Emoji", movePage: "Verschieben", welcome: "Willkommen bei Docs", welcomeSub: "Euer Team-Wiki – SOPs, Onboarding, Wissen. Alles verlinkbar mit CRM, Tasks und Personen.", access: "Zugriff", everyone: "Ganzes Team", everyoneDesc: "Jeder bei Mesper kann sehen & bearbeiten.", specificPeople: "Eingeschränkt", specificDesc: "Nur ausgewählte Personen sehen diese Seite.", whoCanAccess: "Wer hat Zugriff", applySubpages: "Auch auf alle Unterseiten anwenden", slashHint: "Einfügen…", sH1: "Überschrift 1", sH2: "Überschrift 2", sH3: "Überschrift 3", sUl: "Aufzählung", sOl: "Nummerierte Liste", sQuote: "Zitat", sCodeblock: "Codeblock", sTable: "Tabelle", sImage: "Bild", sDivider: "Trennlinie", sMention: "Erwähnen / verlinken", tH4: "Überschrift 4", tH5: "Überschrift 5", tPara: "Normaler Text", tStyle: "Textstil", tMore: "Mehr", tColor: "Textfarbe", cDefault: "Standard", tTask: "Aufgabenliste", tEmoji: "Emoji", tDate: "Datum", tUndo: "Rückgängig", tRedo: "Wiederholen", tPanel: "Panel", insertBtn: "Einfügen", sInfo: "Info-Panel", sSuccess: "Erfolg-Panel", sWarning: "Warnung-Panel", sNote: "Notiz-Panel", sDecision: "Entscheidung", sTask: "Aufgabenliste", sEmoji: "Emoji", sDate: "Datum", sStatus: "Status", statusPh: "Status-Text", tRowAbove: "Zeile darüber", tRowBelow: "Zeile darunter", tColLeft: "Spalte links", tColRight: "Spalte rechts", tDelRow: "Zeile löschen", tDelCol: "Spalte löschen", tHeaderToggle: "Kopfzeile an/aus", tDelTable: "Tabelle löschen", share: "Teilen", copyLink: "Link kopieren", copied: "Kopiert", invite: "Einladen", guests: "Gäste", guestsInArea: "Gäste in diesem Bereich", externalGuests: "Externe Gäste", guestEmail: "E-Mail", guestName: "Name (optional)", noGuests: "Noch keine Gäste.", inviteErr: "Einladung fehlgeschlagen.", area: "Bereich", guestHint: "Gäste erstellen ihr Konto selbst mit E-Mail und Passwort auf app.mesper.de – nutze den Einladungstext oben, um sie einzuladen.", inviteSent: "Einladung gesendet – der Gast erhält eine E-Mail mit Anmelde-Link.", inviteSavedNoMail: "Einladung gespeichert. Mail-Limit erreicht – Link später erneut senden.", sendLink: "Link senden", linkSent: "Gesendet", sendFail: "Fehler", inviteSavedCopyHint: "Eingeladen. Kopiere den Einladungstext und schick ihn dem Gast.", inviteMailSent: "Einladung gesendet – der Gast hat eine E-Mail mit Anmelde-Link erhalten.", statusRegistered: "Registriert", statusPending: "Ausstehend", sendReset: "Passwort-Reset senden", resetSent: "Reset gesendet", resetFail: "Fehlgeschlagen", copyInvite: "Einladungstext kopieren", inviteCopied: "Kopiert!", updateBtn: "Aktualisieren", closeBtn: "Schließen", searchTree: "Nach Titel suchen", byLine: "Von", updatedLabel: "Aktualisiert", editedLabel: "Bearbeitet", create: "Erstellen", pageItem: "Seite", confirmDiscard: "Änderungen verwerfen?", tplMeeting: "Besprechungsnotizen", tplMeetingDesc: "Agenda, Teilnehmer, Handlungspunkte, Entscheidungen.", tplBlankDesc: "Mit einer leeren Seite starten.", activity: "Aktivität", activityEmpty: "Noch keine Aktivität.", allSpaces: "Alle Bereiche", actAll: "Alle Aktionen", actEdits: "Bearbeitungen", actCreated: "Erstellt", actTrash: "Gelöscht / Papierkorb", actGuests: "Gäste", dToday: "Heute", dYesterday: "Gestern", avPage: "Seite", avFolder: "Ordner", avSpace: "Bereich", avaCreated: "erstellt", avaUpdated: "bearbeitet", avaDuplicated: "dupliziert", avaArchived: "archiviert", avaUnarchived: "wiederhergestellt", avaDeleted: "in den Papierkorb verschoben", avaRestored: "wiederhergestellt", avaPurged: "endgültig gelöscht", avgInvited: "hat Gast eingeladen", avgRemoved: "hat Gast entfernt", avgLogin: "hat sich angemeldet", kindLabel: "Art", kindClient: "Kunde", kindInternal: "Intern", linksLabel: "Verknüpfungen", linkCrm: "CRM", linkBoard: "Board", createBoard: "Board-Projekt anlegen", }, }; const DocI18n = React.createContext({ lang: "de", t: (k) => k }); function useDT() { return React.useContext(DocI18n); } /* ---- helpers ---- */ function docFieldLabel() { return { fontSize: 12.5, fontWeight: 600, color: "var(--ink-3)", marginBottom: 6 }; } function docRel(iso) { if (!iso) return ""; const s = Math.round((Date.now() - new Date(iso).getTime()) / 1000); if (s < 60) return "gerade eben"; const m = Math.round(s / 60); if (m < 60) return m + "m"; const h = Math.round(m / 60); if (h < 24) return h + "h"; const d = Math.round(h / 24); if (d < 7) return d + "d"; try { return new Date(iso).toLocaleDateString("de-DE", { day: "numeric", month: "short" }); } catch (_) { return ""; } } function docPersonName(id) { const p = (typeof VP_DATA !== "undefined" && VP_DATA.byId && VP_DATA.byId[id]) || null; return p ? `${p.first || ""} ${p.last || ""}`.trim() || p.email : ""; } function docPerson(id) { return (typeof VP_DATA !== "undefined" && VP_DATA.byId && VP_DATA.byId[id]) || null; } function docBuildTree(pages) { const byId = {}, roots = []; pages.forEach((p) => { byId[p.id] = { ...p, children: [] }; }); pages.forEach((p) => { const n = byId[p.id]; if (p.parentId && byId[p.parentId]) byId[p.parentId].children.push(n); else roots.push(n); }); const sortRec = (arr) => { arr.sort((a, b) => (a.sort - b.sort) || a.title.localeCompare(b.title)); arr.forEach((n) => sortRec(n.children)); }; sortRec(roots); return { roots, byId }; } // keep pages whose title matches q, plus all their ancestors (so the tree stays navigable) function docFilterTreePages(pages, q) { const byId = {}; pages.forEach((p) => (byId[p.id] = p)); const keep = new Set(); pages.forEach((p) => { if ((p.title || "").toLowerCase().includes(q)) { let cur = p, guard = 0; while (cur && guard++ < 60) { keep.add(cur.id); cur = cur.parentId ? byId[cur.parentId] : null; } } }); return pages.filter((p) => keep.has(p.id)); } // parse #/mesper// links out of markdown → backlink rows function docParseLinks(md) { const out = [], seen = new Set(); const re = /\[([^\]]*)\]\(#\/mesper\/([a-z_]+)\/([^)]+)\)/g; let m; while ((m = re.exec(md || ""))) { const key = m[2] + "|" + m[3]; if (seen.has(key)) continue; seen.add(key); out.push({ label: m[1], targetType: m[2], targetId: decodeURIComponent(m[3]) }); } return out; } function docNavigateRef(type, id, navigate) { if (type === "doc") navigate("/docs/p/" + id); else if (type === "crm_company") navigate("/crm/c/" + id); else if (type === "project") navigate("/approvals/p/" + id); else if (type === "task") navigate("/approvals/t/" + id); // user → no navigation } const DOC_REF_ICON = { doc: "file", crm_company: "users", project: "inbox", task: "check", user: "star" }; /* ---- docs-specific HTML↔Markdown (own Turndown w/ GFM tables) ---- */ function docGetTurndown() { if (window.__docTD !== undefined) return window.__docTD; if (!window.TurndownService) { window.__docTD = null; return null; } const td = new window.TurndownService({ headingStyle: "atx", bulletListMarker: "-", codeBlockStyle: "fenced", emDelimiter: "*", strongDelimiter: "**" }); if (window.turndownPluginGfm && window.turndownPluginGfm.gfm) { try { td.use(window.turndownPluginGfm.gfm); } catch (_) {} } td.addRule("strikethrough", { filter: ["del", "s", "strike"], replacement: (c) => "~~" + c + "~~" }); td.keep(["u"]); window.__docTD = td; return td; } function docHtmlToMarkdown(html) { let h = String(html || "").replace(/]*\bdata-media="([^"]+)"[^>]*>/gi, (m, p) => ` [[MEDIA:${p}]] `); h = h.replace(/([\s\S]*?)<\/span>/gi, "$1"); const clean = window.DOMPurify ? DOMPurify.sanitize(h, { ADD_TAGS: ["table", "thead", "tbody", "tr", "td", "th"] }) : h; const td = docGetTurndown(); let md = ""; if (td) { try { md = td.turndown(clean); } catch (_) { const t = document.createElement("div"); t.innerHTML = clean; md = t.textContent || ""; } } else { const t = document.createElement("div"); t.innerHTML = clean; md = t.textContent || ""; } md = md.replace(/\[\[MEDIA:([^\]]+)\]\]/g, (m, p) => `\n\n![](media://${p})\n\n`).replace(/\n{3,}/g, "\n\n").trim(); return md; } function docPlainText(md) { return String(md || "").replace(/!\[[^\]]*\]\([^)]*\)/g, " ").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[#*_`>~|-]/g, " ").replace(/\s+/g, " ").trim(); } /* ---- docs render pipeline (allows img/table/# links) ---- */ const DOCS_PURIFY_CFG = { ALLOWED_TAGS: ["p", "br", "strong", "em", "b", "i", "u", "s", "strike", "del", "mark", "span", "div", "h1", "h2", "h3", "h4", "h5", "ul", "ol", "li", "blockquote", "code", "pre", "a", "hr", "input", "img", "table", "thead", "tbody", "tr", "td", "th"], ALLOWED_ATTR: ["href", "target", "rel", "type", "checked", "disabled", "class", "start", "src", "alt", "colspan", "rowspan", "contenteditable", "width"], ALLOW_DATA_ATTR: true, ALLOWED_URI_REGEXP: /^(https?:|mailto:|media:|#)/i, // A custom ALLOWED_URI_REGEXP makes DOMPurify vet EVERY attribute value that // is not URI-safe — plain value attrs like type="checkbox" would be stripped. ADD_URI_SAFE_ATTR: ["type", "checked", "disabled", "start", "colspan", "rowspan", "contenteditable", "data-date", "data-media", "data-type", "width"], }; function docSanitizeHtml(html) { if (!window.DOMPurify) return String(html || ""); try { return DOMPurify.sanitize(String(html || ""), DOCS_PURIFY_CFG); } catch (e) { return ""; } } // Paste cleanup: strip editor chrome from copied HTML (Office/Docs wrappers, // styles, empty spans) and unwrap a sole block so it merges into the caret line // instead of forcing a new paragraph. Falls back to plain text when no HTML. function docSanitizePaste(html) { if (!window.DOMPurify) return ""; // Google Docs wraps whole pastes in — strip that // fake-bold shell before sanitize removes the style and leaves real . let raw = String(html || "").replace(/]*font-weight:\s*normal[^>]*>([\s\S]*?)<\/b>/gi, "$1"); let clean = ""; try { clean = DOMPurify.sanitize(raw, DOCS_PURIFY_CFG); } catch (e) { return ""; } const d = document.createElement("div"); d.innerHTML = clean; // drop classless/styleless spans (Google Docs wraps every run in one) d.querySelectorAll("span").forEach((s) => { if (!s.className) { const p = s.parentNode; while (s.firstChild) p.insertBefore(s.firstChild, s); p.removeChild(s); } }); // strip empty leading/trailing paragraphs Array.prototype.slice.call(d.children).forEach((c) => { if ((c.tagName === "P" || c.tagName === "DIV") && !c.textContent.trim() && !c.querySelector("img,br+*")) { /* keep single
paragraphs out */ } }); // if the whole paste is one block, unwrap it so it stays on the current line const blocks = Array.prototype.slice.call(d.children); if (blocks.length === 1 && (blocks[0].tagName === "P" || blocks[0].tagName === "DIV")) { const b = blocks[0], p = b.parentNode; while (b.firstChild) p.insertBefore(b.firstChild, b); p.removeChild(b); } return d.innerHTML; } function docEscapeHtml(s) { return String(s || "").replace(/[<>&]/g, (c) => ({ "<": "<", ">": ">", "&": "&" }[c])); } function docRenderHtml(md) { const text = (md || "").trim(); if (!text || !window.marked || !window.DOMPurify) return null; try { if (typeof rtSetup === "function") rtSetup(); return DOMPurify.sanitize(marked.parse(text), DOCS_PURIFY_CFG); } catch (e) { return null; } } /* text-colour classes for the editor palette + date formatting helpers */ const DOC_COLORS = [ { cls: "doc-c-red", hex: "#C9372C" }, { cls: "doc-c-orange", hex: "#B65C02" }, { cls: "doc-c-green", hex: "#1F845A" }, { cls: "doc-c-blue", hex: "#0C66E4" }, { cls: "doc-c-purple", hex: "#6E5DC6" }, { cls: "doc-c-gray", hex: "#626F86" }, ]; const DOC_STATUS_COLORS = ["gray", "blue", "green", "yellow", "red"]; function docToday() { const d = new Date(); const p = (n) => String(n).padStart(2, "0"); return d.getFullYear() + "-" + p(d.getMonth() + 1) + "-" + p(d.getDate()); } function docFormatDate(iso) { const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso || ""); if (!m) return iso || ""; try { return new Date(+m[1], +m[2] - 1, +m[3]).toLocaleDateString("de-DE", { day: "numeric", month: "long", year: "numeric" }); } catch (_) { return iso || ""; } } // built-in "Besprechungsnotizen" template (1:1 nach PDF), stored as HTML body function DOC_TPL_MEETING() { const d = docToday(), lbl = docFormatDate(d); return [ "

📅 Datum

", '

' + lbl + " 

", "

🧑‍🤝‍🧑 Teilnehmer

", "

", "

🥅 Ziele

", "

", "

🗣️ Diskussionsthemen

", "", "", "", "", "
ZeitThemaReferentNotizen
30 Min.










", "

✅ Handlungspunkte

", '
  •  
', "

📜 Zusammenfassung

", "


", "

⤵️ Entscheidungen

", '


', "


", ].join(""); } function docMeetingTitle(spaceName) { return (docToday() + " Weekly " + (spaceName || "")).trim(); } // toggle the n-th .doc-tasks checkbox's checked attribute inside an HTML string function docToggleTaskHtml(html, index, checked) { const div = document.createElement("div"); div.innerHTML = String(html || ""); const boxes = div.querySelectorAll(".doc-tasks input[type=checkbox]"); const box = boxes[index]; if (!box) return String(html || ""); if (checked) box.setAttribute("checked", ""); else box.removeAttribute("checked"); return div.innerHTML; } // curated emoji set (smileys, gestures, objects, symbols + meeting-template glyphs) const DOC_EMOJI = "📄 📘 📗 📕 📙 📓 📔 📚 📝 ✏️ 🖊️ 📌 📎 🔖 🗂️ 📁 📂 🗃️ 🗄️ 📋 📊 📈 📉 🗓️ 📅 📆 ⏰ ⏱️ ⌛ 🔑 🔒 🔓 🔔 📣 📢 💬 🗯️ 🗨️ 💡 🔦 🔥 ⭐ 🌟 ✨ ⚡ 🎯 🥅 🚀 🛠️ ⚙️ 🧰 🔧 🔨 📐 📏 🧭 🗺️ 🏁 🚩 🎉 🎊 🏆 🥇 🎖️ ✅ ☑️ ✔️ ❌ ❎ ➕ ➖ ⤵️ ↗️ ➡️ 🔁 🔄 ♻️ ⚠️ ❗ ❓ ❔ 💯 🆕 🆗 🔴 🟠 🟡 🟢 🔵 🟣 ⚫ ⚪ 🟥 🟧 🟨 🟩 🟦 🟪 😀 😃 😄 😁 😉 😊 🙂 😍 🤩 😎 🤔 🧐 😴 😅 😬 😳 🙌 👏 👍 👎 👌 🤝 🙏 💪 🫡 👀 🧑‍🤝‍🧑 👥 🗣️ 📜 💰 💸 📦 🏷️ 🌐 🔗".split(" "); function DocEmojiGrid({ onPick }) { return (
{DOC_EMOJI.map((e, i) => ( ))}
); } function DocBody({ md, bodyHtml, navigate, pageId, onToggleTask }) { const ref = React.useRef(null); const useHtml = !!(bodyHtml && bodyHtml.trim()); const html = React.useMemo(() => useHtml ? docSanitizeHtml(bodyHtml) : docRenderHtml(md), [useHtml, bodyHtml, md]); React.useEffect(() => { const root = ref.current; if (!root) return; root.querySelectorAll('a[href^="#/mesper/"]').forEach((a) => { const mm = (a.getAttribute("href") || "").match(/^#\/mesper\/([a-z_]+)\/(.+)$/); if (!mm) return; a.classList.add("doc-chip"); a.removeAttribute("target"); a.removeAttribute("rel"); a.onclick = (e) => { e.preventDefault(); docNavigateRef(mm[1], decodeURIComponent(mm[2]), navigate); }; }); const imgs = Array.prototype.slice.call(root.querySelectorAll('img[src^="media://"]')); if (imgs.length && MesperDB.docsSignMedia) { const paths = imgs.map((i) => (i.getAttribute("src") || "").slice(8)); MesperDB.docsSignMedia(paths).then((map) => imgs.forEach((i) => { const p = (i.getAttribute("src") || "").slice(8); if (map[p]) i.src = map[p]; })).catch(() => {}); } // clickable task checkboxes in view mode if (typeof onToggleTask === "function") { const boxes = Array.prototype.slice.call(root.querySelectorAll(".doc-tasks input[type=checkbox]")); boxes.forEach((box, i) => { box.checked = box.hasAttribute("checked"); box.style.cursor = "pointer"; box.onclick = (e) => { e.preventDefault(); const nx = !box.hasAttribute("checked"); onToggleTask(pageId, i, nx); }; }); } }, [html, pageId]); if (html == null) return
{md || ""}
; return
; } /* ---- injected styles (scoped to .doc-*) ---- */ function DocsStyles() { return (