@powerduck/md-editor 0.8.1 → 0.8.3

package/dist/index.mjs

@@ -80,7 +80,14 @@ class Zt {
     }
   }
   show() {
-    this.trigger && (this.dropdown || (this.dropdown = document.createElement("div"), this.dropdown.className = "md-editor-mention-dropdown", this.dropdown.setAttribute("role", "listbox"), (this.view.dom.closest(".md-editor-root") ?? document.body).appendChild(this.dropdown)), this.renderDropdown(), this.positionDropdown());
+    if (this.trigger) {
+      if (!this.dropdown) {
+        this.dropdown = document.createElement("div"), this.dropdown.className = "md-editor-mention-dropdown", this.dropdown.setAttribute("role", "listbox");
+        const e = this.view.dom.closest(".md-editor-root"), t = (e == null ? void 0 : e.getAttribute("data-theme")) ?? "light";
+        this.dropdown.setAttribute("data-theme", t), document.body.appendChild(this.dropdown);
+      }
+      this.renderDropdown(), this.positionDropdown();
+    }
   }
   renderDropdown() {
     this.dropdown && (this.dropdown.innerHTML = "", this.items.forEach((e, t) => {
@@ -203,7 +210,14 @@ class Xt {
     }
   }
   show() {
-    this.trigger && (this.dropdown || (this.dropdown = document.createElement("div"), this.dropdown.className = "md-editor-doclink-dropdown", this.dropdown.setAttribute("role", "listbox"), (this.view.dom.closest(".md-editor-root") ?? document.body).appendChild(this.dropdown)), this.renderDropdown(), this.positionDropdown());
+    if (this.trigger) {
+      if (!this.dropdown) {
+        this.dropdown = document.createElement("div"), this.dropdown.className = "md-editor-doclink-dropdown", this.dropdown.setAttribute("role", "listbox");
+        const e = this.view.dom.closest(".md-editor-root"), t = (e == null ? void 0 : e.getAttribute("data-theme")) ?? "light";
+        this.dropdown.setAttribute("data-theme", t), document.body.appendChild(this.dropdown);
+      }
+      this.renderDropdown(), this.positionDropdown();
+    }
   }
   renderDropdown() {
     this.dropdown && (this.dropdown.innerHTML = "", this.items.forEach((e, t) => {
@@ -490,18 +504,21 @@ class jt {
   }
   /** Insert @ at cursor and trigger the mention dropdown. */
   insertMention() {
-    this.insertAtCursor("@");
+    this.mention || console.warn(
+      "[md-editor] Mention dropdown is disabled. Pass `mention: { onMentionSearch }` in the editor options to enable it."
+    ), this.insertAtCursor("@");
   }
   /** Insert trigger char at cursor and trigger the doc-link search dropdown. */
   insertDocLink() {
-    this.insertAtCursor("/");
+    this.docLink || console.warn(
+      "[md-editor] Document link dropdown is disabled. Pass `docLink: { onDocSearch }` in the editor options to enable it."
+    ), this.insertAtCursor("/");
   }
   /**
    * Toggle task list (checkbox) markers on the current line or selected
-   * lines. If a line already has `- [ ]` or `- [x]`, the marker is removed.
-   * If a line has `- ` (plain list), it is converted to `- [ ] `. Otherwise
-   * `- [ ] ` is prepended. Lines with `- [x]` are toggled to `- [ ]` and
-   * vice versa when all selected lines are task items.
+   * lines. Project convention: `- [ ]` = checked (green), `- [x]` = unchecked.
+   * If all selected lines are task items: all-checked → uncheck all;
+   * otherwise → check all. Plain lines or `- ` lists get `- [ ] ` prepended.
    */
   toggleTaskList() {
     const { from: e, to: t } = this.view.state.selection.main, i = this.view.state.doc.lineAt(e), r = this.view.state.doc.lineAt(t), a = [];
@@ -510,8 +527,8 @@ class jt {
     const s = a.every(
       (d) => /^- \[[ xX]\]\s/.test(d) || /^- \[[ xX]\]$/.test(d)
     ), o = a.every(
-      (d) => /^- \[[xX]\]\s/.test(d) || /^- \[[xX]\]$/.test(d)
-    ), l = a.map((d) => s ? o ? d.replace(/^- \[[xX]\](\s?)/, "- [ ]$1") : d.replace(/^- \[[ xX]\](\s?)/, "- [x]$1") : /^-(\s|$)/.test(d) ? d.replace(/^-(\s?)/, "- [ ]$1") : `- [ ] ${d}`).join(`
+      (d) => /^- \[ \]\s/.test(d) || /^- \[ \]$/.test(d)
+    ), l = a.map((d) => s ? o ? d.replace(/^- \[ \](\s?)/, "- [x]$1") : d.replace(/^- \[[xX]\](\s?)/, "- [ ]$1") : /^-(\s|$)/.test(d) ? d.replace(/^-(\s?)/, "- [ ]$1") : `- [ ] ${d}`).join(`
 `);
     this.view.dispatch({
       changes: { from: i.from, to: r.to, insert: l },
@@ -7885,7 +7902,7 @@ function $i(n) {
           w && w.type === "text" && (w.content = w.content.replace(/^\[[ xX]\]\s/, ""));
         }
         o.attrSet("class", "task-list-item");
-        const y = `<input type="checkbox" disabled${m ? " checked" : ""} /> `;
+        const y = `<input type="checkbox" disabled${g ? " checked" : ""} /> `;
         return (e ? e(t, i, r, a, s) : s.renderToken(t, i, r)) + y;
       }
     }
@@ -7923,7 +7940,7 @@ class Ui {
     for (const t of e) {
       const i = document.createElement("button");
       if (i.type = "button", i.className = "md-editor-toolbar-btn", t.toggle && i.classList.add("is-toggle"), t.active && i.classList.add("is-active"), i.title = t.title, i.setAttribute("aria-label", t.title), i.setAttribute("data-action", t.name), i.innerHTML = t.icon, i.addEventListener("mousedown", (r) => {
-        r.preventDefault(), t.handler(i);
+        r.preventDefault(), r.stopPropagation(), t.handler(i);
       }), this.buttons.set(t.name, i), this.el.appendChild(i), t.groupEnd) {
         const r = document.createElement("span");
         r.className = "md-editor-toolbar-sep", this.el.appendChild(r);
@@ -8137,7 +8154,8 @@ const L = (n) => `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xm
 class ie {
   constructor(e, t) {
     this.inputs = /* @__PURE__ */ new Map(), this.destroyed = !1, this.anchor = e, this.config = t, this.el = document.createElement("div"), this.el.className = "md-editor-popup", this.el.setAttribute("role", "dialog"), this.el.setAttribute("aria-label", t.title), t.theme && this.el.setAttribute("data-theme", t.theme), this.build(), this.onOutsideClick = (i) => {
-      !this.el.contains(i.target) && i.target !== this.anchor && this.hide();
+      const r = i.target;
+      !this.el.contains(r) && !this.anchor.contains(r) && this.hide();
     }, this.onKeyDown = (i) => {
       i.key === "Escape" && this.hide();
     };
@@ -8516,12 +8534,27 @@ ${r}
       onSubmit: () => {
       }
     }), i = t.el.querySelector(".md-editor-popup-body");
-    i && (i.innerHTML = '<div class="md-editor-help-list">' + this.shortcuts.map(
-      (s) => `<div class="md-editor-help-row">
-                <span class="md-editor-help-desc">${s.description}</span>
-                <span class="md-editor-help-keys">${Xi(s.key)}</span>
+    if (i) {
+      const s = [
+        { label: "Task list", hint: "- [ ] checked  /  - [x] unchecked" },
+        { label: "@mention", hint: "Type @ then pick a user from the dropdown" },
+        { label: "Document link", hint: "Type / then pick a document" },
+        { label: "Math formula", hint: "$E=mc^2$ inline  /  $$ block $$" },
+        { label: "Mindmap", hint: "```mindmap fenced block with # headings" },
+        { label: "Callout", hint: ":::warning Title ...content... :::" }
+      ];
+      i.innerHTML = '<div class="md-editor-help-list">' + this.shortcuts.map(
+        (o) => `<div class="md-editor-help-row">
+                <span class="md-editor-help-desc">${o.description}</span>
+                <span class="md-editor-help-keys">${Xi(o.key)}</span>
+              </div>`
+      ).join("") + '</div><div class="md-editor-help-section-title">Syntax</div><div class="md-editor-help-list">' + s.map(
+        (o) => `<div class="md-editor-help-row">
+                <span class="md-editor-help-desc">${o.label}</span>
+                <span class="md-editor-help-syntax">${o.hint}</span>
               </div>`
-    ).join("") + "</div>");
+      ).join("") + "</div>";
+    }
     const r = t.el.querySelector(".md-editor-popup-footer");
     r && r.remove(), this.activePopup = t, this.activePopup.show();
   }

package/dist/plugins/tasklist.d.ts

@@ -1,7 +1,11 @@
 import type { MarkdownIt } from "markdown-it";
 /**
  * Lightweight task list (checkbox) support for markdown-it.
- * Converts `- [ ]` and `- [x]` list items into checkboxes without
- * requiring the full markdown-it-task-lists dependency.
+ * Converts `- [ ]` and `- [x]` list items into checkboxes.
+ * Semantics (per project convention):
+ *   `- [ ]`  → checked (green checkmark)
+ *   `- [x]`  → unchecked (empty box)
+ * This is the inverse of GitHub Flavored Markdown; the project treats an
+ * empty box as "selected/done" and a marked box as "not yet selected".
  */
 export declare function useTaskList(md: MarkdownIt): void;