@powerduck/md-editor 0.8.3 → 0.8.5

package/README.md

@@ -247,6 +247,11 @@ npm run build           # vite build + d.ts generation
 
 ## Changelog
 
+### v0.8.4
+
+- **Fixed**: React component `MarkdownEditorReact` now passes through all extra props (`mention`, `docLink`, `toolbar`, `onImageUpload`, `includeCommonHeaders`, `includeCookies`, `placeholder`, etc.) to the underlying `MarkdownEditor` instance. Previously only a subset of props were forwarded, so `mention` and `docLink` configs were silently ignored.
+- **Test**: 311 tests, all passing, zero unhandled errors.
+
 ### v0.8.3
 
 - **Changed**: Task list checkbox semantics inverted per project convention. `- [ ]` now renders as **checked** (green checkmark); `- [x]` / `- [X]` renders as **unchecked** (empty box). `toggleTaskList()` and all tests updated accordingly.

package/dist/index.d.ts

@@ -128,3 +128,5 @@ export { icons, type IconName } from './icons.js';
 export { Popup, type PopupConfig, type PopupField } from './plugins/popup.js';
 export { extractYouTubeId, youTubeEmbedMarkdown, imageMarkdown, videoMarkdown, isVideoFile } from './plugins/media.js';
 export { DEFAULT_SHORTCUTS, matchShortcut, formatShortcut, formatShortcutHtml, type ShortcutDef } from './plugins/keyboard.js';
+export { type MentionItem, type MentionOptions } from './plugins/mention.js';
+export { type DocItem, type DocMeta, type DocLinkOptions } from './plugins/doclink.js';

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),n=require("react"),y=require("./index.cjs"),k=n.forwardRef(function(g,v){const{value:u,defaultValue:E,onChange:a,className:M,style:V,mode:i,theme:c,math:d,mindmap:l,preview:f,autoPreview:m,renderDebounce:w}=g,s=n.useRef(null),t=n.useRef(null),o=n.useRef(a);return o.current=a,n.useLayoutEffect(()=>{if(!s.current)return;const e=new y.MarkdownEditor(s.current,{value:u??E??"",mode:i,theme:c,math:d,mindmap:l,preview:f,autoPreview:m,renderDebounce:w,onChange:r=>{var R;return(R=o.current)==null?void 0:R.call(o,r)}});return t.current=e,()=>{e.destroy(),t.current=null}},[i,d,l,f,m,w]),n.useEffect(()=>{const e=t.current;!e||u===void 0||e.getValue()!==u&&e.setValue(u)},[u]),n.useEffect(()=>{t.current&&c&&t.current.setTheme(c)},[c]),n.useImperativeHandle(v,()=>({getValue:()=>{var e;return((e=t.current)==null?void 0:e.getValue())??""},setValue:e=>{var r;return(r=t.current)==null?void 0:r.setValue(e)},getHtml:()=>{var e;return((e=t.current)==null?void 0:e.getHtml())??""},focus:()=>{var e;return(e=t.current)==null?void 0:e.focus()},setMode:e=>{var r;return(r=t.current)==null?void 0:r.setMode(e)},setTheme:e=>{var r;return(r=t.current)==null?void 0:r.setTheme(e)},renderNow:()=>{var e;return(e=t.current)==null?void 0:e.renderNow()}}),[]),h.jsx("div",{ref:s,className:M,style:V})});exports.MarkdownEditorReact=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),n=require("react"),k=require("./index.cjs"),p=n.forwardRef(function(g,v){const{value:u,defaultValue:E,onChange:a,className:M,style:V,mode:i,theme:c,math:d,mindmap:l,preview:f,autoPreview:m,renderDebounce:w,...h}=g,o=n.useRef(null),t=n.useRef(null),s=n.useRef(a);return s.current=a,n.useLayoutEffect(()=>{if(!o.current)return;const e=new k.MarkdownEditor(o.current,{value:u??E??"",mode:i,theme:c,math:d,mindmap:l,preview:f,autoPreview:m,renderDebounce:w,onChange:r=>{var R;return(R=s.current)==null?void 0:R.call(s,r)},...h});return t.current=e,()=>{e.destroy(),t.current=null}},[i,d,l,f,m,w]),n.useEffect(()=>{const e=t.current;!e||u===void 0||e.getValue()!==u&&e.setValue(u)},[u]),n.useEffect(()=>{t.current&&c&&t.current.setTheme(c)},[c]),n.useImperativeHandle(v,()=>({getValue:()=>{var e;return((e=t.current)==null?void 0:e.getValue())??""},setValue:e=>{var r;return(r=t.current)==null?void 0:r.setValue(e)},getHtml:()=>{var e;return((e=t.current)==null?void 0:e.getHtml())??""},focus:()=>{var e;return(e=t.current)==null?void 0:e.focus()},setMode:e=>{var r;return(r=t.current)==null?void 0:r.setMode(e)},setTheme:e=>{var r;return(r=t.current)==null?void 0:r.setTheme(e)},renderNow:()=>{var e;return(e=t.current)==null?void 0:e.renderNow()}}),[]),y.jsx("div",{ref:o,className:M,style:V})});exports.MarkdownEditorReact=p;

