wysimark-lite 0.25.12 → 0.25.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +126 -125
- package/dist/index.mjs +73 -10
- package/dist/index.mjs.map +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
"use client";import{createRef as
|
|
2
|
-
`);return[{type:"code-block",language:e.lang||"text",children:t.map(o=>({type:"code-block-line",children:[{text:o}]}))}]}function
|
|
3
|
-
`}];case"footnote":throw new Error("footnote is not supported yet")}
|
|
1
|
+
"use client";import{createRef as wE,useCallback as IE,useImperativeHandle as ME,useRef as PE,useState as CE}from"react";import{createRoot as SE}from"react-dom/client";import EE from"lodash.throttle";import{useCallback as vt,useRef as Tt,useState as vp}from"react";import{Editor as xE,Transforms as yE}from"slate";import{ReactEditor as kE,Slate as vE}from"slate-react";import ld from"remark-parse";import{unified as sd}from"unified";function To(){return{enter:{table:Dp,tableData:Ar,tableHeader:Ar,tableRow:$p},exit:{codeText:Hp,table:Np,tableData:vo,tableHeader:vo,tableRow:vo}}}function Dp(e){let t=e._align;this.enter({type:"table",align:t.map(function(o){return o==="none"?null:o}),children:[]},e),this.data.inTable=!0}function Np(e){this.exit(e),this.data.inTable=void 0}function $p(e){this.enter({type:"tableRow",children:[]},e)}function vo(e){this.exit(e)}function Ar(e){this.enter({type:"tableCell",children:[]},e)}function Hp(e){let t=this.resume();this.data.inTable&&(t=t.replace(/\\([\\|])/g,Ap));let o=this.stack[this.stack.length-1];o.type,o.value=t,this.exit(e)}function Ap(e,t){return t==="|"?t:e}import{gfm as Op}from"micromark-extension-gfm";import{gfmToMarkdown as Up}from"mdast-util-gfm";function Or(e){if(e)return function(t){return this.data||(this.data={}),e.call(this,t)}}function Ur(){return function(){if(!this)return;let e=this.data(),t=e.micromarkExtensions||(e.micromarkExtensions=[]),o=e.fromMarkdownExtensions||(e.fromMarkdownExtensions=[]),r=e.toMarkdownExtensions||(e.toMarkdownExtensions=[]);t.push(Op());let n=function(){let i=To();if(i.enter)for(let a of Object.keys(i.enter))i.enter[a]=Or(i.enter[a]);if(i.exit)for(let a of Object.keys(i.exit))i.exit[a]=Or(i.exit[a]);return i};o.push(n()),r.push(Up())}}function ge(e){let t=/\[([^\]]+)\]\(([^)]+)\)/g,o="\x07WYSIMARK_",r=`${o}LINK_`,n=`${o}HTML_`,i="\x07",a=[],l=0,m=e.replace(t,p=>(a.push(p),`${r}${l++}${i}`)),s=[];m=Vp(m,s,n,i);let d=/(https?:\/\/[^\s]+)/g;m=m.replace(d,p=>p.replace(/\//g,"\\/"));for(let p=0;p<s.length;p++)m=m.replace(`${n}${p}${i}`,s[p]);for(let p=0;p<a.length;p++)m=m.replace(`${r}${p}${i}`,a[p]);return m}function rt(e){return e.replace(/\\\//g,"/")}var Fp=new Set(["script","style"]);function Vp(e,t,o,r){let n="",i=0;for(;i<e.length;){let a=e.indexOf("<",i);if(a===-1){n+=e.slice(i);break}if(n+=e.slice(i,a),e.startsWith("<!--",a)){let u=e.indexOf("-->",a+4);if(u===-1){n+=e.slice(a);break}let g=e.slice(a,u+3);t.push(g),n+=`${o}${t.length-1}${r}`,i=u+3;continue}if(e.startsWith("<![CDATA[",a)){let u=e.indexOf("]]>",a+9);if(u===-1){n+=e.slice(a);break}let g=e.slice(a,u+3);t.push(g),n+=`${o}${t.length-1}${r}`,i=u+3;continue}let l=wo(e,a);if(!l){n+="<",i=a+1;continue}let m=t.length,s=`${o}${m}${r}`;if(!l.name){let u=e.slice(a,l.endIndex+1);t.push(u),n+=s,i=l.endIndex+1;continue}let c=l.name.toLowerCase();if(l.isClosing||l.isSelfClosing){let u=e.slice(a,l.endIndex+1);t.push(u),n+=s,i=l.endIndex+1;continue}if(Fp.has(c)){let u=e.toLowerCase().indexOf(`</${c}`,l.endIndex+1);if(u!==-1){let g=wo(e,u);if(g){let w=e.slice(a,g.endIndex+1);t.push(w),n+=s,i=g.endIndex+1;continue}}}let d=_p(e,c,l.endIndex+1);if(d!==null){let u=e.slice(a,d+1);t.push(u),n+=s,i=d+1;continue}let p=e.slice(a,l.endIndex+1);t.push(p),n+=s,i=l.endIndex+1}return n}function wo(e,t){if(e[t]!=="<")return null;let o=Kp(e,t);if(o===-1)return null;let r=t+1;if(r>=e.length)return null;let n=e[r];if(n==="!"||n==="?")return{name:null,endIndex:o,isClosing:!1,isSelfClosing:!0};let i=!1;n==="/"&&(i=!0,r+=1);let a=/^[A-Za-z][A-Za-z0-9-]*/.exec(e.slice(r));if(!a)return null;let l=a[0],m=e.slice(t,o+1),s=/\/\s*>$/.test(m);return{name:l,endIndex:o,isClosing:i,isSelfClosing:s}}function Kp(e,t){let o=null;for(let r=t+1;r<e.length;r++){let n=e[r];if(o){n===o&&(o=null);continue}if(n==="'"||n==='"'){o=n;continue}if(n===">")return r}return-1}function _p(e,t,o){let r=1,n=o,i=t.toLowerCase();for(;n<e.length;){let a=e.indexOf("<",n);if(a===-1)return null;let l=wo(e,a);if(!l||!l.name){n=a+1;continue}if(l.name.toLowerCase()===i&&(l.isClosing?r-=1:l.isSelfClosing||(r+=1),r===0))return l.endIndex;n=l.endIndex+1}return null}function Fr(e,t){if(!e)throw new Error(`${t}`)}function wt(e,t){if(e.type!==t)throw new Error(`Expected element to be of type ${JSON.stringify(e)} but is ${JSON.stringify(e,null,2)}`)}function be(e){throw new Error(`Didn't expect to get here with value ${JSON.stringify(e,null,2)}`)}function Vr(e){return[{type:"block-quote",children:De(e.children)}]}function Kr(e){let t=e.value.split(`
|
|
2
|
+
`);return[{type:"code-block",language:e.lang||"text",children:t.map(o=>({type:"code-block-line",children:[{text:o}]}))}]}function _r(e){return[{type:"block-quote",children:[{type:"paragraph",children:[{text:`[${e.identifier}]`}]},...De(e.children)]}]}import{Text as en}from"slate";import{Text as Jr}from"slate";import*as nt from"slate";function U(e){return nt.Text.isText(e)}function re(e){return nt.Element.isElement(e)}function B(e){return nt.Text.isText(e)&&!!e.text.match(/^\s+$/)&&!e.code}var Wr={bold:"**",italic:"_",strike:"~~",highlight:"<mark>",code:""},Gr={bold:"**",italic:"_",strike:"~~",highlight:"</mark>",code:""};function Wp(e){if(e in Wr)return Wr[e];throw new Error(`Could not find mark ${JSON.stringify(e)} in MARK_KEY_TO_OPEN_TOKEN lookup`)}function Gp(e){if(e in Gr)return Gr[e];throw new Error(`Could not find mark ${JSON.stringify(e)} in MARK_KEY_TO_CLOSE_TOKEN lookup`)}function qr(e){return e.map(Wp).join("")}function Qr(e){return e.map(Gp).join("")}import{Text as qp}from"slate";function it(e){let{text:t,...o}=e;return Object.keys(o)}function Io(e){if(qp.isText(e)){if(B(e))throw new Error("You probably didn't mean to do this. We should only be getting marks from segments that are not plain space segments.");return it(e)}else{if(e.type==="anchor")return Mo(e.children);throw new Error(`Unhandled type ${e.type}`)}}function Mo(e){let t;for(let o of e){if(!U(o)){if(o.type==="image-inline")continue;throw new Error("Expected every segment in an anchor to be a Text segment")}if(B(o))continue;let r=it(o);if(t===void 0){t=r;continue}t=t.filter(n=>r.includes(n))}if(t===void 0)throw new Error("No text segments were found as children in this anchor which should not be possible");return t}var Xr=["bold","italic","underline","strike","highlight","code"];function jr(e){return e.slice().sort((t,o)=>Xr.indexOf(t)-Xr.indexOf(o))}var Qp=["\\","`","*","_","[","]","~","|","<"],Xp=new RegExp(`(${Qp.map(e=>`\\${e}`).join("|")})`,"g");function Yr(e){let t=e.replace(Xp,o=>`\\${o}`);return t=t.replace(/^(#{1,6})(\s)/m,"\\$1$2"),t=t.replace(/^(\d+)([.)]\s)/m,"$1\\$2"),t=t.replace(/^([-+>])\s/m,"\\$1 "),t}function jp(e,t){let o=it(e),r=it(t);return o.length==r.length&&o.every(n=>r.includes(n))}function Zr(e,t){let o=Jr.isText(e),r=Jr.isText(t);return t&&!r&&!o?[{text:""},e]:o?t===void 0||!r?[e]:jp(t,e)?(t.text=[t.text,e.text].join(""),[]):[e]:[e]}function tn(e){let t=[];for(let o=0;o<e.length;o++){let r=t[t.length-1];t.push(...Zr(e[o],r))}return t.length===0&&t.push({text:""}),en.isText(t[0])||t.unshift({text:""}),en.isText(t[t.length-1])||t.push({text:""}),t}function on(e){return{url:e.url,title:e.title||void 0,alt:e.alt||void 0}}var Yp=/^([^?#]*)(?:\?([^#]*))?(#.*)?$/;function Ne(e){try{let t=new URL(e);return{origin:t.origin,hostname:t.hostname,pathname:t.pathname,searchParams:t.searchParams,hash:t.hash}}catch{let t=e.match(Yp);if(t===null)throw new Error(`Invalid format should not happen: ${e}`);let[,o,r,n]=[...t];return{origin:"",hostname:"",pathname:o||"",searchParams:new URLSearchParams(r),hash:n||""}}}function at(e){if(typeof e!="string")return null;let t=e.match(/^(\d+)x(\d+)$/);return t===null?null:{width:parseInt(t[1],10),height:parseInt(t[2],10)}}function rn(e){let t=Ne(e.url);if(!t.hostname.match(/[.]portive[.]com$/i))return;let o=t.searchParams.get("size");if(o===null)return;let r=at(o);if(r===null)return;let n=t.pathname.match(/[-][-](\d+)x(\d+)[.][a-zA-Z]+$/);if(n!==null)return{url:`${t.origin}${t.pathname}`,title:e.title||void 0,alt:e.alt||void 0,width:r.width,height:r.height,srcWidth:parseInt(n[1],10),srcHeight:parseInt(n[2],10)}}function nn(e){let t=Ne(e.url);if(t.hash.length===0)return;let o=new URLSearchParams(t.hash.slice(1)),r=at(o.get("size")),n=at(o.get("srcSize"));if(!(!r||!n))return{url:`${t.origin}${t.pathname}`,title:e.title||void 0,alt:e.alt||void 0,width:r.width,height:r.height,srcWidth:n.width,srcHeight:n.height}}var an=[rn,nn,on];function ln(e){for(let t of an){let o=t(e);if(o)return[{type:"image-inline",...o,children:[{text:""}]}]}throw new Error("Shouldn't get here because last parser always returns data")}function Jp(e,t){let o=e.match(/^<mark>(.+?)<\/mark>$/s);return o?[{text:o[1],...t,highlight:!0}]:[{text:e,code:!0}]}function K(e,t={}){let o=[];for(let n of e)o.push(...Zp(n,t));return tn(o)}function Zp(e,t={}){switch(e.type){case"delete":return K(e.children,{...t,strike:!0});case"emphasis":return K(e.children,{...t,italic:!0});case"footnoteReference":return[{text:`[${e.identifier}]`}];case"html":return Jp(e.value,t);case"image":return ln(e);case"inlineCode":return[{text:e.value,...t,code:!0}];case"link":return[{type:"anchor",href:e.url,title:e.title==null?void 0:e.title,children:K(e.children,t)}];case"strong":return K(e.children,{...t,bold:!0});case"text":return[{text:e.value,...t}];case"linkReference":case"imageReference":throw new Error("linkReference and imageReference should be converted to link and image through our transformInlineLinks function");case"break":return[{text:`
|
|
3
|
+
`}];case"footnote":throw new Error("footnote is not supported yet")}be(e)}function sn(e){return[{type:"heading",level:e.depth,children:K(e.children)}]}function mn(e){return[{type:"html-block",html:e.value,children:[{text:""}]}]}function cn(e,{depth:t,ordered:o,checked:r}){switch(e.type){case"paragraph":return r===!0||r===!1?[{type:"task-list-item",depth:t,checked:r,children:K(e.children)}]:o?[{type:"ordered-list-item",depth:t,children:K(e.children)}]:[{type:"unordered-list-item",depth:t,children:K(e.children)}];case"list":return It(e,t+1);default:return Po(e)}}function pn(e,t){let o=[];for(let r of e.children)o.push(...cn(r,{...t,checked:e.checked}));return o}function It(e,t=0){let o=[];for(let r of e.children)o.push(...pn(r,{depth:t,ordered:!!e.ordered}));return o}function ed(e){return!(e.length!==3||!("text"in e[0])||e[0].text!==""||!("text"in e[2])||e[2].text!==""||!("type"in e[1])||e[1].type!=="image-inline")}var td="\xA0";function od(e){return!(e.length!==1||!("text"in e[0])||e[0].text!==td)}function dn(e){let t=K(e.children);return ed(t)?[{...t[1],type:"image-block"}]:od(t)?[{type:"paragraph",children:[{text:""}]}]:[{type:"paragraph",children:t}]}function un(e){if(e.align==null)throw new Error("Expected an array of AlignType for table.align");return[{type:"table",columns:e.align.map(t=>({align:t||"left"})),children:e.children.map(rd)}]}function rd(e){if(e.type!=="tableRow")throw new Error("Expected a tableRow");return{type:"table-row",children:e.children.map(nd)}}function nd(e){if(e.type!=="tableCell")throw new Error("Expected a tableCell");return{type:"table-cell",children:[{type:"table-content",children:K(e.children)}]}}function fn(){return[{type:"horizontal-rule",children:[{text:""}]}]}function De(e){let t=[];for(let o of e)t.push(...Po(o));return t}function Po(e){switch(e.type){case"blockquote":return Vr(e);case"code":return Kr(e);case"definition":throw new Error('The type "definition" should not exist. See comments');case"footnoteDefinition":return _r(e);case"heading":return sn(e);case"html":return mn(e);case"list":return It(e);case"paragraph":return dn(e);case"table":return un(e);case"thematicBreak":return fn();case"yaml":return[]}be(e)}import{definitions as id}from"mdast-util-definitions";import{SKIP as hn,visit as ad}from"unist-util-visit";function gn(e){let t=id(e);ad(e,(o,r,n)=>{let i=o,a=n;if(i.type==="definition"&&a!==null&&typeof r=="number")return a.children.splice(r,1),[hn,r];if(i.type==="imageReference"||i.type==="linkReference"){let l="identifier"in i&&typeof i.identifier=="string"?i.identifier:"",m=t(l);if(m&&a!==null&&typeof r=="number"){let s=i.type==="imageReference"?{type:"image",url:m.url,title:m.title,alt:i.alt}:{type:"link",url:m.url,title:m.title,children:i.children};return a.children[r]=s,[hn,r]}}})}var md=sd().use(ld).use(Ur());function cd(e){let t=md.parse(e);return gn(t),t}function Ee(e){let t=cd(e);return t.children.length===0?[{type:"paragraph",children:[{text:""}]}]:De(t.children)}function pd(e){return e.type==="ordered-list-item"||e.type==="unordered-list-item"||e.type==="task-list-item"}function bn(e){let t=[],o=-1;for(let r of e){if(!pd(r)){t.push(r),o=-1;continue}let n=r.depth>o+1?o+1:r.depth;t.push({...r,depth:n}),o=n}return t}function En(e){if(e.type!=="code-block-line")throw new Error(`Expected all children of code-block to be a codeline but is ${JSON.stringify(e,null,2)}`);return e.children.map(t=>t.text).join("")}function xn(e){let t=[],o=3;for(let r of e.children){let n=En(r),i=n.match(/^([`]+)/);i&&(o=Math.max(o,i[1].length+1)),t.push(n)}return t.unshift(`${"`".repeat(o)}${e.language}`),t.push(`${"`".repeat(o)}`),`${t.join(`
|
|
4
4
|
`)}
|
|
5
5
|
|
|
6
|
-
`}function
|
|
6
|
+
`}function yn(e){return e.url}function kn(e){if(e.url.startsWith("$"))return"";let{hostname:t}=Ne(e.url);if(t.match(/[.]portive[.]com$/i)&&e.width&&e.height)return`${e.url}?size=${e.width}x${e.height}`}function vn(e){if(e.width&&e.height&&e.srcWidth&&e.srcHeight)return`${e.url}#srcSize=${e.srcWidth}x${e.srcHeight}&size=${e.width}x${e.height}`}var dd=[kn,vn,yn];function Mt(e){for(let t of dd){let o=t(e);if(typeof o=="string")return o===""?"":`![${e.alt}](${o}${typeof e.title=="string"?` "${e.title}"`:""})`}throw new Error("Shouldn't get here")}function Tn(e){let t=Mt(e);return t?`${t}
|
|
7
7
|
|
|
8
|
-
`:""}import{Element as
|
|
8
|
+
`:""}import{Element as bd,Text as Ed}from"slate";function wn(e,t){let o=t.filter(n=>!e.includes(n));return{orderedMarksToAdd:jr(o)}}function In(e,t){let o=[...e],r=e.filter(i=>!t.includes(i)),n=[];for(let i=0;i<e.length&&r.length!==0;i++){let a=o.pop();if(a===void 0)throw new Error("This shouldn't happen unless we made a mistake in the algorithm");n.push(a);let l=r.indexOf(a);l!==-1&&r.splice(l,1)}return{orderedMarksToRemove:n,nextOrderedMarks:o}}function Co(e,t){let{orderedMarksToRemove:o,nextOrderedMarks:r}=In(e,t),{orderedMarksToAdd:n}=wn(r,t);return{remove:o,add:n,nextOrderedMarks:[...r,...n]}}import{Element as fd}from"slate";function Mn({node:e,nextNode:t,nodes:o,index:r}){return!U(e)||!B(e)||e.code||!U(t)||!B(t)||t.code?!1:(o.splice(r,2,{text:`${e.text}${t.text}`}),!0)}function Pn({node:e,nodes:t,prevNode:o,index:r}){if(!re(e)||e.type!=="anchor")return!1;let n=e.children[0];return U(n)&&B(n)?(e.children.splice(0,1),U(o)&&B(o)?o.text=`${o.text}${n.text}`:t.splice(r,0,{text:n.text}),!0):!1}function Cn({node:e,nodes:t,nextNode:o,index:r}){if(!re(e)||e.type!=="anchor")return!1;let n=e.children[e.children.length-1];return U(n)&&B(n)?(e.children.splice(e.children.length-1,1),U(o)&&B(o)?o.text=`${n.text}${o.text}`:t.splice(r+1,0,{text:n.text}),!0):!1}function Sn({node:e}){return!re(e)||e.type!=="line"||e.children.length>0?!1:(e.children.push({text:""}),!0)}function Rn({node:e,nodes:t,index:o}){if(!U(e)||B(e)||e.code)return!1;let r=e.text.match(/^(\s*)(.*?)(\s*)$/);if(!r||r[1].length===0&&r[3].length===0)return!1;let n=[{text:r[1]},{...e,text:r[2]},{text:r[3]}].filter(i=>i.text!=="");return t.splice(o,1,...n),!0}function Ln({index:e,nodes:t,node:o,parent:r}){return e!==t.length-1||t.length<=1||!U(o)||!B(o)?!1:r&&re(r)&&r.type==="line"?(t.splice(t.length-1,1),!0):!1}function Bn({index:e,nodes:t,node:o,parent:r}){return e!==0||t.length===0||!U(o)||!B(o)?!1:r&&re(r)&&r.type==="line"?(t.splice(0,1),!0):!1}var zn=[Rn,Pn,Cn,Mn,Bn,Ln,Sn];function Dn(e){for(let t of zn)if(t(e))return!0;return!1}var ud=72;function So(e,t){let o=!1,r,n=0,i=(e.length+1)*ud;do{if(r=!1,n=n+1,n>i)throw new Error(`There have been ${n} normalization passes (72x the number of nodes at this level). This likely indicates a bug in the code.`);e:for(let a=0;a<e.length;a++){let l=e[a];if(re(l)&&So(l.children,l)){r=!0,o=!0;break e}let m=e[a-1],s=e[a+1];if(Dn({parent:t,node:l,prevNode:m,nextNode:s,index:a,nodes:e})){r=!0,o=!0;break e}}}while(r);return o}var Nn=e=>e.map(t=>fd.isElement(t)&&t.type==="anchor"?{...t,children:Nn(t.children)}:t);function $n(e){let t={type:"line",children:Nn(e)};return So([t],void 0),t.children}import{Text as gd}from"slate";function Hn(e){let t=0;for(let o of e.text.matchAll(/[`]+/g))t=Math.max(t,o[0].length);return t===0?`\`${e.text.replace(/[`]/g,"\\`")}\``:`${"`".repeat(t+1)} ${e.text} ${"`".repeat(t+1)}`}function hd(e){return e.replace(/"/g,'\\"')}function An(e){let t=Mo(e.children);return e.href.startsWith("$")?G(e.children,t,t):typeof e.title=="string"&&e.title.length>0?`[${G(e.children,t,t)}](${e.href} "${hd(e.title)}")`:`[${G(e.children,t,t)}](${e.href})`}function On(e){return Yr(e.text)}function Un(e){if(gd.isText(e))return e.code?Hn(e):On(e);switch(e.type){case"anchor":return An(e);case"image-inline":return Mt(e);default:be(e)}}function G(e,t=[],o=[]){let r=$n(e),n=[],i=Co(t,Io(r[0]));for(let a=0;a<r.length;a++){let l=r[a];if(Ed.isText(l)&&B(l)){n.push(l.text);continue}n.push(qr(i.add)),n.push(Un(l));let m=xd(r,a,o),s=Co(i.nextOrderedMarks,m);n.push(Qr(s.remove)),i=s}return n.join("")}function xd(e,t,o){for(let r=t+1;r<e.length;r++){let n=e[r];if(!B(n)&&!(bd.isElement(n)&&n.type==="image-inline"))return Io(n)}return o}function Vn(e){let t=[];return t.push(Fn(e.children[0])),t.push(yd(e.columns)),e.children.slice(1).forEach(o=>{t.push(Fn(o))}),`${t.join(`
|
|
9
9
|
`)}
|
|
10
10
|
|
|
11
|
-
`}function
|
|
11
|
+
`}function yd(e){return e.every(o=>o.align==="left")?`|${e.map(()=>"---").join("|")}|`:`|${e.map(o=>kd(o.align)).join("|")}|`}function kd(e){switch(e){case"left":return":---";case"center":return":---:";case"right":return"---:"}}function Fn(e){return wt(e,"table-row"),`|${e.children.map(vd).join("|")}|`}function vd(e){return wt(e,"table-cell"),Fr(e.children.length===1,`Expected table-cell to have one child but is ${JSON.stringify(e.children)}`),e.children.map(Td).join("")}function Td(e){return wt(e,"table-content"),G(e.children)}var Ro=4;function Kn(e,t){switch(e.type){case"anchor":return`[${G(e.children)}](${e.href})`;case"block-quote":return`${Pt(e.children).split(`
|
|
12
12
|
`).map(r=>r?`> ${r}`:">").join(`
|
|
13
13
|
`)}
|
|
14
14
|
|
|
15
|
-
`;case"heading":return`${"#".repeat(e.level)} ${
|
|
15
|
+
`;case"heading":return`${"#".repeat(e.level)} ${G(e.children)}
|
|
16
16
|
|
|
17
17
|
`;case"horizontal-rule":return`---
|
|
18
18
|
|
|
19
|
-
`;case"paragraph":return`${
|
|
19
|
+
`;case"paragraph":return`${G(e.children)}
|
|
20
20
|
|
|
21
|
-
`;case"table":return
|
|
22
|
-
`;case"ordered-list-item":return`${" ".repeat(e.depth*
|
|
23
|
-
`;case"task-list-item":{let o=" ".repeat(e.depth*
|
|
24
|
-
`}case"image-block":return
|
|
21
|
+
`;case"table":return Vn(e);case"table-row":case"table-cell":case"table-content":throw new Error(`Table elements should only be present as children of table which should be handled by serializeTable. Got ${e.type} may indicate an error in normalization.`);case"unordered-list-item":return`${" ".repeat(e.depth*Ro)}- ${G(e.children)}
|
|
22
|
+
`;case"ordered-list-item":return`${" ".repeat(e.depth*Ro)}${t[e.depth]}. ${G(e.children)}
|
|
23
|
+
`;case"task-list-item":{let o=" ".repeat(e.depth*Ro),r=G(e.children);return r.trim()===""&&(r=" "),`${o}- [${e.checked?"x":" "}] ${r}
|
|
24
|
+
`}case"image-block":return Tn(e);case"image-inline":return``;case"code-block":return xn(e);case"code-block-line":throw new Error("Code block line elements should only be present as children of code-block which should be handled by serializeCodeBlock. Got code-block-line may indicate an error in normalization.");case"html-block":return`${e.html}
|
|
25
25
|
|
|
26
|
-
`}
|
|
26
|
+
`}be(e)}function Pt(e){let t=[],o=[];for(let n=0;n<e.length;n++){let i=e[n],a=n<e.length-1?e[n+1]:null;i.type==="ordered-list-item"?(o[i.depth]=(o[i.depth]||0)+1,o=o.slice(0,i.depth+1)):i.type==="unordered-list-item"||i.type==="task-list-item"?o=o.slice(0,i.depth):o=[];let l=Kn(i,o);(i.type==="ordered-list-item"||i.type==="unordered-list-item"||i.type==="task-list-item")&&(!a||a.type!=="ordered-list-item"&&a.type!=="unordered-list-item"&&a.type!=="task-list-item")&&(l=l.replace(/\n$/,`
|
|
27
27
|
|
|
28
|
-
`)),t.push(l)}let r=t.join("");return r.trim()===""?"":r.replace(/^\n+/,"").trim()}function
|
|
28
|
+
`)),t.push(l)}let r=t.join("");return r.trim()===""?"":r.replace(/^\n+/,"").trim()}function lt(e){let t=bn(e);return Pt(t)}var Lo={ja:{bold:"\u592A\u5B57",italic:"\u659C\u4F53",strike:"\u53D6\u308A\u6D88\u3057\u7DDA",inlineCode:"\u30A4\u30F3\u30E9\u30A4\u30F3\u30B3\u30FC\u30C9",underline:"\u4E0B\u7DDA",highlight:"\u30CF\u30A4\u30E9\u30A4\u30C8",increaseDepth:"\u968E\u5C64\u3092\u6DF1\u304F\u3059\u308B",decreaseDepth:"\u968E\u5C64\u3092\u6D45\u304F\u3059\u308B",heading1:"\u898B\u51FA\u30571",heading2:"\u898B\u51FA\u30572",heading3:"\u898B\u51FA\u30573",normal:"\u6A19\u6E96",paragraph:"\u6BB5\u843D",paragraphStyle:"\u6BB5\u843D\u30B9\u30BF\u30A4\u30EB",bulletList:"\u7B87\u6761\u66F8\u304D",numberedList:"\u756A\u53F7\u4ED8\u304D\u30EA\u30B9\u30C8",checkList:"\u30C1\u30A7\u30C3\u30AF\u30EA\u30B9\u30C8",list:"\u30EA\u30B9\u30C8",linkUrl:"\u30EA\u30F3\u30AF\u306EURL",linkText:"\u30EA\u30F3\u30AF\u30C6\u30AD\u30B9\u30C8",linkTextHint:"\u30EA\u30F3\u30AF\u3068\u3057\u3066\u8868\u793A\u3055\u308C\u308B\u30C6\u30AD\u30B9\u30C8",tooltipText:"\u30C4\u30FC\u30EB\u30C1\u30C3\u30D7\u30C6\u30AD\u30B9\u30C8",tooltipHint:"\u30DE\u30A6\u30B9\u30DB\u30D0\u30FC\u6642\u306B\u8868\u793A\u3055\u308C\u308B\u30C4\u30FC\u30EB\u30C1\u30C3\u30D7",apply:"\u9069\u7528",cancel:"\u30AD\u30E3\u30F3\u30BB\u30EB",insertLink:"\u30EA\u30F3\u30AF",quote:"\u5F15\u7528",insertTable:"\u8868",insertImage:"\u753B\u50CF",insertImageFromUrl:"\u753B\u50CF",insert:"\u633F\u5165",format:"\u66F8\u5F0F",imageUrlRequired:"\u753B\u50CFURL\uFF08\u5FC5\u9808\uFF09\uFF1A",altText:"\u4EE3\u66FF\u30C6\u30AD\u30B9\u30C8\uFF1A",title:"\u30C4\u30FC\u30EB\u30C1\u30C3\u30D7\uFF1A",imageDescription:"\u753B\u50CF\u306E\u8AAC\u660E",imageTitle:"\u753B\u50CF\u306E\u30C4\u30FC\u30EB\u30C1\u30C3\u30D7",switchToVisualEditor:"\u30D3\u30B8\u30E5\u30A2\u30EB\u30A8\u30C7\u30A3\u30BF\u306B\u5207\u308A\u66FF\u3048",switchToRawMarkdown:"\u30DE\u30FC\u30AF\u30C0\u30A6\u30F3\u8868\u793A\u306B\u5207\u308A\u66FF\u3048",codeBlock:"\u30B3\u30FC\u30C9\u30D6\u30ED\u30C3\u30AF",increaseQuoteDepth:"\u5F15\u7528\u3092\u91CD\u306D\u308B",horizontalRule:"\u533A\u5207\u308A\u7DDA",register:"\u767B\u9332",imageSourceUrl:"URL",imageSourceFile:"\u30D5\u30A1\u30A4\u30EB",selectFile:"\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E",uploading:"\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u4E2D...",saving:"\u4FDD\u5B58\u4E2D...",uploadComplete:"\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5B8C\u4E86",imageSourceSelect:"\u30D5\u30A1\u30A4\u30EB\u9078\u629E",vaultPath:"\u4FDD\u5B58\u5148\u30D1\u30B9\uFF1A",vaultPathHint:"vault\u5185\u306E\u4FDD\u5B58\u5148\u30D1\u30B9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},en:{bold:"Bold",italic:"Italic",strike:"Strikethrough",inlineCode:"Inline Code",underline:"Underline",highlight:"Highlight",increaseDepth:"Increase Depth",decreaseDepth:"Decrease Depth",heading1:"Heading 1",heading2:"Heading 2",heading3:"Heading 3",normal:"Normal",paragraph:"Paragraph",paragraphStyle:"Paragraph Style",bulletList:"Bullet List",numberedList:"Numbered List",checkList:"Check List",list:"List",linkUrl:"Link URL",linkText:"Link Text",linkTextHint:"Text displayed as the link",tooltipText:"Tooltip Text",tooltipHint:"Tooltip shown on mouse hover",apply:"Apply",cancel:"Cancel",insertLink:"Link",quote:"Quote",insertTable:"Table",insertImage:"Image",insertImageFromUrl:"Image",insert:"Insert",format:"Format",imageUrlRequired:"Image URL (required):",altText:"Alt Text:",title:"tooltip:",imageDescription:"Description of the image",imageTitle:"tooltip",switchToVisualEditor:"Switch to visual editor",switchToRawMarkdown:"Switch to raw markdown",codeBlock:"Code Block",increaseQuoteDepth:"Increase Quote Depth",horizontalRule:"Horizontal Rule",register:"Register",imageSourceUrl:"URL",imageSourceFile:"File",selectFile:"Select File",uploading:"Uploading...",saving:"Saving...",uploadComplete:"Upload Complete",imageSourceSelect:"Select File",vaultPath:"Save Path:",vaultPathHint:"Enter the path within the vault to save the file"}},_n=()=>{try{if(typeof window<"u"&&window.navigator)return window.navigator.language.split("-")[0]}catch{}return"en"},h=e=>{let t=_n();return Lo[t==="ja"?"ja":"en"][e]},Bo=e=>{let t=_n();return Object.keys(Lo[t==="ja"?"ja":"en"]).find(r=>Lo[t==="ja"?"ja":"en"][r]===e)||""};var v=e=>({fn:e});import{useEffect as Cd,useMemo as ei}from"react";import{Editor as Sd}from"slate";import{useSlateStatic as Rd}from"slate-react";function ie(e){return!!e}function Wn(e,t){let o=t.map(r=>r.editableProps?.decorate).filter(ie);return function(r){let n=[];for(let i of o){let a=i(r);n.push(...a)}return e&&n.push(...e(r)),n}}import{Editable as wd}from"slate-react";import{jsx as Id}from"react/jsx-runtime";function Gn(e){let t=e.map(r=>r.renderEditable).filter(ie),o=r=>Id(wd,{...r});for(let r of t){let n=o;o=i=>r({attributes:i,Editable:n})}return o}function Ct(e,t){let o=[];for(let r of e){let n=r.editableProps?.[t];n&&o.push(n)}return o}function St(e,t){return function(o){for(let r of e)if(r(o))return;t?.(o)}}var qn=(e,t)=>{let o=Ct(t,"onKeyDown");return St(o,e)},Qn=(e,t)=>{let o=Ct(t,"onKeyUp");return St(o,e)},Xn=(e,t)=>{let o=Ct(t,"onPaste");return St(o,e)},jn=(e,t)=>{let o=Ct(t,"onDrop");return St(o,e)};function Yn(e,t){let o=t.map(r=>r.editableProps?.renderElement).filter(ie);return function(n){for(let i of o){let a=i(n);if(a)return a}if(e===void 0)throw new Error(`Element with type ${n.element.type} not handled. Note that renderElement is not defined on SinkEditable so this is only the result of checking the Sink Plugins.`);return e(n)}}import{cloneElement as Md}from"react";function Jn(e,t){if(e===void 0)throw new Error("renderLeaf was not defined on SinkEditable");let o=t.map(r=>r.editableProps?.renderLeaf).filter(ie).reverse();return function(r){let n=e({...r,attributes:{}});for(let i of o){let a=i({...r,children:n});a&&(n=a)}return n=Md(n,r.attributes),n}}function Zn(e,t){if(e)return e;let o=t.map(r=>r.editableProps?.renderPlaceholder).filter(ie);if(o.length!==0)return function(r){if(o.length>1)throw new Error(`Only one plugin can define renderPlaceholder but there are ${o.length}`);let n=o[0];if(n==null)throw new Error("Expected fn to be defined");return n(r)}}import Pd from"@emotion/styled";var st=Pd("div")`
|
|
29
29
|
-webkit-font-smoothing: antialiased;
|
|
30
30
|
-moz-osx-font-smoothing: grayscale;
|
|
31
31
|
font-size: 1rem;
|
|
32
32
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
33
33
|
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
34
34
|
box-sizing: border-box;
|
|
35
|
-
`;import{jsx as
|
|
35
|
+
`;import{jsx as Ld}from"react/jsx-runtime";function ti(e){let t=Rd();Cd(()=>{Sd.normalize(t,{force:!0})},[t]);let{plugins:o}=t.sink,r=ei(()=>({...e,decorate:Wn(e.decorate,o),renderElement:Yn(e.renderElement,o),renderLeaf:Jn(e.renderLeaf,o),renderPlaceholder:Zn(e.renderPlaceholder,o),onKeyDown:qn(e.onKeyDown,o),onKeyUp:Qn(e.onKeyUp,o),onPaste:Xn(e.onPaste,o),onDrop:jn(e.onDrop,o)}),[e.decorate,e.renderElement,e.renderLeaf,e.renderPlaceholder,e.onKeyDown,e.onKeyUp,e.onPaste,e.onDrop,e.placeholder,e.className,o]),n=ei(()=>Gn(o),[o]);return Ld(n,{...r})}function $e(e,t,o){let r=e[t],n=o.filter(i=>i.editor?.[t]);return function(a){for(let m of n){let c=m.editor?.[t],d=c?.(a);if(typeof d=="boolean")return d}return r(a)}}function me(e,t,o){let r=e[t],n=o.filter(i=>i.editor?.[t]);return function(...a){let l=!1,m=[];for(let s of n){let c=s.editor?.[t]?.(...a);if(typeof c=="function")m.push(c);else if(c===!0){l=!0;break}}l||r(...a),m.forEach(s=>s())}}function oi(e){return(t,o)=>{let r=t,n=e.map(i=>i(r,o,{createPolicy:a=>a}));return r.sink={plugins:n},r.isMaster="isMaster"in r?r.isMaster:()=>!1,r.isSlave="isSlave"in r?r.isSlave:()=>!1,r.isStandalone="isStandalone"in r?r.isStandalone:()=>!1,Object.assign(r,{normalizeNode:me(r,"normalizeNode",n),deleteBackward:me(r,"deleteBackward",n),deleteForward:me(r,"deleteForward",n),deleteFragment:me(r,"deleteFragment",n),insertBreak:me(r,"insertBreak",n),insertFragment:me(r,"insertFragment",n),insertNode:me(r,"insertNode",n),insertText:me(r,"insertText",n),isInline:$e(r,"isInline",n),isVoid:$e(r,"isVoid",n),isMaster:$e(r,"isMaster",n),isSlave:$e(r,"isSlave",n),isStandalone:$e(r,"isStandalone",n)}),r}}var ri=e=>{let t=e.map(n=>n.fn);return{withSink:oi(t),SinkEditable:ti}};import{Element as Bd}from"slate";import{ReactEditor as zd}from"slate-react";function ni(e,t){return Bd.isElement(t)?zd.findPath(e,t):t}function f(e,t){return e.bind(null,t)}function q(e,t,o){return e.bind(null,t,o)}var Dd=/mac os x|macintosh/i,mt;function Rt(){if(mt!==void 0)return mt;try{let{userAgent:e}=window.navigator;mt=Dd.test(e)}catch{mt=!1}return mt}function Ie(e){e.preventDefault(),e.stopPropagation()}import{Editor as li,Path as Nd}from"slate";import{Element as ii}from"slate";function ai(e){if(typeof e=="function")return e;if(typeof e=="string")return o=>ii.isElement(o)&&o.type===e;if(Array.isArray(e))return o=>ii.isElement(o)&&e.includes(o.type);let t=e;throw new Error(`Expected matchNode to be a function, string or array but is ${t}`)}function E(e,t,{at:o=e.selection}={}){if(o===null)return;let r=ni(e,o),n=ai(t);if(Nd.isPath(r)){let i=li.node(e,r);if(i&&n(i[0]))return i}return li.above(e,{at:r,match:n})}function He(...e){return E(...e)?.[1]}import{jsx as $d}from"react/jsx-runtime";var y=({strokeWidth:e=1.5,...t})=>$d("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",strokeWidth:e,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24",...t});import{Range as Hd}from"slate";function ce(e){return e==null?!1:Hd.isCollapsed(e)}import{Element as si}from"slate";function Lt(e){return Array.isArray(e)?t=>si.isElement(t)&&e.includes(t.type):t=>si.isElement(t)&&e==t.type}import{Editor as Ad}from"slate";function mi(e,t){let{selection:o}=e;if(!ce(o))return!1;let r=E(e,t,{at:o});return!!r&&Ad.isEnd(e,o.anchor,r[1])}import{Editor as Rv}from"slate";import{Editor as Od}from"slate";function Me(e,t){let{selection:o}=e;if(!ce(o))return!1;let r=E(e,t,{at:o});return!!r&&Od.isStart(e,o.anchor,r[1])}import{isHotkey as ci}from"is-hotkey";import{Editor as zo,Element as Ud,Range as Fd,Transforms as Vd}from"slate";var Kd=ci(" "),_d=ci("SHIFT+SPACE");function pi(e,t){return o=>{if(!Kd(o.nativeEvent)&&!_d(o.nativeEvent))return!1;let{selection:r}=e;if(r===null||Fd.isExpanded(r))return!1;let n=E(e,s=>Ud.isElement(s)&&e.convertElement.isConvertibleElement(s));if(!n)return!1;let i={anchor:zo.start(e,n[1]),focus:r.focus},a=zo.string(e,i),l=t[a];if(!l)return!1;Ie(o);let m={anchor:zo.start(e,n[1]),focus:r.focus};return Vd.delete(e,{at:m}),l(),!0}}import{isHotkey as Wd}from"is-hotkey";function di(e){let t=e.replace(/\bsuper\b/g,Rt()?"cmd+alt":"ctrl+shift");return Wd(t)}function N(e){let t=null;return function(r){t==null&&(t=Object.entries(e).map(([n,i])=>[di(n),i]));for(let[n,i]of t)if(n(r.nativeEvent)){let a=i();if(a===!0||a===void 0)return r.preventDefault(),r.stopPropagation(),!0}return!1}}import{Editor as Gd,Transforms as ui}from"slate";function fi(e,t){Gd.withoutNormalizing(e,()=>{ui.setNodes(e,{__DOESNT_MATTER_JUST_TO_START_NORMALIZING__:"123"},{at:t}),ui.setNodes(e,{__DOESNT_MATTER_JUST_TO_START_NORMALIZING__:null},{at:t})})}import{Editor as hi}from"slate";function xe(e,t,o){let[,r]=t,n=hi.previous(e,{at:r});if(n&&o(n,t))return!0;let i=hi.next(e,{at:r});return!!(i&&o(t,i))}import{Editor as gi,Transforms as bi}from"slate";function Q(e,t){bi.select(e,gi.start(e,t))}function Ei(e,t){bi.select(e,gi.end(e,t))}function xi(e,t){return typeof t!="function"?t:t(e)}import{Editor as Do,Element as qd,Path as Qd,Transforms as ct}from"slate";function yi(e,t,{at:o=e.selection}={}){if(o==null)return!1;let r=E(e,n=>qd.isElement(n)&&e.isMaster(n));if(r==null){let n=e.selection;Do.withoutNormalizing(e,()=>{ct.insertNodes(e,t,{at:o}),n&&(ct.select(e,n),ct.move(e))})}else{let n=Qd.next(r[1]);Do.withoutNormalizing(e,()=>{ct.insertNodes(e,t,{at:n}),ct.select(e,Do.start(e,n))})}return!0}import{Editor as ki,Transforms as vi}from"slate";function pt(e,t,o){ki.withoutNormalizing(e,()=>{let r=ki.node(e,o),n=xi(r[0],t);vi.wrapNodes(e,n,{at:o}),vi.unwrapNodes(e,{at:[...o,0]})})}import{Editor as Xd,Transforms as jd}from"slate";function Bt(e,t,o){let r=Array.from(Xd.nodes(e,o));if(r.length===0)return!1;for(let n of r){let[i]=n;jd.setNodes(e,t(i),{at:n[1]})}return!0}function Ti(e,t){let o=t.clipboardData,{types:r}=o;if(r.length>1||r[0]!=="text/plain")return!1;let n=o.getData("text/plain");return Yd(n)?(t.preventDefault(),t.stopPropagation(),e.anchor.insertLink(n),!0):!1}function Yd(e){let t;try{t=new URL(e)}catch{return!1}return t.protocol==="http:"||t.protocol==="https:"||t.protocol==="mailto:"}import{Editor as Jd,Node as Zd,Transforms as No}from"slate";function wi(e,{href:t,title:o,text:r},{at:n}){let i=E(e,"anchor",{at:n});if(!i)return!1;let[a,l]=i;if(No.setNodes(e,{href:t,title:o},{at:l}),r!==void 0){let m=Zd.string(a);r!==m&&Jd.withoutNormalizing(e,()=>{let s=a.children.length;for(let c=s-1;c>=0;c--)No.removeNodes(e,{at:[...l,c]});No.insertNodes(e,{text:r},{at:[...l,0]})})}return!0}import{Editor as zt,Element as eu,Range as tu,Text as ou,Transforms as $o}from"slate";function Ii(e,t,o=t,{select:r=!0,title:n}={}){let i=e.selection||{anchor:zt.start(e,[0]),focus:zt.start(e,[0])};if(tu.isCollapsed(i)){if($o.insertNodes(e,{type:"anchor",href:t,title:n,children:[{text:o}]},{select:r,at:i}),r&&e.selection){let a=zt.node(e,e.selection);$o.select(e,a[1])}}else $o.wrapNodes(e,{type:"anchor",href:t,title:n,children:[]},{split:!0,match:a=>ou.isText(a)||eu.isElement(a)&&zt.isInline(e,a)})}import{Transforms as ru}from"slate";function Mi(e,{at:t}){let o=E(e,"anchor",{at:t});return o?(ru.unwrapNodes(e,{at:o[1]}),!0):!1}function Pi(e){return{insertLink:f(Ii,e),removeLink:f(Mi,e),editLink:f(wi,e)}}import{Element as Ci,Transforms as nu}from"slate";function Si(e,t){if(!Ci.isElement(t[0])||t[0].type!=="anchor")return!1;let o=t[0].children;for(let r=0;r<o.length;r++){let n=o[r];if(!(!Ci.isElement(n)||n.type!=="anchor"))return nu.unwrapNodes(e,{at:[...t[1],r]}),!0}return!1}import{clsx as Ju}from"clsx";import{useEffect as Zu,useRef as ha}from"react";import{useSelected as ef,useSlate as tf}from"slate-react";import{createContext as Li,useState as au}from"react";import{createPortal as iu}from"react-dom";function Ri({children:e}){return typeof document>"u"||!document.body?null:iu(e,document.body)}import{jsx as Ho,jsxs as su}from"react/jsx-runtime";var Ao=Li({}),lu=Li({});function Bi({children:e}){let[t,o]=au({});function r(i){o(a=>({...a,[i.type]:i}))}function n(i){o(a=>{let l={...a};return delete l[i],l})}return su(Ao.Provider,{value:{layers:t,setLayers:o,openLayer:r,closeLayer:n},children:[e,Object.entries(t).map(([,i])=>Ho(Ri,{children:Ho(lu.Provider,{value:i,children:Ho(i.Component,{})})},i.type))]})}import{useContext as mu}from"react";function O(e){let{openLayer:t,closeLayer:o,layers:r}=mu(Ao);function n(a){t({type:e,Component:a})}function i(){o(e)}return{open:n,close:i,layer:r[e],type:e}}import Dt from"@emotion/styled";var zi=Dt("a")`
|
|
36
36
|
/**
|
|
37
37
|
* Link colors
|
|
38
38
|
*/
|
|
@@ -51,10 +51,10 @@
|
|
|
51
51
|
&.--selected {
|
|
52
52
|
background: var(--blue-50);
|
|
53
53
|
}
|
|
54
|
-
`,
|
|
54
|
+
`,Oo=Dt("span")`
|
|
55
55
|
display: inline;
|
|
56
56
|
padding: 0 1px 0 0;
|
|
57
|
-
`,
|
|
57
|
+
`,NT=Dt("span")`
|
|
58
58
|
position: fixed;
|
|
59
59
|
width: 100px;
|
|
60
60
|
background: var(--shade-50);
|
|
@@ -63,14 +63,14 @@
|
|
|
63
63
|
border: 1px solid var(--shade-400);
|
|
64
64
|
overflow: hidden;
|
|
65
65
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
66
|
-
|
|
66
|
+
`,$T=Dt("span")`
|
|
67
67
|
position: absolute;
|
|
68
68
|
left: 0;
|
|
69
69
|
top: 0;
|
|
70
70
|
height: 14px;
|
|
71
71
|
background: var(--blue-400);
|
|
72
72
|
transition: width 100ms linear;
|
|
73
|
-
`;import
|
|
73
|
+
`;import qu from"@emotion/styled";import{useCallback as _t,useState as Qu}from"react";import{useSlateStatic as Xu}from"slate-react";import{useRef as pu}from"react";import cu from"@emotion/styled";var Di=cu("div")`
|
|
74
74
|
position: fixed;
|
|
75
75
|
user-select: none;
|
|
76
76
|
top: 0;
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
bottom: 0;
|
|
80
80
|
overflow-y: auto;
|
|
81
81
|
background: rgba(0, 0, 0, 0.01);
|
|
82
|
-
`;import{jsx as
|
|
82
|
+
`;import{jsx as du}from"react/jsx-runtime";function ye({close:e}){let t=pu(null);return du(Di,{ref:t,onClick:e})}var ae={cmd:"\u2318",ctrl:"\u2303",shift:"\u21E7",opt:"\u2325",enter:"\u23CE"},uu={shift:ae.shift,opt:ae.opt,alt:ae.opt,ctrl:ae.ctrl,mod:ae.cmd,cmd:ae.cmd,enter:ae.enter,super:`${ae.opt}${ae.cmd}`},fu={alt:"ALT",ctrl:"CTRL",opt:"ALT",shift:"SHIFT",mod:"CTRL",cmd:"CTRL",enter:ae.enter,super:"CTRL+SHIFT"};function Ni(e,t){let o=e.findIndex(r=>r===t);o!==-1&&e.splice(o,1)}function hu(e){let t=[];return Object.entries(uu).forEach(([o,r])=>{e.includes(o)&&(t.push(r),Ni(e,o))}),t.push(...e.map(o=>o.toUpperCase())),t.join("")}function gu(e){let t=[];return Object.entries(fu).forEach(([o,r])=>{e.includes(o)&&(t.push(r),Ni(e,o))}),t.push(...e.map(o=>o.toUpperCase())),t.join("+")}function Nt(e){let t=e.toLowerCase().split("+");return Rt()?hu(t):gu(t)}import{useRef as Cu}from"react";import{useSlateStatic as Su}from"slate-react";function Uo(e){let t=e.getBoundingClientRect();return{top:t.top,right:t.right,bottom:t.bottom,left:t.left,width:t.width,height:t.height}}function $i(e){let t=Uo(e),{scrollY:o}=window;return Object.assign(t,{top:t.top+o,bottom:t.bottom+o})}function Fo(){let e=document.documentElement.clientWidth||document.body.clientWidth;return{top:0,right:e,bottom:window.innerHeight,left:0,width:e,height:window.innerHeight}}function Hi(){let e=Fo();return Object.assign(e,{top:window.scrollY,bottom:window.scrollY+e.height})}var Ai=bu;function bu(e,t){for(var o={},r=Object.keys(e),n=r.length,i=0;i<n;i++){var a=r[i];o[a]=t(e[a],a,e)}return o}function Vo(e,t){return Ai(e,r=>{let n=r instanceof HTMLElement?r:r.current;return n?t(n):null})}import{useEffect as ku}from"react";import Eu from"lodash.throttle";import{useMemo as xu,useState as yu}from"react";function $t(e=100){let[t,o]=yu(0),r=xu(()=>Eu(()=>{o(n=>n+1)},e,{trailing:!0}),[e]);return Object.assign(r,{counter:t})}function Ko(){let e=$t();return ku(()=>(e(),window.addEventListener("resize",e),window.addEventListener("scroll",e),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e)}),[]),e}function j(e,t){let o=Ko(),r=Vo(e,n=>$i(n));return t(r,Hi(),o)}function Ht(e,t,o,{margin:r=0}={}){if(e==null)return{...o,left:-1024};let{top:n}=o,{left:i}=o,a=t.right-t.left-r*2;return e.width>=a?i=t.left+r:(i+e.width>t.right-r&&(i=t.right-e.width-r),i<t.left+r&&(i=t.left+r)),{left:i,top:n}}import _o from"@emotion/styled";import vu from"@emotion/styled";var Y=vu(st)`
|
|
83
83
|
position: absolute;
|
|
84
84
|
z-index: 1000;
|
|
85
85
|
border: 1px solid var(--table-border-color);
|
|
@@ -88,6 +88,7 @@
|
|
|
88
88
|
filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07))
|
|
89
89
|
drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
|
|
90
90
|
background: white;
|
|
91
|
+
color: #333;
|
|
91
92
|
/**
|
|
92
93
|
* If you are tempted to add the transitions back in, here's why we left
|
|
93
94
|
* them off:
|
|
@@ -105,14 +106,14 @@
|
|
|
105
106
|
* even if we did, it looks better this way.
|
|
106
107
|
*/
|
|
107
108
|
/* transition: left 100ms, top 100ms; */
|
|
108
|
-
`;var
|
|
109
|
+
`;var Oi=_o(Y)`
|
|
109
110
|
width: 24em;
|
|
110
111
|
padding: 0;
|
|
111
112
|
overflow: hidden;
|
|
112
|
-
`,
|
|
113
|
+
`,At=_o("div")`
|
|
113
114
|
display: flex;
|
|
114
115
|
gap: 0.5em;
|
|
115
|
-
`,
|
|
116
|
+
`,Ot=_o("input")`
|
|
116
117
|
flex: 1 1 auto;
|
|
117
118
|
padding: 0.5em 0.75em;
|
|
118
119
|
border-radius: 0.25em;
|
|
@@ -123,7 +124,7 @@
|
|
|
123
124
|
&:focus {
|
|
124
125
|
outline: 2px solid var(--blue-200);
|
|
125
126
|
}
|
|
126
|
-
`;import
|
|
127
|
+
`;import Fi from"@emotion/styled";import Tu from"@emotion/styled";var Ui=Tu(st)`
|
|
127
128
|
border: 1px solid var(--shade-300); /* shade-300 */
|
|
128
129
|
border-radius: 0.5em;
|
|
129
130
|
color: rgb(39 39 42); /* shade-800 */
|
|
@@ -139,10 +140,10 @@
|
|
|
139
140
|
*/
|
|
140
141
|
outline: 2px solid var(--select-editor-color) !important;
|
|
141
142
|
}
|
|
142
|
-
`;var Fi
|
|
143
|
+
`;var Vi=Fi("div")`
|
|
143
144
|
padding: 2em;
|
|
144
145
|
flex: 1;
|
|
145
|
-
`,
|
|
146
|
+
`,Ki=Fi(Ui)`
|
|
146
147
|
/**
|
|
147
148
|
* We use this to make sure the top of the container is rounded even though
|
|
148
149
|
* the toolbar inside is square. We keep the toolbar square so that as the
|
|
@@ -163,7 +164,7 @@
|
|
|
163
164
|
overflow-y: clip;
|
|
164
165
|
display: flex;
|
|
165
166
|
flex-direction: column;
|
|
166
|
-
`;import
|
|
167
|
+
`;import Wo from"@emotion/styled";var _i=Wo(Y)`
|
|
167
168
|
position: absolute;
|
|
168
169
|
padding-top: 0.5em;
|
|
169
170
|
padding-bottom: 0.5em;
|
|
@@ -173,7 +174,7 @@
|
|
|
173
174
|
* Prevent clicks from stealing focus from the editor
|
|
174
175
|
*/
|
|
175
176
|
user-select: none;
|
|
176
|
-
`,
|
|
177
|
+
`,Wi=Wo("div")`
|
|
177
178
|
display: flex;
|
|
178
179
|
z-index: 10;
|
|
179
180
|
padding: 0 1em 0 1.5em;
|
|
@@ -213,12 +214,12 @@
|
|
|
213
214
|
&:hover {
|
|
214
215
|
background: var(--blue-50);
|
|
215
216
|
}
|
|
216
|
-
`,
|
|
217
|
+
`,Gi=Wo("div")`
|
|
217
218
|
height: 1px;
|
|
218
219
|
background: var(--shade-200);
|
|
219
220
|
margin-top: 0.25em;
|
|
220
221
|
margin-bottom: 0.25em;
|
|
221
|
-
`;import
|
|
222
|
+
`;import dt from"@emotion/styled";var qi=dt("div")`
|
|
222
223
|
/**
|
|
223
224
|
* This flex rule applies to the "display: flex;" of the parent container.
|
|
224
225
|
* Ensures the toolbar does not shrink or grow vertically.
|
|
@@ -257,22 +258,22 @@
|
|
|
257
258
|
3em + 1px
|
|
258
259
|
); // $ToolbarDivider height + border-bottom of 1px above
|
|
259
260
|
overflow: hidden;
|
|
260
|
-
`,
|
|
261
|
+
`,Qi=dt("div")`
|
|
261
262
|
display: inline-block;
|
|
262
263
|
height: calc(
|
|
263
264
|
3em + 1px
|
|
264
265
|
); // $ToolbarDivider height + border-bottom of 1px above
|
|
265
|
-
`,
|
|
266
|
+
`,Xi=dt("div")`
|
|
266
267
|
display: inline-block;
|
|
267
268
|
height: 3em;
|
|
268
269
|
padding: 0 0.375em;
|
|
269
|
-
`,
|
|
270
|
+
`,ji=dt("div")`
|
|
270
271
|
display: inline-block;
|
|
271
272
|
background: var(--shade-300);
|
|
272
273
|
opacity: 50%;
|
|
273
274
|
width: 1px;
|
|
274
275
|
height: 3em;
|
|
275
|
-
`,
|
|
276
|
+
`,Yi=dt("div")`
|
|
276
277
|
box-sizing: border-box;
|
|
277
278
|
position: relative;
|
|
278
279
|
display: inline-block;
|
|
@@ -322,7 +323,7 @@
|
|
|
322
323
|
margin-left: -0.25em;
|
|
323
324
|
opacity: 0.375;
|
|
324
325
|
}
|
|
325
|
-
`;import{useCallback as
|
|
326
|
+
`;import{useCallback as wu}from"react";import{ReactEditor as Iu}from"slate-react";import{Fragment as Pu,jsx as Ae,jsxs as Mu}from"react/jsx-runtime";function Ji({editor:e,item:t,close:o,dest:r}){let n=O("menu"),i=wu(()=>{if(t.Component){let a=t.Component;n.open(()=>Ae(a,{dest:r,close:n.close}))}else t.action&&(t.action(e),Iu.focus(e),o())},[e,t]);return Ae(Pu,{children:Mu(Wi,{onClick:i,children:[Ae("div",{className:"--icon",children:Ae(t.icon,{})}),Ae("div",{className:"--title",children:t.title}),Ae("div",{className:"--hotkey",children:t.hotkey?Nt(t.hotkey):void 0})]})})}import{Fragment as Ru,jsx as Ut,jsxs as Lu}from"react/jsx-runtime";function Oe({dest:e,items:t,close:o}){let r=Su(),n=Cu(null),i=j({src:n,dest:e},({dest:a})=>a?{left:a.left-8,top:a.top+a.height}:{left:0,top:0});return Lu(Ru,{children:[Ut(ye,{close:o}),Ut(_i,{ref:n,style:i,children:t.map((a,l)=>a==="divider"?Ut(Gi,{},l):a.show&&!a.show(r)?null:Ut(Ji,{editor:r,item:a,close:o,dest:e},l))})]})}import{useCallback as oa}from"react";import Zi from"@emotion/styled";import{jsx as Du,jsxs as Nu}from"react/jsx-runtime";function Go(e){return e.getBoundingClientRect()}var Bu=Zi("div")`
|
|
326
327
|
position: fixed;
|
|
327
328
|
z-index: 10;
|
|
328
329
|
-webkit-font-smoothing: antialiased;
|
|
@@ -338,12 +339,12 @@
|
|
|
338
339
|
background: var(--shade-700);
|
|
339
340
|
border-radius: 0.25em;
|
|
340
341
|
white-space: nowrap;
|
|
341
|
-
`,
|
|
342
|
+
`,zu=Zi("span")`
|
|
342
343
|
margin-left: 0.75em;
|
|
343
344
|
font-size: 0.875em;
|
|
344
345
|
font-weight: 500;
|
|
345
346
|
color: var(--shade-400);
|
|
346
|
-
`;function
|
|
347
|
+
`;function ea({title:e,hotkey:t,dest:o}){let r=Go(o);return Nu(Bu,{style:{left:r.left,top:`calc(${r.top}px - 2em)`},children:[e,t?Du(zu,{children:t}):null]})}import $u from"@emotion/styled";import{jsx as Au}from"react/jsx-runtime";var Hu=$u("span")`
|
|
347
348
|
position: fixed;
|
|
348
349
|
z-index: 10;
|
|
349
350
|
width: 0;
|
|
@@ -351,7 +352,7 @@
|
|
|
351
352
|
border-left: 0.375em solid transparent;
|
|
352
353
|
border-right: 0.375em solid transparent;
|
|
353
354
|
border-top: 0.375em solid var(--shade-700);
|
|
354
|
-
`;function
|
|
355
|
+
`;function ta({dest:e}){let t=Go(e);return Au(Hu,{style:{left:`calc(${t.left+t.width/2}px - 0.375em)`,top:`calc(${t.top}px - 0.5em)`}})}import{jsx as ra}from"react/jsx-runtime";function J({title:e,hotkey:t},o=[]){let r=O("tooltip-label"),n=O("tooltip-triangle"),i=oa(l=>{let m=l.currentTarget;e!==void 0&&(r.open(()=>ra(ea,{title:e,hotkey:typeof t=="function"?t():t,dest:m})),n.open(()=>ra(ta,{dest:m})))},o),a=oa(()=>{r.close(),n.close()},o);return{onMouseEnter:i,onMouseLeave:a}}import Vu from"@emotion/styled";import{useCallback as Fe,useRef as Ku,useState as Vt}from"react";import{Node as _u}from"slate";import{useSlateStatic as Wu}from"slate-react";import ke from"@emotion/styled";var Ue=ke("div")`
|
|
355
356
|
margin: 0.5em 0;
|
|
356
357
|
&:first-of-type {
|
|
357
358
|
margin-top: 0;
|
|
@@ -359,15 +360,15 @@
|
|
|
359
360
|
&:last-of-type {
|
|
360
361
|
margin-bottom: 0;
|
|
361
362
|
}
|
|
362
|
-
`,
|
|
363
|
+
`,Ft=ke("div")`
|
|
363
364
|
font-size: 0.9375em;
|
|
364
365
|
margin-bottom: 0.25em;
|
|
365
366
|
color: var(--shade-700);
|
|
366
|
-
`,
|
|
367
|
+
`,qo=ke("div")`
|
|
367
368
|
font-size: 0.875em;
|
|
368
369
|
margin-top: 0.25em;
|
|
369
370
|
color: var(--shade-500);
|
|
370
|
-
`,
|
|
371
|
+
`,na=ke("input")`
|
|
371
372
|
box-sizing: border-box;
|
|
372
373
|
width: 100%;
|
|
373
374
|
height: 6em;
|
|
@@ -381,7 +382,7 @@
|
|
|
381
382
|
&:focus {
|
|
382
383
|
outline: 2px solid var(--blue-200);
|
|
383
384
|
}
|
|
384
|
-
`,
|
|
385
|
+
`,Qo=ke("input")`
|
|
385
386
|
box-sizing: border-box;
|
|
386
387
|
width: 100%;
|
|
387
388
|
padding: 0.5em 0.75em;
|
|
@@ -393,7 +394,7 @@
|
|
|
393
394
|
&:focus {
|
|
394
395
|
outline: 2px solid var(--blue-200);
|
|
395
396
|
}
|
|
396
|
-
`,
|
|
397
|
+
`,ia=ke("div")`
|
|
397
398
|
/* Center vertically and horizontally */
|
|
398
399
|
display: flex;
|
|
399
400
|
align-items: center;
|
|
@@ -407,7 +408,7 @@
|
|
|
407
408
|
font-size: 1.25em;
|
|
408
409
|
stroke-width: 2px;
|
|
409
410
|
}
|
|
410
|
-
`,
|
|
411
|
+
`,aa=ke(ia)`
|
|
411
412
|
color: var(--blue-50);
|
|
412
413
|
background: var(--blue-500);
|
|
413
414
|
outline: 0px solid white;
|
|
@@ -419,7 +420,7 @@
|
|
|
419
420
|
svg {
|
|
420
421
|
color: var(--blue-200);
|
|
421
422
|
}
|
|
422
|
-
`,
|
|
423
|
+
`,la=ke(ia)`
|
|
423
424
|
color: var(--shade-500);
|
|
424
425
|
background: var(--shade-200);
|
|
425
426
|
outline: 0px solid white;
|
|
@@ -431,7 +432,7 @@
|
|
|
431
432
|
svg {
|
|
432
433
|
color: var(--shade-400);
|
|
433
434
|
}
|
|
434
|
-
`;import{useRef as
|
|
435
|
+
`;import{useRef as Ou,useCallback as Pe}from"react";import ma from"@emotion/styled";import{jsx as sa}from"react/jsx-runtime";var Uu=ma.div`
|
|
435
436
|
display: flex;
|
|
436
437
|
align-items: center;
|
|
437
438
|
justify-content: center;
|
|
@@ -446,17 +447,17 @@
|
|
|
446
447
|
&:active {
|
|
447
448
|
cursor: grabbing;
|
|
448
449
|
}
|
|
449
|
-
`,
|
|
450
|
+
`,Fu=ma.div`
|
|
450
451
|
width: 32px;
|
|
451
452
|
height: 4px;
|
|
452
453
|
background: #ccc;
|
|
453
454
|
border-radius: 2px;
|
|
454
|
-
`;function
|
|
455
|
+
`;function ve({onDrag:e}){let t=Ou(null),o=Pe((s,c)=>{t.current={x:s,y:c}},[]),r=Pe((s,c)=>{if(!t.current)return;let d=s-t.current.x,p=c-t.current.y;t.current={x:s,y:c},e(d,p)},[e]),n=Pe(()=>{t.current=null},[]),i=Pe(s=>{s.preventDefault(),o(s.clientX,s.clientY);let c=p=>{r(p.clientX,p.clientY)},d=()=>{n(),document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",d)};document.addEventListener("mousemove",c),document.addEventListener("mouseup",d)},[o,r,n]),a=Pe(s=>{if(s.touches.length!==1)return;let c=s.touches[0];o(c.clientX,c.clientY)},[o]),l=Pe(s=>{if(s.touches.length!==1)return;let c=s.touches[0];r(c.clientX,c.clientY)},[r]),m=Pe(()=>{n()},[n]);return sa(Uu,{onMouseDown:i,onTouchStart:a,onTouchMove:l,onTouchEnd:m,children:sa(Fu,{})})}import{jsx as _,jsxs as ut}from"react/jsx-runtime";var Gu=Vu(Y)`
|
|
455
456
|
position: absolute;
|
|
456
457
|
width: 20em;
|
|
457
458
|
padding: 0;
|
|
458
459
|
overflow: hidden;
|
|
459
|
-
`;function
|
|
460
|
+
`;function ca({destAnchor:e,destStartEdge:t,element:o}){let r=O("dialog"),[n,i]=Vt({x:0,y:0}),a=Fe((k,x)=>{i(T=>({x:T.x+k,y:T.y+x}))},[]),l=j({destAnchor:e,destStartEdge:t},({destAnchor:k,destStartEdge:x})=>({left:x.left,top:k.top+k.height})),m={...l,left:l.left+n.x,top:l.top+n.y},s=Wu(),[c,d]=Vt(o.href),[p,u]=Vt(_u.string(o)),[g,w]=Vt(o.title||""),P=Ku({href:c,text:p,title:g});P.current={href:c,text:p,title:g};let S=Fe(k=>{d(k.target.value)},[]),M=Fe(k=>{u(k.target.value)},[]),H=Fe(k=>{w(k.target.value)},[]),I=Fe(()=>{r.open(()=>_(Kt,{destAnchor:e,destStartEdge:t,element:o}))},[e,t,o]),A=Fe(()=>{let{href:k,text:x,title:T}=P.current;s.anchor.editLink({href:k,text:x,title:T},{at:o}),I()},[I]);return ut(Gu,{contentEditable:!1,style:m,children:[_(ve,{onDrag:a}),ut("div",{style:{padding:"1em"},children:[ut(Ue,{children:[_(Ft,{children:h("linkUrl")}),_(na,{as:"textarea",value:c,onChange:S})]}),ut(Ue,{children:[_(Ft,{children:h("linkText")}),_(Qo,{type:"text",value:p,onChange:M}),_(qo,{children:h("linkTextHint")})]}),ut(Ue,{children:[_(Ft,{children:h("tooltipText")}),_(Qo,{type:"text",value:g,onChange:H}),_(qo,{children:h("tooltipHint")})]}),_(Ue,{children:_(aa,{onClick:A,children:h("apply")})}),_(Ue,{children:_(la,{onClick:I,children:h("cancel")})})]})]})}import{jsx as Te}from"react/jsx-runtime";var pa=e=>Te(y,{...e,children:Te("path",{d:"M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6M11 13l9-9M15 4h5v5"})}),da=e=>Te(y,{...e,children:Te("path",{d:"m9 15 3-3m2-2 1-1M11 6l.463-.536a5 5 0 0 1 7.071 7.072L18 13M3 3l18 18M13 18l-.397.534a5.068 5.068 0 0 1-7.127 0 4.972 4.972 0 0 1 0-7.071L6 11"})}),ua=e=>Te(y,{...e,children:Te("path",{d:"M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4M13.5 6.5l4 4"})}),fa=e=>Te(y,{...e,children:Te("path",{d:"M18 6L6 18M6 6l12 12"})});import{jsx as Z,jsxs as ft}from"react/jsx-runtime";var ju=qu(Y)`
|
|
460
461
|
position: absolute;
|
|
461
462
|
width: 20em;
|
|
462
463
|
z-index: 1000;
|
|
@@ -540,10 +541,10 @@
|
|
|
540
541
|
height: 1.25em;
|
|
541
542
|
stroke-width: 1.5;
|
|
542
543
|
}
|
|
543
|
-
`;function
|
|
544
|
+
`;function Yu(e){try{let t=new URL(e);return{hostname:t.hostname,pathname:t.pathname}}catch{return{hostname:"",pathname:""}}}function Kt({destAnchor:e,destStartEdge:t,element:o}){let r=O("dialog"),n=Xu(),i=Yu(o.href),[a,l]=Qu({x:0,y:0}),m=_t((S,M)=>{l(H=>({x:H.x+S,y:H.y+M}))},[]),s=j({destAnchor:e,destStartEdge:t},({destAnchor:S,destStartEdge:M})=>({left:M.left,top:S.top+S.height})),c={...s,left:s.left+a.x,top:s.top+a.y},d=J({title:"\u30EA\u30F3\u30AF\u3092\u524A\u9664"}),p=J({title:"\u30EA\u30F3\u30AF\u3092\u7DE8\u96C6"}),u=J({title:"\u9589\u3058\u308B"}),g=_t(()=>{r.close()},[r]),w=_t(()=>{n.anchor.removeLink({at:o}),r.close()},[n,r]),P=_t(()=>{p.onMouseLeave(),r.open(()=>Z(ca,{destAnchor:e,destStartEdge:t,element:o}))},[e,t,o]);return ft(ju,{contentEditable:!1,style:c,children:[Z(ve,{onDrag:m}),ft("div",{style:{display:"flex",padding:"1em"},children:[ft("a",{className:"--link",href:o.href,target:"_blank",rel:"noreferrer",children:[Z(pa,{}),ft("div",{className:"--url",children:[Z("div",{className:"--hostname",children:i.hostname}),i.pathname===""||i.pathname==="/"?null:Z("div",{className:"--pathname",children:i.pathname}),o.title==null||o.title===""?null:Z("div",{className:"--tooltip",children:o.title})]})]}),ft("span",{className:"--icons",children:[Z("span",{className:"--icon",onClick:w,onMouseEnter:d.onMouseEnter,onMouseLeave:d.onMouseLeave,children:Z(da,{})}),Z("span",{className:"--icon",onMouseEnter:p.onMouseEnter,onMouseLeave:p.onMouseLeave,onClick:P,children:Z(ua,{})}),Z("span",{className:"--icon",onClick:g,onMouseEnter:u.onMouseEnter,onMouseLeave:u.onMouseLeave,children:Z(fa,{})})]})]})]})}import{jsx as Wt,jsxs as of}from"react/jsx-runtime";function ga({element:e,attributes:t,children:o}){let r=ha(null),n=ha(null),i=ef(),a=tf(),l=O("dialog");return Zu(()=>{let m=n.current,s=r.current;if(!m||!s)return;let c=a.selection&&a.selection.anchor.offset!==a.selection.focus.offset;i&&!c?setTimeout(()=>{l.open(()=>Wt(Kt,{destAnchor:m,destStartEdge:s,element:e}))}):l.close()},[i,e]),of(zi,{className:Ju({"--selected":i}),href:e.href,target:e.target,...t,ref:n,children:[Wt(Oo,{ref:r,contentEditable:!1}),Wt("span",{children:o}),Wt(Oo,{contentEditable:!1})]})}import{jsx as rf}from"react/jsx-runtime";var ba=v((e,t,{createPolicy:o})=>(e.anchor=Pi(e),o({name:"anchor",editor:{isInline(r){if(r.type==="anchor")return!0},normalizeNode:f(Si,e)},editableProps:{onPaste:f(Ti,e),renderElement:({element:r,attributes:n,children:i})=>{if(r.type==="anchor")return rf(ga,{element:r,attributes:n,children:i})}}})));import{Editor as Gt,Transforms as ya}from"slate";import{Element as Ea,Path as xa}from"slate";function Xo(e,t,o){if(!t||!o||xa.equals(t[1],o[1]))return!0;let r=E(e,i=>Ea.isElement(i)&&e.isMaster(i),{at:t[1]}),n=E(e,i=>Ea.isElement(i)&&e.isMaster(i),{at:o[1]});return!!(!r&&!n||r&&n&&xa.equals(r[1],n[1]))}var ka=v(e=>(e.atomicDelete=!0,{name:"atomic-delete",editor:{deleteBackward(){if(e.selection==null)return!1;let t=Gt.node(e,e.selection),o=Gt.previous(e,{mode:"lowest"});return Xo(e,t,o)?!1:(ya.move(e,{unit:"character",reverse:!0}),!0)},deleteForward(){if(e.selection==null)return!1;let t=Gt.node(e,e.selection),o=Gt.next(e,{mode:"lowest"});return Xo(e,t,o)?!1:(ya.move(e,{unit:"character"}),!0)}}}));import{Transforms as qf}from"slate";import{ReactEditor as Qf}from"slate-react";import{Editor as nf,Transforms as va}from"slate";import{ReactEditor as af}from"slate-react";function lf(e){}function sf(e,t,o,r){let{selection:n}=e;if(va.insertNodes(e,{type:"image-block",url:t,alt:o||"",title:r||"",width:320,height:240,children:[{text:""}]}),!n){let i=nf.end(e,[]);va.select(e,i),af.focus(e)}}function Ta(e){return{noop:f(lf,e),insertImageFromUrl:f(sf,e)}}function wa(e,t){return!1}import{useSlateStatic as Vf}from"slate-react";import mf from"@emotion/styled";var Ia=mf("div")`
|
|
544
545
|
display: block;
|
|
545
546
|
margin: 1em 0;
|
|
546
|
-
`;import{clsx as
|
|
547
|
+
`;import{clsx as Of}from"clsx";import{useState as al}from"react";import{useSelected as Uf}from"slate-react";import Ma from"@emotion/styled";var Pa=Ma("span")`
|
|
547
548
|
/**
|
|
548
549
|
* In order for this container to wrap tightly (without space), it needs to be
|
|
549
550
|
* an "inline-block". If it's just an "inline" we end up with spacing
|
|
@@ -555,7 +556,7 @@
|
|
|
555
556
|
* so that we can place UI controls for the image in and around the image.
|
|
556
557
|
*/
|
|
557
558
|
position: relative;
|
|
558
|
-
`,
|
|
559
|
+
`,Ca=Ma("img")`
|
|
559
560
|
/**
|
|
560
561
|
* TODO:
|
|
561
562
|
*
|
|
@@ -617,7 +618,7 @@
|
|
|
617
618
|
.--dragging > & {
|
|
618
619
|
transition: border-radius 250ms;
|
|
619
620
|
}
|
|
620
|
-
`;import{clsx as
|
|
621
|
+
`;import{clsx as ff}from"clsx";import{useCallback as Da,useEffect as hf,useRef as Qt}from"react";import{Transforms as Na}from"slate";import{ReactEditor as Yo,useSlateStatic as gf}from"slate-react";import{useEffect as cf}from"react";function Sa(){let e=$t();return cf(()=>(e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}),[]),e}import Ra from"@emotion/styled";var La=Ra("span")`
|
|
621
622
|
position: absolute;
|
|
622
623
|
display: block;
|
|
623
624
|
/**
|
|
@@ -644,7 +645,7 @@
|
|
|
644
645
|
/* background: green; */
|
|
645
646
|
width: 1.25em;
|
|
646
647
|
}
|
|
647
|
-
`,
|
|
648
|
+
`,Ba=Ra("span")`
|
|
648
649
|
position: absolute;
|
|
649
650
|
display: block;
|
|
650
651
|
background: var(--select-color);
|
|
@@ -737,7 +738,7 @@
|
|
|
737
738
|
.--small > & > .--bar-right {
|
|
738
739
|
left: calc(50% + 1px);
|
|
739
740
|
}
|
|
740
|
-
`;function
|
|
741
|
+
`;function jo({value:e,min:t,max:o}){if(!(o>=t))throw new Error("Expected max >= min but is not");return Math.max(t,Math.min(o,e))}import{ReactEditor as pf}from"slate-react";function qt(e,t){e=Math.round(e);let o=t.width/t.height;return{width:e,height:Math.round(e/o)}}function df(e,t){e=Math.round(e);let o=t.width/t.height;return{width:Math.round(e*o),height:e}}function uf(e,t){let o=e.width/e.height,r=t.width/t.height;if(o>=r){if(e.width>t.width)return qt(t.width,e)}else if(e.height>t.height)return df(t.height,e);return e}function Ce(e,t,o){switch(o.type){case"bounds":return uf(t,o);case"scale":return{width:Math.round(t.width*o.scale),height:Math.round(t.height*o.scale)}}}function za(e){let t=pf.toDOMNode(e,e),o=getComputedStyle(t),r=parseInt(o.paddingLeft,10)+parseInt(o.paddingRight,10);return t.clientWidth-r}import{Fragment as xf,jsx as ht,jsxs as Ef}from"react/jsx-runtime";function bf(e,t){let r=Yo.toDOMNode(e,t).querySelector("img");if(!r)throw new Error("Image Element could not be found but should exist");return r.getBoundingClientRect()}function $a({element:e,srcSize:t,size:o,setSize:r,isDragging:n,setIsDragging:i}){let a=gf(),l=Qt(null),m=Qt(null),s=Qt(null),c=Qt(null);Sa();let d=za(a),p=o.width,u=Math.min(t.width,d),g=Math.min(12,t.width),w=Da(M=>{Ie(M),i(!0);let H=M.clientX,A=bf(a,e).width,k={...o},x=L=>{let C=jo({value:A+L.clientX-H,min:g,max:u});k=qt(C,t),r(k)},T=()=>{document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T),l.current=null,m.current=null;let L=Yo.findPath(a,e),C={width:k.width,height:k.height};r(C),Na.setNodes(a,C,{at:L}),i(!1)};l.current=x,m.current=T,document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},[t.width,t.height,o.width,e]),P=Da(M=>{Ie(M),i(!0);let H=M.changedTouches[0].clientX,I=o.width,A={...o},k=T=>{let L=T.changedTouches[0],C=jo({value:I+L.clientX-H,min:g,max:u});A=qt(C,t),r(A)},x=()=>{document.removeEventListener("touchmove",k),document.removeEventListener("touchend",x),s.current=null,c.current=null;let T=Yo.findPath(a,e);Na.setNodes(a,{width:A.width,height:A.height},{at:T}),i(!1)};s.current=k,c.current=x,document.addEventListener("touchmove",k),document.addEventListener("touchend",x)},[t.width,t.height,o.width,e]);hf(()=>()=>{l.current&&document.removeEventListener("mousemove",l.current),m.current&&document.removeEventListener("mouseup",m.current),s.current&&document.removeEventListener("touchmove",s.current),c.current&&document.removeEventListener("touchend",c.current)},[]);let S=ff({"--center":p<u&&p>g,"--left":p>=u&&p>g,"--right":p<=g&&p<u,"--dragging":n,"--small":p<=64||o.height<=64});return ht(xf,{children:ht(La,{className:S,onMouseDown:w,onTouchStart:P,children:Ef(Ba,{children:[ht("span",{className:"--bar --bar-left"}),ht("span",{className:"--bar --bar-center"}),ht("span",{className:"--bar --bar-right"})]})})})}import yf from"@emotion/styled";var Ha=yf("span")`
|
|
741
742
|
position: absolute;
|
|
742
743
|
/**
|
|
743
744
|
* The status appears with a 1px gap from the outline.
|
|
@@ -759,7 +760,7 @@
|
|
|
759
760
|
|
|
760
761
|
/* force numbers to be monospaced for better alignment */
|
|
761
762
|
font-variant-numeric: tabular-nums;
|
|
762
|
-
`;import{jsxs as
|
|
763
|
+
`;import{jsxs as kf}from"react/jsx-runtime";function Aa({size:e}){return kf(Ha,{children:[e.width," \xD7 ",e.height]})}import vf from"@emotion/styled";var Oa=vf("span")`
|
|
763
764
|
position: absolute;
|
|
764
765
|
/**
|
|
765
766
|
* On top of the image +1 for space inside outline, +2 for outline,
|
|
@@ -790,7 +791,7 @@
|
|
|
790
791
|
}
|
|
791
792
|
display: flex;
|
|
792
793
|
gap: 0.25em;
|
|
793
|
-
`;import
|
|
794
|
+
`;import Ua from"@emotion/styled";var Xt=Ua("span")`
|
|
794
795
|
/* font-size: 0.75em; */
|
|
795
796
|
border-radius: 0.5em;
|
|
796
797
|
display: flex;
|
|
@@ -803,7 +804,7 @@
|
|
|
803
804
|
* see the border of the buttons.
|
|
804
805
|
*/
|
|
805
806
|
outline: 1px solid white;
|
|
806
|
-
`,
|
|
807
|
+
`,Ve=Ua("span")`
|
|
807
808
|
font-size: 0.75em;
|
|
808
809
|
line-height: 2em;
|
|
809
810
|
padding: 0 0.625em;
|
|
@@ -857,17 +858,17 @@
|
|
|
857
858
|
font-size: 1.33em;
|
|
858
859
|
line-height: 1em;
|
|
859
860
|
}
|
|
860
|
-
`;import{clsx as
|
|
861
|
+
`;import{clsx as Tf}from"clsx";import{useCallback as wf}from"react";import{Transforms as If}from"slate";import{ReactEditor as Mf,useSlateStatic as Pf}from"slate-react";import{jsx as Cf}from"react/jsx-runtime";function Fa({element:e,preset:t,size:o,setSize:r,srcSize:n}){let i=Pf(),a=Ce(o,n,t),l=J({title:t.title,hotkey:`${a.width}x${a.height}`}),m=wf(()=>{let u=Mf.findPath(i,e),g=Ce(o,n,t);r(g),If.setNodes(i,g,{at:u})},[e,t,o,n]),c=!(t.type==="scale"?!0:t.width<=n.width||t.height<=n.height),d=o.width===a.width&&o.height===a.height,p=Tf({"--disabled":c,"--selected":!c&&d});return Cf(Ve,{className:p,onClick:c?void 0:m,onMouseEnter:l.onMouseEnter,onMouseLeave:l.onMouseLeave,children:t.name})}import{jsx as Va}from"react/jsx-runtime";function Ka({element:e,size:t,setSize:o,srcSize:r,presets:n}){return Va(Xt,{children:n.map((i,a)=>Va(Fa,{element:e,preset:i,size:t,setSize:o,srcSize:r},a))})}import{useCallback as Lf}from"react";import{useSlateStatic as Bf}from"slate-react";import{jsx as jt,jsxs as Ga}from"react/jsx-runtime";var _a=e=>Ga(y,{...e,children:[jt("rect",{width:6,height:6,x:4,y:5,rx:1}),jt("path",{d:"M4 15h16M4 19h16"})]}),Wa=e=>Ga(y,{...e,children:[jt("rect",{width:6,height:6,x:9,y:5,rx:1}),jt("path",{d:"M4 7h1M4 11h1M19 7h1M19 11h1M4 15h16M4 19h16"})]});import{Editor as Sf,Transforms as qa}from"slate";import{ReactEditor as Rf}from"slate-react";function Qa(e,t){if(!t.width||!t.height||!t.srcWidth||!t.srcHeight)return;let o={width:t.width,height:t.height},r={width:t.srcWidth,height:t.srcHeight},n=Rf.findPath(e,t);Sf.withoutNormalizing(e,()=>{let i=Ce(o,r,{name:"initial-inline-image",title:"",type:"bounds",width:24,height:24});qa.setNodes(e,{type:"image-inline",...i},{at:n}),qa.wrapNodes(e,{type:"paragraph",children:[]},{at:n})})}import{jsx as Xa}from"react/jsx-runtime";function ja({element:e}){let t=Bf(),o=J({title:"Inline Image",hotkey:"In a line with text"}),r=Lf(()=>{e.type==="image-block"&&Qa(t,e)},[t,e]);return Xa(Ve,{className:e.type==="image-inline"?"--selected":"",onClick:e.type==="image-inline"?void 0:r,onMouseEnter:o.onMouseEnter,onMouseLeave:o.onMouseLeave,children:Xa(Wa,{})})}import{useCallback as Nf}from"react";import{useSlateStatic as $f}from"slate-react";import{Editor as Ya,Element as zf,Text as Ja,Transforms as Yt}from"slate";import{ReactEditor as Df}from"slate-react";function Za(e,t){if(!t.width||!t.height||!t.srcWidth||!t.srcHeight)return;let o={width:t.width,height:t.height},r={width:t.srcWidth,height:t.srcHeight},n=Df.findPath(e,t);Ya.withoutNormalizing(e,()=>{let i=Ce(o,r,{name:"initial-block-image",title:"",type:"bounds",width:320,height:320});Yt.setNodes(e,{type:"image-block",...i},{at:n});let a=E(e,w=>zf.isElement(w)&&Ya.isBlock(e,w)&&w.type!=="image-block");if(!a)throw new Error("This shouldn't happen");let[l,m]=a,s=l.children,c=l.children.length,d=n.slice(-1)[0],p=s[c-1];d===c-2&&Ja.isText(p)&&p.text===""&&Yt.removeNodes(e,{at:[...m,c-1]});let u=s[0],g=d===1&&Ja.isText(u)&&u.text==="";g&&Yt.removeNodes(e,{at:[...m,0]}),Yt.liftNodes(e,{at:[...m,g?d-1:d]})})}import{jsx as el}from"react/jsx-runtime";function tl({element:e}){let t=$f(),o=J({title:"Block Image",hotkey:"On a line by itself"}),r=Nf(()=>{e.type==="image-inline"&&Za(t,e)},[t,e]);return el(Ve,{className:e.type==="image-block"?"--selected":"",onClick:e.type==="image-block"?void 0:r,onMouseEnter:o.onMouseEnter,onMouseLeave:o.onMouseLeave,children:el(_a,{})})}import{jsx as ol,jsxs as Hf}from"react/jsx-runtime";function rl({element:e}){return Hf(Xt,{children:[ol(tl,{element:e}),ol(ja,{element:e})]})}import{jsx as nl,jsxs as Af}from"react/jsx-runtime";function il({element:e,size:t,setSize:o,srcSize:r,presets:n}){return Af(Oa,{children:[nl(rl,{element:e}),nl(Ka,{element:e,size:t,setSize:o,srcSize:r,presets:n})]})}import{jsx as Jt,jsxs as Ff}from"react/jsx-runtime";function Zt({element:e,presets:t}){let o=e.url,r=Uf(),[n,i]=al(!1),[a,l]=al(e.srcWidth&&e.srcHeight&&e.width&&e.height?{width:e.width,height:e.height}:null),m=e.srcWidth&&e.srcHeight?{width:e.srcWidth,height:e.srcHeight}:null,s=r&&a&&m,c=Of({"--selected":r,"--dragging":n,"--small":a&&(a.width<=64||a.height<=64)});return Ff(Pa,{className:c,children:[Jt(Ca,{src:o,width:a?.width,height:a?.height}),s?Jt(il,{element:e,size:a,setSize:l,srcSize:m,presets:t}):null,n&&a?Jt(Aa,{size:a}):null,s?Jt($a,{element:e,srcSize:m,isDragging:n,setIsDragging:i,size:a,setSize:l}):null]})}import{jsx as ll,jsxs as Kf}from"react/jsx-runtime";function sl({element:e,attributes:t,children:o}){let r=Vf();return Kf("div",{...t,children:[ll(Ia,{contentEditable:!1,children:ll(Zt,{element:e,presets:r.image.imageBlockPresets})}),o]})}import{useSlateStatic as Wf}from"slate-react";import _f from"@emotion/styled";var ml=_f("span")`
|
|
861
862
|
display: inline;
|
|
862
|
-
`;import{jsx as
|
|
863
|
+
`;import{jsx as cl,jsxs as Gf}from"react/jsx-runtime";function pl({element:e,attributes:t,children:o}){let r=Wf();return Gf("span",{...t,style:{display:"inline-block"},children:[cl(ml,{contentEditable:!1,children:cl(Zt,{element:e,presets:r.image.imageInlinePresets})}),o]})}import{jsx as dl}from"react/jsx-runtime";function ul({element:e,attributes:t,children:o}){switch(e.type){case"image-block":return dl(sl,{element:e,attributes:t,children:o});case"image-inline":return dl(pl,{element:e,attributes:t,children:o})}}function Xf(e){return t=>{let{dataTransfer:o}=t;if(!o.files||o.files.length===0)return!1;let r=Array.from(o.files).filter(a=>a.type.startsWith("image/"));if(r.length===0)return!1;t.preventDefault(),t.stopPropagation();let n=Qf.findEventRange(e,t);n&&qf.select(e,n);let i=e.wysimark?.onImageChange;for(let a of r)if(i)i(a).then(l=>{l&&e.image.insertImageFromUrl(l,a.name,"")}).catch(()=>{});else{let l=new FileReader;l.onload=()=>{let m=l.result;e.image.insertImageFromUrl(m,a.name,"")},l.readAsDataURL(a)}return!0}}var jf={maxInitialInlineImageSize:{width:64,height:64},maxInitialImageSize:{width:320,height:320},maxImageSize:{width:1024,height:1024},imageBlockPresets:[{name:"S",title:"Small",type:"bounds",width:160,height:160},{name:"M",title:"Medium",type:"bounds",width:320,height:320},{name:"L",title:"Large",type:"bounds",width:640,height:640},{name:"\u2153",title:"1/3 scale",type:"scale",scale:1/3},{name:"\xBD",title:"1/2 scale",type:"scale",scale:.5},{name:"Full",title:"Full size",type:"scale",scale:1}],imageInlinePresets:[{name:"16",title:"16 pixels",type:"bounds",width:16,height:16},{name:"24",title:"24 pixels",type:"bounds",width:24,height:24},{name:"32",title:"32 pixels",type:"bounds",width:32,height:32},{name:"\u2153",title:"1/3 scale",type:"scale",scale:1/3},{name:"\xBD",title:"1/2 scale",type:"scale",scale:.5},{name:"Full",title:"Full size",type:"scale",scale:1}]},fl=v((e,t,{createPolicy:o})=>{let r={...jf,...t.image};return e.image={...Ta(e),maxInitialInlineImageSize:r.maxInitialInlineImageSize,maxInitialImageSize:r.maxInitialImageSize,maxImageSize:r.maxImageSize,imageBlockPresets:r.imageBlockPresets,imageInlinePresets:r.imageInlinePresets},o({name:"image",editor:{isVoid:n=>{if(["image-block","image-inline"].includes(n.type))return!0},isInline:n=>{if(n.type==="image-inline")return!0},normalizeNode:f(wa,e)},editableProps:{renderElement:ul,onDrop:Xf(e)}})});import{Editor as gt,Element as X,Transforms as Ke}from"slate";import Yf from"@emotion/styled";var hl=Yf("blockquote")`
|
|
863
864
|
position: relative;
|
|
864
865
|
margin-top: 1em;
|
|
865
866
|
margin-bottom: 1em;
|
|
866
867
|
margin-left: 0;
|
|
867
868
|
border-left: 0.25em solid rgba(0, 0, 0, 0.075);
|
|
868
869
|
padding-left: 1.5em;
|
|
869
|
-
`;import{jsx as
|
|
870
|
-
`),a=i.join(""),l=
|
|
870
|
+
`;import{jsx as Zf}from"react/jsx-runtime";function gl(e){return X.isElement(e)&&(e.type==="paragraph"||e.type==="code-block"||e.type==="table"||e.type==="horizontal-rule"||e.type==="task-list-item"||e.type==="unordered-list-item"||e.type==="ordered-list-item"||e.type==="heading")}var Jf=2,bl=v(e=>(e.supportsBlockQuote=!0,e.blockQuotePlugin={indent:()=>{Ke.wrapNodes(e,{type:"block-quote",children:[]},{match:gl})},outdent:()=>{Ke.liftNodes(e,{match:(t,o)=>gl(t)&&o.length>1})},isActive:()=>{let[t]=gt.nodes(e,{match:o=>X.isElement(o)&&o.type==="block-quote"});return!!t},increaseDepth:()=>{let[t]=gt.nodes(e,{match:r=>X.isElement(r)&&r.type==="block-quote"});if(!t||!e.blockQuotePlugin.canIncreaseDepth())return;let[,o]=t;Ke.select(e,o),Ke.wrapNodes(e,{type:"block-quote",children:[]},{at:o,split:!1})},decreaseDepth:()=>{let[t]=gt.nodes(e,{match:i=>X.isElement(i)&&i.type==="block-quote"});if(!t||!e.blockQuotePlugin.canDecreaseDepth())return;let[o,r]=t,n=o.children;n.length===1&&X.isElement(n[0])&&n[0].type==="block-quote"&&Ke.unwrapNodes(e,{at:[...r,0],match:i=>X.isElement(i)&&i.type==="block-quote"})},canIncreaseDepth:()=>{let[t]=gt.nodes(e,{match:i=>X.isElement(i)&&i.type==="block-quote"});if(!t)return!1;let[o]=t,r=0,n=o;for(;n.children.length===1&&X.isElement(n.children[0])&&n.children[0]&&n.children[0]&&n.children[0].type==="block-quote";)r++,n=n.children[0];return r<Jf},canDecreaseDepth:()=>{let[t]=gt.nodes(e,{match:r=>X.isElement(r)&&r.type==="block-quote"});if(!t)return!1;let[o]=t;return o.children.length===1&&X.isElement(o.children[0])&&o.children[0]&&o.children[0].type==="block-quote"}},{name:"block-quote",editor:{normalizeNode(t){let[o,r]=t;return!X.isElement(o)||o.type!=="block-quote"?!1:xe(e,[o,r],(n,i)=>(X.isElement(n[0])&&X.isElement(i[0])&&n[0].type==="block-quote"&&i[0].type==="block-quote"&&Ke.mergeNodes(e,{at:i[1]}),!0))}},editableProps:{renderElement:({element:t,attributes:o,children:r})=>{if(t.type==="block-quote")return Zf(hl,{...o,children:r})},onKeyDown:N({"super+.":e.blockQuotePlugin.indent,"super+,":e.blockQuotePlugin.outdent})}}));import{Editor as hh,Element as gh,Transforms as Ul}from"slate";import eh from"prismjs";import{Element as rh,Node as nh}from"slate";var{languages:th,tokenize:oh}=eh;function ih(e){let t=0,o=[];for(let r of e)o.push(t),t=t+r.length;return o}function El(e){let[t,o]=e;if(!rh.isElement(t))return[];if(t.type!=="code-block")return[];let r=th[t.language];if(r===void 0)return[];let i=t.children.map(p=>`${nh.string(p)}
|
|
871
|
+
`),a=i.join(""),l=ih(i);function m(p){for(let u=l.length;u>=0;u--){let g=l[u];if(g<=p)return{path:[...o,u],offset:p-g}}throw new Error("This shouldn't happen and indicates a bug in the logic")}let s=[],c=oh(a,r),d=0;for(let p of c)if(typeof p=="string")d+=p.length;else{let u=m(d),g=m(d+p.length);s.push({anchor:u,focus:g,prismToken:p.type}),d+=p.length}return s}function xl(e,{language:t}){yi(e,{type:"code-block",language:t,children:[{type:"code-block-line",children:[{text:""}]}]})}import{Element as ah,Transforms as lh}from"slate";function yl(e,t,o={}){let r=E(e,n=>ah.isElement(n)&&n.type==="code-block",{at:o.at});return r?(lh.setNodes(e,{language:t},{at:r[1]}),!0):!1}function kl(e){return{createCodeBlock:f(xl,e),setCodeBlockLanguage:f(yl,e)}}var eo={color:"#999988",fontStyle:"italic"},sh={opacity:"0.7"},vl={color:"#e3116c"},Tl={color:"#393a34"},le={color:"#36acaa"},Jo={color:"#00a4db"},wl={color:"#9a050f"},Il={color:"#00009f"},Zo={fontWeight:"bold"},mh={fontStyle:"italic"},Ml={comment:eo,prolog:eo,doctype:eo,cdata:eo,namespace:sh,string:vl,"attr-value":vl,puncutation:Tl,operator:Tl,entity:le,url:le,symbol:le,number:le,boolean:le,variable:le,constant:le,property:le,regex:le,insert:le,atrule:Jo,keyword:Jo,"attr-name":Jo,function:{...wl,...Zo},delete:wl,tag:Il,selector:Il,important:Zo,bold:Zo,italic:mh};var Pl=["text","html","css","svg","javascript","java","c"];import{Element as er,Node as tr,Transforms as _e}from"slate";function Cl(e,t){if(!er.isElement(t[0]))return!1;if(t[0].type==="code-block-line"){for(let[o,r]of tr.children(e,t[1]))if(er.isElement(o))return e.isVoid(o)?(_e.removeNodes(e,{at:r}),!0):(_e.unwrapNodes(e,{at:r}),!0)}if(t[0].type==="code-block"){for(let[o,r]of tr.children(e,t[1]))if(er.isElement(o)&&o.type!=="code-block-line")return o.type==="code-block"?(_e.unwrapNodes(e,{at:r}),!0):e.isVoid(o)?(_e.removeNodes(e,{at:r}),!0):(_e.removeNodes(e,{at:r}),_e.insertNodes(e,{type:"code-block-line",children:[{text:tr.string(o)}]}),!0)}return!1}import{useCallback as ch,useRef as ph}from"react";import{useSelected as dh}from"slate-react";import{jsx as Sl}from"react/jsx-runtime";var Rl=e=>Sl(y,{...e,children:Sl("path",{d:"m6 9 6 6 6-6"})});import to from"@emotion/styled";var Ll=to("div")`
|
|
871
872
|
position: relative;
|
|
872
873
|
background: var(--code-block-bgcolor);
|
|
873
874
|
margin: 1em 0;
|
|
@@ -886,11 +887,11 @@
|
|
|
886
887
|
* Otherwise they will be square.
|
|
887
888
|
*/
|
|
888
889
|
overflow-x: hidden;
|
|
889
|
-
`,
|
|
890
|
+
`,Bl=to("div")`
|
|
890
891
|
padding: 2.25em 1em 1.5em 1em;
|
|
891
892
|
border-radius: 0.5em;
|
|
892
893
|
overflow-x: auto;
|
|
893
|
-
`,zl=
|
|
894
|
+
`,zl=to("span")`
|
|
894
895
|
cursor: pointer;
|
|
895
896
|
position: absolute;
|
|
896
897
|
top: 0.25em;
|
|
@@ -916,7 +917,7 @@
|
|
|
916
917
|
color: var(--shade-800);
|
|
917
918
|
background: var(--shade-300);
|
|
918
919
|
}
|
|
919
|
-
`,
|
|
920
|
+
`,Dl=to("div")`
|
|
920
921
|
white-space: pre;
|
|
921
922
|
line-height: 1.5em;
|
|
922
923
|
counter-increment: line;
|
|
@@ -939,7 +940,7 @@
|
|
|
939
940
|
display: inline-block;
|
|
940
941
|
width: 2em;
|
|
941
942
|
} */
|
|
942
|
-
`;import{jsx as
|
|
943
|
+
`;import{jsx as bt,jsxs as Nl}from"react/jsx-runtime";function $l({element:e,attributes:t,children:o}){let r=ph(null),n=dh(),i=O("code-block-dropdown"),a=ch(()=>{i.layer&&i.close();let l=r.current;if(l===null)return;let m=Pl.map(s=>({icon:()=>bt("span",{}),title:s,action:c=>{c.codeBlock.setCodeBlockLanguage(s,{at:e})}}));i.open(()=>bt(Oe,{dest:l,items:m,close:i.close}))},[e]);return Nl(Ll,{className:n?"--selected":"",...t,children:[Nl(zl,{contentEditable:!1,onClick:a,ref:r,children:[bt("span",{children:e.language}),bt(Rl,{})]}),bt(Bl,{children:o})]})}import{useSelected as uh}from"slate-react";import{jsx as fh}from"react/jsx-runtime";function Hl({attributes:e,children:t}){let o=uh();return fh(Dl,{className:o?"--selected":"",...e,spellCheck:"false",children:t})}import{jsx as Al}from"react/jsx-runtime";function Ol({element:e,attributes:t,children:o}){if(e.type==="code-block")return Al($l,{element:e,attributes:t,children:o});if(e.type==="code-block-line")return Al(Hl,{element:e,attributes:t,children:o})}import{Fragment as bh,jsx as Fl}from"react/jsx-runtime";var Vl=v((e,t,{createPolicy:o})=>{e.codeBlock=kl(e);function r(){let{selection:n}=e;if(!ce(n))return!1;let i=E(e,"code-block");return i==null?!1:hh.string(e,i[1])===""?(Ul.removeNodes(e,{at:i[1]}),!0):!1}return o({name:"code-block",editor:{deleteBackward:r,deleteForward:r,isInline(n){if(n.type==="code-block"||n.type==="code-block-line")return!1},isVoid(n){if(n.type==="code-block"||n.type==="code-block-line")return!1},isMaster(n){if(n.type==="code-block")return!0},normalizeNode:f(Cl,e)},editableProps:{decorate:El,onKeyDown:N({"super+`":()=>e.codeBlock.createCodeBlock({language:"text"}),"mod+a":()=>{let n=E(e,i=>gh.isElement(i)&&i.type==="code-block");return n?(Ul.select(e,n[1]),!0):!1}}),renderElement:Ol,renderLeaf:({leaf:n,children:i})=>{let a=n.prismToken&&Ml[n.prismToken]||null;return a===null?Fl(bh,{children:i}):Fl("span",{style:a,children:i})}}})});import{Transforms as xh}from"slate";import Kl from"@emotion/styled";var _l=Kl("div")`
|
|
943
944
|
position: relative;
|
|
944
945
|
background-color: var(--shade-100);
|
|
945
946
|
border: 1px solid var(--shade-300);
|
|
@@ -957,7 +958,7 @@
|
|
|
957
958
|
&.--selected {
|
|
958
959
|
outline: 2px solid var(--select-color);
|
|
959
960
|
}
|
|
960
|
-
`,
|
|
961
|
+
`,Wl=Kl("span")`
|
|
961
962
|
position: absolute;
|
|
962
963
|
top: 0.25em;
|
|
963
964
|
right: 0.5em;
|
|
@@ -965,7 +966,7 @@
|
|
|
965
966
|
color: var(--shade-500);
|
|
966
967
|
text-transform: uppercase;
|
|
967
968
|
letter-spacing: 0.5px;
|
|
968
|
-
`;import{jsx as
|
|
969
|
+
`;import{jsx as Gl,jsxs as Eh}from"react/jsx-runtime";function ql({attributes:e,children:t,element:o}){return Eh(_l,{...e,contentEditable:!1,children:[Gl(Wl,{children:"HTML"}),Gl("div",{children:rt(o.html)}),t]})}import{jsx as yh}from"react/jsx-runtime";var Ql=v((e,t,{createPolicy:o})=>{function r(){let{selection:n}=e;if(!ce(n))return!1;let i=E(e,"html-block");return i==null?!1:(xh.removeNodes(e,{at:i[1]}),!0)}return o({name:"html-block",editor:{deleteBackward:r,deleteForward:r,isInline(n){if(n.type==="html-block")return!1},isVoid(n){if(n.type==="html-block")return!0},isMaster(n){if(n.type==="html-block")return!0}},editableProps:{renderElement:({element:n,attributes:i,children:a})=>{if(n.type==="html-block")return yh(ql,{element:n,attributes:i,children:a})}}})});import{Editor as os}from"slate";import{Element as Ih}from"slate";import{Element as kh,Transforms as vh}from"slate";function Xl(e){return kh.isElement(e)&&e.type==="paragraph"}function jl(e,t){return xe(e,t,(o,r)=>!Xl(o[0])||!Xl(r[0])?!1:o[0].__collapsible&&r[0].__collapsible?(vh.removeNodes(e,{at:o[1]}),!0):!1)}import{Element as Th,Transforms as wh}from"slate";function or(e,t){return Th.isElement(t)?e.isVoid(t)||e.isMaster(t):!1}function Yl(e,t){return or(e,t[0])?xe(e,t,(o,r)=>!or(e,o[0])||!or(e,r[0])?!1:(wh.insertNodes(e,{type:"paragraph",__collapsible:!0,children:[{text:""}]},{at:r[1]}),!0)):!1}function Jl(e,t){let[o,r]=t;return Ih.isElement(o)?!!(Yl(e,[o,r])||jl(e,[o,r])):!1}import{clsx as Ch}from"clsx";import{useSelected as Sh}from"slate-react";import Mh from"@emotion/styled";var Zl=Mh("p")`
|
|
969
970
|
padding: 0;
|
|
970
971
|
margin: 0;
|
|
971
972
|
&:first-of-type {
|
|
@@ -995,42 +996,42 @@
|
|
|
995
996
|
}
|
|
996
997
|
border-radius: 8px;
|
|
997
998
|
}
|
|
998
|
-
`;import{Node as
|
|
999
|
+
`;import{Node as Ph}from"slate";function es(e){return e.children.length===1&&Ph.string(e.children[0]).length===0}import{jsx as Rh}from"react/jsx-runtime";function ts({element:e,attributes:t,children:o}){let r=Sh(),n=es(e);return Rh(Zl,{...t,className:Ch({"--selected":r,"--empty":n,"--collapsible":!!e.__collapsible}),children:o})}import{jsx as Lh}from"react/jsx-runtime";var rs=v(e=>{let{insertBreak:t}=e;if(e.insertBreak=()=>{let{selection:o}=e;if(o&&o.anchor.path[0]===o.focus.path[0]){let r=[o.anchor.path[0]],n=os.start(e,r);os.string(e,{anchor:n,focus:o.anchor}).endsWith(`
|
|
999
1000
|
`)?t():e.insertText(`
|
|
1000
|
-
`)}else t()},e.convertElement.addConvertElementType("paragraph"),e.collapsibleParagraph={convertParagraph:()=>{e.convertElement.convertElements(()=>!1,{type:"paragraph"},!1)}},!e.normalizeAfterDelete)throw new Error("The collapsible-paragraph-plugin has a dependency on the normalize-after-delete plugin. Please add that plugin before this one.");return{name:"collapsible-paragraph",editor:{normalizeNode:f(
|
|
1001
|
-
`)}function
|
|
1002
|
-
`),a=
|
|
1001
|
+
`)}else t()},e.convertElement.addConvertElementType("paragraph"),e.collapsibleParagraph={convertParagraph:()=>{e.convertElement.convertElements(()=>!1,{type:"paragraph"},!1)}},!e.normalizeAfterDelete)throw new Error("The collapsible-paragraph-plugin has a dependency on the normalize-after-delete plugin. Please add that plugin before this one.");return{name:"collapsible-paragraph",editor:{normalizeNode:f(Jl,e)},editableProps:{renderElement:({element:o,attributes:r,children:n})=>{if(o.type==="paragraph")return Lh(ts,{element:o,attributes:r,children:n})},onKeyDown:N({"super+0":e.collapsibleParagraph.convertParagraph})}}});function ns(e,t){Array.isArray(t)?e.convertElement.convertElementTypes.push(...t):e.convertElement.convertElementTypes.push(t)}import{Editor as W,Element as oo,Node as ne,Point as We,Range as Bh,Transforms as Se}from"slate";function is(e,t,o){try{let r=W.start(e,o),n=W.end(e,o);if(We.isBefore(t,r)||We.isAfter(t,n))return-1;let i={anchor:r,focus:t};return W.string(e,i).length}catch{return-1}}function as(e,t,o){try{let r=ne.get(e,t);if(!oo.isElement(r))return;let n=ne.string(r),i=Math.min(o,n.length),a=W.start(e,t),l=0,m=a.path,s=0;for(let[d,p]of ne.texts(r)){let u=d.text.length;if(l+u>=i){m=[...t,...p],s=i-l;break}l+=u}let c={path:m,offset:s};Se.select(e,{anchor:c,focus:c})}catch{}}function zh(e){return ne.string(e).includes(`
|
|
1002
|
+
`)}function Dh(e,t,o,r){let n=ne.string(t),i=n.split(`
|
|
1003
|
+
`),a=W.start(e,o),l=W.end(e,o),m=We.isBefore(r.anchor,a)?a:We.isAfter(r.anchor,l)?l:r.anchor,s=We.isBefore(r.focus,a)?a:We.isAfter(r.focus,l)?l:r.focus,c=Math.min(W.string(e,{anchor:a,focus:m}).length,n.length),d=Math.min(W.string(e,{anchor:a,focus:s}).length,n.length),p=Math.min(c,d),u=Math.max(c,d),g=0,w=0,P=i.length-1;for(let S=0;S<i.length;S++){let M=g+i[S].length;if(g<=p&&p<=M&&(w=S),g<=u&&u<=M){P=S;break}g=M+1}return{startLineIndex:w,endLineIndex:P}}function Nh(e,t,o,r){let n=ne.string(t);if(!n.includes(`
|
|
1003
1004
|
`))return o;let i=n.split(`
|
|
1004
|
-
`);if(i.length<=1)return o;let{startLineIndex:a,endLineIndex:l}=
|
|
1005
|
-
`),
|
|
1006
|
-
`)},{at:[...o,0]});let
|
|
1007
|
-
`)}]};
|
|
1008
|
-
`)},{at:[...o,0]})}),
|
|
1005
|
+
`);if(i.length<=1)return o;let{startLineIndex:a,endLineIndex:l}=Dh(e,t,o,r),m=i.slice(0,a),s=i.slice(a,l+1),c=i.slice(l+1);return m.length===0&&c.length===0?o:(W.withoutNormalizing(e,()=>{let d=o.slice(0,-1),p=o[o.length-1];if(c.length>0){let g=c.join(`
|
|
1006
|
+
`),w={...t,children:[{text:g}]};Se.insertNodes(e,w,{at:[...d,p+1]})}let u=t.children.length;for(let g=u-1;g>=0;g--)Se.removeNodes(e,{at:[...o,g]});if(m.length>0){Se.insertNodes(e,{text:m.join(`
|
|
1007
|
+
`)},{at:[...o,0]});let w={type:"paragraph",children:[{text:s.join(`
|
|
1008
|
+
`)}]};Se.insertNodes(e,w,{at:[...d,p+1]})}else Se.insertNodes(e,{text:s.join(`
|
|
1009
|
+
`)},{at:[...o,0]})}),m.length>0?[...o.slice(0,-1),o[o.length-1]+1]:o)}function ls(e,t,o,r){let{selection:n}=e;if(!n)return!1;let i=-1,a=-1,l=Bh.isCollapsed(n),m=Array.from(W.nodes(e,{match:p=>oo.isElement(p)&&e.convertElement.isConvertibleElement(p)}));if(m.length>0){let[,p]=m[0];i=is(e,n.anchor,p),a=is(e,n.focus,p)}if(m.length===0)return!1;let s=[];W.withoutNormalizing(e,()=>{for(let p=m.length-1;p>=0;p--){let[u,g]=m[p];if(zh(u)){let w=Nh(e,u,g,n);s.unshift(w)}else s.unshift(g)}});let c=s.map(p=>{try{let u=ne.get(e,p);return oo.isElement(u)?[u,p]:null}catch{return null}}).filter(p=>p!==null);if(c.length===0)return!1;if(r&&c.every(p=>t(p[0]))?W.withoutNormalizing(e,()=>{for(let p of c)pt(e,{type:"paragraph"},p[1])}):W.withoutNormalizing(e,()=>{for(let p of c)pt(e,o,p[1])}),c.length>0&&i>=0){let[,p]=c[0];if(l)as(e,p,i);else if(a>=0)try{let u=ne.get(e,p);if(oo.isElement(u)){let g=ne.string(u),w=Math.min(i,g.length),P=Math.min(a,g.length),S=W.start(e,p),M=S.path,H=w,I=0;for(let[x,T]of ne.texts(u)){let L=x.text.length;if(I+L>=w){M=[...p,...T],H=w-I;break}I+=L}let A=S.path,k=P;I=0;for(let[x,T]of ne.texts(u)){let L=x.text.length;if(I+L>=P){A=[...p,...T],k=P-I;break}I+=L}Se.select(e,{anchor:{path:M,offset:H},focus:{path:A,offset:k}})}}catch{as(e,p,i)}}return!0}function ss(e,t){return e.convertElement.convertElementTypes.includes(t.type)}function ms(e){return{convertElementTypes:[],addConvertElementType:f(ns,e),isConvertibleElement:f(ss,e),convertElements:f(ls,e)}}var cs=v(e=>(e.convertElement=ms(e),{name:"convert-element"}));import{Editor as rr,Path as $h,Range as Hh,Transforms as ps}from"slate";function ds(e){let t=E(e,"heading");if(!t||!e.selection||Hh.isExpanded(e.selection)||!rr.isEnd(e,e.selection.anchor,t[1]))return!1;let o=$h.next(t[1]);return ps.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:o}),ps.select(e,{anchor:rr.start(e,o),focus:rr.start(e,o)}),!0}import{Editor as Ah}from"slate";function Oh(e,t,o){e.convertElement.convertElements(r=>r.type==="heading"&&r.level==t,{type:"heading",level:t},o)}function Uh(e,t){let[o]=Ah.nodes(e,{match:r=>"type"in r&&"level"in r&&r.type==="heading"&&r.level===t});return!!o}function us(e){return{convertHeading:f(Oh,e),isHeadingActive:f(Uh,e)}}import{css as Fh}from"@emotion/react";import Ge from"@emotion/styled";var qe=Fh`
|
|
1009
1010
|
margin-top: 1em;
|
|
1010
1011
|
&:first-of-type {
|
|
1011
1012
|
margin-top: 0;
|
|
1012
1013
|
}
|
|
1013
1014
|
font-weight: bold;
|
|
1014
|
-
`,
|
|
1015
|
-
${
|
|
1015
|
+
`,fs=Ge("h1")`
|
|
1016
|
+
${qe}
|
|
1016
1017
|
font-size: 2.25em;
|
|
1017
1018
|
letter-spacing: -0.01em;
|
|
1018
|
-
`,
|
|
1019
|
-
${
|
|
1019
|
+
`,hs=Ge("h2")`
|
|
1020
|
+
${qe}
|
|
1020
1021
|
font-size: 1.5em;
|
|
1021
|
-
`,
|
|
1022
|
-
${
|
|
1022
|
+
`,gs=Ge("h3")`
|
|
1023
|
+
${qe}
|
|
1023
1024
|
font-size: 1.25em;
|
|
1024
|
-
`,
|
|
1025
|
-
${
|
|
1025
|
+
`,bs=Ge("h4")`
|
|
1026
|
+
${qe}
|
|
1026
1027
|
font-size: 1em;
|
|
1027
|
-
`,
|
|
1028
|
-
${
|
|
1028
|
+
`,Es=Ge("h5")`
|
|
1029
|
+
${qe}
|
|
1029
1030
|
font-size: 1em;
|
|
1030
|
-
`,
|
|
1031
|
-
${
|
|
1031
|
+
`,xs=Ge("h6")`
|
|
1032
|
+
${qe}
|
|
1032
1033
|
font-size: 1em;
|
|
1033
|
-
`;import{jsx as
|
|
1034
|
+
`;import{jsx as Qe}from"react/jsx-runtime";var ys=v(e=>{e.convertElement.addConvertElementType("heading"),e.heading=us(e);let t=N({"super+1":q(e.heading.convertHeading,1,!0),"super+2":q(e.heading.convertHeading,2,!0),"super+3":q(e.heading.convertHeading,3,!0),"super+4":q(e.heading.convertHeading,4,!0),"super+5":q(e.heading.convertHeading,5,!0),"super+6":q(e.heading.convertHeading,6,!0)}),o=pi(e,{"#":q(e.heading.convertHeading,1,!1),"##":q(e.heading.convertHeading,2,!1),"###":q(e.heading.convertHeading,3,!1),"####":q(e.heading.convertHeading,4,!1),"#####":q(e.heading.convertHeading,5,!1),"######":q(e.heading.convertHeading,6,!1)});return{name:"heading",editor:{insertBreak:f(ds,e)},editableProps:{renderElement:({element:r,attributes:n,children:i})=>{if(r.type==="heading")switch(r.level){case 1:return Qe(fs,{...n,children:i});case 2:return Qe(hs,{...n,children:i});case 3:return Qe(gs,{...n,children:i});case 4:return Qe(bs,{...n,children:i});case 5:return Qe(Es,{...n,children:i});case 6:return Qe(xs,{...n,children:i});default:{let a=r.level;throw new Error(`Expected element.level to be 1-6 but got ${a}`)}}},onKeyDown:r=>!!(t(r)||o(r))}}});import{useSelected as Kh}from"slate-react";import Vh from"@emotion/styled";var ks=Vh("hr")`
|
|
1034
1035
|
position: relative;
|
|
1035
1036
|
height: 1em;
|
|
1036
1037
|
/* background-color: var(--hr-color); */
|
|
@@ -1060,7 +1061,7 @@
|
|
|
1060
1061
|
outline: 2px solid var(--select-color, blue);
|
|
1061
1062
|
}
|
|
1062
1063
|
}
|
|
1063
|
-
`;import{jsx as
|
|
1064
|
+
`;import{jsx as vs,jsxs as _h}from"react/jsx-runtime";function Ts({attributes:e,children:t}){let o=Kh();return _h("div",{...e,draggable:!0,children:[t,vs("div",{contentEditable:!1,children:vs(ks,{className:o?"--selected":""})})]})}import{Editor as nr,Element as Wh,Path as ws,Transforms as ro}from"slate";function Gh(e){let{selection:t}=e;if(!t)return!1;let o=E(e,i=>Wh.isElement(i)&&e.isMaster(i)),r={type:"horizontal-rule",children:[{text:""}]},n={type:"paragraph",children:[{text:""}]};if(o==null)nr.withoutNormalizing(e,()=>{ro.insertNodes(e,[r,n]),ro.move(e)});else{let i=ws.next(o[1]);nr.withoutNormalizing(e,()=>{ro.insertNodes(e,[r,n],{at:i});let a=ws.next(i);ro.select(e,nr.start(e,a))})}return!0}function Is(e){return{insertHorizontalRule:f(Gh,e)}}import{jsx as qh}from"react/jsx-runtime";var Ms=v((e,t,{createPolicy:o})=>(e.horizontalRule=Is(e),o({name:"horizontal-rule",editor:{isVoid(r){if(r.type==="horizontal-rule")return!0}},editableProps:{renderElement:r=>{if(r.element.type==="horizontal-rule")return qh(Ts,{...r})},onKeyDown:N({"super+-":e.horizontalRule.insertHorizontalRule})}})));import Ps from"@emotion/styled";var Cs=Ps("code")`
|
|
1064
1065
|
color: var(--shade-600);
|
|
1065
1066
|
background-color: var(--inline-code-bgcolor);
|
|
1066
1067
|
border: 1px solid var(--inline-code-border-color);
|
|
@@ -1081,16 +1082,16 @@
|
|
|
1081
1082
|
*/
|
|
1082
1083
|
font-size: 0.75em;
|
|
1083
1084
|
vertical-align: baseline;
|
|
1084
|
-
`,
|
|
1085
|
+
`,ir=Ps("span")`
|
|
1085
1086
|
display: inline-block;
|
|
1086
1087
|
opacity: 0;
|
|
1087
1088
|
width: 1px;
|
|
1088
1089
|
overflow: hidden;
|
|
1089
|
-
`;import{jsx as
|
|
1090
|
+
`;import{jsx as Ss,jsxs as Qh}from"react/jsx-runtime";var Rs=v(e=>{if(!e.marksPlugin)throw new Error("InlineCodePlugin has a dependency on the MarksPlugin but the MarksPlugin has not been added or is added after the InlineCodePlugin");return e.inlineCode={toggleInlineCode:()=>e.marksPlugin.toggleMark("code")},{name:"inline-code",editableProps:{renderLeaf:({leaf:t,children:o})=>t.code?Qh(Cs,{spellCheck:!1,children:[Ss(ir,{contentEditable:!1,children:"|"}),o,Ss(ir,{contentEditable:!1,children:"|"})]}):o,onKeyDown:N({"mod+j":()=>e.inlineCode.toggleInlineCode()})}}});import{Editor as tm,Path as om}from"slate";function Ls(e,t){return e.convertElement.convertElements(o=>o.type==="ordered-list-item",o=>({type:"ordered-list-item",depth:"depth"in o?o.depth:0}),t)}function Bs(e,t){return e.convertElement.convertElements(o=>o.type==="task-list-item",o=>({type:"task-list-item",checked:"checked"in o?o.checked:!1,depth:"depth"in o?o.depth:0}),t)}function zs(e,t){return e.convertElement.convertElements(o=>o.type==="unordered-list-item",o=>({type:"unordered-list-item",depth:"depth"in o?o.depth:0}),t)}var Xh=2;function no(e){let t=E(e,z);return t?t[0].depth:0}function ar(e){return Me(e,z)?no(e)<Xh:!1}function lr(e){return Me(e,z)?no(e)>0:!1}function Ds(e){ar(e)&&e.list.indent()}function Ns(e){lr(e)&&e.list.outdent()}function $s(e){return Bt(e,t=>({depth:t.depth+1}),{match:z})}import{Editor as jh,Transforms as sr}from"slate";function Hs(e){let t=E(e,z);if(!t)return!1;let[o,r]=t;if(jh.isEmpty(e,o))return o.depth>0?(sr.setNodes(e,{depth:o.depth-1},{at:r}),!0):(pt(e,{type:"paragraph"},r),!0);sr.splitNodes(e,{always:!0});let n=E(e,z);return n&&n[0].type==="task-list-item"&&n[0].checked===!0&&sr.setNodes(e,{checked:!1},{at:n[1]}),!0}import{Editor as Yh}from"slate";function As(e){let t=Array.from(Yh.nodes(e,{match:z}));for(let o of t)if(o[0].depth===0)return!0;return Bt(e,o=>({depth:Math.max(0,o.depth-1)}),{match:z})}import{Transforms as Jh}from"slate";function Os(e,{at:t=e.selection}={}){let o=E(e,"task-list-item",{at:t});if(!o)return!1;let r=!o[0].checked;Jh.setNodes(e,{checked:r},{at:o[1]})}function Us(e){return{indent:f($s,e),outdent:f(As,e),convertUnorderedList:f(zs,e),convertOrderedList:f(Ls,e),convertTaskList:f(Bs,e),insertBreak:f(Hs,e),toggleTaskListItem:f(Os,e),getListDepth:f(no,e),canIncreaseDepth:f(ar,e),canDecreaseDepth:f(lr,e),increaseDepth:f(Ds,e),decreaseDepth:f(Ns,e)}}import{Element as Zh,Transforms as eg}from"slate";var Fs=Lt(["ordered-list-item"]);function io(e,t){let[o,r]=t;return Zh.isElement(o)?xe(e,[o,r],(n,i)=>{if(!Fs(i[0]))return!1;let a=Fs(n[0])||z(n[0])?i[0].depth>n[0].depth:!0;return i[0].__firstAtDepth!==a?(eg.setNodes(e,{__firstAtDepth:a},{at:i[1]}),!0):!1}):!1}function Vs(e,t){let[o]=t;return z(o)?io(e,t):!1}import{clsx as og}from"clsx";import{useEffect as rg}from"react";import{ReactEditor as ng,useSlateStatic as ig}from"slate-react";import ao from"@emotion/styled";var mr=ao("li")`
|
|
1090
1091
|
margin-top: 0.5em;
|
|
1091
1092
|
margin-bottom: 0.5em;
|
|
1092
1093
|
list-style-position: outside;
|
|
1093
|
-
`,
|
|
1094
|
+
`,Ks=ao(mr)`
|
|
1094
1095
|
position: relative;
|
|
1095
1096
|
list-style-type: none;
|
|
1096
1097
|
.--list-item-icon {
|
|
@@ -1100,7 +1101,7 @@
|
|
|
1100
1101
|
line-height: 1.5em;
|
|
1101
1102
|
color: var(--shade-600);
|
|
1102
1103
|
}
|
|
1103
|
-
`,
|
|
1104
|
+
`,_s=ao(mr)`
|
|
1104
1105
|
position: relative;
|
|
1105
1106
|
list-style-type: none;
|
|
1106
1107
|
counter-increment: var(--list-item-var);
|
|
@@ -1125,7 +1126,7 @@
|
|
|
1125
1126
|
/* force numbers to be monospaced for better alignment */
|
|
1126
1127
|
font-variant-numeric: tabular-nums;
|
|
1127
1128
|
}
|
|
1128
|
-
`,
|
|
1129
|
+
`,Ws=ao(mr)`
|
|
1129
1130
|
position: relative;
|
|
1130
1131
|
list-style-type: none;
|
|
1131
1132
|
.--list-item-icon {
|
|
@@ -1139,7 +1140,7 @@
|
|
|
1139
1140
|
stroke-width: 3px;
|
|
1140
1141
|
}
|
|
1141
1142
|
}
|
|
1142
|
-
`;import{jsx as
|
|
1143
|
+
`;import{jsx as ag}from"react/jsx-runtime";function Gs({element:e,attributes:t,children:o}){let r=ig();rg(()=>{let a=ng.findPath(r,e);io(r,[e,a])},[]);let n={marginLeft:`${2+e.depth*2}em`,"--list-item-var":`list-item-depth-${e.depth}`},i=og({"--first-at-depth":e.__firstAtDepth});return ag(_s,{...t,className:i,style:n,children:o})}import{useCallback as lg}from"react";import{useSlateStatic as sg}from"slate-react";import{jsx as Re,jsxs as js}from"react/jsx-runtime";var qs=e=>js("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24",...e,children:[Re("path",{d:"M0 0h24v24H0z",stroke:"none"}),Re("rect",{x:4,y:4,width:16,height:16,rx:2})]}),Qs=e=>js("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-checkbox",width:"1em",height:"1em",strokeWidth:2,stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24",...e,children:[Re("path",{d:"M0 0h24v24H0z",stroke:"none"}),Re("path",{d:"m9 11 3 3 8-8",className:"--checkmark"}),Re("path",{d:"M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9"})]}),Xs=e=>Re("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",...e,children:Re("path",{d:"M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5z"})});import{jsx as cr,jsxs as mg}from"react/jsx-runtime";function Ys({element:e,attributes:t,children:o}){let r=sg(),n=lg(()=>{r.list.toggleTaskListItem({at:e})},[r,e]),i=`${2+e.depth*2}em`;return mg(Ws,{...t,style:{marginLeft:i},children:[cr("div",{className:"--list-item-icon",contentEditable:!1,children:e.checked?cr(Qs,{onClick:n,style:{cursor:"pointer"}}):cr(qs,{onClick:n,style:{cursor:"pointer"}})}),o]})}import{jsx as Js,jsxs as cg}from"react/jsx-runtime";function Zs({element:e,attributes:t,children:o}){let r=`${2+e.depth*2}em`;return cg(Ks,{...t,style:{marginLeft:r},children:[Js("div",{className:"--list-item-icon",contentEditable:!1,children:Js(Xs,{})}),o]})}import{jsx as pr}from"react/jsx-runtime";function em({element:e,attributes:t,children:o}){switch(e.type){case"ordered-list-item":return pr(Gs,{element:e,attributes:t,children:o});case"unordered-list-item":return pr(Zs,{element:e,attributes:t,children:o});case"task-list-item":return pr(Ys,{element:e,attributes:t,children:o})}}var rm=["unordered-list-item","ordered-list-item","task-list-item"],z=Lt(rm),nm=v((e,t,{createPolicy:o})=>{e.convertElement.addConvertElementType(rm);let r=e.list=Us(e),n=N({tab:r.indent,"shift+tab":r.outdent,"super+7":f(r.convertOrderedList,!0),"super+8":f(r.convertUnorderedList,!0),"super+9":f(r.convertTaskList,!0)});return o({name:"list",editor:{normalizeNode:i=>Vs(e,i),insertBreak:r.insertBreak,deleteBackward:i=>{if(i!=="character"||!Me(e,z))return!1;let a=E(e,z);if(!a)return!1;let l=a[1];if(!om.hasPrevious(l))return e.collapsibleParagraph.convertParagraph(),!0;let m=om.previous(l),s=tm.node(e,m);return z(s[0])?!1:(e.collapsibleParagraph.convertParagraph(),!0)}},editableProps:{renderElement:em,onKeyDown(i){return tm.nodes(e,{match:z})?n(i):!1}}})});import{clsx as gg}from"clsx";import{Editor as dr,Range as bg}from"slate";import{Editor as pg,Text as im,Transforms as dg}from"slate";function am(e,{at:t=e.selection}={}){if(t==null)return;let o=[...pg.nodes(e,{match:n=>im.isText(n),at:t})],r={};for(let[n]of o)for(let i of Object.keys(n))i!=="text"&&(r[i]=null);dg.setNodes(e,r,{match:n=>im.isText(n),split:!0,at:t})}import{Editor as Le,Point as ug,Range as fg}from"slate";function Be(e,t,o,{at:r=e.selection}={}){if(r==null)return;let n=fg.isRange(r)?r.focus:r,i=ug.isPoint(n)&&(Le.after(e,n)===null||Le.isEnd(e,n,Le.end(e,[]))),a=t,m=(Le.marks(e)||{})[a]===!0;if(i)if(!m)e.activeMarks={...e.activeMarks,[a]:!0};else{let{[a]:s,...c}=e.activeMarks||{};e.activeMarks=c}m?Le.removeMark(e,a):Le.addMark(e,a,!0),typeof o=="string"&&Le.removeMark(e,o)}function lm(e){return{removeMarks:f(am,e),toggleMark:f(Be,e),toggleBold:()=>Be(e,"bold"),toggleItalic:()=>Be(e,"italic"),toggleUnderline:()=>Be(e,"underline"),toggleStrike:()=>Be(e,"strike"),toggleHighlight:()=>Be(e,"highlight")}}import hg from"@emotion/styled";var sm=hg("span")`
|
|
1143
1144
|
&.--bold {
|
|
1144
1145
|
font-weight: bold;
|
|
1145
1146
|
}
|
|
@@ -1162,7 +1163,7 @@
|
|
|
1162
1163
|
&.--highlight {
|
|
1163
1164
|
background-color: #ffff00;
|
|
1164
1165
|
}
|
|
1165
|
-
`;import{jsx as
|
|
1166
|
+
`;import{jsx as Eg}from"react/jsx-runtime";var mm=v(e=>{e.marksPlugin=lm(e),e.activeMarks={};let t=N({"mod+b":e.marksPlugin.toggleBold,"mod+i":e.marksPlugin.toggleItalic,"mod+u":e.marksPlugin.toggleUnderline,"super+0":e.marksPlugin.removeMarks,"super+k":e.marksPlugin.toggleStrike,"mod+h":e.marksPlugin.toggleHighlight}),{insertText:o}=e;e.insertText=n=>{if(e.activeMarks&&Object.keys(e.activeMarks).length>0){let{activeMarks:i}=e;Object.entries(i).forEach(([a,l])=>{l&&e.addMark(a,!0)})}o(n)};let{removeMarks:r}=e.marksPlugin;return e.marksPlugin.removeMarks=()=>{if(r(),e.selection&&bg.isRange(e.selection)){let n=e.selection.focus;(dr.after(e,n)===null||dr.isEnd(e,n,dr.end(e,[])))&&(e.activeMarks={})}},{name:"marks",editableProps:{renderLeaf:({leaf:n,children:i})=>Eg(sm,{className:gg({"--bold":n.bold,"--italic":n.italic,"--underline":n.underline,"--strike":n.strike,"--highlight":n.highlight}),children:i}),onKeyDown:n=>!!t(n)}}});import{Editor as Et,Point as cm}from"slate";function pm(e){if(!e.selection)return;let t=Et.parent(e,e.selection);fi(e,t[1])}var dm=v(e=>(e.normalizeAfterDelete=!0,{name:"normalize-after-delete",editor:{deleteBackward(){if(!e.selection)return!1;let t=Et.parent(e,e.selection);return cm.equals(Et.start(e,t[1]),e.selection.anchor)?function(){pm(e)}:!1},deleteForward(){if(!e.selection)return!1;let t=Et.parent(e,e.selection);return cm.equals(Et.end(e,t[1]),e.selection.anchor)?function(){pm(e)}:!1}},editableProps:{}}));import{Element as ib}from"slate";import{Editor as fm,Path as kg,Transforms as hm}from"slate";import{Editor as xg,Path as yg}from"slate";function um(e,t,o){let r=[...xg.positions(e,{at:t})],n=[],i,a,l;i=a=r[0],l=He(e,o,{at:i});for(let s of r){let c=He(e,o,{at:s});if(l&&c&&yg.equals(l,c)||l==null&&c==null)a=s;else{let d={anchor:i,focus:a};n.push(d),i=a=s,l=c}}let m={anchor:i,focus:a};return n.push(m),n.reverse(),n}function gm(e,t){if(e.selection==null)return!1;let[o,r]=fm.edges(e,e.selection),n=He(e,t,{at:o}),i=He(e,t,{at:r});if(!n&&!i||n&&i&&kg.equals(n,i))return!1;let a=um(e,e.selection,t);return fm.withoutNormalizing(e,()=>{for(let l of a)hm.delete(e,{at:l});hm.collapse(e,{edge:"start"})}),!0}import{Transforms as Ag}from"slate";function D(e,{at:t=e.selection}={}){if(t==null)return;let o=E(e,"table-cell",{at:t});if(!o)return;let r=E(e,"table-row",{at:t});if(!r)return;let n=E(e,"table",{at:t});if(!n)return;let[i,a]=n,[l,m]=r,[s,c]=o;return{tableElement:i,tablePath:a,tableColumns:i.columns,rowElement:l,rowPath:m,rowIndex:m.slice(-1)[0],rowCount:i.children.length,cellElement:s,cellPath:c,cellIndex:c.slice(-1)[0],cellCount:l.children.length}}import{Editor as vg,Transforms as bm}from"slate";function Xe(e,t=[{type:"table-content",children:[{text:""}]}]){return{type:"table-cell",children:t}}function Em(e,{offset:t=0,at:o=e.selection}={}){let r=D(e,{at:o});if(r===void 0)return!1;let{tableElement:n,tablePath:i,cellIndex:a}=r,l=a+t;return vg.withoutNormalizing(e,()=>{let{columns:m}=n,s=[...m],c=Math.min(l,m.length-1);s.splice(l,0,m[c]),bm.setNodes(e,{columns:s},{at:i}),n.children.forEach((d,p)=>{bm.insertNodes(e,Xe(l),{at:[...i,p,l]})})}),!0}import{Transforms as Tg}from"slate";function wg(e){return{type:"table-row",children:[...Array(e).keys()].map(t=>Xe(t))}}function ur(e,{at:t=e.selection,offset:o=0}={}){let r=D(e,{at:t});if(!r)return!1;let n=wg(r.tableElement.columns.length);return Tg.insertNodes(e,n,{at:[...r.tablePath,r.rowIndex+o]}),!0}function xm(e,{at:t}={}){return ur(e,{at:t,offset:1})}import{Editor as fr,Element as Ig,Path as Mg,Transforms as xt}from"slate";function ym(e){return[...Array(e).keys()]}function Pg(e){return ym(e).map(()=>({align:"left"}))}function Cg(e,t){return{type:"table",columns:Pg(e),children:ym(t).map(()=>Sg(e))}}function Sg(e){return{type:"table-row",children:[...Array(e).keys()].map(t=>Xe(t))}}function km(e,t,o,{at:r=e.selection}={}){let n=Cg(t,o);return Rg(e,n,{at:r})}function Rg(e,t,{at:o=e.selection}={}){if(o==null)return!1;let r=E(e,n=>Ig.isElement(n)&&e.isMaster(n));if(r==null){let n=e.selection;fr.withoutNormalizing(e,()=>{xt.insertNodes(e,t,{at:o}),n&&(xt.select(e,n),xt.move(e))})}else{let n=Mg.next(r[1]);fr.withoutNormalizing(e,()=>{xt.insertNodes(e,t,{at:n}),xt.select(e,fr.start(e,n))})}return!0}import{Path as vm}from"slate";function Tm(e,t){let{cellIndex:o,rowIndex:r,rowCount:n,tablePath:i}=t;if(r<n-1)return Q(e,[...i,r+1,o]),!0;try{return Q(e,vm.next(i)),!0}catch{return!1}}function wm(e,t){let{cellIndex:o,rowIndex:r,tablePath:n}=t;if(r>0)return Q(e,[...n,r-1,o]),!0;try{return Ei(e,vm.previous(n)),!0}catch{return!1}}import{ReactEditor as Lg}from"slate-react";function Bg(){let e=window.getSelection();return e?e.getRangeAt(0).getBoundingClientRect():null}function zg(e,t){return Lg.toDOMNode(e,t).getBoundingClientRect()}function hr(e,t){let o=Bg();if(!o)return!1;let r=zg(e,t);return o.right<r.right&&o.left>r.left&&o.bottom<r.bottom&&o.top>r.top}function Im(e){let t=D(e);return t&&setTimeout(()=>{hr(e,t.cellElement)||Tm(e,t)}),!1}function Mm(e){let t=D(e);return t&&setTimeout(()=>{hr(e,t.cellElement)||wm(e,t)}),!1}import{Editor as Pm,Transforms as gr}from"slate";import{Transforms as Dg}from"slate";function je(e){let t=e.tablePlugin.getTableInfo();return t===void 0?!1:(Dg.removeNodes(e,{at:t.tablePath}),!0)}function Cm(e,{at:t=e.selection}={}){let o=D(e,{at:t});if(!o)return!1;let{tableElement:r,tablePath:n,rowIndex:i,cellIndex:a,cellCount:l}=o;if(l===1)return je(e);Pm.withoutNormalizing(e,()=>{let m=[...r.columns];m.splice(a,1),gr.setNodes(e,{columns:m},{at:n}),r.children.forEach((c,d)=>{gr.removeNodes(e,{at:[...n,d,a]})});let s=Pm.start(e,[...n,i,Math.min(a,l-2)]);gr.select(e,s)})}import{Editor as Sm,Transforms as Rm}from"slate";function Lm(e,{at:t=e.selection}={}){let o=D(e,{at:t});return o===void 0?!1:o.rowCount===1?(je(e),!0):(Sm.withoutNormalizing(e,()=>{Rm.removeNodes(e,{at:o.rowPath}),Rm.select(e,Sm.start(e,[...o.tablePath,Math.min(o.rowIndex,o.rowCount-2),o.cellIndex]))}),!0)}import{Transforms as Ng}from"slate";function Bm(e,t){let o=D(e);if(o===void 0)return!1;let{tableElement:r,tablePath:n,cellIndex:i}=o,a=r.columns.slice();return a.splice(i,1,{align:t.align}),Ng.setNodes(e,{columns:a},{at:n}),!0}import{Path as $g,Transforms as Hg}from"slate";function zm(e){let t=D(e);if(!t)return!1;let{cellIndex:o,cellCount:r,rowIndex:n,rowCount:i,tablePath:a}=t;if(o<r-1)return Q(e,[...a,n,o+1]),!0;if(n<i-1)return Q(e,[...a,n+1,0]),!0;let l=$g.next(a);return Hg.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:l}),Q(e,l),!0}function Dm(e){let t=D(e);if(!t)return!1;let{cellIndex:o,cellCount:r,rowIndex:n,tablePath:i}=t;if(o>0)return Q(e,[...i,n,o-1]),!0;if(n>0)return Q(e,[...i,n-1,r-1]),!0}function Nm(e){let t=D(e);if(!t)return!1;let{cellIndex:o,cellCount:r,rowIndex:n,rowCount:i,tablePath:a}=t;return o<r-1?(Q(e,[...a,n,o+1]),!0):n<i-1?(Q(e,[...a,n+1,0]),!0):(xm(e),Q(e,[...a,n+1,0]),!0)}function $m(e){return{getTableInfo:f(D,e),insertTable:f(km,e),insertColumn:f(Em,e),insertRow:f(ur,e),removeTable:f(je,e),removeColumn:f(Cm,e),removeRow:f(Lm,e),tabForward:f(zm,e),tabBackward:f(Dm,e),shiftEnterForward:f(Nm,e),selectCell:f(Og,e),down:f(Im,e),up:f(Mm,e),setTableColumnAlign:f(Bm,e)}}function Og(e,{at:t=e.selection}={}){let o=D(e,{at:t});if(o===void 0)return!1;let{cellPath:r}=o;return Ag.select(e,r),!0}import{Transforms as Ug}from"slate";function lo(e,t){let o=!1;return t[0].children.forEach((n,i)=>{n.children.forEach((l,m)=>{(l.x!==m||l.y!==i)&&(Ug.setNodes(e,{x:m,y:i},{at:[...t[1],i,m]}),o=!0)})}),o}import{Editor as Fg,Transforms as br}from"slate";function Hm(e,t){let[o,r]=t;return o.children.length===1&&o.children[0].type==="table-content"?!1:(Fg.withoutNormalizing(e,()=>{br.insertNodes(e,{type:"table-content",children:[{text:"X"}]},{at:[...t[1],0]});for(let n=o.children.length;n>=0;n--)br.mergeNodes(e,{at:[...r,n]});br.delete(e,{at:{path:[...r,0,0],offset:0},unit:"character"})}),!0)}import{useEffect as Kg}from"react";import{ReactEditor as _g,useSelected as Wg,useSlateStatic as Gg}from"slate-react";import mo from"@emotion/styled";import pe from"@emotion/styled";var Am=pe("div")`
|
|
1166
1167
|
position: absolute;
|
|
1167
1168
|
/**
|
|
1168
1169
|
* very slightly shaded
|
|
@@ -1186,7 +1187,7 @@
|
|
|
1186
1187
|
background: rgba(0, 0, 0, 0.15);
|
|
1187
1188
|
}
|
|
1188
1189
|
}
|
|
1189
|
-
`,
|
|
1190
|
+
`,Om=pe(Am)`
|
|
1190
1191
|
cursor: pointer;
|
|
1191
1192
|
/**
|
|
1192
1193
|
* hangs out on top
|
|
@@ -1196,7 +1197,7 @@
|
|
|
1196
1197
|
right: 0;
|
|
1197
1198
|
height: 3em;
|
|
1198
1199
|
top: -3em;
|
|
1199
|
-
`,
|
|
1200
|
+
`,Um=pe(Am)`
|
|
1200
1201
|
/**
|
|
1201
1202
|
* hangs out on left
|
|
1202
1203
|
*/
|
|
@@ -1204,7 +1205,7 @@
|
|
|
1204
1205
|
bottom: -1px;
|
|
1205
1206
|
width: 3em;
|
|
1206
1207
|
left: -3em;
|
|
1207
|
-
`,
|
|
1208
|
+
`,Fm=pe("div")`
|
|
1208
1209
|
position: absolute;
|
|
1209
1210
|
background: rgba(0, 0, 0, 0.05);
|
|
1210
1211
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
@@ -1216,7 +1217,7 @@
|
|
|
1216
1217
|
left: 0;
|
|
1217
1218
|
right: 0;
|
|
1218
1219
|
bottom: 0;
|
|
1219
|
-
`,
|
|
1220
|
+
`,Vm=pe(Fm)`
|
|
1220
1221
|
top: 50%;
|
|
1221
1222
|
border-bottom: none;
|
|
1222
1223
|
border-right: none;
|
|
@@ -1242,7 +1243,7 @@
|
|
|
1242
1243
|
|
|
1243
1244
|
/* border-top-left-radius: 0.5em;
|
|
1244
1245
|
border-top-right-radius: 0.5em; */
|
|
1245
|
-
`,
|
|
1246
|
+
`,Km=pe(Fm)`
|
|
1246
1247
|
left: 50%;
|
|
1247
1248
|
border-right: none;
|
|
1248
1249
|
border-bottom: none;
|
|
@@ -1268,7 +1269,7 @@
|
|
|
1268
1269
|
|
|
1269
1270
|
/* border-top-left-radius: 0.5em;
|
|
1270
1271
|
border-bottom-left-radius: 0.5em; */
|
|
1271
|
-
`,
|
|
1272
|
+
`,_m=pe("div")`
|
|
1272
1273
|
position: absolute;
|
|
1273
1274
|
font-size: 1.5em;
|
|
1274
1275
|
background: white;
|
|
@@ -1277,27 +1278,27 @@
|
|
|
1277
1278
|
svg {
|
|
1278
1279
|
display: block;
|
|
1279
1280
|
}
|
|
1280
|
-
`,
|
|
1281
|
+
`,Ye=pe(_m)`
|
|
1281
1282
|
color: #c0c0c0;
|
|
1282
1283
|
&:hover {
|
|
1283
1284
|
color: royalblue;
|
|
1284
1285
|
}
|
|
1285
|
-
`,
|
|
1286
|
+
`,so=pe(_m)`
|
|
1286
1287
|
color: #c0c0c0;
|
|
1287
1288
|
&:hover {
|
|
1288
1289
|
color: firebrick;
|
|
1289
1290
|
}
|
|
1290
|
-
`;var
|
|
1291
|
+
`;var Wm=mo("table")`
|
|
1291
1292
|
border-collapse: collapse;
|
|
1292
1293
|
margin: 1em 0;
|
|
1293
1294
|
${({columns:e})=>e.map((t,o)=>`td:nth-of-type(${o+1}) { text-align: ${t.align}; }`).join(`
|
|
1294
1295
|
`)}
|
|
1295
|
-
`,
|
|
1296
|
+
`,Gm=mo("tr")`
|
|
1296
1297
|
position: relative;
|
|
1297
1298
|
&:first-of-type {
|
|
1298
1299
|
background: var(--table-head-bgcolor);
|
|
1299
1300
|
}
|
|
1300
|
-
`,
|
|
1301
|
+
`,qm=mo("td")`
|
|
1301
1302
|
position: relative;
|
|
1302
1303
|
border-width: 1px;
|
|
1303
1304
|
border-style: solid;
|
|
@@ -1317,7 +1318,7 @@
|
|
|
1317
1318
|
&:last-of-type {
|
|
1318
1319
|
border-right-color: var(--table-border-color);
|
|
1319
1320
|
}
|
|
1320
|
-
`,
|
|
1321
|
+
`,Qm=mo("div")`
|
|
1321
1322
|
/**
|
|
1322
1323
|
* Smaller font inside a table than outside of it
|
|
1323
1324
|
*/
|
|
@@ -1329,7 +1330,7 @@
|
|
|
1329
1330
|
color: rgba(0, 0, 0, 0.6);
|
|
1330
1331
|
font-size: 0.875em; /* 14px */
|
|
1331
1332
|
}
|
|
1332
|
-
`;import{createContext as
|
|
1333
|
+
`;import{createContext as Vg}from"react";var co=Vg({isSelected:!1});import{jsx as Er}from"react/jsx-runtime";function Xm({element:e,attributes:t,children:o}){let r=Gg(),n=Wg();return Kg(()=>{try{let i=_g.findPath(r,e);lo(r,[e,i])}catch{}},[]),Er(co.Provider,{value:{isSelected:n},children:Er(Wm,{...t,columns:e.columns,children:Er("tbody",{children:o})})})}import{useContext as eb}from"react";import{useSelected as tb}from"slate-react";import{useCallback as xr,useRef as qg,useState as Qg}from"react";import{useSlateStatic as Xg}from"slate-react";import{jsx as ee}from"react/jsx-runtime";var Je=e=>ee("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:"1em",height:"1em",...e,children:ee("path",{fillRule:"evenodd",d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm.75-11.25a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5z",clipRule:"evenodd"})}),po=e=>ee("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:"1em",height:"1em",...e,children:ee("path",{fillRule:"evenodd",d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5z",clipRule:"evenodd"})}),uo=()=>ee(y,{children:ee("path",{d:"M4 6h16M4 12h16M4 18h16"})}),jm=()=>ee(y,{children:ee("path",{d:"M4 6h16M4 12h10M4 18h14"})}),Ym=()=>ee(y,{children:ee("path",{d:"M4 6h16M8 12h8M6 18h12"})}),Jm=()=>ee(y,{children:ee("path",{d:"M4 6h16M10 12h10M6 18h14"})});import{Fragment as jg,jsx as de,jsxs as Zm}from"react/jsx-runtime";function ec({cellElement:e}){let t=Xg(),o=O("column-menu"),r=qg(null),[n,i]=Qg(!1),a=xr(()=>{i(!0)},[]),l=xr(()=>{i(!1)},[]),m=xr(()=>{o.layer&&o.close();let s=r.current;if(s===null)return;let c=[{icon:jm,title:"\u5DE6\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"left"})}},{icon:Ym,title:"\u4E2D\u592E\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"center"})}},{icon:Jm,title:"\u53F3\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"right"})}}];o.open(()=>de(Oe,{dest:s,items:c,close:o.close}))},[]);return Zm(Om,{ref:r,contentEditable:!1,onClick:m,onMouseEnter:a,onMouseLeave:l,children:[de(Vm,{className:"--tile",children:de(uo,{})}),n?Zm(jg,{children:[de(so,{style:{top:0,left:"50%",marginLeft:"-0.5em"},onMouseDown:()=>t.tablePlugin.removeColumn({at:e}),children:de(po,{})}),de(Ye,{style:{left:"-0.5em",top:0},onMouseDown:()=>t.tablePlugin.insertColumn({at:e}),children:de(Je,{})}),de(Ye,{style:{right:"-0.5em",top:0},onMouseDown:()=>t.tablePlugin.insertColumn({at:e,offset:1}),children:de(Je,{})})]}):null]})}import{useState as Yg}from"react";import{useSlateStatic as Jg}from"slate-react";import{Fragment as Zg,jsx as we,jsxs as tc}from"react/jsx-runtime";function oc({cellElement:e}){let t=Jg(),[o,r]=Yg(!1);return tc(Um,{contentEditable:!1,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[we(Km,{className:"--tile",children:we(uo,{})}),o?tc(Zg,{children:[we(so,{style:{top:"50%",left:"0.5em",marginTop:"-0.5em"},onMouseDown:()=>t.tablePlugin.removeRow({at:e}),children:we(po,{})}),we(Ye,{style:{top:"-0.5em",left:"0.5em"},onMouseDown:()=>t.tablePlugin.insertRow({at:e}),children:we(Je,{})}),we(Ye,{style:{bottom:"-0.5em",left:"0.5em"},onMouseDown:()=>t.tablePlugin.insertRow({at:e,offset:1}),children:we(Je,{})})]}):null]})}import rc from"@emotion/styled";var nc=rc("div")`
|
|
1333
1334
|
position: absolute;
|
|
1334
1335
|
/**
|
|
1335
1336
|
* very slightly shaded
|
|
@@ -1361,7 +1362,7 @@
|
|
|
1361
1362
|
background: rgba(0, 0, 0, 0.15);
|
|
1362
1363
|
}
|
|
1363
1364
|
}
|
|
1364
|
-
`,
|
|
1365
|
+
`,ic=rc("div")`
|
|
1365
1366
|
position: absolute;
|
|
1366
1367
|
left: 0;
|
|
1367
1368
|
top: 0;
|
|
@@ -1369,8 +1370,8 @@
|
|
|
1369
1370
|
height: 1.5em;
|
|
1370
1371
|
background: rgba(0, 0, 0, 0.05);
|
|
1371
1372
|
border-radius: 50%;
|
|
1372
|
-
`;import{jsx as
|
|
1373
|
-
`),!0):!1,isMaster(r){if(r.type==="table")return!0},normalizeNode:r=>{let[n]=r;if(!
|
|
1373
|
+
`;import{jsx as ac}from"react/jsx-runtime";function lc(){return ac(nc,{contentEditable:!1,children:ac(ic,{className:"--table-menu-tile"})})}import{jsx as yr,jsxs as ob}from"react/jsx-runtime";function sc({element:e,attributes:t,children:o}){let r=eb(co),n=tb(),i=r.isSelected&&e.x===0&&e.y===0,a=r.isSelected&&e.x===0,l=r.isSelected&&e.y===0;return ob(qm,{className:n?"--selected":"",...t,"data-x":e.x,"data-y":e.y,children:[o,i?yr(lc,{}):null,a?yr(oc,{cellElement:e}):null,l?yr(ec,{cellElement:e}):null]})}import{jsx as rb}from"react/jsx-runtime";function mc({attributes:e,children:t}){return rb(Qm,{...e,children:t})}import{jsx as nb}from"react/jsx-runtime";function cc({attributes:e,children:t}){return nb(Gm,{...e,children:t})}import{jsx as fo}from"react/jsx-runtime";function pc({element:e,attributes:t,children:o}){switch(e.type){case"table":return fo(Xm,{element:e,attributes:t,children:o});case"table-row":return fo(cc,{element:e,attributes:t,children:o});case"table-cell":return fo(sc,{element:e,attributes:t,children:o});case"table-content":return fo(mc,{element:e,attributes:t,children:o})}}var dc=v((e,t,{createPolicy:o})=>(e.supportsTable=!0,e.tablePlugin=$m(e),o({name:"table",editor:{deleteBackward:()=>Me(e,"table-cell"),deleteForward:()=>mi(e,"table-cell"),deleteFragment:()=>gm(e,["table-cell"]),insertBreak:()=>E(e,"table-cell")?(e.insertText(`
|
|
1374
|
+
`),!0):!1,isMaster(r){if(r.type==="table")return!0},normalizeNode:r=>{let[n]=r;if(!ib.isElement(n))return!1;switch(n.type){case"table":return lo(e,r);case"table-cell":return Hm(e,r)}return!1}},editableProps:{renderElement:pc,onKeyDown:N({tab:e.tablePlugin.tabForward,"shift+tab":e.tablePlugin.tabBackward,"shift+enter":e.tablePlugin.shiftEnterForward,down:e.tablePlugin.down,up:e.tablePlugin.up,"mod+a":e.tablePlugin.selectCell,"super+t":()=>e.tablePlugin.insertTable(3,2),"mod+shift+enter":()=>e.tablePlugin.insertRow({offset:0}),"mod+enter":()=>e.tablePlugin.insertRow({offset:1}),"super+[":()=>e.tablePlugin.insertColumn({offset:0}),"super+]":()=>e.tablePlugin.insertColumn({offset:1}),"super+backspace":e.tablePlugin.removeTable,"mod+backspace":e.tablePlugin.removeRow,"mod+shift+backspace":e.tablePlugin.removeColumn})}})));import{Global as mb}from"@emotion/react";import{css as ab}from"@emotion/react";var lb=`
|
|
1374
1375
|
--blue-50: rgb(239 246 255);
|
|
1375
1376
|
--blue-100: rgb(219 234 254);
|
|
1376
1377
|
--blue-200: rgb(191 219 254);
|
|
@@ -1381,7 +1382,7 @@
|
|
|
1381
1382
|
--blue-700: rgb(29 78 216);
|
|
1382
1383
|
--blue-800: rgb(30 64 175);
|
|
1383
1384
|
--blue-900: rgb(30 58 138);
|
|
1384
|
-
`,
|
|
1385
|
+
`,sb=`
|
|
1385
1386
|
--shade-50: rgb(250 250 250);
|
|
1386
1387
|
--shade-100: rgb(244 244 245);
|
|
1387
1388
|
--shade-200: rgb(228 228 231);
|
|
@@ -1392,11 +1393,11 @@
|
|
|
1392
1393
|
--shade-700: rgb(63 63 70);
|
|
1393
1394
|
--shade-800: rgb(39 39 42);
|
|
1394
1395
|
--shade-900: rgb(24 24 27);
|
|
1395
|
-
`,
|
|
1396
|
+
`,uc=ab`
|
|
1396
1397
|
:root {
|
|
1397
1398
|
/* Tailwind Colors */
|
|
1398
|
-
${
|
|
1399
|
-
${
|
|
1399
|
+
${lb}
|
|
1400
|
+
${sb}
|
|
1400
1401
|
/* Select Colors */
|
|
1401
1402
|
--select-color: var(--blue-400);
|
|
1402
1403
|
--select-editor-color: var(--blue-200);
|
|
@@ -1418,14 +1419,14 @@
|
|
|
1418
1419
|
/* Horizontal Rule Colors */
|
|
1419
1420
|
--hr-color: var(--shade-300);
|
|
1420
1421
|
}
|
|
1421
|
-
`;import{Fragment as
|
|
1422
|
+
`;import{Fragment as cb,jsx as fc,jsxs as pb}from"react/jsx-runtime";var hc=v(e=>(e.theme=!0,{name:"theme",editor:{},renderEditable:({attributes:t,Editable:o})=>pb(cb,{children:[fc(mb,{styles:uc}),fc(o,{...t})]}),editableProps:{}}));import{clsx as Xb}from"clsx";import{useCallback as jb,useRef as Yb}from"react";import{Editor as Jb,Transforms as Zb}from"slate";import{ReactEditor as eE,useFocused as tE,useSlateStatic as oE}from"slate-react";import{clsx as db}from"clsx";import{useCallback as xc,useRef as ub,useState as fb}from"react";import{ReactEditor as hb,useSlateStatic as gb}from"slate-react";import kr from"@emotion/styled";var gc=kr(Y)`
|
|
1422
1423
|
padding: 0.5em;
|
|
1423
|
-
`,
|
|
1424
|
+
`,bc=kr("div")`
|
|
1424
1425
|
display: grid;
|
|
1425
1426
|
grid-template-columns: repeat(5, 1.75em);
|
|
1426
1427
|
grid-template-rows: 1.5em;
|
|
1427
1428
|
/* grid-gap: 1px; */
|
|
1428
|
-
`,
|
|
1429
|
+
`,Ec=kr("div")`
|
|
1429
1430
|
background: var(--shade-100);
|
|
1430
1431
|
height: 1.5em;
|
|
1431
1432
|
border-radius: 0.125em;
|
|
@@ -1435,11 +1436,11 @@
|
|
|
1435
1436
|
&.--selected {
|
|
1436
1437
|
background: var(--blue-100);
|
|
1437
1438
|
}
|
|
1438
|
-
`;import{Fragment as
|
|
1439
|
+
`;import{Fragment as bb,jsx as ho,jsxs as Eb}from"react/jsx-runtime";function yc(e){return[...Array(e).keys()]}function kc({dest:e,close:t}){let[o,r]=fb({x:0,y:0}),n=gb(),i=ub(null),a=j({src:i,dest:e},({dest:d})=>d?{left:d.left-8,top:d.top+d.height}:{left:0,top:0}),l=yc(5).map(d=>d+1),m=yc(5).map(d=>d+1),s=xc((d,p)=>{r({x:d,y:p})},[r]),c=xc((d,p)=>{n.tablePlugin.insertTable(d,p),hb.focus(n),t()},[n]);return Eb(bb,{children:[ho(ye,{close:t}),ho(gc,{ref:i,style:a,children:ho(bc,{onMouseLeave:()=>s(0,0),children:l.map(d=>m.map(p=>{let u=p<=o.x&&d<=o.y;return ho(Ec,{className:db({"--selected":u}),onMouseEnter:()=>s(p,d),onClick:()=>c(p,d)},`${p},${d}`)}))})})]})}import{useEffect as Fb,useRef as Vb,useState as Kb}from"react";import{useSlateStatic as _b}from"slate-react";import{jsx as b,jsxs as Ze}from"react/jsx-runtime";var vc=()=>b(y,{children:b("path",{d:"M7 12h10M7 5v14M17 5v14M15 19h4M15 5h4M5 19h4M5 5h4"})}),Tc=()=>b(y,{className:"--more-icon",width:"0.5em",viewBox:"0 0 12 24",children:b("path",{d:"m2 12 4 4 4-4"})}),wc=()=>b(y,{width:"0.5em",viewBox:"6 0 12 24",children:b("path",{d:"M9 12h6M12 9v6"})}),Ic=()=>b(y,{children:b("path",{d:"M19 18v-8l-2 2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"})}),Mc=()=>b(y,{children:b("path",{d:"M17 12a2 2 0 1 1 4 0c0 .591-.417 1.318-.816 1.858L17 18.001h4M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"})}),Pc=()=>b(y,{children:b("path",{d:"M19 14a2 2 0 1 0-2-2M17 16a2 2 0 1 0 2-2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"})});var Cc=()=>b(y,{children:b("path",{d:"M8 18V6h2l6 9V6h2v12h-2l-6-9v9H8z"})}),vr=()=>b(y,{children:b("path",{d:"M7 5h6a3.5 3.5 0 0 1 0 7H7zM13 12h1a3.5 3.5 0 0 1 0 7H7v-7"})}),Sc=()=>b(y,{children:b("path",{d:"M11 5h6M7 19h6M14 5l-4 14"})});var go=()=>Ze(y,{children:[b("path",{d:"M10 14a3.5 3.5 0 0 0 5 0l4-4a3.5 3.5 0 0 0-5-5l-.5.5"}),b("path",{d:"M14 10a3.5 3.5 0 0 0-5 0l-4 4a3.5 3.5 0 0 0 5 5l.5-.5"})]});var Tr=()=>b(y,{children:b("path",{d:"M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.667-1.333 4.333-4 5M19 11h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.667-1.333 4.333-4 5"})}),Rc=()=>Ze(y,{children:[b("path",{d:"M10 9l4 3-4 3"}),b("path",{d:"M16 9l4 3-4 3"})]});var Lc=()=>b(y,{children:b("path",{d:"M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01"})}),Bc=()=>Ze(y,{children:[b("rect",{x:4,y:4,width:16,height:16,rx:2}),b("path",{d:"M4 10h16M10 4v16"})]}),zc=()=>b(y,{children:b("path",{d:"m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16"})}),Dc=()=>b(y,{children:b("path",{d:"M9 8L5 12L9 16M15 8L19 12L15 16"})}),Nc=()=>Ze(y,{children:[b("path",{d:"M15 8h.01"}),b("rect",{x:4,y:4,width:16,height:16,rx:3}),b("path",{d:"m4 15 4-4a3 5 0 0 1 3 0l5 5"}),b("path",{d:"m14 14 1-1a3 5 0 0 1 3 0l2 2"})]});var $c=()=>b(y,{children:b("path",{d:"M12 5v14M5 12h14"})}),Hc=()=>b(y,{children:b("path",{d:"M5 12h14M16 6.5A4 2 0 0 0 12 5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1-4-1.5"})}),Ac=()=>b(y,{children:b("path",{d:"M7 5v5a5 5 0 0 0 10 0V5M5 19h14"})});var Oc=()=>Ze(y,{children:[b("path",{d:"m9 11 3 3 8-8"}),b("path",{d:"M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9"})]}),wr=()=>b(y,{children:b("path",{d:"M11 6h9M11 12h9M12 18h8M4 16a2 2 0 1 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6"})}),Uc=()=>b(y,{children:b("path",{d:"M4 6h16M8 12h12M12 18h8M7 12l-3-3M7 12l-3 3"})}),Fc=()=>b(y,{children:b("path",{d:"M4 6h16M8 12h12M12 18h8M4 12l3-3M4 12l3 3"})});var Vc=()=>b(y,{children:b("path",{d:"M18 6L6 18M6 6l12 12"})}),Kc=()=>Ze(y,{children:[b("path",{d:"M4 20h4l10.5-10.5a2.828 2.828 0 1 0-4-4L4 16v4"}),b("path",{d:"M13.5 6.5l4 4"}),b("path",{d:"m14 19 6-6M18 15l2 2M5 21h4"})]}),_c=()=>b(y,{children:b("path",{d:"M5 12h14"})});var Ir=[{icon:Uc,title:h("increaseDepth"),hotkey:"tab",action:e=>e.list.increaseDepth(),active:e=>e.list.canIncreaseDepth()},{icon:Fc,title:h("decreaseDepth"),hotkey:"shift+tab",action:e=>e.list.decreaseDepth(),active:e=>e.list.canDecreaseDepth()}],Wc=[{icon:Cc,title:h("normal"),hotkey:"super+0",action:e=>{e.collapsibleParagraph.convertParagraph()}},{icon:Ic,title:h("heading1"),hotkey:"super+1",action:e=>e.heading.convertHeading(1,!0),active:e=>e.heading.isHeadingActive(1)},{icon:Mc,title:h("heading2"),hotkey:"super+2",action:e=>e.heading.convertHeading(2,!0),active:e=>e.heading.isHeadingActive(2)},{icon:Pc,title:h("heading3"),hotkey:"super+3",action:e=>e.heading.convertHeading(3,!0),active:e=>e.heading.isHeadingActive(3)}],Gc=[...Wc],Mr=[{icon:vc,title:h("paragraphStyle"),more:!0,children:Wc}];import{useState as ue,useRef as Qc,useEffect as yb,useCallback as Pr}from"react";import{useSlateStatic as kb}from"slate-react";import xb from"@emotion/styled";var qc=xb(Y)`
|
|
1439
1440
|
width: 18em;
|
|
1440
1441
|
padding: 0;
|
|
1441
1442
|
overflow: hidden;
|
|
1442
|
-
`;import{Fragment as
|
|
1443
|
+
`;import{Fragment as vb,jsx as $,jsxs as F}from"react/jsx-runtime";function Xc({dest:e,close:t}){let o=kb(),r=Qc(null),n=Qc(null),[i,a]=ue({x:0,y:0}),l=Pr((R,V)=>{a(he=>({x:he.x+R,y:he.y+V}))},[]),m=o.wysimark?.imageDialogState,s=!!o.wysimark?.onImageChange,c=!!o.wysimark?.onFileSelect,d=m?.imageSource??(c?"select":s?"file":"url"),[p,u]=ue(m?.url??""),[g,w]=ue(m?.alt??""),[P,S]=ue(m?.title??""),[M,H]=ue(!1),[I,A]=ue(d),[k,x]=ue(!1),[T,L]=ue(m?.uploadedUrl??""),C=R=>{A(R),L(""),fe("")},[se,fe]=ue(""),Mp=Pr(R=>{let V=R.target.value;w(V),M||S(V)},[M]),Pp=Pr(R=>{S(R.target.value),H(!0)},[]);yb(()=>{o.wysimark&&(o.wysimark.imageDialogState={url:p,alt:g,title:P,imageSource:I,uploadedUrl:T})},[o,p,g,P,I,T]);let Hr=()=>{o.wysimark&&(o.wysimark.imageDialogState=void 0)},yo=j({src:r,dest:e},({src:R,dest:V},he)=>Ht(R,he,{left:V.left-16,top:V.top+V.height},{margin:16})),Cp={...yo,left:yo.left+i.x,top:yo.top+i.y};function Sp(R){R.preventDefault();let V=I==="file"||I==="select"?T:p;V.trim()!==""&&(o.image.insertImageFromUrl(V,g,P),Hr(),t())}function Rp(){Hr(),t()}async function Lp(R){let V=R.target.files?.[0];if(!(!V||!o.wysimark?.onImageChange)){fe(V.name),x(!0);try{let he=await o.wysimark.onImageChange(V);L(he)}catch(he){}finally{x(!1)}}}function Bp(){n.current?.click()}async function zp(){if(o.wysimark?.onFileSelect){x(!0);try{let R=await o.wysimark.onFileSelect();R&&L(R)}catch(R){}finally{x(!1)}}}let ko=I==="file"||I==="select"?T.trim()===""||k:p.trim()==="";return F(vb,{children:[$(ye,{close:t}),F(qc,{ref:r,style:Cp,children:[$(ve,{onDrag:l}),F("form",{onSubmit:R=>{Sp(R)},style:{padding:"8px"},children:[(s||c)&&F("div",{style:{marginBottom:"12px"},children:[c&&F("label",{style:{display:"inline-flex",alignItems:"center",marginRight:"16px",cursor:"pointer"},children:[$("input",{type:"radio",name:"imageSource",value:"select",checked:I==="select",onChange:()=>C("select"),style:{marginRight:"4px"}}),h("imageSourceSelect")]}),s&&F("label",{style:{display:"inline-flex",alignItems:"center",marginRight:"16px",cursor:"pointer"},children:[$("input",{type:"radio",name:"imageSource",value:"file",checked:I==="file",onChange:()=>C("file"),style:{marginRight:"4px"}}),h("imageSourceFile")]}),F("label",{style:{display:"inline-flex",alignItems:"center",cursor:"pointer"},children:[$("input",{type:"radio",name:"imageSource",value:"url",checked:I==="url",onChange:()=>C("url"),style:{marginRight:"4px"}}),h("imageSourceUrl")]})]}),I==="url"?F("div",{style:{marginBottom:"8px"},children:[$("label",{style:{display:"block",marginBottom:"4px"},children:h("imageUrlRequired")}),$("input",{type:"text",value:p,onChange:R=>u(R.target.value),style:{width:"100%",padding:"6px",boxSizing:"border-box",border:"1px solid var(--shade-300)",borderRadius:"4px",backgroundColor:"var(--shade-50)",color:"var(--shade-700)"},placeholder:"https://example.com/image.jpg"})]}):I==="select"?F("div",{style:{marginBottom:"8px"},children:[$("button",{type:"button",onClick:()=>{zp()},disabled:k,style:{padding:"8px 16px",backgroundColor:k?"#ccc":"#0078d4",color:k?"#666":"white",border:"none",borderRadius:"4px",cursor:k?"not-allowed":"pointer",marginBottom:"8px",fontWeight:"bold"},children:k?h("uploading"):h("imageSourceSelect")}),T&&$("div",{style:{marginTop:"8px",padding:"8px",backgroundColor:"var(--shade-100)",borderRadius:"4px"},children:F("div",{style:{color:"green",marginBottom:"4px"},children:["\u2713 ",h("uploadComplete")]})})]}):F("div",{style:{marginBottom:"8px"},children:[$("input",{ref:n,type:"file",accept:"image/*",onChange:R=>{Lp(R)},style:{display:"none"}}),$("button",{type:"button",onClick:Bp,disabled:k,style:{padding:"8px 16px",backgroundColor:k?"#ccc":"#0078d4",color:k?"#666":"white",border:"none",borderRadius:"4px",cursor:k?"not-allowed":"pointer",marginBottom:"8px",fontWeight:"bold"},children:k?h("uploading"):h("selectFile")}),T&&F("div",{style:{marginTop:"8px",padding:"8px",backgroundColor:"var(--shade-100)",borderRadius:"4px"},children:[F("div",{style:{color:"green",marginBottom:"4px"},children:["\u2713 ",h("uploadComplete")]}),se&&$("div",{style:{fontSize:"12px",color:"var(--shade-500)"},children:se})]})]}),F("div",{style:{marginBottom:"8px"},children:[$("label",{style:{display:"block",marginBottom:"4px"},children:h("altText")}),$("input",{type:"text",value:g,onChange:Mp,style:{width:"100%",padding:"6px",boxSizing:"border-box",border:"1px solid var(--shade-300)",borderRadius:"4px",backgroundColor:"var(--shade-50)",color:"var(--shade-700)"},placeholder:h("imageDescription")})]}),F("div",{style:{marginBottom:"8px"},children:[$("label",{style:{display:"block",marginBottom:"4px"},children:h("title")}),$("input",{type:"text",value:P,onChange:Pp,style:{width:"100%",padding:"6px",boxSizing:"border-box",border:"1px solid var(--shade-300)",borderRadius:"4px",backgroundColor:"var(--shade-50)",color:"var(--shade-700)"},placeholder:h("imageTitle")})]}),F("div",{style:{display:"flex",gap:"8px"},children:[$("button",{type:"submit",disabled:ko,style:{display:"flex",alignItems:"center",padding:"8px 16px",backgroundColor:ko?"#ccc":"#0078d4",color:"white",border:"none",borderRadius:"4px",cursor:ko?"not-allowed":"pointer",fontWeight:"bold"},children:h("register")}),$("button",{type:"button",onClick:Rp,style:{padding:"8px 16px",backgroundColor:"var(--shade-100)",color:"var(--shade-700)",border:"1px solid var(--shade-300)",borderRadius:"4px",cursor:"pointer"},children:h("cancel")})]})]})]})]})}import{isHotkey as Tb}from"is-hotkey";import{useCallback as bo,useMemo as wb,useRef as Ib,useState as yt}from"react";import{Editor as Mb,Range as Pb}from"slate";import{ReactEditor as Cb,useSlateStatic as Sb}from"slate-react";import jc from"@emotion/styled";var Cr=jc("div")`
|
|
1443
1444
|
/* Center vertically and horizontally */
|
|
1444
1445
|
display: flex;
|
|
1445
1446
|
align-items: center;
|
|
@@ -1463,9 +1464,9 @@
|
|
|
1463
1464
|
font-size: 1.25em;
|
|
1464
1465
|
stroke-width: 2px;
|
|
1465
1466
|
}
|
|
1466
|
-
`,jc
|
|
1467
|
+
`,Yc=jc("div")`
|
|
1467
1468
|
font-size: 0.875em;
|
|
1468
1469
|
margin-top: 0.5em;
|
|
1469
1470
|
color: var(--shade-500);
|
|
1470
1471
|
line-height: 1.375;
|
|
1471
|
-
`;import{Fragment as Pb,jsx as te,jsxs as yt}from"react/jsx-runtime";var Mb=xb("enter");function Yc({dest:e,close:t}){let o=Ib(),r=kb(null),[n,i]=xt({x:0,y:0}),a=go((x,I)=>{i(w=>({x:w.x+x,y:w.y+I}))},[]),l=j({src:r,dest:e},({src:x,dest:I},w)=>!x||!I?{left:0,top:0}:$t(x,w,{left:I.left-12,top:I.top+I.height},{margin:16})),s={...l,left:l.left+n.x,top:l.top+n.y},m=yb(()=>{let{selection:x}=o;return x&&!Tb.isCollapsed(x)?vb.string(o,x):""},[]),[c,d]=xt(""),[p,u]=xt(m),[h,v]=xt(m),[S,P]=xt(!1),M=()=>{let x=p.trim()||c,I=h.trim()||void 0;o.anchor.insertLink(c,x,{select:!0,title:I}),wb.focus(o),t()},B=go(x=>{d(x.currentTarget.value)},[d]),C=go(x=>{let I=x.currentTarget.value;u(I),S||v(I)},[u,v,S]),D=go(x=>{v(x.currentTarget.value),P(!0)},[v]),T=x=>{Mb(x)&&(x.preventDefault(),x.stopPropagation(),M())};return yt(Pb,{children:[te(Ee,{close:t}),yt(Ai,{ref:r,style:s,children:[te(ye,{onDrag:a}),yt("div",{style:{padding:"0.75em"},children:[te(Ht,{children:te(At,{type:"text",value:c,autoFocus:!0,placeholder:g("linkUrl"),onChange:B,onKeyDown:T})}),te(Ht,{style:{marginTop:"0.5em"},children:te(At,{type:"text",value:p,placeholder:g("linkText"),onChange:C,onKeyDown:T})}),yt(Ht,{style:{marginTop:"0.5em"},children:[te(At,{type:"text",value:h,placeholder:g("tooltipText"),onChange:D,onKeyDown:T}),yt(Pr,{onClick:M,children:[te(ho,{}),te(Tc,{})]}),te(Pr,{onClick:t,style:{marginLeft:"0.25em",background:"var(--shade-400)"},children:te(Fc,{})})]}),te(jc,{children:g("tooltipHint")})]})]})]})}var Cr=[{icon:ho,title:g("insertLink"),more:!0,hotkey:"mod+k",Component:Yc},{icon:Dc,title:g("insertImageFromUrl"),more:!0,Component:Qc},{icon:Lc,title:g("insertTable"),more:!0,Component:yc},{icon:Kc,title:g("horizontalRule"),hotkey:"super+-",action:e=>e.horizontalRule.insertHorizontalRule()}],Jc=Cr,Zc=Cr,ep=[{icon:Nc,title:g("insert"),more:!0,children:Cr}];import{Editor as Cb}from"slate";function Ze(e){let t=Cb.marks(e);return{bold:t?.bold||!1,italic:t?.italic||!1,strike:t?.strike||!1,code:t?.code||!1,underline:t?.underline||!1,highlight:t?.highlight||!1}}var tp=[{icon:kr,title:g("bold"),hotkey:"mod+b",action:e=>e.marksPlugin.toggleBold(),active:e=>Ze(e).bold},{icon:Cc,title:g("italic"),hotkey:"mod+i",action:e=>e.marksPlugin.toggleItalic(),active:e=>Ze(e).italic},{icon:$c,title:g("strike"),hotkey:"super+k",action:e=>e.marksPlugin.toggleStrike(),active:e=>Ze(e).strike},{icon:zc,title:g("inlineCode"),hotkey:"mod+j",action:e=>e.inlineCode.toggleInlineCode(),active:e=>Ze(e).code},{icon:Hc,title:g("underline"),hotkey:"mod+u",action:e=>e.marksPlugin.toggleUnderline(),active:e=>Ze(e).underline},{icon:Vc,title:g("highlight"),hotkey:"mod+h",action:e=>e.marksPlugin.toggleHighlight(),active:e=>Ze(e).highlight,show:e=>!e.wysimark.disableHighlight}],Sr=tp,op=[{icon:kr,title:g("format"),more:!0,children:tp}];var rp=[{icon:Rc,title:g("bulletList"),hotkey:"super+8",action:e=>e.list.convertUnorderedList(!0)},{icon:Tr,title:g("numberedList"),hotkey:"super+7",action:e=>e.list.convertOrderedList(!0)},{icon:Ac,title:g("checkList"),hotkey:"super+9",action:e=>e.list.convertTaskList(!0),show:e=>!e.wysimark.disableTaskList}],Rr=[...rp,"divider",...wr],np=[{icon:Tr,title:g("list"),more:!0,children:[...rp,"divider",...wr]}];import{Editor as ip,Transforms as bo}from"slate";var ap=[{icon:vr,title:g("quote"),hotkey:"super+.",action:e=>{e.blockQuotePlugin.isActive()?e.blockQuotePlugin.outdent():e.blockQuotePlugin.indent()},active:e=>e.blockQuotePlugin.isActive()},{icon:Sc,title:g("increaseQuoteDepth"),action:e=>e.blockQuotePlugin.increaseDepth(),active:e=>e.blockQuotePlugin.canIncreaseDepth()},{icon:Bc,title:g("codeBlock"),action:e=>{let{selection:t}=e,o=E(e,"code-block");if(o){let[,r]=o,n=ip.string(e,r);bo.removeNodes(e,{at:r}),bo.insertNodes(e,{type:"paragraph",children:[{text:n}]},{at:r});return}if(t&&JSON.stringify(t.anchor.path)!==JSON.stringify(t.focus.path)){e.codeBlock.createCodeBlock({language:"text"});return}if(t&&(t.anchor.offset!==t.focus.offset||JSON.stringify(t.anchor.path)!==JSON.stringify(t.focus.path))){let r=ip.string(e,t);bo.delete(e),bo.insertNodes(e,{type:"code-block",language:"text",children:[{type:"code-block-line",children:[{text:r}]}]});return}e.codeBlock.createCodeBlock({language:"text"})},active:e=>!!E(e,"code-block"),show:e=>!e.wysimark.disableCodeBlock}],Lr=ap,lp=[{icon:vr,title:g("quote"),more:!0,children:ap}];var Sb=[...Wc,"divider",...Rr,"divider",...Sr,"divider",...Jc,"divider",...Lr],Rb=[...Ir,"divider",...Rr,"divider",...Sr,"divider",...Zc,"divider",...Lr],sp=[...Ir,"divider",...np,"divider",...op,"divider",...ep,"divider",...lp],mp=sp;var et=[Sb,Rb,sp];import{clsx as Lb}from"clsx";import{useCallback as zr,useRef as zb}from"react";import{ReactEditor as Bb,useSlate as Db,useSlateStatic as Nb}from"slate-react";import{jsx as Eo,jsxs as $b}from"react/jsx-runtime";function cp({item:e}){let t=Nb(),o=Db(),r=e.active?e.active(o):!1,n=zb(null),i=J({title:e.title,hotkey:()=>e.hotkey?Dt(e.hotkey):void 0}),a=H("menu"),l=zr(()=>{let c=n.current,d=e.children,p=e.Component;c&&(d?a.open(()=>Eo(Ae,{dest:c,items:d,close:a.close})):p&&a.open(()=>Eo(p,{dest:c,close:a.close})))},[e]),s=zr(()=>{if(e.action){e.action(t),Bb.focus(t);return}a.layer?a.close():l()},[a.layer,e]),m=zr(c=>{i.onMouseEnter(c),a.layer&&l()},[a.layer]);return $b(ji,{"data-item-type":"button",ref:n,onMouseEnter:m,onMouseLeave:i.onMouseLeave,onClick:s,className:Lb({"--active":r&&!Lo(e?.title)?.includes("Depth"),"--more":e.more,"--disabled":!r&&Lo(e?.title)?.includes("Depth")}),children:[Eo(e.icon,{}),e.more?Eo(vc,{}):null]})}import{jsx as tt}from"react/jsx-runtime";function Fb({item:e}){let t=Ub();return e==="divider"?tt(Qi,{"data-item-type":"divider",children:tt(Xi,{})}):(e.show===void 0?!0:e.show(t))?tt(cp,{item:e}):null}function Vb(e){let t=e.querySelector("[data-item-type=button]"),o=e.querySelector("[data-item-type=divider]");return!t||!o?null:{toolbar:e.offsetWidth,button:t.offsetWidth,divider:o.offsetWidth}}function Kb(e,t,o){let r=0;for(let n of e)r+=n==="divider"?o:t;return r}var _b=4;function pp(){let e=Ab(null),[t,o]=Ob(mp);return Hb(()=>{let r=e.current;if(!r)return;let n=()=>{let a=Vb(r);if(a){for(let l=0;l<et.length-1;l++)if(Kb(et[l],a.button,a.divider)<a.toolbar-_b){o(et[l]);return}o(et[et.length-1])}},i=new ResizeObserver(n);return i.observe(r),()=>{i.disconnect()}},[]),tt(Gi,{ref:e,children:tt(qi,{children:t.map((r,n)=>tt(Fb,{item:r},typeof r=="string"?n:r.title))})})}import{jsx as Br,jsxs as Zb}from"react/jsx-runtime";function dp({attributes:e,Editable:t}){let o=qb(null),r=Jb(),n=Yb(),i=Gb(a=>{a.target===a.currentTarget&&(Xb.select(r,Qb.end(r,[])),jb.focus(r))},[r]);return Br(Li,{children:Zb(Vi,{ref:o,className:Wb({"--focused":n}),style:{height:r.toolbar.height,minHeight:r.toolbar.minHeight,maxHeight:r.toolbar.maxHeight},onClick:i,children:[Br(pp,{}),Br(t,{as:Fi,...e,style:{overflowY:"auto"}})]})})}var up=k((e,t)=>(e.toolbar={height:t.toolbar?.height,minHeight:t.toolbar?.minHeight,maxHeight:t.toolbar?.maxHeight,showUploadButtons:t.toolbar?.showUploadButtons??!0},{name:"toolbar",editor:{},renderEditable:dp,editableProps:{}}));import{Editor as Dr,Node as eE,Path as tE,Transforms as oE}from"slate";var fp=k(e=>(e.allowTrailingBlock=!0,{name:"trailing-block",editor:{normalizeNode:t=>{if(!Dr.isEditor(t[0]))return!1;let o=[e.children.length-1],r=eE.child(e,e.children.length-1);return(Dr.hasBlocks(e,r)||Dr.isVoid(e,r))&&oE.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:tE.next(o)}),!0}}}));import{Transforms as rE}from"slate";function nE(e,t){let o=fe(t),r=ge(o);rE.insertNodes(e,r)}function hp(e){return{pasteMarkdown:f(nE,e)}}var gp=k(e=>(e.pasteMarkdown=hp(e),{name:"paste-markdown",editor:{},editableProps:{onPaste(t){let{types:o}=t.clipboardData;if(o.length!==1||o[0]!=="text/plain")return!1;let r=t.clipboardData.getData("text/plain");return e.pasteMarkdown.pasteMarkdown(r),we(t),!0}}}));import{jsx as aE}from"react/jsx-runtime";function iE(e){let t={...e.attributes,style:{...e.attributes.style,width:void 0,maxWidth:void 0}};return aE("span",{...t,children:e.children})}var bp=k((e,t,{createPolicy:o})=>(e.placeholder={},o({name:"placeholder",editableProps:{renderPlaceholder:iE}})));var Ep=[gp,ms,ga,xs,sm,Ss,gl,Fl,ql,pc,Is,fp,rm,ya,pm,os,fc,up,ul,bp];var lE=oi(Ep),{withSink:xp,SinkEditable:yp}=lE;import{useState as sE}from"react";import{createEditor as mE,Editor as cE,Transforms as pE}from"slate";import{withHistory as dE}from"slate-history";import{withReact as uE}from"slate-react";function Nr({authToken:e,height:t,minHeight:o,maxHeight:r,disableRawMode:n,disableTaskList:i,disableCodeBlock:a,disableHighlight:l}={}){let[s]=sE(()=>{let m=mE(),c=xp(uE(dE(m)),{toolbar:{height:t,minHeight:o,maxHeight:r,showUploadButtons:!!e},image:{}});return c.convertElement.addConvertElementType("paragraph"),m.wysimark={disableRawMode:n??!0,disableTaskList:i,disableCodeBlock:a,disableHighlight:l??!0},m.getMarkdown=()=>at(m.children),m.setMarkdown=d=>{let p=fe(d),u=ge(p);m.children=u,m.selection=null,pE.select(m,cE.start(m,[0]))},c});return s}import{jsx as oe,jsxs as vp}from"react/jsx-runtime";function xE({children:e,attributes:t}){return oe("span",{...t,children:e})}function Tp({editor:e,value:t,onChange:o,throttleInMs:r=1e3,placeholder:n,className:i,style:a,onImageChange:l}){let[s,m]=kp(!1),[c,d]=kp(t),p=vt(!1),u=vt(void 0),h=vt(void 0),v=vt(null),S=vt(o);S.current=o;let P=kt(fE(()=>{let w=at(e.children);e.wysimark.prevValue={markdown:w,children:e.children},S.current(w)},r,{leading:!1,trailing:!0}),[e,r]),M=kt(()=>{h.current!==e.children&&(h.current=e.children,P())},[P]);if(!s){let w=v.current??t;if(v.current!==null&&(v.current=null),e.wysimark.prevValue==null||u.current==null){p.current=!0;let O=fe(w),Te=ge(O);e.children=Te,h.current=u.current=Te,e.wysimark.prevValue={markdown:w,children:Te}}else if(w!==e.wysimark.prevValue.markdown){p.current=!0;let O=fe(w),Te=ge(O);e.children=Te,e.selection=null,gE.select(e,hE.start(e,[0]))}}let B=kt(()=>{navigator.userAgent.toLowerCase().includes("firefox")&&bE.focus(e)},[e]),C=kt(()=>{P.flush()},[P]),D=w=>{let O=w.target.value;d(O),o(O)},T=kt(()=>{let w=e.getMarkdown();d(w)},[e]),x=()=>{s?(v.current=c,e.wysimark.prevValue=void 0,u.current=void 0,h.current=void 0):T(),m(!s)};e.wysimark.onImageChange=l,e.wysimark.onChange=o;let I=e.wysimark.disableRawMode;return vp("div",{style:{position:"relative"},children:[!I&&oe("div",{style:{position:"absolute",top:"5px",right:"25px",zIndex:10},children:oe("div",{onClick:x,style:{background:"none",border:s?"1px solid #4a90e2":"1px solid transparent",cursor:"pointer",padding:"6px",borderRadius:"4px",backgroundColor:s?"rgba(74, 144, 226, 0.1)":"transparent",boxShadow:s?"0 1px 3px rgba(0, 0, 0, 0.1)":"none",transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center"},title:s?g("switchToVisualEditor"):g("switchToRawMarkdown"),role:"button",tabIndex:0,onKeyDown:w=>{(w.key==="Enter"||w.key===" ")&&(x(),w.preventDefault())},children:vp("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[oe("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",fill:s?"rgba(74, 144, 226, 0.05)":"transparent"}),oe("path",{d:"M7 15V9L10 12L13 9V15",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),oe("path",{d:"M16 9H18V15",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),oe("path",{d:"M16 12H18",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})}),oe("div",{style:{display:s?"block":"none",textAlign:"center"},children:oe("textarea",{value:ot(c).replace(/ /g,""),onChange:D,placeholder:n,className:i,style:{width:"calc(100% - 60px)",margin:"0 auto",minHeight:"200px",padding:"20px",fontFamily:"monospace",fontSize:"1rem",color:"#333",lineHeight:"1.5",backgroundColor:"#fff",border:"1px solid #ddd",borderRadius:"4px",...a}})}),oe("div",{style:{display:s?"none":"block"},children:oe(EE,{editor:e,initialValue:u.current,onChange:M,children:oe(yp,{renderLeaf:xE,onMouseDown:B,onBlur:C,placeholder:n,className:i,style:a})})})]})}import{jsx as wp}from"react/jsx-runtime";function ME({standaloneOptions:{onChange:e,placeholder:t,className:o,...r},standaloneMethodsRef:n}){let[i,a]=wE(r.initialMarkdown||""),l=TE(i),s=Nr(r);l.current=i,vE(n,()=>({getMarkdown(){return l.current},setMarkdown(c){l.current=c,a(c)}}),[l,a]);let m=kE(c=>{l.current=c,a(c),e?.(c)},[s]);return wp(Tp,{editor:s,value:i,className:o||"",onChange:m,placeholder:t})}function PA(e,t){let o=yE(),r=IE(e);return r.render(wp(ME,{standaloneMethodsRef:o,standaloneOptions:t})),{unmount(){try{r.unmount()}catch{}},getMarkdown(){return o.current?.getMarkdown()||""},setMarkdown(n){o.current?.setMarkdown(n)}}}export{Tp as Editable,PA as createWysimark,Nr as useEditor};
|
|
1472
|
+
`;import{Fragment as Lb,jsx as te,jsxs as kt}from"react/jsx-runtime";var Rb=Tb("enter");function Jc({dest:e,close:t}){let o=Sb(),r=Ib(null),[n,i]=yt({x:0,y:0}),a=bo((x,T)=>{i(L=>({x:L.x+x,y:L.y+T}))},[]),l=j({src:r,dest:e},({src:x,dest:T},L)=>!x||!T?{left:0,top:0}:Ht(x,L,{left:T.left-12,top:T.top+T.height},{margin:16})),m={...l,left:l.left+n.x,top:l.top+n.y},s=wb(()=>{let{selection:x}=o;return x&&!Pb.isCollapsed(x)?Mb.string(o,x):""},[]),[c,d]=yt(""),[p,u]=yt(s),[g,w]=yt(s),[P,S]=yt(!1),M=()=>{let x=p.trim()||c,T=g.trim()||void 0;o.anchor.insertLink(c,x,{select:!0,title:T}),Cb.focus(o),t()},H=bo(x=>{d(x.currentTarget.value)},[d]),I=bo(x=>{let T=x.currentTarget.value;u(T),P||w(T)},[u,w,P]),A=bo(x=>{w(x.currentTarget.value),S(!0)},[w]),k=x=>{Rb(x)&&(x.preventDefault(),x.stopPropagation(),M())};return kt(Lb,{children:[te(ye,{close:t}),kt(Oi,{ref:r,style:m,children:[te(ve,{onDrag:a}),kt("div",{style:{padding:"0.75em"},children:[te(At,{children:te(Ot,{type:"text",value:c,autoFocus:!0,placeholder:h("linkUrl"),onChange:H,onKeyDown:k})}),te(At,{style:{marginTop:"0.5em"},children:te(Ot,{type:"text",value:p,placeholder:h("linkText"),onChange:I,onKeyDown:k})}),kt(At,{style:{marginTop:"0.5em"},children:[te(Ot,{type:"text",value:g,placeholder:h("tooltipText"),onChange:A,onKeyDown:k}),kt(Cr,{onClick:M,children:[te(go,{}),te(wc,{})]}),te(Cr,{onClick:t,style:{marginLeft:"0.25em",background:"var(--shade-400)"},children:te(Vc,{})})]}),te(Yc,{children:h("tooltipHint")})]})]})]})}var Sr=[{icon:go,title:h("insertLink"),more:!0,hotkey:"mod+k",Component:Jc},{icon:Nc,title:h("insertImageFromUrl"),more:!0,Component:Xc},{icon:Bc,title:h("insertTable"),more:!0,Component:kc},{icon:_c,title:h("horizontalRule"),hotkey:"super+-",action:e=>e.horizontalRule.insertHorizontalRule()}],Zc=Sr,ep=Sr,tp=[{icon:$c,title:h("insert"),more:!0,children:Sr}];import{Editor as Bb}from"slate";function et(e){let t=Bb.marks(e);return{bold:t?.bold||!1,italic:t?.italic||!1,strike:t?.strike||!1,code:t?.code||!1,underline:t?.underline||!1,highlight:t?.highlight||!1}}var op=[{icon:vr,title:h("bold"),hotkey:"mod+b",action:e=>e.marksPlugin.toggleBold(),active:e=>et(e).bold},{icon:Sc,title:h("italic"),hotkey:"mod+i",action:e=>e.marksPlugin.toggleItalic(),active:e=>et(e).italic},{icon:Hc,title:h("strike"),hotkey:"super+k",action:e=>e.marksPlugin.toggleStrike(),active:e=>et(e).strike},{icon:zc,title:h("inlineCode"),hotkey:"mod+j",action:e=>e.inlineCode.toggleInlineCode(),active:e=>et(e).code},{icon:Ac,title:h("underline"),hotkey:"mod+u",action:e=>e.marksPlugin.toggleUnderline(),active:e=>et(e).underline},{icon:Kc,title:h("highlight"),hotkey:"mod+h",action:e=>e.marksPlugin.toggleHighlight(),active:e=>et(e).highlight,show:e=>!e.wysimark.disableHighlight}],Rr=op,rp=[{icon:vr,title:h("format"),more:!0,children:op}];var np=[{icon:Lc,title:h("bulletList"),hotkey:"super+8",action:e=>e.list.convertUnorderedList(!0)},{icon:wr,title:h("numberedList"),hotkey:"super+7",action:e=>e.list.convertOrderedList(!0)},{icon:Oc,title:h("checkList"),hotkey:"super+9",action:e=>e.list.convertTaskList(!0),show:e=>!e.wysimark.disableTaskList}],Lr=[...np,"divider",...Ir],ip=[{icon:wr,title:h("list"),more:!0,children:[...np,"divider",...Ir]}];import{Editor as ap,Transforms as Eo}from"slate";var lp=[{icon:Tr,title:h("quote"),hotkey:"super+.",action:e=>{e.blockQuotePlugin.isActive()?e.blockQuotePlugin.outdent():e.blockQuotePlugin.indent()},active:e=>e.blockQuotePlugin.isActive()},{icon:Rc,title:h("increaseQuoteDepth"),action:e=>e.blockQuotePlugin.increaseDepth(),active:e=>e.blockQuotePlugin.canIncreaseDepth()},{icon:Dc,title:h("codeBlock"),action:e=>{let{selection:t}=e,o=E(e,"code-block");if(o){let[,r]=o,n=ap.string(e,r);Eo.removeNodes(e,{at:r}),Eo.insertNodes(e,{type:"paragraph",children:[{text:n}]},{at:r});return}if(t&&JSON.stringify(t.anchor.path)!==JSON.stringify(t.focus.path)){e.codeBlock.createCodeBlock({language:"text"});return}if(t&&(t.anchor.offset!==t.focus.offset||JSON.stringify(t.anchor.path)!==JSON.stringify(t.focus.path))){let r=ap.string(e,t);Eo.delete(e),Eo.insertNodes(e,{type:"code-block",language:"text",children:[{type:"code-block-line",children:[{text:r}]}]});return}e.codeBlock.createCodeBlock({language:"text"})},active:e=>!!E(e,"code-block"),show:e=>!e.wysimark.disableCodeBlock}],Br=lp,sp=[{icon:Tr,title:h("quote"),more:!0,children:lp}];var zb=[...Gc,"divider",...Lr,"divider",...Rr,"divider",...Zc,"divider",...Br],Db=[...Mr,"divider",...Lr,"divider",...Rr,"divider",...ep,"divider",...Br],mp=[...Mr,"divider",...ip,"divider",...rp,"divider",...tp,"divider",...sp],cp=mp;var tt=[zb,Db,mp];import{clsx as Nb}from"clsx";import{useCallback as zr,useRef as $b}from"react";import{ReactEditor as Hb,useSlate as Ab,useSlateStatic as Ob}from"slate-react";import{jsx as xo,jsxs as Ub}from"react/jsx-runtime";function pp({item:e}){let t=Ob(),o=Ab(),r=e.active?e.active(o):!1,n=$b(null),i=J({title:e.title,hotkey:()=>e.hotkey?Nt(e.hotkey):void 0}),a=O("menu"),l=zr(()=>{let c=n.current,d=e.children,p=e.Component;c&&(d?a.open(()=>xo(Oe,{dest:c,items:d,close:a.close})):p&&a.open(()=>xo(p,{dest:c,close:a.close})))},[e]),m=zr(()=>{if(e.action){e.action(t),Hb.focus(t);return}a.layer?a.close():l()},[a.layer,e]),s=zr(c=>{i.onMouseEnter(c),a.layer&&l()},[a.layer]);return Ub(Yi,{"data-item-type":"button",ref:n,onMouseEnter:s,onMouseLeave:i.onMouseLeave,onClick:m,className:Nb({"--active":r&&!Bo(e?.title)?.includes("Depth"),"--more":e.more,"--disabled":!r&&Bo(e?.title)?.includes("Depth")}),children:[xo(e.icon,{}),e.more?xo(Tc,{}):null]})}import{jsx as ot}from"react/jsx-runtime";function Wb({item:e}){let t=_b();return e==="divider"?ot(Xi,{"data-item-type":"divider",children:ot(ji,{})}):(e.show===void 0?!0:e.show(t))?ot(pp,{item:e}):null}function Gb(e){let t=e.querySelector("[data-item-type=button]"),o=e.querySelector("[data-item-type=divider]");return!t||!o?null:{toolbar:e.offsetWidth,button:t.offsetWidth,divider:o.offsetWidth}}function qb(e,t,o){let r=0;for(let n of e)r+=n==="divider"?o:t;return r}var Qb=4;function dp(){let e=Vb(null),[t,o]=Kb(cp);return Fb(()=>{let r=e.current;if(!r)return;let n=()=>{let a=Gb(r);if(a){for(let l=0;l<tt.length-1;l++)if(qb(tt[l],a.button,a.divider)<a.toolbar-Qb){o(tt[l]);return}o(tt[tt.length-1])}},i=new ResizeObserver(n);return i.observe(r),()=>{i.disconnect()}},[]),ot(qi,{ref:e,children:ot(Qi,{children:t.map((r,n)=>ot(Wb,{item:r},typeof r=="string"?n:r.title))})})}import{jsx as Dr,jsxs as rE}from"react/jsx-runtime";function up({attributes:e,Editable:t}){let o=Yb(null),r=oE(),n=tE(),i=jb(a=>{a.target===a.currentTarget&&(Zb.select(r,Jb.end(r,[])),eE.focus(r))},[r]);return Dr(Bi,{children:rE(Ki,{ref:o,className:Xb({"--focused":n}),style:{height:r.toolbar.height,minHeight:r.toolbar.minHeight,maxHeight:r.toolbar.maxHeight},onClick:i,children:[Dr(dp,{}),Dr(t,{as:Vi,...e,style:{overflowY:"auto"}})]})})}var fp=v((e,t)=>(e.toolbar={height:t.toolbar?.height,minHeight:t.toolbar?.minHeight,maxHeight:t.toolbar?.maxHeight,showUploadButtons:t.toolbar?.showUploadButtons??!0},{name:"toolbar",editor:{},renderEditable:up,editableProps:{}}));import{Editor as Nr,Node as nE,Path as iE,Transforms as aE}from"slate";var hp=v(e=>(e.allowTrailingBlock=!0,{name:"trailing-block",editor:{normalizeNode:t=>{if(!Nr.isEditor(t[0]))return!1;let o=[e.children.length-1],r=nE.child(e,e.children.length-1);return(Nr.hasBlocks(e,r)||Nr.isVoid(e,r))&&aE.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:iE.next(o)}),!0}}}));import{Transforms as lE}from"slate";function sE(e,t){let o=ge(t),r=Ee(o);lE.insertNodes(e,r)}function gp(e){return{pasteMarkdown:f(sE,e)}}var bp=v(e=>(e.pasteMarkdown=gp(e),{name:"paste-markdown",editor:{},editableProps:{onPaste(t){let{types:o}=t.clipboardData;if(o.length!==1||o[0]!=="text/plain")return!1;let r=t.clipboardData.getData("text/plain");return e.pasteMarkdown.pasteMarkdown(r),Ie(t),!0}}}));import{jsx as cE}from"react/jsx-runtime";function mE(e){let t={...e.attributes,style:{...e.attributes.style,width:void 0,maxWidth:void 0}};return cE("span",{...t,children:e.children})}var Ep=v((e,t,{createPolicy:o})=>(e.placeholder={},o({name:"placeholder",editableProps:{renderPlaceholder:mE}})));var xp=[bp,cs,ba,ys,mm,Rs,bl,Vl,Ql,dc,Ms,hp,nm,ka,dm,rs,hc,fp,fl,Ep];var pE=ri(xp),{withSink:yp,SinkEditable:kp}=pE;import{useState as dE}from"react";import{createEditor as uE,Editor as fE,Transforms as hE}from"slate";import{withHistory as gE}from"slate-history";import{withReact as bE}from"slate-react";function $r({authToken:e,height:t,minHeight:o,maxHeight:r,disableRawMode:n,disableTaskList:i,disableCodeBlock:a,disableHighlight:l}={}){let[m]=dE(()=>{let s=uE(),c=yp(bE(gE(s)),{toolbar:{height:t,minHeight:o,maxHeight:r,showUploadButtons:!!e},image:{}});return c.convertElement.addConvertElementType("paragraph"),s.wysimark={disableRawMode:n??!0,disableTaskList:i,disableCodeBlock:a,disableHighlight:l??!0},s.getMarkdown=()=>lt(s.children),s.setMarkdown=d=>{let p=ge(d),u=Ee(p);s.children=u,s.selection=null,hE.select(s,fE.start(s,[0]))},c});return m}import{jsx as oe,jsxs as Tp}from"react/jsx-runtime";function TE({children:e,attributes:t}){return oe("span",{...t,children:e})}function wp({editor:e,value:t,onChange:o,throttleInMs:r=1e3,placeholder:n,className:i,style:a,onImageChange:l,onFileSelect:m}){let[s,c]=vp(!1),[d,p]=vp(t),u=Tt(!1),g=Tt(void 0),w=Tt(void 0),P=Tt(null),S=Tt(o);S.current=o;let M=vt(EE(()=>{let C=lt(e.children);e.wysimark.prevValue={markdown:C,children:e.children},S.current(C)},r,{leading:!1,trailing:!0}),[e,r]),H=vt(()=>{w.current!==e.children&&(w.current=e.children,M())},[M]);if(!s){let C=P.current??t;if(P.current!==null&&(P.current=null),e.wysimark.prevValue==null||g.current==null){u.current=!0;let se=ge(C),fe=Ee(se);e.children=fe,w.current=g.current=fe,e.wysimark.prevValue={markdown:C,children:fe}}else if(C!==e.wysimark.prevValue.markdown){u.current=!0;let se=ge(C),fe=Ee(se);e.children=fe,e.selection=null,yE.select(e,xE.start(e,[0]))}}let I=vt(()=>{navigator.userAgent.toLowerCase().includes("firefox")&&kE.focus(e)},[e]),A=vt(()=>{M.flush()},[M]),k=C=>{let se=C.target.value;p(se),o(se)},x=vt(()=>{let C=e.getMarkdown();p(C)},[e]),T=()=>{s?(P.current=d,e.wysimark.prevValue=void 0,g.current=void 0,w.current=void 0):x(),c(!s)};e.wysimark.onImageChange=l,e.wysimark.onFileSelect=m,e.wysimark.onChange=o;let L=e.wysimark.disableRawMode;return Tp("div",{style:{position:"relative"},children:[!L&&oe("div",{style:{position:"absolute",top:"5px",right:"25px",zIndex:10},children:oe("div",{onClick:T,style:{background:"none",border:s?"1px solid #4a90e2":"1px solid transparent",cursor:"pointer",padding:"6px",borderRadius:"4px",backgroundColor:s?"rgba(74, 144, 226, 0.1)":"transparent",boxShadow:s?"0 1px 3px rgba(0, 0, 0, 0.1)":"none",transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center"},title:s?h("switchToVisualEditor"):h("switchToRawMarkdown"),role:"button",tabIndex:0,onKeyDown:C=>{(C.key==="Enter"||C.key===" ")&&(T(),C.preventDefault())},children:Tp("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[oe("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",fill:s?"rgba(74, 144, 226, 0.05)":"transparent"}),oe("path",{d:"M7 15V9L10 12L13 9V15",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),oe("path",{d:"M16 9H18V15",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),oe("path",{d:"M16 12H18",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})}),oe("div",{style:{display:s?"block":"none",textAlign:"center"},children:oe("textarea",{value:rt(d).replace(/ /g,""),onChange:k,placeholder:n,className:i,style:{width:"calc(100% - 60px)",margin:"0 auto",minHeight:"200px",padding:"20px",fontFamily:"monospace",fontSize:"1rem",color:"#333",lineHeight:"1.5",backgroundColor:"#fff",border:"1px solid #ddd",borderRadius:"4px",...a}})}),oe("div",{style:{display:s?"none":"block"},children:oe(vE,{editor:e,initialValue:g.current,onChange:H,children:oe(kp,{renderLeaf:TE,onMouseDown:I,onBlur:A,placeholder:n,className:i,style:a})})})]})}import{jsx as Ip}from"react/jsx-runtime";function RE({standaloneOptions:{onChange:e,placeholder:t,className:o,...r},standaloneMethodsRef:n}){let[i,a]=CE(r.initialMarkdown||""),l=PE(i),m=$r(r);l.current=i,ME(n,()=>({getMarkdown(){return l.current},setMarkdown(c){l.current=c,a(c)}}),[l,a]);let s=IE(c=>{l.current=c,a(c),e?.(c)},[m]);return Ip(wp,{editor:m,value:i,className:o||"",onChange:s,placeholder:t})}function LA(e,t){let o=wE(),r=SE(e);return r.render(Ip(RE,{standaloneMethodsRef:o,standaloneOptions:t})),{unmount(){try{r.unmount()}catch{}},getMarkdown(){return o.current?.getMarkdown()||""},setMarkdown(n){o.current?.setMarkdown(n)}}}export{wp as Editable,LA as createWysimark,$r as useEditor};
|