@wakastellar/ui 6.0.2 → 6.0.3

package/dist/blocks/md-editor/WakaMdEditor.cjs.js

@@ -1 +1 @@
-"use client";const e=require("../../node_modules/.pnpm/@muyajs_core@file_vendor_muyajs-core/node_modules/@muyajs/core/lib/es/index.cjs.js"),t=require("./muyaCommands.cjs.js"),n=require("./fileIO.cjs.js"),r=require("./toolbar-config.cjs.js"),i=require("./injectStyles.cjs.js");let a=require("react"),o=require("react/jsx-runtime");i.injectMdEditorStyles();var s={fr:e.fr,en:e.en,de:e.de,es:e.es,ja:e.ja,ko:e.ko,pt:e.pt,zhCN:e.zhCN,zhTW:e.zhTW},ee={frontMatter:!0,footnote:!0,superSubScript:!0,focusMode:!1,spellcheckEnabled:!1,fontSize:16,lineHeight:1.6},c={},l=!1;function u(){l||(l=!0,e.Muya.use(e.EmojiSelector),e.Muya.use(e.FootnoteTool),e.Muya.use(e.InlineFormatToolbar),e.Muya.use(e.ImageEditTool,{imagePathPicker:async()=>await c.picker?.()??``,imageAction:async e=>await c.action?.(e)??e}),e.Muya.use(e.ImagePathPicker),e.Muya.use(e.ImageToolBar),e.Muya.use(e.ImageResizeBar),e.Muya.use(e.CodeBlockLanguageSelector),e.Muya.use(e.LinkTools,{jumpClick:e=>{let t=e?.href;t&&/^https?:\/\//.test(t)&&window.open(t,`_blank`,`noopener,noreferrer`)}}),e.Muya.use(e.ParagraphFrontButton),e.Muya.use(e.ParagraphFrontMenu),e.Muya.use(e.TableChessboard),e.Muya.use(e.TableColumnToolbar),e.Muya.use(e.ParagraphQuickInsertMenu),e.Muya.use(e.TableDragBar),e.Muya.use(e.TableRowColumMenu),e.Muya.use(e.PreviewToolBar))}async function te(){return new Promise((e,t)=>{let n=document.createElement(`input`);n.type=`file`,n.accept=`image/*`,n.onchange=()=>{let r=n.files?.[0];if(!r){t(Error(`Aucune image sélectionnée`));return}let i=new FileReader;i.onload=()=>e(String(i.result)),i.onerror=()=>t(Error(`Lecture impossible`)),i.readAsDataURL(r)},n.click()})}var d=(0,a.forwardRef)(function(i,l){let{defaultValue:d=``,value:f,options:p,locale:m=`fr`,theme:h=`light`,toolbar:g=!0,onChange:_,onOpen:v,onSave:y,onDirtyChange:b,onLoadingChange:x,onSavingChange:S,getMuya:ne,className:C,style:re}=i;u(),c={picker:i.imagePathPicker??te,action:i.imageAction??(async e=>e)};let w=(0,a.useRef)(null),T=(0,a.useRef)(null),E=(0,a.useRef)(f??d),D=(0,a.useRef)(!1),O=(0,a.useRef)({handle:null,name:null}),[k,A]=(0,a.useState)(!1),j=(0,a.useRef)(!1),M=(0,a.useRef)(_);M.current=_;let N=(0,a.useRef)(b);N.current=b;let[P,ie]=(0,a.useState)({formats:new Set,blockName:null,headingLevel:null,inColorSpan:!1}),[F,I]=(0,a.useState)(null),[L,R]=(0,a.useState)(!1),[z,B]=(0,a.useState)(`idle`),V=(0,a.useRef)(null),H=(0,a.useCallback)(()=>{V.current&&=(clearTimeout(V.current),null),B(`saving`),S?.(!0)},[S]),U=(0,a.useCallback)(e=>{S?.(!1),B(e),e===`saved`&&(V.current&&clearTimeout(V.current),V.current=setTimeout(()=>B(`idle`),1200))},[S]);(0,a.useEffect)(()=>()=>{V.current&&clearTimeout(V.current)},[]);let W=(0,a.useCallback)(e=>{j.current!==e&&(j.current=e,A(e),N.current?.(e))},[]),G=(0,a.useCallback)(()=>{let e=T.current;e&&ie(t.getActiveState(e))},[]);(0,a.useEffect)(()=>{let t=w.current;if(!t)return;let n=new e.Muya(t,{...ee,...p,markdown:f??d});return n.locale(s[m]??e.fr),n.init(),T.current=n,ne?.(n),n.on(`json-change`,()=>{let e=n.getMarkdown();E.current=e,D.current||M.current?.(e),W(!0),G()}),n.on(`selection-change`,()=>G()),G(),()=>{n.destroy(),T.current=null}},[]),(0,a.useEffect)(()=>{let e=T.current;if(!(!e||f===void 0||f===E.current)){D.current=!0;try{e.setContent(f,!1),E.current=f}finally{D.current=!1}}},[f]),(0,a.useEffect)(()=>{T.current?.locale(s[m]??e.fr)},[m]),(0,a.useEffect)(()=>(document.body.classList.toggle(`wmd-theme-dark`,h===`dark`),()=>document.body.classList.remove(`wmd-theme-dark`)),[h]);let K=(0,a.useCallback)(async()=>{let e=await n.openMarkdownFile(),t=T.current;if(!(!e||!t)){R(!0),x?.(!0),await new Promise(e=>requestAnimationFrame(()=>requestAnimationFrame(()=>e())));try{O.current={handle:e.handle,name:e.name},D.current=!0;try{t.setContent(e.markdown,!1),E.current=e.markdown}finally{D.current=!1}W(!1),G(),v?.(e.markdown,{name:e.name,handle:e.handle})}finally{R(!1),x?.(!1)}}},[v,G,W,x]),q=(0,a.useRef)(!1),J=(0,a.useCallback)(async()=>{let e=T.current;if(!(!e||q.current)){q.current=!0,H();try{let t=await n.saveMarkdownFile(e.getMarkdown(),O.current,!0);if(!t){U(`idle`);return}O.current={handle:t.handle,name:t.name},W(!1),y?.(e.getMarkdown(),{name:t.name,handle:t.handle}),U(`saved`)}catch(e){throw U(`idle`),e}finally{q.current=!1}}},[y,W,U,H]),Y=(0,a.useCallback)(async()=>{let e=T.current;if(!(!e||q.current)){if(!O.current.handle){await J();return}q.current=!0,H();try{let t=e.getMarkdown(),r=await n.saveMarkdownFile(t,O.current,!1);if(!r){U(`idle`);return}W(!1),y?.(t,{name:r.name,handle:r.handle}),U(`saved`)}catch(e){throw U(`idle`),e}finally{q.current=!1}}},[y,J,W,U,H]);(0,a.useEffect)(()=>{let e=e=>{if(!(e.metaKey||e.ctrlKey))return;let t=e.key.toLowerCase();t===`s`?(e.preventDefault(),e.shiftKey?J():Y()):t===`o`&&(e.preventDefault(),K())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[K,Y,J]);let X=(0,a.useCallback)(e=>{let n=T.current;if(n){switch(e){case`open`:K();break;case`save`:Y();break;case`saveAs`:J();break;case`undo`:n.undo();break;case`redo`:n.redo();break;case`paragraph`:t.turnIntoBlock(n,`paragraph`);break;case`heading1`:case`heading2`:case`heading3`:case`heading4`:case`heading5`:case`heading6`:t.turnIntoBlock(n,`heading ${Number(e.slice(-1))}`);break;case`bold`:t.applyInlineFormat(n,`strong`);break;case`italic`:t.applyInlineFormat(n,`em`);break;case`underline`:t.applyInlineFormat(n,`u`);break;case`strikethrough`:t.applyInlineFormat(n,`del`);break;case`highlight`:t.applyInlineFormat(n,`mark`);break;case`inlineCode`:t.applyInlineFormat(n,`inline_code`);break;case`clearFormat`:t.applyInlineFormat(n,`clear`);break;case`bulletList`:t.turnIntoBlock(n,`ul-bullet`);break;case`orderedList`:t.turnIntoBlock(n,`ol-order`);break;case`taskList`:t.turnIntoBlock(n,`ul-task`);break;case`blockquote`:t.turnIntoBlock(n,`blockquote`);break;case`codeBlock`:t.turnIntoBlock(n,`pre`);break;case`horizontalRule`:t.turnIntoBlock(n,`hr`);break;case`link`:t.applyInlineFormat(n,`link`);break;case`image`:t.applyInlineFormat(n,`image`);break;case`table`:t.insertTable(n);break;default:break}G()}},[K,Y,J,G]),Z=(0,a.useCallback)(e=>{let n=T.current;n&&(t.applyTextColor(n,e),I(null),G())},[G]);(0,a.useImperativeHandle)(l,()=>({getMarkdown:()=>T.current?.getMarkdown()??``,setMarkdown:(e,t=!1)=>{let n=T.current;if(n){D.current=!0;try{n.setContent(e,t),E.current=e}finally{D.current=!1}}},focus:()=>T.current?.focus(),toggleFormat:e=>T.current&&t.applyInlineFormat(T.current,e),turnInto:e=>T.current&&t.turnIntoBlock(T.current,e),applyColor:e=>Z(e),undo:()=>T.current?.undo(),redo:()=>T.current?.redo(),openFile:()=>K(),saveFile:()=>Y(),saveFileAs:()=>J(),isDirty:()=>j.current}),[K,Y,J,Z]);let Q=g===!1?!1:Array.isArray(g)?g:r.DEFAULT_TOOLBAR,$=e=>{switch(e){case`bold`:return P.formats.has(`strong`);case`italic`:return P.formats.has(`em`);case`underline`:return P.formats.has(`u`);case`strikethrough`:return P.formats.has(`del`);case`highlight`:return P.formats.has(`mark`);case`inlineCode`:return P.formats.has(`inline_code`);case`textColor`:return P.formats.has(`color`);case`paragraph`:return P.blockName===`paragraph`;case`heading1`:return P.blockName===`atx-heading`&&P.headingLevel===1;case`heading2`:return P.blockName===`atx-heading`&&P.headingLevel===2;case`heading3`:return P.blockName===`atx-heading`&&P.headingLevel===3;case`heading4`:return P.blockName===`atx-heading`&&P.headingLevel===4;case`heading5`:return P.blockName===`atx-heading`&&P.headingLevel===5;case`heading6`:return P.blockName===`atx-heading`&&P.headingLevel===6;case`bulletList`:return P.blockName===`bullet-list`;case`orderedList`:return P.blockName===`order-list`;case`taskList`:return P.blockName===`task-list`;case`blockquote`:return P.blockName===`block-quote`;case`codeBlock`:return P.blockName===`code-block`;case`save`:return k;default:return!1}};(0,a.useEffect)(()=>{if(!F)return;let e=e=>{e.target?.closest(`.wmd-popup-anchor`)||I(null)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[F]);let ae=P.blockName===`atx-heading`&&P.headingLevel?`T${P.headingLevel}`:P.blockName===`paragraph`?`¶`:`T`,oe=e=>e===`heading`?(0,o.jsxs)(`div`,{className:`wmd-popup-anchor`,children:[(0,o.jsxs)(`button`,{type:`button`,className:`wmd-btn${F===`heading`?` wmd-btn--active`:``}`,title:r.TOOLBAR_LABELS.heading,onMouseDown:e=>e.preventDefault(),onClick:()=>I(F===`heading`?null:`heading`),children:[r.TOOLBAR_ICONS.heading,(0,o.jsx)(`span`,{className:`wmd-btn-label`,children:ae}),r.TOOLBAR_ICONS.chevronDown]}),F===`heading`&&(0,o.jsx)(`div`,{className:`wmd-popup`,role:`menu`,children:r.HEADING_MENU.map(e=>(0,o.jsx)(`button`,{type:`button`,role:`menuitem`,className:`wmd-popup-item${$(e.id)?` wmd-popup-item--active`:``}`,onMouseDown:e=>e.preventDefault(),onClick:()=>{X(e.id),I(null)},children:(0,o.jsx)(`span`,{className:`wmd-heading-item`,"data-level":e.id===`paragraph`?0:e.id.slice(-1),children:e.label})},e.id))})]},e):e===`textColor`?(0,o.jsxs)(`div`,{className:`wmd-popup-anchor`,children:[(0,o.jsxs)(`button`,{type:`button`,className:`wmd-btn${P.formats.has(`color`)||F===`textColor`?` wmd-btn--active`:``}`,title:r.TOOLBAR_LABELS.textColor,onMouseDown:e=>e.preventDefault(),onClick:()=>I(F===`textColor`?null:`textColor`),children:[r.TOOLBAR_ICONS.textColor,(0,o.jsx)(`span`,{className:`wmd-btn-label`,style:{borderBottom:`2px solid currentColor`,paddingBottom:1},children:`A`}),r.TOOLBAR_ICONS.chevronDown]}),F===`textColor`&&(0,o.jsxs)(`div`,{className:`wmd-popup`,role:`menu`,children:[(0,o.jsx)(`div`,{className:`wmd-color-grid`,children:r.TEXT_COLORS.map(e=>(0,o.jsx)(`button`,{type:`button`,className:`wmd-color-swatch`,title:e.name,style:{background:e.value},onMouseDown:e=>e.preventDefault(),onClick:()=>Z(e.value)},e.value))}),(0,o.jsxs)(`label`,{className:`wmd-color-custom`,children:[(0,o.jsx)(`input`,{type:`color`,defaultValue:`#2563eb`,onMouseDown:e=>e.stopPropagation(),onChange:e=>Z(e.target.value)}),`Couleur personnalisée…`]})]})]},e):(0,o.jsx)(`button`,{type:`button`,className:[`wmd-btn`,$(e)?`wmd-btn--active`:``,e===`save`&&k?`wmd-btn--dirty`:``].filter(Boolean).join(` `),title:r.TOOLBAR_LABELS[e],disabled:e===`open`&&L||(e===`save`||e===`saveAs`)&&z===`saving`,onMouseDown:e=>e.preventDefault(),onClick:()=>X(e),children:r.TOOLBAR_ICONS[e]??e},e);return(0,o.jsxs)(`div`,{className:`wmd-editor${C?` ${C}`:``}`,"data-theme":h,style:re,children:[Q!==!1&&(0,o.jsx)(`div`,{className:`wmd-toolbar`,role:`toolbar`,"aria-label":`Barre d'outils Markdown`,children:Q.map((e,t)=>e===`|`?(0,o.jsx)(`span`,{className:`wmd-separator`},`sep-${t}`):(0,o.jsx)(`div`,{className:`wmd-toolbar-group`,children:oe(e)},e))}),(0,o.jsxs)(`div`,{className:`wmd-editor-surface`,children:[(0,o.jsx)(`div`,{ref:w}),L&&(0,o.jsxs)(`div`,{className:`wmd-loading-overlay`,role:`status`,"aria-live":`polite`,children:[(0,o.jsx)(`span`,{className:`wmd-spinner`,"aria-hidden":`true`}),(0,o.jsx)(`span`,{children:`Chargement du fichier…`})]})]}),z!==`idle`&&(0,o.jsx)(`div`,{className:`wmd-modal-backdrop`,role:`status`,"aria-live":`polite`,children:(0,o.jsx)(`div`,{className:`wmd-modal`,children:z===`saving`?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{className:`wmd-spinner`,"aria-hidden":`true`}),(0,o.jsx)(`span`,{className:`wmd-modal-text`,children:`Enregistrement…`})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(`svg`,{className:`wmd-modal-check`,viewBox:`0 0 24 24`,width:`28`,height:`28`,"aria-hidden":`true`,children:[(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`11`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`}),(0,o.jsx)(`path`,{d:`M7 12.5l3 3 7-7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})]}),(0,o.jsxs)(`span`,{className:`wmd-modal-text`,children:[`Enregistré`,O.current.name?` — ${O.current.name}`:``]})]})})})]})});exports.WakaMdEditor=d,exports.default=d;
+"use client";const e=require("../../node_modules/.pnpm/@muyajs_core@file_vendor_muyajs-core/node_modules/@muyajs/core/lib/es/index.cjs.js"),t=require("./muyaCommands.cjs.js"),n=require("./fileIO.cjs.js"),r=require("./toolbar-config.cjs.js"),i=require("./injectStyles.cjs.js");let a=require("react"),o=require("react/jsx-runtime");i.injectMdEditorStyles();var s={fr:e.fr,en:e.en,de:e.de,es:e.es,ja:e.ja,ko:e.ko,pt:e.pt,zhCN:e.zhCN,zhTW:e.zhTW},ee={frontMatter:!0,footnote:!0,superSubScript:!0,focusMode:!1,spellcheckEnabled:!1,fontSize:16,lineHeight:1.6},c={},l={};function u(e){/^https?:\/\//.test(e)&&window.open(e,`_blank`,`noopener,noreferrer`)}var d=!1;function te(){d||(d=!0,e.Muya.use(e.EmojiSelector),e.Muya.use(e.FootnoteTool),e.Muya.use(e.InlineFormatToolbar),e.Muya.use(e.ImageEditTool,{imagePathPicker:async()=>await c.picker?.()??``,imageAction:async e=>await c.action?.(e)??e}),e.Muya.use(e.ImagePathPicker),e.Muya.use(e.ImageToolBar),e.Muya.use(e.ImageResizeBar),e.Muya.use(e.CodeBlockLanguageSelector),e.Muya.use(e.LinkTools,{jumpClick:e=>{let t=e?.href;t&&(l.onLinkClick?l.onLinkClick(t,()=>u(t)):u(t))}}),e.Muya.use(e.ParagraphFrontButton),e.Muya.use(e.ParagraphFrontMenu),e.Muya.use(e.TableChessboard),e.Muya.use(e.TableColumnToolbar),e.Muya.use(e.ParagraphQuickInsertMenu),e.Muya.use(e.TableDragBar),e.Muya.use(e.TableRowColumMenu),e.Muya.use(e.PreviewToolBar))}async function ne(){return new Promise((e,t)=>{let n=document.createElement(`input`);n.type=`file`,n.accept=`image/*`,n.onchange=()=>{let r=n.files?.[0];if(!r){t(Error(`Aucune image sélectionnée`));return}let i=new FileReader;i.onload=()=>e(String(i.result)),i.onerror=()=>t(Error(`Lecture impossible`)),i.readAsDataURL(r)},n.click()})}var f=(0,a.forwardRef)(function(i,u){let{defaultValue:d=``,value:f,options:re,locale:p=`fr`,theme:m=`light`,toolbar:h=!0,onChange:g,onOpen:_,onSave:v,onDirtyChange:y,onLoadingChange:b,onSavingChange:x,onLinkClick:S,getMuya:ie,className:C,style:ae}=i;te(),c={picker:i.imagePathPicker??ne,action:i.imageAction??(async e=>e)},l={onLinkClick:S};let w=(0,a.useRef)(null),T=(0,a.useRef)(null),E=(0,a.useRef)(f??d),D=(0,a.useRef)(!1),O=(0,a.useRef)({handle:null,name:null}),[k,oe]=(0,a.useState)(!1),A=(0,a.useRef)(!1),j=(0,a.useRef)(g);j.current=g;let M=(0,a.useRef)(y);M.current=y;let[N,P]=(0,a.useState)({formats:new Set,blockName:null,headingLevel:null,inColorSpan:!1}),[F,I]=(0,a.useState)(null),[L,R]=(0,a.useState)(!1),[z,B]=(0,a.useState)(`idle`),V=(0,a.useRef)(null),H=(0,a.useCallback)(()=>{V.current&&=(clearTimeout(V.current),null),B(`saving`),x?.(!0)},[x]),U=(0,a.useCallback)(e=>{x?.(!1),B(e),e===`saved`&&(V.current&&clearTimeout(V.current),V.current=setTimeout(()=>B(`idle`),1200))},[x]);(0,a.useEffect)(()=>()=>{V.current&&clearTimeout(V.current)},[]);let W=(0,a.useCallback)(e=>{A.current!==e&&(A.current=e,oe(e),M.current?.(e))},[]),G=(0,a.useCallback)(()=>{let e=T.current;e&&P(t.getActiveState(e))},[]);(0,a.useEffect)(()=>{let t=w.current;if(!t)return;let n=new e.Muya(t,{...ee,...re,markdown:f??d});n.locale(s[p]??e.fr);try{n.init()}catch(e){if(!(e instanceof Error)||!/Range to be added to the Selection/.test(e.message))throw e}return T.current=n,ie?.(n),n.on(`json-change`,()=>{let e=n.getMarkdown();E.current=e,D.current||j.current?.(e),W(!0),G()}),n.on(`selection-change`,()=>G()),G(),()=>{n.destroy(),T.current=null}},[]),(0,a.useEffect)(()=>{let e=T.current;if(!(!e||f===void 0||f===E.current)){D.current=!0;try{e.setContent(f,!1),E.current=f}finally{D.current=!1}}},[f]),(0,a.useEffect)(()=>{T.current?.locale(s[p]??e.fr)},[p]),(0,a.useEffect)(()=>(document.body.classList.toggle(`wmd-theme-dark`,m===`dark`),()=>document.body.classList.remove(`wmd-theme-dark`)),[m]);let K=(0,a.useCallback)(async()=>{let e=await n.openMarkdownFile(),t=T.current;if(!(!e||!t)){R(!0),b?.(!0),await new Promise(e=>requestAnimationFrame(()=>requestAnimationFrame(()=>e())));try{O.current={handle:e.handle,name:e.name},D.current=!0;try{t.setContent(e.markdown,!1),E.current=e.markdown}finally{D.current=!1}W(!1),G(),_?.(e.markdown,{name:e.name,handle:e.handle})}finally{R(!1),b?.(!1)}}},[_,G,W,b]),q=(0,a.useRef)(!1),J=(0,a.useCallback)(async()=>{let e=T.current;if(!(!e||q.current)){q.current=!0,H();try{let t=await n.saveMarkdownFile(e.getMarkdown(),O.current,!0);if(!t){U(`idle`);return}O.current={handle:t.handle,name:t.name},W(!1),v?.(e.getMarkdown(),{name:t.name,handle:t.handle}),U(`saved`)}catch(e){throw U(`idle`),e}finally{q.current=!1}}},[v,W,U,H]),Y=(0,a.useCallback)(async()=>{let e=T.current;if(!(!e||q.current)){if(!O.current.handle){await J();return}q.current=!0,H();try{let t=e.getMarkdown(),r=await n.saveMarkdownFile(t,O.current,!1);if(!r){U(`idle`);return}W(!1),v?.(t,{name:r.name,handle:r.handle}),U(`saved`)}catch(e){throw U(`idle`),e}finally{q.current=!1}}},[v,J,W,U,H]);(0,a.useEffect)(()=>{let e=e=>{if(!(e.metaKey||e.ctrlKey))return;let t=e.key.toLowerCase();t===`s`?(e.preventDefault(),e.shiftKey?J():Y()):t===`o`&&(e.preventDefault(),K())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[K,Y,J]);let X=(0,a.useCallback)(e=>{let n=T.current;if(n){switch(e){case`open`:K();break;case`save`:Y();break;case`saveAs`:J();break;case`undo`:n.undo();break;case`redo`:n.redo();break;case`paragraph`:t.turnIntoBlock(n,`paragraph`);break;case`heading1`:case`heading2`:case`heading3`:case`heading4`:case`heading5`:case`heading6`:t.turnIntoBlock(n,`heading ${Number(e.slice(-1))}`);break;case`bold`:t.applyInlineFormat(n,`strong`);break;case`italic`:t.applyInlineFormat(n,`em`);break;case`underline`:t.applyInlineFormat(n,`u`);break;case`strikethrough`:t.applyInlineFormat(n,`del`);break;case`highlight`:t.applyInlineFormat(n,`mark`);break;case`inlineCode`:t.applyInlineFormat(n,`inline_code`);break;case`clearFormat`:t.applyInlineFormat(n,`clear`);break;case`bulletList`:t.turnIntoBlock(n,`ul-bullet`);break;case`orderedList`:t.turnIntoBlock(n,`ol-order`);break;case`taskList`:t.turnIntoBlock(n,`ul-task`);break;case`blockquote`:t.turnIntoBlock(n,`blockquote`);break;case`codeBlock`:t.turnIntoBlock(n,`pre`);break;case`horizontalRule`:t.turnIntoBlock(n,`hr`);break;case`link`:t.applyInlineFormat(n,`link`);break;case`image`:t.applyInlineFormat(n,`image`);break;case`table`:t.insertTable(n);break;default:break}G()}},[K,Y,J,G]),Z=(0,a.useCallback)(e=>{let n=T.current;n&&(t.applyTextColor(n,e),I(null),G())},[G]);(0,a.useImperativeHandle)(u,()=>({getMarkdown:()=>T.current?.getMarkdown()??``,setMarkdown:(e,t=!1)=>{let n=T.current;if(n){D.current=!0;try{n.setContent(e,t),E.current=e}finally{D.current=!1}}},focus:()=>T.current?.focus(),toggleFormat:e=>T.current&&t.applyInlineFormat(T.current,e),turnInto:e=>T.current&&t.turnIntoBlock(T.current,e),applyColor:e=>Z(e),undo:()=>T.current?.undo(),redo:()=>T.current?.redo(),openFile:()=>K(),saveFile:()=>Y(),saveFileAs:()=>J(),isDirty:()=>A.current}),[K,Y,J,Z]);let Q=h===!1?!1:Array.isArray(h)?h:r.DEFAULT_TOOLBAR,$=e=>{switch(e){case`bold`:return N.formats.has(`strong`);case`italic`:return N.formats.has(`em`);case`underline`:return N.formats.has(`u`);case`strikethrough`:return N.formats.has(`del`);case`highlight`:return N.formats.has(`mark`);case`inlineCode`:return N.formats.has(`inline_code`);case`textColor`:return N.formats.has(`color`);case`paragraph`:return N.blockName===`paragraph`;case`heading1`:return N.blockName===`atx-heading`&&N.headingLevel===1;case`heading2`:return N.blockName===`atx-heading`&&N.headingLevel===2;case`heading3`:return N.blockName===`atx-heading`&&N.headingLevel===3;case`heading4`:return N.blockName===`atx-heading`&&N.headingLevel===4;case`heading5`:return N.blockName===`atx-heading`&&N.headingLevel===5;case`heading6`:return N.blockName===`atx-heading`&&N.headingLevel===6;case`bulletList`:return N.blockName===`bullet-list`;case`orderedList`:return N.blockName===`order-list`;case`taskList`:return N.blockName===`task-list`;case`blockquote`:return N.blockName===`block-quote`;case`codeBlock`:return N.blockName===`code-block`;case`save`:return k;default:return!1}};(0,a.useEffect)(()=>{if(!F)return;let e=e=>{e.target?.closest(`.wmd-popup-anchor`)||I(null)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[F]);let se=N.blockName===`atx-heading`&&N.headingLevel?`T${N.headingLevel}`:N.blockName===`paragraph`?`¶`:`T`,ce=e=>e===`heading`?(0,o.jsxs)(`div`,{className:`wmd-popup-anchor`,children:[(0,o.jsxs)(`button`,{type:`button`,className:`wmd-btn${F===`heading`?` wmd-btn--active`:``}`,title:r.TOOLBAR_LABELS.heading,onMouseDown:e=>e.preventDefault(),onClick:()=>I(F===`heading`?null:`heading`),children:[r.TOOLBAR_ICONS.heading,(0,o.jsx)(`span`,{className:`wmd-btn-label`,children:se}),r.TOOLBAR_ICONS.chevronDown]}),F===`heading`&&(0,o.jsx)(`div`,{className:`wmd-popup`,role:`menu`,children:r.HEADING_MENU.map(e=>(0,o.jsx)(`button`,{type:`button`,role:`menuitem`,className:`wmd-popup-item${$(e.id)?` wmd-popup-item--active`:``}`,onMouseDown:e=>e.preventDefault(),onClick:()=>{X(e.id),I(null)},children:(0,o.jsx)(`span`,{className:`wmd-heading-item`,"data-level":e.id===`paragraph`?0:e.id.slice(-1),children:e.label})},e.id))})]},e):e===`textColor`?(0,o.jsxs)(`div`,{className:`wmd-popup-anchor`,children:[(0,o.jsxs)(`button`,{type:`button`,className:`wmd-btn${N.formats.has(`color`)||F===`textColor`?` wmd-btn--active`:``}`,title:r.TOOLBAR_LABELS.textColor,onMouseDown:e=>e.preventDefault(),onClick:()=>I(F===`textColor`?null:`textColor`),children:[r.TOOLBAR_ICONS.textColor,(0,o.jsx)(`span`,{className:`wmd-btn-label`,style:{borderBottom:`2px solid currentColor`,paddingBottom:1},children:`A`}),r.TOOLBAR_ICONS.chevronDown]}),F===`textColor`&&(0,o.jsxs)(`div`,{className:`wmd-popup`,role:`menu`,children:[(0,o.jsx)(`div`,{className:`wmd-color-grid`,children:r.TEXT_COLORS.map(e=>(0,o.jsx)(`button`,{type:`button`,className:`wmd-color-swatch`,title:e.name,style:{background:e.value},onMouseDown:e=>e.preventDefault(),onClick:()=>Z(e.value)},e.value))}),(0,o.jsxs)(`label`,{className:`wmd-color-custom`,children:[(0,o.jsx)(`input`,{type:`color`,defaultValue:`#2563eb`,onMouseDown:e=>e.stopPropagation(),onChange:e=>Z(e.target.value)}),`Couleur personnalisée…`]})]})]},e):(0,o.jsx)(`button`,{type:`button`,className:[`wmd-btn`,$(e)?`wmd-btn--active`:``,e===`save`&&k?`wmd-btn--dirty`:``].filter(Boolean).join(` `),title:r.TOOLBAR_LABELS[e],disabled:e===`open`&&L||(e===`save`||e===`saveAs`)&&z===`saving`,onMouseDown:e=>e.preventDefault(),onClick:()=>X(e),children:r.TOOLBAR_ICONS[e]??e},e);return(0,o.jsxs)(`div`,{className:`wmd-editor${C?` ${C}`:``}`,"data-theme":m,style:ae,children:[Q!==!1&&(0,o.jsx)(`div`,{className:`wmd-toolbar`,role:`toolbar`,"aria-label":`Barre d'outils Markdown`,children:Q.map((e,t)=>e===`|`?(0,o.jsx)(`span`,{className:`wmd-separator`},`sep-${t}`):(0,o.jsx)(`div`,{className:`wmd-toolbar-group`,children:ce(e)},e))}),(0,o.jsxs)(`div`,{className:`wmd-editor-surface`,children:[(0,o.jsx)(`div`,{ref:w}),L&&(0,o.jsxs)(`div`,{className:`wmd-loading-overlay`,role:`status`,"aria-live":`polite`,children:[(0,o.jsx)(`span`,{className:`wmd-spinner`,"aria-hidden":`true`}),(0,o.jsx)(`span`,{children:`Chargement du fichier…`})]})]}),z!==`idle`&&(0,o.jsx)(`div`,{className:`wmd-modal-backdrop`,role:`status`,"aria-live":`polite`,children:(0,o.jsx)(`div`,{className:`wmd-modal`,children:z===`saving`?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{className:`wmd-spinner`,"aria-hidden":`true`}),(0,o.jsx)(`span`,{className:`wmd-modal-text`,children:`Enregistrement…`})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(`svg`,{className:`wmd-modal-check`,viewBox:`0 0 24 24`,width:`28`,height:`28`,"aria-hidden":`true`,children:[(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`11`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`}),(0,o.jsx)(`path`,{d:`M7 12.5l3 3 7-7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})]}),(0,o.jsxs)(`span`,{className:`wmd-modal-text`,children:[`Enregistré`,O.current.name?` — ${O.current.name}`:``]})]})})})]})});exports.WakaMdEditor=f,exports.default=f;

package/dist/blocks/md-editor/WakaMdEditor.es.js

@@ -1,24 +1,24 @@
 "use client";
-import { CodeBlockLanguageSelector as e, EmojiSelector as t, FootnoteTool as n, ImageEditTool as r, ImagePathPicker as i, ImageResizeBar as a, ImageToolBar as o, InlineFormatToolbar as s, LinkTools as c, Muya as l, ParagraphFrontButton as u, ParagraphFrontMenu as d, ParagraphQuickInsertMenu as f, PreviewToolBar as p, TableChessboard as m, TableColumnToolbar as ee, TableDragBar as h, TableRowColumMenu as g, de as _, en as v, es as y, fr as b, ja as x, ko as S, pt as C, zhCN as te, zhTW as w } from "../../node_modules/.pnpm/@muyajs_core@file_vendor_muyajs-core/node_modules/@muyajs/core/lib/es/index.es.js";
-import { applyInlineFormat as T, applyTextColor as ne, getActiveState as re, insertTable as ie, turnIntoBlock as E } from "./muyaCommands.es.js";
-import { openMarkdownFile as ae, saveMarkdownFile as oe } from "./fileIO.es.js";
-import { DEFAULT_TOOLBAR as se, HEADING_MENU as ce, TEXT_COLORS as le, TOOLBAR_ICONS as D, TOOLBAR_LABELS as O } from "./toolbar-config.es.js";
-import { injectMdEditorStyles as k } from "./injectStyles.es.js";
-import { forwardRef as A, useCallback as j, useEffect as M, useImperativeHandle as ue, useRef as N, useState as P } from "react";
-import { Fragment as de, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { CodeBlockLanguageSelector as e, EmojiSelector as t, FootnoteTool as n, ImageEditTool as r, ImagePathPicker as i, ImageResizeBar as a, ImageToolBar as o, InlineFormatToolbar as s, LinkTools as c, Muya as l, ParagraphFrontButton as u, ParagraphFrontMenu as d, ParagraphQuickInsertMenu as f, PreviewToolBar as p, TableChessboard as m, TableColumnToolbar as ee, TableDragBar as te, TableRowColumMenu as h, de as ne, en as g, es as _, fr as v, ja as y, ko as b, pt as x, zhCN as S, zhTW as re } from "../../node_modules/.pnpm/@muyajs_core@file_vendor_muyajs-core/node_modules/@muyajs/core/lib/es/index.es.js";
+import { applyInlineFormat as C, applyTextColor as ie, getActiveState as ae, insertTable as oe, turnIntoBlock as w } from "./muyaCommands.es.js";
+import { openMarkdownFile as se, saveMarkdownFile as ce } from "./fileIO.es.js";
+import { DEFAULT_TOOLBAR as le, HEADING_MENU as ue, TEXT_COLORS as de, TOOLBAR_ICONS as T, TOOLBAR_LABELS as E } from "./toolbar-config.es.js";
+import { injectMdEditorStyles as D } from "./injectStyles.es.js";
+import { forwardRef as O, useCallback as k, useEffect as A, useImperativeHandle as fe, useRef as j, useState as M } from "react";
+import { Fragment as pe, jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region src/blocks/md-editor/WakaMdEditor.tsx
-k();
-var fe = {
-	fr: b,
-	en: v,
-	de: _,
-	es: y,
-	ja: x,
-	ko: S,
-	pt: C,
-	zhCN: te,
-	zhTW: w
-}, pe = {
+D();
+var me = {
+	fr: v,
+	en: g,
+	de: ne,
+	es: _,
+	ja: y,
+	ko: b,
+	pt: x,
+	zhCN: S,
+	zhTW: re
+}, he = {
 	frontMatter: !0,
 	footnote: !0,
 	superSubScript: !0,
@@ -26,17 +26,21 @@ var fe = {
 	spellcheckEnabled: !1,
 	fontSize: 16,
 	lineHeight: 1.6
-}, L = {}, R = !1;
-function me() {
+}, F = {}, I = {};
+function L(e) {
+	/^https?:\/\//.test(e) && window.open(e, "_blank", "noopener,noreferrer");
+}
+var R = !1;
+function ge() {
 	R || (R = !0, l.use(t), l.use(n), l.use(s), l.use(r, {
-		imagePathPicker: async () => await L.picker?.() ?? "",
-		imageAction: async (e) => await L.action?.(e) ?? e
+		imagePathPicker: async () => await F.picker?.() ?? "",
+		imageAction: async (e) => await F.action?.(e) ?? e
 	}), l.use(i), l.use(o), l.use(a), l.use(e), l.use(c, { jumpClick: (e) => {
 		let t = e?.href;
-		t && /^https?:\/\//.test(t) && window.open(t, "_blank", "noopener,noreferrer");
-	} }), l.use(u), l.use(d), l.use(m), l.use(ee), l.use(f), l.use(h), l.use(g), l.use(p));
+		t && (I.onLinkClick ? I.onLinkClick(t, () => L(t)) : L(t));
+	} }), l.use(u), l.use(d), l.use(m), l.use(ee), l.use(f), l.use(te), l.use(h), l.use(p));
 }
-async function he() {
+async function _e() {
 	return new Promise((e, t) => {
 		let n = document.createElement("input");
 		n.type = "file", n.accept = "image/*", n.onchange = () => {
@@ -50,85 +54,91 @@ async function he() {
 		}, n.click();
 	});
 }
-var z = A(function(e, t) {
-	let { defaultValue: n = "", value: r, options: i, locale: a = "fr", theme: o = "light", toolbar: s = !0, onChange: c, onOpen: u, onSave: d, onDirtyChange: f, onLoadingChange: p, onSavingChange: m, getMuya: ee, className: h, style: g } = e;
-	me(), L = {
-		picker: e.imagePathPicker ?? he,
+var z = O(function(e, t) {
+	let { defaultValue: n = "", value: r, options: i, locale: a = "fr", theme: o = "light", toolbar: s = !0, onChange: c, onOpen: u, onSave: d, onDirtyChange: f, onLoadingChange: p, onSavingChange: m, onLinkClick: ee, getMuya: te, className: h, style: ne } = e;
+	ge(), F = {
+		picker: e.imagePathPicker ?? _e,
 		action: e.imageAction ?? (async (e) => e)
-	};
-	let _ = N(null), v = N(null), y = N(r ?? n), x = N(!1), S = N({
+	}, I = { onLinkClick: ee };
+	let g = j(null), _ = j(null), y = j(r ?? n), b = j(!1), x = j({
 		handle: null,
 		name: null
-	}), [C, te] = P(!1), w = N(!1), k = N(c);
-	k.current = c;
-	let A = N(f);
-	A.current = f;
-	let [R, z] = P({
+	}), [S, re] = M(!1), D = j(!1), O = j(c);
+	O.current = c;
+	let L = j(f);
+	L.current = f;
+	let [R, z] = M({
 		formats: /* @__PURE__ */ new Set(),
 		blockName: null,
 		headingLevel: null,
 		inColorSpan: !1
-	}), [B, V] = P(null), [ge, _e] = P(!1), [H, U] = P("idle"), W = N(null), G = j(() => {
+	}), [B, V] = M(null), [ve, ye] = M(!1), [H, U] = M("idle"), W = j(null), G = k(() => {
 		W.current &&= (clearTimeout(W.current), null), U("saving"), m?.(!0);
-	}, [m]), K = j((e) => {
+	}, [m]), K = k((e) => {
 		m?.(!1), U(e), e === "saved" && (W.current && clearTimeout(W.current), W.current = setTimeout(() => U("idle"), 1200));
 	}, [m]);
-	M(() => () => {
+	A(() => () => {
 		W.current && clearTimeout(W.current);
 	}, []);
-	let q = j((e) => {
-		w.current !== e && (w.current = e, te(e), A.current?.(e));
-	}, []), J = j(() => {
-		let e = v.current;
-		e && z(re(e));
-	}, []);
-	M(() => {
+	let q = k((e) => {
+		D.current !== e && (D.current = e, re(e), L.current?.(e));
+	}, []), J = k(() => {
 		let e = _.current;
+		e && z(ae(e));
+	}, []);
+	A(() => {
+		let e = g.current;
 		if (!e) return;
 		let t = new l(e, {
-			...pe,
+			...he,
 			...i,
 			markdown: r ?? n
 		});
-		return t.locale(fe[a] ?? b), t.init(), v.current = t, ee?.(t), t.on("json-change", () => {
+		t.locale(me[a] ?? v);
+		try {
+			t.init();
+		} catch (e) {
+			if (!(e instanceof Error) || !/Range to be added to the Selection/.test(e.message)) throw e;
+		}
+		return _.current = t, te?.(t), t.on("json-change", () => {
 			let e = t.getMarkdown();
-			y.current = e, x.current || k.current?.(e), q(!0), J();
+			y.current = e, b.current || O.current?.(e), q(!0), J();
 		}), t.on("selection-change", () => J()), J(), () => {
-			t.destroy(), v.current = null;
+			t.destroy(), _.current = null;
 		};
-	}, []), M(() => {
-		let e = v.current;
+	}, []), A(() => {
+		let e = _.current;
 		if (!(!e || r === void 0 || r === y.current)) {
-			x.current = !0;
+			b.current = !0;
 			try {
 				e.setContent(r, !1), y.current = r;
 			} finally {
-				x.current = !1;
+				b.current = !1;
 			}
 		}
-	}, [r]), M(() => {
-		v.current?.locale(fe[a] ?? b);
-	}, [a]), M(() => (document.body.classList.toggle("wmd-theme-dark", o === "dark"), () => document.body.classList.remove("wmd-theme-dark")), [o]);
-	let Y = j(async () => {
-		let e = await ae(), t = v.current;
+	}, [r]), A(() => {
+		_.current?.locale(me[a] ?? v);
+	}, [a]), A(() => (document.body.classList.toggle("wmd-theme-dark", o === "dark"), () => document.body.classList.remove("wmd-theme-dark")), [o]);
+	let Y = k(async () => {
+		let e = await se(), t = _.current;
 		if (!(!e || !t)) {
-			_e(!0), p?.(!0), await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
+			ye(!0), p?.(!0), await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
 			try {
-				S.current = {
+				x.current = {
 					handle: e.handle,
 					name: e.name
-				}, x.current = !0;
+				}, b.current = !0;
 				try {
 					t.setContent(e.markdown, !1), y.current = e.markdown;
 				} finally {
-					x.current = !1;
+					b.current = !1;
 				}
 				q(!1), J(), u?.(e.markdown, {
 					name: e.name,
 					handle: e.handle
 				});
 			} finally {
-				_e(!1), p?.(!1);
+				ye(!1), p?.(!1);
 			}
 		}
 	}, [
@@ -136,17 +146,17 @@ var z = A(function(e, t) {
 		J,
 		q,
 		p
-	]), X = N(!1), Z = j(async () => {
-		let e = v.current;
+	]), X = j(!1), Z = k(async () => {
+		let e = _.current;
 		if (!(!e || X.current)) {
 			X.current = !0, G();
 			try {
-				let t = await oe(e.getMarkdown(), S.current, !0);
+				let t = await ce(e.getMarkdown(), x.current, !0);
 				if (!t) {
 					K("idle");
 					return;
 				}
-				S.current = {
+				x.current = {
 					handle: t.handle,
 					name: t.name
 				}, q(!1), d?.(e.getMarkdown(), {
@@ -164,16 +174,16 @@ var z = A(function(e, t) {
 		q,
 		K,
 		G
-	]), Q = j(async () => {
-		let e = v.current;
+	]), Q = k(async () => {
+		let e = _.current;
 		if (!(!e || X.current)) {
-			if (!S.current.handle) {
+			if (!x.current.handle) {
 				await Z();
 				return;
 			}
 			X.current = !0, G();
 			try {
-				let t = e.getMarkdown(), n = await oe(t, S.current, !1);
+				let t = e.getMarkdown(), n = await ce(t, x.current, !1);
 				if (!n) {
 					K("idle");
 					return;
@@ -195,7 +205,7 @@ var z = A(function(e, t) {
 		K,
 		G
 	]);
-	M(() => {
+	A(() => {
 		let e = (e) => {
 			if (!(e.metaKey || e.ctrlKey)) return;
 			let t = e.key.toLowerCase();
@@ -207,8 +217,8 @@ var z = A(function(e, t) {
 		Q,
 		Z
 	]);
-	let ve = j((e) => {
-		let t = v.current;
+	let be = k((e) => {
+		let t = _.current;
 		if (t) {
 			switch (e) {
 				case "open":
@@ -227,7 +237,7 @@ var z = A(function(e, t) {
 					t.redo();
 					break;
 				case "paragraph":
-					E(t, "paragraph");
+					w(t, "paragraph");
 					break;
 				case "heading1":
 				case "heading2":
@@ -235,55 +245,55 @@ var z = A(function(e, t) {
 				case "heading4":
 				case "heading5":
 				case "heading6":
-					E(t, `heading ${Number(e.slice(-1))}`);
+					w(t, `heading ${Number(e.slice(-1))}`);
 					break;
 				case "bold":
-					T(t, "strong");
+					C(t, "strong");
 					break;
 				case "italic":
-					T(t, "em");
+					C(t, "em");
 					break;
 				case "underline":
-					T(t, "u");
+					C(t, "u");
 					break;
 				case "strikethrough":
-					T(t, "del");
+					C(t, "del");
 					break;
 				case "highlight":
-					T(t, "mark");
+					C(t, "mark");
 					break;
 				case "inlineCode":
-					T(t, "inline_code");
+					C(t, "inline_code");
 					break;
 				case "clearFormat":
-					T(t, "clear");
+					C(t, "clear");
 					break;
 				case "bulletList":
-					E(t, "ul-bullet");
+					w(t, "ul-bullet");
 					break;
 				case "orderedList":
-					E(t, "ol-order");
+					w(t, "ol-order");
 					break;
 				case "taskList":
-					E(t, "ul-task");
+					w(t, "ul-task");
 					break;
 				case "blockquote":
-					E(t, "blockquote");
+					w(t, "blockquote");
 					break;
 				case "codeBlock":
-					E(t, "pre");
+					w(t, "pre");
 					break;
 				case "horizontalRule":
-					E(t, "hr");
+					w(t, "hr");
 					break;
 				case "link":
-					T(t, "link");
+					C(t, "link");
 					break;
 				case "image":
-					T(t, "image");
+					C(t, "image");
 					break;
 				case "table":
-					ie(t);
+					oe(t);
 					break;
 				default: break;
 			}
@@ -294,40 +304,40 @@ var z = A(function(e, t) {
 		Q,
 		Z,
 		J
-	]), $ = j((e) => {
-		let t = v.current;
-		t && (ne(t, e), V(null), J());
+	]), $ = k((e) => {
+		let t = _.current;
+		t && (ie(t, e), V(null), J());
 	}, [J]);
-	ue(t, () => ({
-		getMarkdown: () => v.current?.getMarkdown() ?? "",
+	fe(t, () => ({
+		getMarkdown: () => _.current?.getMarkdown() ?? "",
 		setMarkdown: (e, t = !1) => {
-			let n = v.current;
+			let n = _.current;
 			if (n) {
-				x.current = !0;
+				b.current = !0;
 				try {
 					n.setContent(e, t), y.current = e;
 				} finally {
-					x.current = !1;
+					b.current = !1;
 				}
 			}
 		},
-		focus: () => v.current?.focus(),
-		toggleFormat: (e) => v.current && T(v.current, e),
-		turnInto: (e) => v.current && E(v.current, e),
+		focus: () => _.current?.focus(),
+		toggleFormat: (e) => _.current && C(_.current, e),
+		turnInto: (e) => _.current && w(_.current, e),
 		applyColor: (e) => $(e),
-		undo: () => v.current?.undo(),
-		redo: () => v.current?.redo(),
+		undo: () => _.current?.undo(),
+		redo: () => _.current?.redo(),
 		openFile: () => Y(),
 		saveFile: () => Q(),
 		saveFileAs: () => Z(),
-		isDirty: () => w.current
+		isDirty: () => D.current
 	}), [
 		Y,
 		Q,
 		Z,
 		$
 	]);
-	let ye = s === !1 ? !1 : Array.isArray(s) ? s : se, be = (e) => {
+	let xe = s === !1 ? !1 : Array.isArray(s) ? s : le, Se = (e) => {
 		switch (e) {
 			case "bold": return R.formats.has("strong");
 			case "italic": return R.formats.has("em");
@@ -348,62 +358,62 @@ var z = A(function(e, t) {
 			case "taskList": return R.blockName === "task-list";
 			case "blockquote": return R.blockName === "block-quote";
 			case "codeBlock": return R.blockName === "code-block";
-			case "save": return C;
+			case "save": return S;
 			default: return !1;
 		}
 	};
-	M(() => {
+	A(() => {
 		if (!B) return;
 		let e = (e) => {
 			e.target?.closest(".wmd-popup-anchor") || V(null);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [B]);
-	let xe = R.blockName === "atx-heading" && R.headingLevel ? `T${R.headingLevel}` : R.blockName === "paragraph" ? "¶" : "T", Se = (e) => e === "heading" ? /* @__PURE__ */ I("div", {
+	let Ce = R.blockName === "atx-heading" && R.headingLevel ? `T${R.headingLevel}` : R.blockName === "paragraph" ? "¶" : "T", we = (e) => e === "heading" ? /* @__PURE__ */ P("div", {
 		className: "wmd-popup-anchor",
-		children: [/* @__PURE__ */ I("button", {
+		children: [/* @__PURE__ */ P("button", {
 			type: "button",
 			className: `wmd-btn${B === "heading" ? " wmd-btn--active" : ""}`,
-			title: O.heading,
+			title: E.heading,
 			onMouseDown: (e) => e.preventDefault(),
 			onClick: () => V(B === "heading" ? null : "heading"),
 			children: [
-				D.heading,
-				/* @__PURE__ */ F("span", {
+				T.heading,
+				/* @__PURE__ */ N("span", {
 					className: "wmd-btn-label",
-					children: xe
+					children: Ce
 				}),
-				D.chevronDown
+				T.chevronDown
 			]
-		}), B === "heading" && /* @__PURE__ */ F("div", {
+		}), B === "heading" && /* @__PURE__ */ N("div", {
 			className: "wmd-popup",
 			role: "menu",
-			children: ce.map((e) => /* @__PURE__ */ F("button", {
+			children: ue.map((e) => /* @__PURE__ */ N("button", {
 				type: "button",
 				role: "menuitem",
-				className: `wmd-popup-item${be(e.id) ? " wmd-popup-item--active" : ""}`,
+				className: `wmd-popup-item${Se(e.id) ? " wmd-popup-item--active" : ""}`,
 				onMouseDown: (e) => e.preventDefault(),
 				onClick: () => {
-					ve(e.id), V(null);
+					be(e.id), V(null);
 				},
-				children: /* @__PURE__ */ F("span", {
+				children: /* @__PURE__ */ N("span", {
 					className: "wmd-heading-item",
 					"data-level": e.id === "paragraph" ? 0 : e.id.slice(-1),
 					children: e.label
 				})
 			}, e.id))
 		})]
-	}, e) : e === "textColor" ? /* @__PURE__ */ I("div", {
+	}, e) : e === "textColor" ? /* @__PURE__ */ P("div", {
 		className: "wmd-popup-anchor",
-		children: [/* @__PURE__ */ I("button", {
+		children: [/* @__PURE__ */ P("button", {
 			type: "button",
 			className: `wmd-btn${R.formats.has("color") || B === "textColor" ? " wmd-btn--active" : ""}`,
-			title: O.textColor,
+			title: E.textColor,
 			onMouseDown: (e) => e.preventDefault(),
 			onClick: () => V(B === "textColor" ? null : "textColor"),
 			children: [
-				D.textColor,
-				/* @__PURE__ */ F("span", {
+				T.textColor,
+				/* @__PURE__ */ N("span", {
 					className: "wmd-btn-label",
 					style: {
 						borderBottom: "2px solid currentColor",
@@ -411,14 +421,14 @@ var z = A(function(e, t) {
 					},
 					children: "A"
 				}),
-				D.chevronDown
+				T.chevronDown
 			]
-		}), B === "textColor" && /* @__PURE__ */ I("div", {
+		}), B === "textColor" && /* @__PURE__ */ P("div", {
 			className: "wmd-popup",
 			role: "menu",
-			children: [/* @__PURE__ */ F("div", {
+			children: [/* @__PURE__ */ N("div", {
 				className: "wmd-color-grid",
-				children: le.map((e) => /* @__PURE__ */ F("button", {
+				children: de.map((e) => /* @__PURE__ */ N("button", {
 					type: "button",
 					className: "wmd-color-swatch",
 					title: e.name,
@@ -426,9 +436,9 @@ var z = A(function(e, t) {
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: () => $(e.value)
 				}, e.value))
-			}), /* @__PURE__ */ I("label", {
+			}), /* @__PURE__ */ P("label", {
 				className: "wmd-color-custom",
-				children: [/* @__PURE__ */ F("input", {
+				children: [/* @__PURE__ */ N("input", {
 					type: "color",
 					defaultValue: "#2563eb",
 					onMouseDown: (e) => e.stopPropagation(),
@@ -436,71 +446,71 @@ var z = A(function(e, t) {
 				}), "Couleur personnalisée…"]
 			})]
 		})]
-	}, e) : /* @__PURE__ */ F("button", {
+	}, e) : /* @__PURE__ */ N("button", {
 		type: "button",
 		className: [
 			"wmd-btn",
-			be(e) ? "wmd-btn--active" : "",
-			e === "save" && C ? "wmd-btn--dirty" : ""
+			Se(e) ? "wmd-btn--active" : "",
+			e === "save" && S ? "wmd-btn--dirty" : ""
 		].filter(Boolean).join(" "),
-		title: O[e],
-		disabled: e === "open" && ge || (e === "save" || e === "saveAs") && H === "saving",
+		title: E[e],
+		disabled: e === "open" && ve || (e === "save" || e === "saveAs") && H === "saving",
 		onMouseDown: (e) => e.preventDefault(),
-		onClick: () => ve(e),
-		children: D[e] ?? e
+		onClick: () => be(e),
+		children: T[e] ?? e
 	}, e);
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ P("div", {
 		className: `wmd-editor${h ? ` ${h}` : ""}`,
 		"data-theme": o,
-		style: g,
+		style: ne,
 		children: [
-			ye !== !1 && /* @__PURE__ */ F("div", {
+			xe !== !1 && /* @__PURE__ */ N("div", {
 				className: "wmd-toolbar",
 				role: "toolbar",
 				"aria-label": "Barre d'outils Markdown",
-				children: ye.map((e, t) => e === "|" ? /* @__PURE__ */ F("span", { className: "wmd-separator" }, `sep-${t}`) : /* @__PURE__ */ F("div", {
+				children: xe.map((e, t) => e === "|" ? /* @__PURE__ */ N("span", { className: "wmd-separator" }, `sep-${t}`) : /* @__PURE__ */ N("div", {
 					className: "wmd-toolbar-group",
-					children: Se(e)
+					children: we(e)
 				}, e))
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ P("div", {
 				className: "wmd-editor-surface",
-				children: [/* @__PURE__ */ F("div", { ref: _ }), ge && /* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ N("div", { ref: g }), ve && /* @__PURE__ */ P("div", {
 					className: "wmd-loading-overlay",
 					role: "status",
 					"aria-live": "polite",
-					children: [/* @__PURE__ */ F("span", {
+					children: [/* @__PURE__ */ N("span", {
 						className: "wmd-spinner",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ F("span", { children: "Chargement du fichier…" })]
+					}), /* @__PURE__ */ N("span", { children: "Chargement du fichier…" })]
 				})]
 			}),
-			H !== "idle" && /* @__PURE__ */ F("div", {
+			H !== "idle" && /* @__PURE__ */ N("div", {
 				className: "wmd-modal-backdrop",
 				role: "status",
 				"aria-live": "polite",
-				children: /* @__PURE__ */ F("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: "wmd-modal",
-					children: H === "saving" ? /* @__PURE__ */ I(de, { children: [/* @__PURE__ */ F("span", {
+					children: H === "saving" ? /* @__PURE__ */ P(pe, { children: [/* @__PURE__ */ N("span", {
 						className: "wmd-spinner",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ F("span", {
+					}), /* @__PURE__ */ N("span", {
 						className: "wmd-modal-text",
 						children: "Enregistrement…"
-					})] }) : /* @__PURE__ */ I(de, { children: [/* @__PURE__ */ I("svg", {
+					})] }) : /* @__PURE__ */ P(pe, { children: [/* @__PURE__ */ P("svg", {
 						className: "wmd-modal-check",
 						viewBox: "0 0 24 24",
 						width: "28",
 						height: "28",
 						"aria-hidden": "true",
-						children: [/* @__PURE__ */ F("circle", {
+						children: [/* @__PURE__ */ N("circle", {
 							cx: "12",
 							cy: "12",
 							r: "11",
 							fill: "none",
 							stroke: "currentColor",
 							strokeWidth: "2"
-						}), /* @__PURE__ */ F("path", {
+						}), /* @__PURE__ */ N("path", {
 							d: "M7 12.5l3 3 7-7",
 							fill: "none",
 							stroke: "currentColor",
@@ -508,9 +518,9 @@ var z = A(function(e, t) {
 							strokeLinecap: "round",
 							strokeLinejoin: "round"
 						})]
-					}), /* @__PURE__ */ I("span", {
+					}), /* @__PURE__ */ P("span", {
 						className: "wmd-modal-text",
-						children: ["Enregistré", S.current.name ? ` — ${S.current.name}` : ""]
+						children: ["Enregistré", x.current.name ? ` — ${x.current.name}` : ""]
 					})] })
 				})
 			})

package/dist/blocks/md-editor/types.d.ts

@@ -45,6 +45,16 @@ export interface WakaMdEditorProps {
     onLoadingChange?: (loading: boolean) => void;
     /** Un enregistrement est en cours (entre le déclenchement et la confirmation). */
     onSavingChange?: (saving: boolean) => void;
+    /**
+     * Clic sur un lien du document. Sans ce callback, seuls les liens
+     * http(s) s'ouvrent (nouvel onglet) ; tout le reste (chemins relatifs,
+     * schémas applicatifs type `doc://…`) est silencieusement ignoré.
+     * Fourni, ce callback reçoit *tous* les clics — y compris http(s) — et
+     * décide : router en interne (ex. ouvrir un document applicatif dans
+     * votre propre visualiseur), ou appeler `openDefault()` pour retrouver
+     * le comportement d'origine sur ce lien précis.
+     */
+    onLinkClick?: (href: string, openDefault: () => void) => void;
     className?: string;
     style?: React.CSSProperties;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wakastellar/ui",
-  "version": "6.0.2",
+  "version": "6.0.3",
   "description": "Zero-config UI Library for Next.js with TweakCN theming and i18n support",
   "keywords": [
     "ui",

package/src/blocks/md-editor/WakaMdEditor.tsx

@@ -98,6 +98,22 @@ const EDITOR_DEFAULTS: Partial<IMuyaOptions> = {
  */
 let imageCallbacks: { picker?: () => Promise<string>; action?: (src: string) => Promise<string> } = {};
 
+/**
+ * Clic sur un lien : même mécanisme délégué que les callbacks d'images.
+ * Sans `onLinkClick` fourni par l'hôte, le comportement par défaut (ouvrir
+ * les liens http(s) dans un nouvel onglet, ignorer le reste) est conservé.
+ * Avec `onLinkClick`, l'hôte reçoit *tous* les clics — y compris http(s) —
+ * et décide : router en interne (documents applicatifs, `doc://…`, chemins
+ * relatifs…), ou appeler `openDefault()` pour retrouver le comportement
+ * d'origine sur ce lien précis.
+ */
+let linkCallbacks: { onLinkClick?: (href: string, openDefault: () => void) => void } = {};
+
+function openLinkDefault(href: string): void {
+    if (/^https?:\/\//.test(href))
+        window.open(href, '_blank', 'noopener,noreferrer');
+}
+
 let pluginsRegistered = false;
 function registerPluginsOnce(): void {
     if (pluginsRegistered)
@@ -118,8 +134,12 @@ function registerPluginsOnce(): void {
     Muya.use(LinkTools, {
         jumpClick: (linkInfo: { href?: string } | null) => {
             const href = linkInfo?.href;
-            if (href && /^https?:\/\//.test(href))
-                window.open(href, '_blank', 'noopener,noreferrer');
+            if (!href)
+                return;
+            if (linkCallbacks.onLinkClick)
+                linkCallbacks.onLinkClick(href, () => openLinkDefault(href));
+            else
+                openLinkDefault(href);
         },
     });
     Muya.use(ParagraphFrontButton);
@@ -166,6 +186,7 @@ export const WakaMdEditor = forwardRef<WakaMdEditorRef, WakaMdEditorProps>(funct
         onDirtyChange,
         onLoadingChange,
         onSavingChange,
+        onLinkClick,
         getMuya,
         className,
         style,
@@ -176,6 +197,7 @@ export const WakaMdEditor = forwardRef<WakaMdEditorRef, WakaMdEditorProps>(funct
         picker: props.imagePathPicker ?? pickImageAsDataUrl,
         action: props.imageAction ?? (async src => src),
     };
+    linkCallbacks = { onLinkClick };
 
     const containerRef = useRef<HTMLDivElement | null>(null);
     const muyaRef = useRef<Muya | null>(null);
@@ -258,7 +280,23 @@ export const WakaMdEditor = forwardRef<WakaMdEditorRef, WakaMdEditorProps>(funct
             markdown: value ?? defaultValue,
         } as Partial<IMuyaOptions>);
         muya.locale(LOCALES[locale] ?? fr);
-        muya.init();
+        try {
+            muya.init();
+        }
+        catch (error) {
+            // Le moteur appelle focus()/setCursor() en interne à la fin de
+            // init(), qui échoue sur l'API Selection native du navigateur
+            // ("extend() requires a Range to be added to the Selection")
+            // quand cet effet est réinvoqué en double par React 19 en
+            // StrictMode (dev uniquement) : le Selection du document garde
+            // une référence périmée après le unmount/remount immédiat.
+            // Montage et contenu restent fonctionnels — seul le focus
+            // automatique initial échoue — donc on avale uniquement cette
+            // erreur précise plutôt que de casser tout l'effet de montage ;
+            // toute autre erreur d'init() reste une vraie régression à voir.
+            if (!(error instanceof Error) || !/Range to be added to the Selection/.test(error.message))
+                throw error;
+        }
         muyaRef.current = muya;
         getMuya?.(muya);
 

package/src/blocks/md-editor/types.ts

@@ -81,6 +81,16 @@ export interface WakaMdEditorProps {
     onLoadingChange?: (loading: boolean) => void;
     /** Un enregistrement est en cours (entre le déclenchement et la confirmation). */
     onSavingChange?: (saving: boolean) => void;
+    /**
+     * Clic sur un lien du document. Sans ce callback, seuls les liens
+     * http(s) s'ouvrent (nouvel onglet) ; tout le reste (chemins relatifs,
+     * schémas applicatifs type `doc://…`) est silencieusement ignoré.
+     * Fourni, ce callback reçoit *tous* les clics — y compris http(s) — et
+     * décide : router en interne (ex. ouvrir un document applicatif dans
+     * votre propre visualiseur), ou appeler `openDefault()` pour retrouver
+     * le comportement d'origine sur ce lien précis.
+     */
+    onLinkClick?: (href: string, openDefault: () => void) => void;
     className?: string;
     style?: React.CSSProperties;
 }