package/dist/react.mjs

@@ -1,12 +1,12 @@
-import { jsx as R } from "react/jsx-runtime";
-import { forwardRef as k, useRef as a, useLayoutEffect as y, useEffect as v, useImperativeHandle as H } from "react";
-import { MarkdownEditor as N } from "./index.mjs";
-const C = k(
+import { jsx as k } from "react/jsx-runtime";
+import { forwardRef as y, useRef as s, useLayoutEffect as H, useEffect as v, useImperativeHandle as N } from "react";
+import { MarkdownEditor as T } from "./index.mjs";
+const D = y(
   function(V, g) {
     const {
       value: n,
       defaultValue: h,
-      onChange: s,
+      onChange: a,
       className: E,
       style: M,
       mode: i,
@@ -15,11 +15,15 @@ const C = k(
       mindmap: f,
       preview: d,
       autoPreview: m,
-      renderDebounce: w
-    } = V, o = a(null), r = a(null), c = a(s);
-    return c.current = s, y(() => {
+      renderDebounce: w,
+      // All remaining options (mention, docLink, toolbar, onImageUpload,
+      // includeCommonHeaders, includeCookies, lineNumbers, placeholder, etc.)
+      // are passed through to the underlying MarkdownEditor instance.
+      ...R
+    } = V, o = s(null), r = s(null), c = s(a);
+    return c.current = a, H(() => {
       if (!o.current) return;
-      const e = new N(o.current, {
+      const e = new T(o.current, {
         value: n ?? h ?? "",
         mode: i,
         theme: u,
@@ -31,7 +35,8 @@ const C = k(
         onChange: (t) => {
           var p;
           return (p = c.current) == null ? void 0 : p.call(c, t);
-        }
+        },
+        ...R
       });
       return r.current = e, () => {
         e.destroy(), r.current = null;
@@ -41,7 +46,7 @@ const C = k(
       !e || n === void 0 || e.getValue() !== n && e.setValue(n);
     }, [n]), v(() => {
       r.current && u && r.current.setTheme(u);
-    }, [u]), H(
+    }, [u]), N(
       g,
       () => ({
         getValue: () => {
@@ -74,9 +79,9 @@ const C = k(
         }
       }),
       []
-    ), /* @__PURE__ */ R("div", { ref: o, className: E, style: M });
+    ), /* @__PURE__ */ k("div", { ref: o, className: E, style: M });
   }
 );
 export {
-  C as MarkdownEditorReact
+  D as MarkdownEditorReact
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powerduck/md-editor",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "description": "High-performance embeddable Markdown editor: KaTeX math, Markmap mindmaps, highlight.js code blocks with copy button, github-markdown-css preview, admonition blocks, rich toolbar with image/video/YouTube/table popups, keyboard shortcuts, configurable toolbar, image upload hook, standalone renderMarkdown API, React component, block-level incremental rendering. Simple and complex modes, light/dark themes.",
   "type": "module",
   "main": "dist/index.cjs",