wysimark-lite 0.25.0 → 0.25.1
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 -126
- package/dist/index.mjs +41 -106
- package/dist/index.mjs.map +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +3 -1
package/dist/index.js
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
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")}fe(e)}function
|
|
1
|
+
"use client";import{createRef as sE,useCallback as mE,useImperativeHandle as cE,useRef as pE,useState as dE}from"react";import{createRoot as uE}from"react-dom/client";import oE from"lodash.throttle";import{useCallback as yt,useRef as go,useState as up}from"react";import{Editor as rE,Transforms as nE}from"slate";import{ReactEditor as iE,Slate as aE}from"slate-react";import Gp from"remark-parse";import{unified as qp}from"unified";function yo(){return{enter:{table:Tp,tableData:zr,tableHeader:zr,tableRow:Ip},exit:{codeText:Mp,table:wp,tableData:xo,tableHeader:xo,tableRow:xo}}}function Tp(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 wp(e){this.exit(e),this.data.inTable=void 0}function Ip(e){this.enter({type:"tableRow",children:[]},e)}function xo(e){this.exit(e)}function zr(e){this.enter({type:"tableCell",children:[]},e)}function Mp(e){let t=this.resume();this.data.inTable&&(t=t.replace(/\\([\\|])/g,Pp));let o=this.stack[this.stack.length-1];o.type,o.value=t,this.exit(e)}function Pp(e,t){return t==="|"?t:e}import{gfm as Cp}from"micromark-extension-gfm";import{gfmToMarkdown as Sp}from"mdast-util-gfm";function Dr(e){if(e)return function(t){return this.data||(this.data={}),e.call(this,t)}}function Nr(){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(Cp());let n=function(){let i=yo();if(i.enter)for(let a of Object.keys(i.enter))i.enter[a]=Dr(i.enter[a]);if(i.exit)for(let a of Object.keys(i.exit))i.exit[a]=Dr(i.exit[a]);return i};o.push(n()),r.push(Sp())}}function ue(e){let t=/\[([^\]]+)\]\(([^)]+)\)/g,o=[],r=0,n=e.replace(t,s=>(o.push(s),`__MARKDOWN_LINK_${r++}__`)),i=/(https?:\/\/[^\s]+)/g,l=n.replace(i,s=>s.replace(/\//g,"\\/"));for(let s=0;s<o.length;s++)l=l.replace(`__MARKDOWN_LINK_${s}__`,o[s]);return l}function tt(e){return e.replace(/\\(.)/g,(t,o)=>o)}function $r(e,t){if(!e)throw new Error(`${t}`)}function kt(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 fe(e){throw new Error(`Didn't expect to get here with value ${JSON.stringify(e,null,2)}`)}function Hr(e){return[{type:"block-quote",children:Be(e.children)}]}function Ar(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 Or(e){return[{type:"block-quote",children:[{type:"paragraph",children:[{text:`[${e.identifier}]`}]},...Be(e.children)]}]}import{Text as jr}from"slate";import{Text as qr}from"slate";import*as ot from"slate";function A(e){return ot.Text.isText(e)}function oe(e){return ot.Element.isElement(e)}function R(e){return ot.Text.isText(e)&&!!e.text.match(/^\s+$/)&&!e.code}var Ur={bold:"**",italic:"_",strike:"~~",highlight:"<mark>",code:""},Fr={bold:"**",italic:"_",strike:"~~",highlight:"</mark>",code:""};function Rp(e){if(e in Ur)return Ur[e];throw new Error(`Could not find mark ${JSON.stringify(e)} in MARK_KEY_TO_OPEN_TOKEN lookup`)}function Lp(e){if(e in Fr)return Fr[e];throw new Error(`Could not find mark ${JSON.stringify(e)} in MARK_KEY_TO_CLOSE_TOKEN lookup`)}function Vr(e){return e.map(Rp).join("")}function Kr(e){return e.map(Lp).join("")}import{Text as Bp}from"slate";function rt(e){let{text:t,...o}=e;return Object.keys(o)}function ko(e){if(Bp.isText(e)){if(R(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 rt(e)}else{if(e.type==="anchor")return vo(e.children);throw new Error(`Unhandled type ${e.type}`)}}function vo(e){let t;for(let o of e){if(!A(o)){if(o.type==="image-inline")continue;throw new Error("Expected every segment in an anchor to be a Text segment")}if(R(o))continue;let r=rt(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 _r=["bold","italic","underline","strike","highlight","code"];function Wr(e){return e.slice().sort((t,o)=>_r.indexOf(t)-_r.indexOf(o))}var zp=["\\","`","*","_","[","]","(",")","#","+","-",".","!","|","^","~","<",">","{","}","=",":",";","$","%","&","?",'"',"'",",","\\","/","@"],Dp=new RegExp(`(${zp.map(e=>`\\${e}`).join("|")})`,"g");function Gr(e){return e.replace(Dp,t=>`\\${t}`)}function Np(e,t){let o=rt(e),r=rt(t);return o.length==r.length&&o.every(n=>r.includes(n))}function Qr(e,t){let o=qr.isText(e),r=qr.isText(t);return t&&!r&&!o?[{text:""},e]:o?t===void 0||!r?[e]:Np(t,e)?(t.text=[t.text,e.text].join(""),[]):[e]:[e]}function Xr(e){let t=[];for(let o=0;o<e.length;o++){let r=t[t.length-1];t.push(...Qr(e[o],r))}return t.length===0&&t.push({text:""}),jr.isText(t[0])||t.unshift({text:""}),jr.isText(t[t.length-1])||t.push({text:""}),t}function Yr(e){return{url:e.url,title:e.title||void 0,alt:e.alt||void 0}}var $p=/^(\/[^?#]*)(?:\?([^#]*))?(#.*)?$/;function ze(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($p);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 nt(e){if(typeof e!="string")return null;let t=e.match(/^(\d+)x(\d+)$/);return t===null?null:{width:parseInt(t[1]),height:parseInt(t[2])}}function Jr(e){let t=ze(e.url);if(!t.hostname.match(/[.]portive[.]com$/i))return;let o=t.searchParams.get("size");if(o===null)return;let r=nt(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]),srcHeight:parseInt(n[2])}}function Zr(e){let t=ze(e.url);if(t.hash.length===0)return;let o=new URLSearchParams(t.hash.slice(1)),r=nt(o.get("size")),n=nt(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 en=[Jr,Zr,Yr];function tn(e){for(let t of en){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 Hp(e,t){let o=e.match(/^<mark>(.+?)<\/mark>$/s);return o?[{text:o[1],...t,highlight:!0}]:[{text:e,code:!0}]}function F(e,t={}){let o=[];for(let n of e)o.push(...Ap(n,t));return Xr(o)}function Ap(e,t={}){switch(e.type){case"delete":return F(e.children,{...t,strike:!0});case"emphasis":return F(e.children,{...t,italic:!0});case"footnoteReference":return[{text:`[${e.identifier}]`}];case"html":return Hp(e.value,t);case"image":return tn(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:F(e.children,t)}];case"strong":return F(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")}fe(e)}function on(e){return[{type:"heading",level:e.depth,children:F(e.children)}]}function rn(e){return[{type:"html-block",html:e.value,children:[{text:""}]}]}function nn(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:F(e.children)}]:o?[{type:"ordered-list-item",depth:t,children:F(e.children)}]:[{type:"unordered-list-item",depth:t,children:F(e.children)}];case"list":return vt(e,t+1);default:return To(e)}}function an(e,t){let o=[];for(let r of e.children)o.push(...nn(r,{...t,checked:e.checked}));return o}function vt(e,t=0){let o=[];for(let r of e.children)o.push(...an(r,{depth:t,ordered:!!e.ordered}));return o}function Op(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 Up="\xA0";function Fp(e){return!(e.length!==1||!("text"in e[0])||e[0].text!==Up)}function ln(e){let t=F(e.children);return Op(t)?[{...t[1],type:"image-block"}]:Fp(t)?[{type:"paragraph",children:[{text:""}]}]:[{type:"paragraph",children:t}]}function sn(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(Vp)}]}function Vp(e){if(e.type!=="tableRow")throw new Error("Expected a tableRow");return{type:"table-row",children:e.children.map(Kp)}}function Kp(e){if(e.type!=="tableCell")throw new Error("Expected a tableCell");return{type:"table-cell",children:[{type:"table-content",children:F(e.children)}]}}function mn(){return[{type:"horizontal-rule",children:[{text:""}]}]}function Be(e){let t=[];for(let o of e)t.push(...To(o));return t}function To(e){switch(e.type){case"blockquote":return Hr(e);case"code":return Ar(e);case"definition":throw new Error('The type "definition" should not exist. See comments');case"footnoteDefinition":return Or(e);case"heading":return on(e);case"html":return rn(e);case"list":return vt(e);case"paragraph":return ln(e);case"table":return sn(e);case"thematicBreak":return mn();case"yaml":return[]}fe(e)}import{definitions as _p}from"mdast-util-definitions";import{SKIP as cn,visit as Wp}from"unist-util-visit";function pn(e){let t=_p(e);Wp(e,(o,r,n)=>{let i=o,a=n;if(i.type==="definition"&&a!==null&&typeof r=="number")return a.children.splice(r,1),[cn,r];if(i.type==="imageReference"||i.type==="linkReference"){let l="identifier"in i&&typeof i.identifier=="string"?i.identifier:"",s=t(l);if(s&&a!==null&&typeof r=="number"){let m=i.type==="imageReference"?{type:"image",url:s.url,title:s.title,alt:i.alt}:{type:"link",url:s.url,title:s.title,children:i.children};return a.children[r]=m,[cn,r]}}})}var Qp=qp().use(Gp).use(Nr());function jp(e){let t=Qp.parse(e);return pn(t),t}function he(e){let t=jp(e);return t.children.length===0?[{type:"paragraph",children:[{text:""}]}]:Be(t.children)}function Xp(e){return e.type==="ordered-list-item"||e.type==="unordered-list-item"||e.type==="task-list-item"}function dn(e){let t=[],o=-1;for(let r of e){if(!Xp(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 un(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 fn(e){let t=[],o=3;for(let r of e.children){let n=un(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 hn(e){return e.url}function gn(e){if(e.url.startsWith("$"))return"";let{hostname:t}=ze(e.url);if(t.match(/[.]portive[.]com$/i)&&e.width&&e.height)return`${e.url}?size=${e.width}x${e.height}`}function bn(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 Yp=[gn,bn,hn];function Tt(e){for(let t of Yp){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 En(e){let t=Tt(e);return t?`${t}
|
|
7
7
|
|
|
8
|
-
`:""}import{Element as
|
|
8
|
+
`:""}import{Element as od,Text as rd}from"slate";function xn(e,t){let o=t.filter(n=>!e.includes(n));return{orderedMarksToAdd:Wr(o)}}function yn(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 wo(e,t){let{orderedMarksToRemove:o,nextOrderedMarks:r}=yn(e,t),{orderedMarksToAdd:n}=xn(r,t);return{remove:o,add:n,nextOrderedMarks:[...r,...n]}}import{Element as Zp}from"slate";function kn({node:e,nextNode:t,nodes:o,index:r}){return!A(e)||!R(e)||e.code||!A(t)||!R(t)||e.code?!1:(o.splice(r,2,{text:`${e.text}${t.text}`}),!0)}function vn({node:e,nodes:t,prevNode:o,index:r}){if(!oe(e)||e.type!=="anchor")return!1;let n=e.children[0];return A(n)&&R(n)?(e.children.splice(0,1),A(o)&&R(o)?o.text=`${o.text}${n.text}`:t.splice(r,0,{text:n.text}),!0):!1}function Tn({node:e,nodes:t,nextNode:o,index:r}){if(!oe(e)||e.type!=="anchor")return!1;let n=e.children[e.children.length-1];return A(n)&&R(n)?(e.children.splice(e.children.length-1,1),A(o)&&R(o)?o.text=`${n.text}${o.text}`:t.splice(r+1,0,{text:n.text}),!0):!1}function wn({node:e}){return!oe(e)||e.type!=="line"||e.children.length>0?!1:(e.children.push({text:""}),!0)}function In({node:e,nodes:t,index:o}){if(!A(e)||R(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 Mn({index:e,nodes:t,node:o,parent:r}){return e!==t.length-1||t.length<=1||!A(o)||!R(o)?!1:r&&oe(r)&&r.type==="line"?(t.splice(t.length-1,1),!0):!1}function Pn({index:e,nodes:t,node:o,parent:r}){return e!==0||t.length===0||!A(o)||!R(o)?!1:r&&oe(r)&&r.type==="line"?(t.splice(0,1),!0):!1}var Cn=[In,vn,Tn,kn,Pn,Mn,wn];function Sn(e){for(let t of Cn)if(t(e))return!0;return!1}var Jp=72;function Io(e,t){let o=!1,r,n=0,i=(e.length+1)*Jp;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(oe(l)&&Io(l.children,l)){r=!0,o=!0;break e}let s=e[a-1],m=e[a+1];if(Sn({parent:t,node:l,prevNode:s,nextNode:m,index:a,nodes:e})){r=!0,o=!0;break e}}}while(r);return o}var Rn=e=>e.map(t=>Zp.isElement(t)&&t.type==="anchor"?{...t,children:Rn(t.children)}:t);function Ln(e){let t={type:"line",children:Rn(e)};return Io([t],void 0),t.children}import{Text as td}from"slate";function Bn(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 ed(e){return e.replace(/"/g,'\\"')}function zn(e){let t=vo(e.children);return e.href.startsWith("$")?_(e.children,t,t):typeof e.title=="string"&&e.title.length>0?`[${_(e.children,t,t)}](${e.href} "${ed(e.title)}")`:`[${_(e.children,t,t)}](${e.href})`}function Dn(e){return Gr(e.text)}function Nn(e){if(td.isText(e))return e.code?Bn(e):Dn(e);switch(e.type){case"anchor":return zn(e);case"image-inline":return Tt(e);default:fe(e)}}function _(e,t=[],o=[]){let r=Ln(e),n=[],i=wo(t,ko(r[0]));for(let a=0;a<r.length;a++){let l=r[a];if(rd.isText(l)&&R(l)){n.push(l.text);continue}n.push(Vr(i.add)),n.push(Nn(l));let s=nd(r,a,o),m=wo(i.nextOrderedMarks,s);n.push(Kr(m.remove)),i=m}return n.join("")}function nd(e,t,o){for(let r=t+1;r<e.length;r++){let n=e[r];if(!R(n)&&!(od.isElement(n)&&n.type==="image-inline"))return ko(n)}return o}function Hn(e){let t=[];return t.push($n(e.children[0])),t.push(id(e.columns)),e.children.slice(1).forEach(o=>{t.push($n(o))}),`${t.join(`
|
|
9
9
|
`)}
|
|
10
10
|
|
|
11
|
-
`}function
|
|
11
|
+
`}function id(e){return e.every(o=>o.align==="left")?`|${e.map(()=>"---").join("|")}|`:`|${e.map(o=>ad(o.align)).join("|")}|`}function ad(e){switch(e){case"left":return":---";case"center":return":---:";case"right":return"---:"}}function $n(e){return kt(e,"table-row"),`|${e.children.map(ld).join("|")}|`}function ld(e){return kt(e,"table-cell"),$r(e.children.length===1,`Expected table-cell to have one child but is ${JSON.stringify(e.children)}`),e.children.map(sd).join()}function sd(e){return kt(e,"table-content"),_(e.children)}var Mo=4;function An(e,t){switch(e.type){case"anchor":return`[${_(e.children)}](${e.href})`;case"block-quote":return`${wt(e.children).split(`
|
|
12
12
|
`).map(r=>`> ${r}`.trim()).join(`
|
|
13
13
|
`)}
|
|
14
14
|
|
|
15
|
-
`;case"heading":return`${"#".repeat(e.level)} ${
|
|
15
|
+
`;case"heading":return`${"#".repeat(e.level)} ${_(e.children)}
|
|
16
16
|
|
|
17
17
|
`;case"horizontal-rule":return`---
|
|
18
18
|
|
|
19
|
-
`;case"paragraph":return`${
|
|
19
|
+
`;case"paragraph":return`${_(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 Hn(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*Mo)}- ${_(e.children)}
|
|
22
|
+
`;case"ordered-list-item":return`${" ".repeat(e.depth*Mo)}${t[e.depth]}. ${_(e.children)}
|
|
23
|
+
`;case"task-list-item":{let o=" ".repeat(e.depth*Mo),r=_(e.children);return r.trim()===""&&(r=" "),`${o}- [${e.checked?"x":" "}] ${r}
|
|
24
|
+
`}case"image-block":return En(e);case"code-block":return fn(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
|
-
`}fe(e)}function wt(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=
|
|
26
|
+
`}fe(e)}function wt(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=An(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()===""?"":
|
|
28
|
+
`)),t.push(l)}let r=t.join("");return r.trim()===""?"":cd(md(r)).trim()}function md(e){return e.replace(/^\n\n/g,`\\
|
|
29
29
|
|
|
30
|
-
`)}function
|
|
30
|
+
`)}function cd(e){return e.replace(/(\n{4,})/g,t=>{let o=t.length,r=Math.floor((o-2)/2);return`
|
|
31
31
|
|
|
32
32
|
`+Array(r).fill("\\").join(`
|
|
33
33
|
|
|
34
34
|
`)+`
|
|
35
35
|
|
|
36
|
-
`})}function
|
|
36
|
+
`})}function it(e){let t=dn(e);return wt(t)}var Po={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",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",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",register:"Register",imageSourceUrl:"URL",imageSourceFile:"File",selectFile:"Select File",uploading:"Uploading...",saving:"Saving...",uploadComplete:"Upload Complete",vaultPath:"Save Path:",vaultPathHint:"Enter the path within the vault to save the file"}},On=()=>{try{if(typeof window<"u"&&window.navigator)return window.navigator.language.split("-")[0]}catch{}return"en"},f=e=>{let t=On();return Po[t==="ja"?"ja":"en"][e]},Co=e=>{let t=On();return Object.keys(Po[t==="ja"?"ja":"en"]).find(r=>Po[t==="ja"?"ja":"en"][r]===e)||""};var y=e=>({fn:e});import{useEffect as hd,useMemo as jn}from"react";import{Editor as gd}from"slate";import{useSlateStatic as bd}from"slate-react";function ne(e){return!!e}function Un(e,t){let o=t.map(r=>r.editableProps?.decorate).filter(ne);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 pd}from"slate-react";import{jsx as dd}from"react/jsx-runtime";function Fn(e){let t=e.map(r=>r.renderEditable).filter(ne),o=r=>dd(pd,{...r});for(let r of t){let n=o;o=i=>r({attributes:i,Editable:n})}return o}function It(e,t){let o=[];for(let r of e){let n=r.editableProps?.[t];n&&o.push(n)}return o}function Mt(e,t){return function(o){for(let r of e)if(r(o))return;t?.(o)}}var Vn=(e,t)=>{let o=It(t,"onKeyDown");return Mt(o,e)},Kn=(e,t)=>{let o=It(t,"onKeyUp");return Mt(o,e)},_n=(e,t)=>{let o=It(t,"onPaste");return Mt(o,e)},Wn=(e,t)=>{let o=It(t,"onDrop");return Mt(o,e)};function Gn(e,t){let o=t.map(r=>r.editableProps?.renderElement).filter(ne);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 ud}from"react";function qn(e,t){if(e===void 0)throw new Error("renderLeaf was not defined on SinkEditable");let o=t.map(r=>r.editableProps?.renderLeaf).filter(ne).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=ud(n,r.attributes),n}}function Qn(e,t){if(e)return e;let o=t.map(r=>r.editableProps?.renderPlaceholder).filter(ne);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 fd from"@emotion/styled";var at=fd("div")`
|
|
37
37
|
-webkit-font-smoothing: antialiased;
|
|
38
38
|
-moz-osx-font-smoothing: grayscale;
|
|
39
39
|
font-size: 16px;
|
|
40
40
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
41
41
|
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
42
42
|
box-sizing: border-box;
|
|
43
|
-
`;import{jsx as
|
|
43
|
+
`;import{jsx as Ed}from"react/jsx-runtime";function Xn(e){let t=bd();hd(()=>{gd.normalize(t,{force:!0})},[]);let{plugins:o}=t.sink,r=jn(()=>({...e,decorate:Un(e.decorate,o),renderElement:Gn(e.renderElement,o),renderLeaf:qn(e.renderLeaf,o),renderPlaceholder:Qn(e.renderPlaceholder,o),onKeyDown:Vn(e.onKeyDown,o),onKeyUp:Kn(e.onKeyUp,o),onPaste:_n(e.onPaste,o),onDrop:Wn(e.onDrop,o)}),Object.values(e)),n=jn(()=>Fn(o),[o]);return Ed(n,{...r})}function De(e,t,o){let r=e[t],n=o.filter(i=>i.editor?.[t]);return function(a){for(let s of n){let c=s.editor?.[t],d=c?.(a);if(typeof d=="boolean")return d}return r(a)}}function le(e,t,o){let r=e[t],n=o.filter(i=>i.editor?.[t]);return function(...a){let l=!1,s=[];for(let m of n){let c=m.editor?.[t]?.(...a);if(typeof c=="function")s.push(c);else if(c===!0){l=!0;break}}l||r(...a),s.forEach(m=>m())}}function Yn(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:le(r,"normalizeNode",n),deleteBackward:le(r,"deleteBackward",n),deleteForward:le(r,"deleteForward",n),deleteFragment:le(r,"deleteFragment",n),insertBreak:le(r,"insertBreak",n),insertFragment:le(r,"insertFragment",n),insertNode:le(r,"insertNode",n),insertText:le(r,"insertText",n),isInline:De(r,"isInline",n),isVoid:De(r,"isVoid",n),isMaster:De(r,"isMaster",n),isSlave:De(r,"isSlave",n),isStandalone:De(r,"isStandalone",n)}),r}}var Jn=e=>{let t=e.map(n=>n.fn);return{withSink:Yn(t),SinkEditable:Xn}};import{Element as xd}from"slate";import{ReactEditor as yd}from"slate-react";function Zn(e,t){return xd.isElement(t)?yd.findPath(e,t):t}function u(e,t){return e.bind(null,t)}function W(e,t,o){return e.bind(null,t,o)}var kd=/mac os x|macintosh/i,lt;function Pt(){if(lt!==void 0)return lt;try{let{userAgent:e}=window.navigator;lt=kd.test(e)}catch{lt=!1}return lt}function Te(e){e.preventDefault(),e.stopPropagation()}import{Editor as oi,Path as vd}from"slate";import{Element as ei}from"slate";function ti(e){if(typeof e=="function")return e;if(typeof e=="string")return o=>ei.isElement(o)&&o.type===e;if(Array.isArray(e))return o=>ei.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=Zn(e,o),n=ti(t);if(vd.isPath(r)){let i=oi.node(e,r);if(i&&n(i[0]))return i}return oi.above(e,{at:r,match:n})}function Ne(...e){return E(...e)?.[1]}import{jsx as Td}from"react/jsx-runtime";var x=({strokeWidth:e=1.5,...t})=>Td("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 wd}from"slate";function se(e){return e==null?!1:wd.isCollapsed(e)}import{Element as ri}from"slate";function Ct(e){return Array.isArray(e)?t=>ri.isElement(t)&&e.includes(t.type):t=>ri.isElement(t)&&e==t.type}import{Editor as Id}from"slate";function ni(e,t){let{selection:o}=e;if(!se(o))return!1;let r=E(e,t,{at:o});return!!r&&Id.isEnd(e,o.anchor,r[1])}import{Editor as fv}from"slate";import{Editor as Md}from"slate";function we(e,t){let{selection:o}=e;if(!se(o))return!1;let r=E(e,t,{at:o});return!!r&&Md.isStart(e,o.anchor,r[1])}import{isHotkey as ii}from"is-hotkey";import{Editor as So,Element as Pd,Range as Cd,Transforms as Sd}from"slate";var Rd=ii(" "),Ld=ii("SHIFT+SPACE");function ai(e,t){return o=>{if(!Rd(o.nativeEvent)&&!Ld(o.nativeEvent))return!1;let{selection:r}=e;if(r===null||Cd.isExpanded(r))return!1;let n=E(e,m=>Pd.isElement(m)&&e.convertElement.isConvertibleElement(m));if(!n)return!1;let i={anchor:So.start(e,n[1]),focus:r.focus},a=So.string(e,i),l=t[a];if(!l)return!1;Te(o);let s={anchor:So.start(e,n[1]),focus:r.focus};return Sd.delete(e,{at:s}),l(),!0}}import{isHotkey as Bd}from"is-hotkey";function li(e){let t=e.replace(/\bsuper\b/g,Pt()?"cmd+alt":"ctrl+shift");return Bd(t)}function D(e){let t=null;return function(r){t==null&&(t=Object.entries(e).map(([n,i])=>[li(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 zd,Transforms as si}from"slate";function mi(e,t){zd.withoutNormalizing(e,()=>{si.setNodes(e,{__DOESNT_MATTER_JUST_TO_START_NORMALIZING__:"123"},{at:t}),si.setNodes(e,{__DOESNT_MATTER_JUST_TO_START_NORMALIZING__:null},{at:t})})}import{Editor as ci}from"slate";function ge(e,t,o){let[,r]=t,n=ci.previous(e,{at:r});if(n&&o(n,t))return!0;let i=ci.next(e,{at:r});return!!(i&&o(t,i))}import{Editor as pi,Transforms as di}from"slate";function G(e,t){di.select(e,pi.start(e,t))}function ui(e,t){di.select(e,pi.end(e,t))}function fi(e,t){return typeof t!="function"?t:t(e)}import{Editor as Ro,Element as Dd,Path as Nd,Transforms as st}from"slate";function St(e,t,{at:o=e.selection}={}){if(o==null)return!1;let r=E(e,n=>Dd.isElement(n)&&e.isMaster(n));if(r==null){let n=e.selection;Ro.withoutNormalizing(e,()=>{st.insertNodes(e,t,{at:o}),n&&(st.select(e,n),st.move(e))})}else{let n=Nd.next(r[1]);Ro.withoutNormalizing(e,()=>{st.insertNodes(e,t,{at:n}),st.select(e,Ro.start(e,n))})}return!0}import{Editor as hi,Transforms as gi}from"slate";function mt(e,t,o){hi.withoutNormalizing(e,()=>{let r=hi.node(e,o),n=fi(r[0],t);gi.wrapNodes(e,n,{at:o}),gi.unwrapNodes(e,{at:[...o,0]})})}import{Editor as $d,Transforms as Hd}from"slate";function Rt(e,t,o){let r=Array.from($d.nodes(e,o));if(r.length===0)return!1;for(let n of r){let[i]=n;Hd.setNodes(e,t(i),{at:n[1]})}return!0}function bi(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 Ad(n)?(t.preventDefault(),t.stopPropagation(),e.anchor.insertLink(n),!0):!1}function Ad(e){let t;try{t=new URL(e)}catch{return!1}return t.protocol==="http:"||t.protocol==="https:"||t.protocol==="mailto:"}import{Editor as Od,Node as Ud,Transforms as Lo}from"slate";function Ei(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(Lo.setNodes(e,{href:t,title:o},{at:l}),r!==void 0){let s=Ud.string(a);r!==s&&Od.withoutNormalizing(e,()=>{let m=a.children.length;for(let c=m-1;c>=0;c--)Lo.removeNodes(e,{at:[...l,c]});Lo.insertNodes(e,{text:r},{at:[...l,0]})})}return!0}import{Editor as Lt,Range as Fd,Text as Vd,Transforms as Bo}from"slate";function xi(e,t,o=t,{select:r=!0,title:n}={}){let i=e.selection||{anchor:Lt.start(e,[0]),focus:Lt.start(e,[0])};if(Fd.isCollapsed(i)){if(Bo.insertNodes(e,{type:"anchor",href:t,title:n,children:[{text:o}]},{select:r,at:i}),r&&e.selection){let a=Lt.node(e,e.selection);Bo.select(e,a[1])}}else Bo.wrapNodes(e,{type:"anchor",href:t,title:n,children:[]},{split:!0,match:a=>Vd.isText(a)||Lt.isInline(e,a)})}import{Transforms as Kd}from"slate";function yi(e,{at:t}){let o=E(e,"anchor",{at:t});return o?(Kd.unwrapNodes(e,{at:o[1]}),!0):!1}function ki(e){return{insertLink:u(xi,e),removeLink:u(yi,e),editLink:u(Ei,e)}}import{Element as vi,Transforms as _d}from"slate";function Ti(e,t){if(!vi.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(!(!vi.isElement(n)||n.type!=="anchor"))return _d.unwrapNodes(e,{at:[...t[1],r]}),!0}return!1}import{clsx as Hu}from"clsx";import{useEffect as Au,useRef as ma}from"react";import{useSelected as Ou,useSlate as Uu}from"slate-react";import{createContext as Ii,useState as Gd}from"react";import{createPortal as Wd}from"react-dom";function wi({children:e}){return Wd(e,document.body)}import{jsx as zo,jsxs as Qd}from"react/jsx-runtime";var Do=Ii({}),qd=Ii({});function Mi({children:e}){let[t,o]=Gd({});function r(i){o(a=>({...a,[i.type]:i}))}function n(i){o(a=>{let l={...a};return delete l[i],l})}return Qd(Do.Provider,{value:{layers:t,setLayers:o,openLayer:r,closeLayer:n},children:[e,Object.entries(t).map(([,i])=>zo(wi,{children:zo(qd.Provider,{value:i,children:zo(i.Component,{})})},i.type))]})}import{useContext as jd}from"react";function H(e){let{openLayer:t,closeLayer:o,layers:r}=jd(Do);function n(a){t({type:e,Component:a})}function i(){o(e)}return{open:n,close:i,layer:r[e],type:e}}import Bt from"@emotion/styled";var Pi=Bt("a")`
|
|
44
44
|
/**
|
|
45
45
|
* Link colors
|
|
46
46
|
*/
|
|
@@ -59,10 +59,10 @@
|
|
|
59
59
|
&.--selected {
|
|
60
60
|
background: var(--blue-50);
|
|
61
61
|
}
|
|
62
|
-
|
|
62
|
+
`,No=Bt("span")`
|
|
63
63
|
display: inline;
|
|
64
64
|
padding: 0 1px 0 0;
|
|
65
|
-
`,
|
|
65
|
+
`,x1=Bt("span")`
|
|
66
66
|
position: fixed;
|
|
67
67
|
width: 100px;
|
|
68
68
|
background: var(--shade-50);
|
|
@@ -71,14 +71,14 @@
|
|
|
71
71
|
border: 1px solid var(--shade-400);
|
|
72
72
|
overflow: hidden;
|
|
73
73
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
74
|
-
`,
|
|
74
|
+
`,y1=Bt("span")`
|
|
75
75
|
position: absolute;
|
|
76
76
|
left: 0;
|
|
77
77
|
top: 0;
|
|
78
78
|
height: 14px;
|
|
79
79
|
background: var(--blue-400);
|
|
80
80
|
transition: width 100ms linear;
|
|
81
|
-
`;import
|
|
81
|
+
`;import Bu from"@emotion/styled";import{useCallback as Vt,useState as zu}from"react";import{useSlateStatic as Du}from"slate-react";import{useRef as Yd}from"react";import Xd from"@emotion/styled";var Ci=Xd("div")`
|
|
82
82
|
position: fixed;
|
|
83
83
|
user-select: none;
|
|
84
84
|
top: 0;
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
bottom: 0;
|
|
88
88
|
overflow-y: auto;
|
|
89
89
|
background: rgba(0, 0, 0, 0.01);
|
|
90
|
-
`;import{jsx as
|
|
90
|
+
`;import{jsx as Jd}from"react/jsx-runtime";function be({close:e}){let t=Yd(null);return Jd(Ci,{ref:t,onClick:e})}var ie={cmd:"\u2318",ctrl:"\u2303",shift:"\u21E7",opt:"\u2325",enter:"\u23CE"},Zd={shift:ie.shift,opt:ie.opt,alt:ie.opt,ctrl:ie.ctrl,mod:ie.cmd,cmd:ie.cmd,enter:ie.enter,super:`${ie.opt}${ie.cmd}`},eu={alt:"ALT",ctrl:"CTRL",opt:"ALT",shift:"SHIFT",mod:"CTRL",cmd:"CTRL",enter:ie.enter,super:"CTRL+SHIFT"};function Si(e,t){let o=e.findIndex(r=>r===t);o!==-1&&e.splice(o,1)}function tu(e){let t=[];return Object.entries(Zd).forEach(([o,r])=>{e.includes(o)&&(t.push(r),Si(e,o))}),t.push(...e.map(o=>o.toUpperCase())),t.join("")}function ou(e){let t=[];return Object.entries(eu).forEach(([o,r])=>{e.includes(o)&&(t.push(r),Si(e,o))}),t.push(...e.map(o=>o.toUpperCase())),t.join("+")}function zt(e){let t=e.toLowerCase().split("+");return Pt()?tu(t):ou(t)}import{useRef as uu}from"react";import{useSlateStatic as fu}from"slate-react";function $o(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 Ri(e){let t=$o(e),{scrollY:o}=window;return Object.assign(t,{top:t.top+o,bottom:t.bottom+o})}function Ho(){let e=document.documentElement.clientWidth||document.body.clientWidth;return{top:0,right:e,bottom:window.innerHeight,left:0,width:e,height:window.innerHeight}}function Li(){let e=Ho();return Object.assign(e,{top:window.scrollY,bottom:window.scrollY+e.height})}var Bi=ru;function ru(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 Ao(e,t){return Bi(e,r=>{let n=r instanceof HTMLElement?r:r.current;return n?t(n):null})}import{useEffect as au}from"react";import nu from"lodash.throttle";import{useState as iu}from"react";function Dt(e=100){let[t,o]=iu(0),r=nu(()=>{o(n=>n+1)},e,{trailing:!0});return Object.assign(r,{counter:t})}function Oo(){let e=Dt();return au(()=>(e(),window.addEventListener("resize",e),window.addEventListener("scroll",e),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e)}),[]),e}function j(e,t){let o=Oo(),r=Ao(e,n=>Ri(n));return t(r,Li(),o)}function Nt(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 Uo from"@emotion/styled";import lu from"@emotion/styled";var X=lu(at)`
|
|
91
91
|
position: absolute;
|
|
92
92
|
z-index: 1000;
|
|
93
93
|
border: 1px solid var(--table-border-color);
|
|
@@ -113,14 +113,14 @@
|
|
|
113
113
|
* even if we did, it looks better this way.
|
|
114
114
|
*/
|
|
115
115
|
/* transition: left 100ms, top 100ms; */
|
|
116
|
-
`;var
|
|
116
|
+
`;var zi=Uo(X)`
|
|
117
117
|
width: 24em;
|
|
118
118
|
padding: 0;
|
|
119
119
|
overflow: hidden;
|
|
120
|
-
`,$t=
|
|
120
|
+
`,$t=Uo("div")`
|
|
121
121
|
display: flex;
|
|
122
122
|
gap: 0.5em;
|
|
123
|
-
`,Ht=
|
|
123
|
+
`,Ht=Uo("input")`
|
|
124
124
|
flex: 1 1 auto;
|
|
125
125
|
padding: 0.5em 0.75em;
|
|
126
126
|
border-radius: 0.25em;
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
&:focus {
|
|
132
132
|
outline: 2px solid var(--blue-200);
|
|
133
133
|
}
|
|
134
|
-
`;import
|
|
134
|
+
`;import Ni from"@emotion/styled";import su from"@emotion/styled";var Di=su(at)`
|
|
135
135
|
border: 1px solid var(--shade-300); /* shade-300 */
|
|
136
136
|
border-radius: 0.5em;
|
|
137
137
|
color: rgb(39 39 42); /* shade-800 */
|
|
@@ -147,9 +147,9 @@
|
|
|
147
147
|
*/
|
|
148
148
|
outline: 2px solid var(--select-editor-color) !important;
|
|
149
149
|
}
|
|
150
|
-
`;var
|
|
150
|
+
`;var $i=Ni("div")`
|
|
151
151
|
padding: 2em;
|
|
152
|
-
`,
|
|
152
|
+
`,Hi=Ni(Di)`
|
|
153
153
|
/**
|
|
154
154
|
* We use this to make sure the top of the container is rounded even though
|
|
155
155
|
* the toolbar inside is square. We keep the toolbar square so that as the
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
overflow-y: clip;
|
|
171
171
|
display: flex;
|
|
172
172
|
flex-direction: column;
|
|
173
|
-
`;import
|
|
173
|
+
`;import Fo from"@emotion/styled";var Ai=Fo(X)`
|
|
174
174
|
position: absolute;
|
|
175
175
|
padding-top: 0.5em;
|
|
176
176
|
padding-bottom: 0.5em;
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
* Prevent clicks from stealing focus from the editor
|
|
181
181
|
*/
|
|
182
182
|
user-select: none;
|
|
183
|
-
`,
|
|
183
|
+
`,Oi=Fo("div")`
|
|
184
184
|
display: flex;
|
|
185
185
|
z-index: 10;
|
|
186
186
|
padding: 0 1em 0 1.5em;
|
|
@@ -220,12 +220,12 @@
|
|
|
220
220
|
&:hover {
|
|
221
221
|
background: var(--blue-50);
|
|
222
222
|
}
|
|
223
|
-
`,
|
|
223
|
+
`,Ui=Fo("div")`
|
|
224
224
|
height: 1px;
|
|
225
225
|
background: var(--shade-200);
|
|
226
226
|
margin-top: 0.25em;
|
|
227
227
|
margin-bottom: 0.25em;
|
|
228
|
-
`;import
|
|
228
|
+
`;import ct from"@emotion/styled";var Fi=ct("div")`
|
|
229
229
|
/**
|
|
230
230
|
* This flex rule applies to the "display: flex;" of the parent container.
|
|
231
231
|
* Ensures the toolbar does not shrink or grow vertically.
|
|
@@ -264,22 +264,22 @@
|
|
|
264
264
|
3em + 1px
|
|
265
265
|
); // $ToolbarDivider height + border-bottom of 1px above
|
|
266
266
|
overflow: hidden;
|
|
267
|
-
`,
|
|
267
|
+
`,Vi=ct("div")`
|
|
268
268
|
display: inline-block;
|
|
269
269
|
height: calc(
|
|
270
270
|
3em + 1px
|
|
271
271
|
); // $ToolbarDivider height + border-bottom of 1px above
|
|
272
|
-
`,
|
|
272
|
+
`,Ki=ct("div")`
|
|
273
273
|
display: inline-block;
|
|
274
274
|
height: 3em;
|
|
275
275
|
padding: 0 0.375em;
|
|
276
|
-
`,
|
|
276
|
+
`,_i=ct("div")`
|
|
277
277
|
display: inline-block;
|
|
278
278
|
background: var(--shade-300);
|
|
279
279
|
opacity: 50%;
|
|
280
280
|
width: 1px;
|
|
281
281
|
height: 3em;
|
|
282
|
-
`,
|
|
282
|
+
`,Wi=ct("div")`
|
|
283
283
|
box-sizing: border-box;
|
|
284
284
|
position: relative;
|
|
285
285
|
display: inline-block;
|
|
@@ -329,7 +329,7 @@
|
|
|
329
329
|
margin-left: -0.25em;
|
|
330
330
|
opacity: 0.375;
|
|
331
331
|
}
|
|
332
|
-
`;import{useCallback as
|
|
332
|
+
`;import{useCallback as mu}from"react";import{ReactEditor as cu}from"slate-react";import{Fragment as du,jsx as $e,jsxs as pu}from"react/jsx-runtime";function Gi({editor:e,item:t,close:o,dest:r}){let n=H("menu"),i=mu(()=>{if(t.Component){let a=t.Component;n.open(()=>$e(a,{dest:r,close:n.close}))}else t.action&&(t.action(e),cu.focus(e),o())},[e,t]);return $e(du,{children:pu(Oi,{onClick:i,children:[$e("div",{className:"--icon",children:$e(t.icon,{})}),$e("div",{className:"--title",children:t.title}),$e("div",{className:"--hotkey",children:t.hotkey?zt(t.hotkey):void 0})]})})}import{Fragment as hu,jsx as At,jsxs as gu}from"react/jsx-runtime";function He({dest:e,items:t,close:o}){let r=fu(),n=uu(null),i=j({src:n,dest:e},({dest:a})=>({left:a.left-8,top:a.top+a.height}));return gu(hu,{children:[At(be,{close:o}),At(Ai,{ref:n,style:i,children:t.map((a,l)=>a==="divider"?At(Ui,{},l):a.show&&!a.show(r)?null:At(Gi,{editor:r,item:a,close:o,dest:e},l))})]})}import{useCallback as Xi}from"react";import qi from"@emotion/styled";import{jsx as xu,jsxs as yu}from"react/jsx-runtime";function Vo(e){return e.getBoundingClientRect()}var bu=qi("div")`
|
|
333
333
|
position: fixed;
|
|
334
334
|
z-index: 10;
|
|
335
335
|
-webkit-font-smoothing: antialiased;
|
|
@@ -345,12 +345,12 @@
|
|
|
345
345
|
background: var(--shade-700);
|
|
346
346
|
border-radius: 0.25em;
|
|
347
347
|
white-space: nowrap;
|
|
348
|
-
`,
|
|
348
|
+
`,Eu=qi("span")`
|
|
349
349
|
margin-left: 0.75em;
|
|
350
350
|
font-size: 0.875em;
|
|
351
351
|
font-weight: 500;
|
|
352
352
|
color: var(--shade-400);
|
|
353
|
-
`;function
|
|
353
|
+
`;function Qi({title:e,hotkey:t,dest:o}){let r=Vo(o);return yu(bu,{style:{left:r.left,top:`calc(${r.top}px - 2em)`},children:[e,t?xu(Eu,{children:t}):null]})}import ku from"@emotion/styled";import{jsx as Tu}from"react/jsx-runtime";var vu=ku("span")`
|
|
354
354
|
position: fixed;
|
|
355
355
|
z-index: 10;
|
|
356
356
|
width: 0;
|
|
@@ -358,7 +358,7 @@
|
|
|
358
358
|
border-left: 0.375em solid transparent;
|
|
359
359
|
border-right: 0.375em solid transparent;
|
|
360
360
|
border-top: 0.375em solid var(--shade-700);
|
|
361
|
-
`;function
|
|
361
|
+
`;function ji({dest:e}){let t=Vo(e);return Tu(vu,{style:{left:`calc(${t.left+t.width/2}px - 0.375em)`,top:`calc(${t.top}px - 0.5em)`}})}import{jsx as Yi}from"react/jsx-runtime";function Y({title:e,hotkey:t},o=[]){let r=H("tooltip-label"),n=H("tooltip-triangle"),i=Xi(l=>{let s=l.currentTarget;e!==void 0&&(r.open(()=>Yi(Qi,{title:e,hotkey:typeof t=="function"?t():t,dest:s})),n.open(()=>Yi(ji,{dest:s})))},o),a=Xi(()=>{r.close(),n.close()},o);return{onMouseEnter:i,onMouseLeave:a}}import Pu from"@emotion/styled";import{useCallback as Oe,useRef as Cu,useState as Ut}from"react";import{Node as Su}from"slate";import{useSlateStatic as Ru}from"slate-react";import Ee from"@emotion/styled";var Ae=Ee("div")`
|
|
362
362
|
margin: 0.5em 0;
|
|
363
363
|
&:first-of-type {
|
|
364
364
|
margin-top: 0;
|
|
@@ -370,11 +370,11 @@
|
|
|
370
370
|
font-size: 0.9375em;
|
|
371
371
|
margin-bottom: 0.25em;
|
|
372
372
|
color: var(--shade-700);
|
|
373
|
-
`,
|
|
373
|
+
`,Ko=Ee("div")`
|
|
374
374
|
font-size: 0.875em;
|
|
375
375
|
margin-top: 0.25em;
|
|
376
376
|
color: var(--shade-500);
|
|
377
|
-
`,
|
|
377
|
+
`,Ji=Ee("input")`
|
|
378
378
|
box-sizing: border-box;
|
|
379
379
|
width: 100%;
|
|
380
380
|
height: 6em;
|
|
@@ -388,7 +388,7 @@
|
|
|
388
388
|
&:focus {
|
|
389
389
|
outline: 2px solid var(--blue-200);
|
|
390
390
|
}
|
|
391
|
-
`,
|
|
391
|
+
`,_o=Ee("input")`
|
|
392
392
|
box-sizing: border-box;
|
|
393
393
|
width: 100%;
|
|
394
394
|
padding: 0.5em 0.75em;
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
&:focus {
|
|
401
401
|
outline: 2px solid var(--blue-200);
|
|
402
402
|
}
|
|
403
|
-
`,
|
|
403
|
+
`,Zi=Ee("div")`
|
|
404
404
|
/* Center vertically and horizontally */
|
|
405
405
|
display: flex;
|
|
406
406
|
align-items: center;
|
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
font-size: 1.25em;
|
|
415
415
|
stroke-width: 2px;
|
|
416
416
|
}
|
|
417
|
-
`,
|
|
417
|
+
`,ea=Ee(Zi)`
|
|
418
418
|
color: var(--blue-50);
|
|
419
419
|
background: var(--blue-500);
|
|
420
420
|
outline: 0px solid white;
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
svg {
|
|
427
427
|
color: var(--blue-200);
|
|
428
428
|
}
|
|
429
|
-
`,
|
|
429
|
+
`,ta=Ee(Zi)`
|
|
430
430
|
color: var(--shade-500);
|
|
431
431
|
background: var(--shade-200);
|
|
432
432
|
outline: 0px solid white;
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
svg {
|
|
439
439
|
color: var(--shade-400);
|
|
440
440
|
}
|
|
441
|
-
`;import{useRef as
|
|
441
|
+
`;import{useRef as wu,useCallback as Ie}from"react";import ra from"@emotion/styled";import{jsx as oa}from"react/jsx-runtime";var Iu=ra.div`
|
|
442
442
|
display: flex;
|
|
443
443
|
align-items: center;
|
|
444
444
|
justify-content: center;
|
|
@@ -453,17 +453,17 @@
|
|
|
453
453
|
&:active {
|
|
454
454
|
cursor: grabbing;
|
|
455
455
|
}
|
|
456
|
-
`,
|
|
456
|
+
`,Mu=ra.div`
|
|
457
457
|
width: 32px;
|
|
458
458
|
height: 4px;
|
|
459
459
|
background: #ccc;
|
|
460
460
|
border-radius: 2px;
|
|
461
|
-
`;function xe({onDrag:e}){let t=
|
|
461
|
+
`;function xe({onDrag:e}){let t=wu(null),o=Ie((m,c)=>{t.current={x:m,y:c}},[]),r=Ie((m,c)=>{if(!t.current)return;let d=m-t.current.x,p=c-t.current.y;t.current={x:m,y:c},e(d,p)},[e]),n=Ie(()=>{t.current=null},[]),i=Ie(m=>{m.preventDefault(),o(m.clientX,m.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=Ie(m=>{if(m.touches.length!==1)return;let c=m.touches[0];o(c.clientX,c.clientY)},[o]),l=Ie(m=>{if(m.touches.length!==1)return;let c=m.touches[0];r(c.clientX,c.clientY)},[r]),s=Ie(()=>{n()},[n]);return oa(Iu,{onMouseDown:i,onTouchStart:a,onTouchMove:l,onTouchEnd:s,children:oa(Mu,{})})}import{jsx as V,jsxs as pt}from"react/jsx-runtime";var Lu=Pu(X)`
|
|
462
462
|
position: absolute;
|
|
463
463
|
width: 20em;
|
|
464
464
|
padding: 0;
|
|
465
465
|
overflow: hidden;
|
|
466
|
-
`;function
|
|
466
|
+
`;function na({destAnchor:e,destStartEdge:t,element:o}){let r=H("dialog"),[n,i]=Ut({x:0,y:0}),a=Oe((T,I)=>{i(k=>({x:k.x+T,y:k.y+I}))},[]),l=j({destAnchor:e,destStartEdge:t},({destAnchor:T,destStartEdge:I})=>({left:I.left,top:T.top+T.height})),s={...l,left:l.left+n.x,top:l.top+n.y},m=Ru(),[c,d]=Ut(o.href),[p,b]=Ut(Su.string(o)),[g,v]=Ut(o.title||""),C=Cu({href:c,text:p,title:g});C.current={href:c,text:p,title:g};let P=Oe(T=>{d(T.target.value)},[]),w=Oe(T=>{b(T.target.value)},[]),S=Oe(T=>{v(T.target.value)},[]),M=Oe(()=>{r.open(()=>V(Ft,{destAnchor:e,destStartEdge:t,element:o}))},[e,t,o]),N=Oe(()=>{let{href:T,text:I,title:k}=C.current;m.anchor.editLink({href:T,text:I,title:k},{at:o}),M()},[M]);return pt(Lu,{contentEditable:!1,style:s,children:[V(xe,{onDrag:a}),pt("div",{style:{padding:"1em"},children:[pt(Ae,{children:[V(Ot,{children:f("linkUrl")}),V(Ji,{as:"textarea",value:c,onChange:P})]}),pt(Ae,{children:[V(Ot,{children:f("linkText")}),V(_o,{type:"text",value:p,onChange:w}),V(Ko,{children:f("linkTextHint")})]}),pt(Ae,{children:[V(Ot,{children:f("tooltipText")}),V(_o,{type:"text",value:g,onChange:S}),V(Ko,{children:f("tooltipHint")})]}),V(Ae,{children:V(ea,{onClick:N,children:f("apply")})}),V(Ae,{children:V(ta,{onClick:M,children:f("cancel")})})]})]})}import{jsx as ye}from"react/jsx-runtime";var ia=e=>ye(x,{...e,children:ye("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"})}),aa=e=>ye(x,{...e,children:ye("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"})}),la=e=>ye(x,{...e,children:ye("path",{d:"M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4M13.5 6.5l4 4"})}),sa=e=>ye(x,{...e,children:ye("path",{d:"M18 6L6 18M6 6l12 12"})});import{jsx as J,jsxs as dt}from"react/jsx-runtime";var Nu=Bu(X)`
|
|
467
467
|
position: absolute;
|
|
468
468
|
width: 20em;
|
|
469
469
|
z-index: 1000;
|
|
@@ -547,10 +547,10 @@
|
|
|
547
547
|
height: 1.25em;
|
|
548
548
|
stroke-width: 1.5;
|
|
549
549
|
}
|
|
550
|
-
`;function
|
|
550
|
+
`;function $u(e){try{let t=new URL(e);return{hostname:t.hostname,pathname:t.pathname}}catch{return{hostname:"",pathname:""}}}function Ft({destAnchor:e,destStartEdge:t,element:o}){let r=H("dialog"),n=Du(),i=$u(o.href),[a,l]=zu({x:0,y:0}),s=Vt((P,w)=>{l(S=>({x:S.x+P,y:S.y+w}))},[]),m=j({destAnchor:e,destStartEdge:t},({destAnchor:P,destStartEdge:w})=>({left:w.left,top:P.top+P.height})),c={...m,left:m.left+a.x,top:m.top+a.y},d=Y({title:"\u30EA\u30F3\u30AF\u3092\u524A\u9664"}),p=Y({title:"\u30EA\u30F3\u30AF\u3092\u7DE8\u96C6"}),b=Y({title:"\u9589\u3058\u308B"}),g=Vt(()=>{r.close()},[r]),v=Vt(()=>{n.anchor.removeLink({at:o}),r.close()},[n,r]),C=Vt(()=>{p.onMouseLeave(),r.open(()=>J(na,{destAnchor:e,destStartEdge:t,element:o}))},[e,t,o]);return dt(Nu,{contentEditable:!1,style:c,children:[J(xe,{onDrag:s}),dt("div",{style:{display:"flex",padding:"1em"},children:[dt("a",{className:"--link",href:o.href,target:"_blank",rel:"noreferrer",children:[J(ia,{}),dt("div",{className:"--url",children:[J("div",{className:"--hostname",children:i.hostname}),i.pathname===""||i.pathname==="/"?null:J("div",{className:"--pathname",children:i.pathname}),o.title==null||o.title===""?null:J("div",{className:"--tooltip",children:o.title})]})]}),dt("span",{className:"--icons",children:[J("span",{className:"--icon",onClick:v,onMouseEnter:d.onMouseEnter,onMouseLeave:d.onMouseLeave,children:J(aa,{})}),J("span",{className:"--icon",onMouseEnter:p.onMouseEnter,onMouseLeave:p.onMouseLeave,onClick:C,children:J(la,{})}),J("span",{className:"--icon",onClick:g,onMouseEnter:b.onMouseEnter,onMouseLeave:b.onMouseLeave,children:J(sa,{})})]})]})]})}import{jsx as Kt,jsxs as Fu}from"react/jsx-runtime";function ca({element:e,attributes:t,children:o}){let r=ma(null),n=ma(null),i=Ou(),a=Uu(),l=H("dialog");return Au(()=>{let s=n.current,m=r.current;if(!s||!m)return;let c=a.selection&&a.selection.anchor.offset!==a.selection.focus.offset;i&&!c?setTimeout(()=>{l.open(()=>Kt(Ft,{destAnchor:s,destStartEdge:m,element:e}))}):l.close()},[i,e]),Fu(Pi,{className:Hu({"--selected":i}),href:e.href,target:e.target,...t,ref:n,children:[Kt(No,{ref:r,contentEditable:!1}),Kt("span",{children:o}),Kt(No,{contentEditable:!1})]})}import{jsx as Vu}from"react/jsx-runtime";var pa=y((e,t,{createPolicy:o})=>(e.anchor=ki(e),o({name:"anchor",editor:{isInline(r){if(r.type==="anchor")return!0},normalizeNode:u(Ti,e)},editableProps:{onPaste:u(bi,e),renderElement:({element:r,attributes:n,children:i})=>{if(r.type==="anchor")return Vu(ca,{element:r,attributes:n,children:i})}}})));import{Editor as _t,Transforms as fa}from"slate";import{Element as da,Path as ua}from"slate";function Wo(e,t,o){if(!t||!o||ua.equals(t[1],o[1]))return!0;let r=E(e,i=>da.isElement(i)&&e.isMaster(i),{at:t[1]}),n=E(e,i=>da.isElement(i)&&e.isMaster(i),{at:o[1]});return!!(!r&&!n||r&&n&&ua.equals(r[1],n[1]))}var ha=y(e=>(e.atomicDelete=!0,{name:"atomic-delete",editor:{deleteBackward(){if(e.selection==null)return!1;let t=_t.node(e,e.selection),o=_t.previous(e,{mode:"lowest"});return Wo(e,t,o)?!1:(fa.move(e,{unit:"character",reverse:!0}),!0)},deleteForward(){if(e.selection==null)return!1;let t=_t.node(e,e.selection),o=_t.next(e,{mode:"lowest"});return Wo(e,t,o)?!1:(fa.move(e,{unit:"character"}),!0)}}}));import{Transforms as Rf}from"slate";import{ReactEditor as Lf}from"slate-react";import{Editor as Ku,Transforms as ga}from"slate";import{ReactEditor as _u}from"slate-react";function Wu(e){}function Gu(e,t,o,r){let{selection:n}=e;if(ga.insertNodes(e,{type:"image-block",url:t,alt:o||"",title:r||"",width:320,height:240,children:[{text:""}]}),!n){let i=Ku.end(e,[]);ga.select(e,i),_u.focus(e)}}function ba(e){return{noop:u(Wu,e),insertImageFromUrl:u(Gu,e)}}function Ea(e,t){return!1}import{useSlateStatic as If}from"slate-react";import qu from"@emotion/styled";var xa=qu("div")`
|
|
551
551
|
display: block;
|
|
552
552
|
margin: 1em 0;
|
|
553
|
-
`;import{clsx as
|
|
553
|
+
`;import{clsx as vf}from"clsx";import{useState as el}from"react";import{useSelected as Tf}from"slate-react";import ya from"@emotion/styled";var ka=ya("span")`
|
|
554
554
|
/**
|
|
555
555
|
* In order for this container to wrap tightly (without space), it needs to be
|
|
556
556
|
* an "inline-block". If it's just an "inline" we end up with spacing
|
|
@@ -562,7 +562,7 @@
|
|
|
562
562
|
* so that we can place UI controls for the image in and around the image.
|
|
563
563
|
*/
|
|
564
564
|
position: relative;
|
|
565
|
-
`,
|
|
565
|
+
`,va=ya("img")`
|
|
566
566
|
/**
|
|
567
567
|
* TODO:
|
|
568
568
|
*
|
|
@@ -624,7 +624,7 @@
|
|
|
624
624
|
.--dragging > & {
|
|
625
625
|
transition: border-radius 250ms;
|
|
626
626
|
}
|
|
627
|
-
`;import{clsx as
|
|
627
|
+
`;import{clsx as Ju}from"clsx";import{useCallback as Ca}from"react";import{Transforms as Sa}from"slate";import{ReactEditor as qo,useSlateStatic as Zu}from"slate-react";import{useEffect as Qu}from"react";function Ta(){let e=Dt();return Qu(()=>(e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}),[]),e}import wa from"@emotion/styled";var Ia=wa("span")`
|
|
628
628
|
position: absolute;
|
|
629
629
|
display: block;
|
|
630
630
|
/**
|
|
@@ -651,7 +651,7 @@
|
|
|
651
651
|
/* background: green; */
|
|
652
652
|
width: 1.25em;
|
|
653
653
|
}
|
|
654
|
-
`,
|
|
654
|
+
`,Ma=wa("span")`
|
|
655
655
|
position: absolute;
|
|
656
656
|
display: block;
|
|
657
657
|
background: var(--select-color);
|
|
@@ -744,7 +744,7 @@
|
|
|
744
744
|
.--small > & > .--bar-right {
|
|
745
745
|
left: calc(50% + 1px);
|
|
746
746
|
}
|
|
747
|
-
`;function
|
|
747
|
+
`;function Go({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 ju}from"slate-react";function Wt(e,t){e=Math.round(e);let o=t.width/t.height;return{width:e,height:Math.round(e/o)}}function Xu(e,t){e=Math.round(e);let o=t.width/t.height;return{width:Math.round(e*o),height:e}}function Yu(e,t){let o=e.width/e.height,r=t.width/t.height;if(o>=r){if(e.width>t.width)return Wt(t.width,e)}else if(e.height>t.width)return Xu(t.height,e);return e}function Me(e,t,o){switch(o.type){case"bounds":return Yu(t,o);case"scale":return{width:Math.round(t.width*o.scale),height:Math.round(t.height*o.scale)}}}function Pa(e){let t=ju.toDOMNode(e,e),o=getComputedStyle(t),r=parseInt(o.paddingLeft)+parseInt(o.paddingRight);return t.clientWidth-r}import{Fragment as of,jsx as ut,jsxs as tf}from"react/jsx-runtime";function ef(e,t){let r=qo.toDOMNode(e,t).querySelector("img");if(!r)throw new Error("Image Element could not be found but should exist");return r.getBoundingClientRect()}function Ra({element:e,srcSize:t,size:o,setSize:r,isDragging:n,setIsDragging:i}){let a=Zu();Ta();let l=Pa(a),s=o.width,m=Math.min(t.width,l),c=Math.min(12,t.width),d=Ca(g=>{Te(g),i(!0);let v=g.clientX,P=ef(a,e).width,w={...o},S=N=>{let T=Go({value:P+N.clientX-v,min:c,max:m});w=Wt(T,t),r(w)},M=()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",M);let N=qo.findPath(a,e),T={width:w.width,height:w.height};r(T),Sa.setNodes(a,T,{at:N}),i(!1)};document.addEventListener("mousemove",S),document.addEventListener("mouseup",M)},[t.width,t.height,o.width,e]),p=Ca(g=>{Te(g),i(!0);let v=g.changedTouches[0].clientX,C=o.width,P={...o},w=M=>{let N=M.changedTouches[0],T=Go({value:C+N.clientX-v,min:c,max:m});P=Wt(T,t),r(P)},S=()=>{document.removeEventListener("touchmove",w),document.removeEventListener("touchend",S);let M=qo.findPath(a,e);Sa.setNodes(a,{width:P.width,height:P.height},{at:M}),i(!1)};document.addEventListener("touchmove",w),document.addEventListener("touchend",S)},[t.width,t.height,o.width,e]),b=Ju({"--center":s<m&&s>c,"--left":s>=m&&s>c,"--right":s<=c&&s<m,"--dragging":n,"--small":s<=64||o.height<=64});return ut(of,{children:ut(Ia,{className:b,onMouseDown:d,onTouchStart:p,children:tf(Ma,{children:[ut("span",{className:"--bar --bar-left"}),ut("span",{className:"--bar --bar-center"}),ut("span",{className:"--bar --bar-right"})]})})})}import rf from"@emotion/styled";var La=rf("span")`
|
|
748
748
|
position: absolute;
|
|
749
749
|
/**
|
|
750
750
|
* The status appears with a 1px gap from the outline.
|
|
@@ -766,7 +766,7 @@
|
|
|
766
766
|
|
|
767
767
|
/* force numbers to be monospaced for better alignment */
|
|
768
768
|
font-variant-numeric: tabular-nums;
|
|
769
|
-
`;import{jsxs as
|
|
769
|
+
`;import{jsxs as nf}from"react/jsx-runtime";function Ba({size:e}){return nf(La,{children:[e.width," \xD7 ",e.height]})}import af from"@emotion/styled";var za=af("span")`
|
|
770
770
|
position: absolute;
|
|
771
771
|
/**
|
|
772
772
|
* On top of the image +1 for space inside outline, +2 for outline,
|
|
@@ -797,7 +797,7 @@
|
|
|
797
797
|
}
|
|
798
798
|
display: flex;
|
|
799
799
|
gap: 0.25em;
|
|
800
|
-
`;import
|
|
800
|
+
`;import Da from"@emotion/styled";var Gt=Da("span")`
|
|
801
801
|
/* font-size: 0.75em; */
|
|
802
802
|
border-radius: 0.5em;
|
|
803
803
|
display: flex;
|
|
@@ -810,7 +810,7 @@
|
|
|
810
810
|
* see the border of the buttons.
|
|
811
811
|
*/
|
|
812
812
|
outline: 1px solid white;
|
|
813
|
-
`,
|
|
813
|
+
`,Ue=Da("span")`
|
|
814
814
|
font-size: 0.75em;
|
|
815
815
|
line-height: 2em;
|
|
816
816
|
padding: 0 0.625em;
|
|
@@ -864,17 +864,17 @@
|
|
|
864
864
|
font-size: 1.33em;
|
|
865
865
|
line-height: 1em;
|
|
866
866
|
}
|
|
867
|
-
`;import{clsx as
|
|
867
|
+
`;import{clsx as lf}from"clsx";import{useCallback as sf}from"react";import{Transforms as mf}from"slate";import{ReactEditor as cf,useSlateStatic as pf}from"slate-react";import{jsx as df}from"react/jsx-runtime";function Na({element:e,preset:t,size:o,setSize:r,srcSize:n}){let i=pf(),a=Me(o,n,t),l=Y({title:t.title,hotkey:`${a.width}x${a.height}`}),s=sf(()=>{let b=cf.findPath(i,e),g=Me(o,n,t);r(g),mf.setNodes(i,g,{at:b})},[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=lf({"--disabled":c,"--selected":!c&&d});return df(Ue,{className:p,onClick:c?void 0:s,onMouseEnter:l.onMouseEnter,onMouseLeave:l.onMouseLeave,children:t.name})}import{jsx as $a}from"react/jsx-runtime";function Ha({element:e,size:t,setSize:o,srcSize:r,presets:n}){return $a(Gt,{children:n.map((i,a)=>$a(Na,{element:e,preset:i,size:t,setSize:o,srcSize:r},a))})}import{useCallback as hf}from"react";import{useSlateStatic as gf}from"slate-react";import{jsx as qt,jsxs as Ua}from"react/jsx-runtime";var Aa=e=>Ua(x,{...e,children:[qt("rect",{width:6,height:6,x:4,y:5,rx:1}),qt("path",{d:"M4 15h16M4 19h16"})]}),Oa=e=>Ua(x,{...e,children:[qt("rect",{width:6,height:6,x:9,y:5,rx:1}),qt("path",{d:"M4 7h1M4 11h1M19 7h1M19 11h1M4 15h16M4 19h16"})]});import{Editor as uf,Transforms as Fa}from"slate";import{ReactEditor as ff}from"slate-react";function Va(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=ff.findPath(e,t);uf.withoutNormalizing(e,()=>{let i=Me(o,r,{name:"initial-inline-image",title:"",type:"bounds",width:24,height:24});Fa.setNodes(e,{type:"image-inline",...i},{at:n}),Fa.wrapNodes(e,{type:"paragraph",children:[]},{at:n})})}import{jsx as Ka}from"react/jsx-runtime";function _a({element:e}){let t=gf(),o=Y({title:"Inline Image",hotkey:"In a line with text"}),r=hf(()=>{e.type==="image-block"&&Va(t,e)},[t,e]);return Ka(Ue,{className:e.type==="image-inline"?"--selected":"",onClick:e.type==="image-inline"?void 0:r,onMouseEnter:o.onMouseEnter,onMouseLeave:o.onMouseLeave,children:Ka(Oa,{})})}import{useCallback as Ef}from"react";import{useSlateStatic as xf}from"slate-react";import{Editor as Wa,Text as Ga,Transforms as Qt}from"slate";import{ReactEditor as bf}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=bf.findPath(e,t);Wa.withoutNormalizing(e,()=>{let i=Me(o,r,{name:"initial-block-image",title:"",type:"bounds",width:320,height:320});Qt.setNodes(e,{type:"image-block",...i},{at:n});let a=E(e,v=>Wa.isBlock(e,v)&&v.type!=="image-block");if(!a)throw new Error("This shouldn't happen");let[l,s]=a,m=l.children,c=l.children.length,d=n.slice(-1)[0],p=m[c-1];d===c-2&&Ga.isText(p)&&p.text===""&&Qt.removeNodes(e,{at:[...s,c-1]});let b=m[0],g=d===1&&Ga.isText(b)&&b.text==="";g&&Qt.removeNodes(e,{at:[...s,0]}),Qt.liftNodes(e,{at:[...s,g?d-1:d]})})}import{jsx as Qa}from"react/jsx-runtime";function ja({element:e}){let t=xf(),o=Y({title:"Block Image",hotkey:"On a line by itself"}),r=Ef(()=>{e.type==="image-inline"&&qa(t,e)},[t,e]);return Qa(Ue,{className:e.type==="image-block"?"--selected":"",onClick:e.type==="image-block"?void 0:r,onMouseEnter:o.onMouseEnter,onMouseLeave:o.onMouseLeave,children:Qa(Aa,{})})}import{jsx as Xa,jsxs as yf}from"react/jsx-runtime";function Ya({element:e}){return yf(Gt,{children:[Xa(ja,{element:e}),Xa(_a,{element:e})]})}import{jsx as Ja,jsxs as kf}from"react/jsx-runtime";function Za({element:e,size:t,setSize:o,srcSize:r,presets:n}){return kf(za,{children:[Ja(Ya,{element:e}),Ja(Ha,{element:e,size:t,setSize:o,srcSize:r,presets:n})]})}import{jsx as jt,jsxs as wf}from"react/jsx-runtime";function Xt({element:e,presets:t}){let o=e.url,r=Tf(),[n,i]=el(!1),[a,l]=el(e.srcWidth&&e.srcHeight&&e.width&&e.height?{width:e.width,height:e.height}:null),s=e.srcWidth&&e.srcHeight?{width:e.srcWidth,height:e.srcHeight}:null,m=r&&a&&s,c=vf({"--selected":r,"--dragging":n,"--small":a&&(a.width<=64||a.height<=64)});return wf(ka,{className:c,children:[jt(va,{src:o,width:a?.width,height:a?.height}),m?jt(Za,{element:e,size:a,setSize:l,srcSize:s,presets:t}):null,n&&a?jt(Ba,{size:a}):null,m?jt(Ra,{element:e,srcSize:s,isDragging:n,setIsDragging:i,size:a,setSize:l}):null]})}import{jsx as tl,jsxs as Mf}from"react/jsx-runtime";function ol({element:e,attributes:t,children:o}){let r=If();return Mf("div",{...t,children:[tl(xa,{contentEditable:!1,children:tl(Xt,{element:e,presets:r.image.imageBlockPresets})}),o]})}import{useSlateStatic as Cf}from"slate-react";import Pf from"@emotion/styled";var rl=Pf("span")`
|
|
868
868
|
display: inline;
|
|
869
|
-
`;import{jsx as
|
|
869
|
+
`;import{jsx as nl,jsxs as Sf}from"react/jsx-runtime";function il({element:e,attributes:t,children:o}){let r=Cf();return Sf("span",{...t,style:{display:"inline-block"},children:[nl(rl,{contentEditable:!1,children:nl(Xt,{element:e,presets:r.image.imageInlinePresets})}),o]})}import{jsx as al}from"react/jsx-runtime";function ll({element:e,attributes:t,children:o}){switch(e.type){case"image-block":return al(ol,{element:e,attributes:t,children:o});case"image-inline":return al(il,{element:e,attributes:t,children:o})}}function Bf(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=Lf.findEventRange(e,t);n&&Rf.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 s=l.result;e.image.insertImageFromUrl(s,a.name,"")},l.readAsDataURL(a)}return!0}}var zf={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}]},sl=y((e,t,{createPolicy:o})=>{let r={...zf,...t.image};return e.image={...ba(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:u(Ea,e)},editableProps:{renderElement:ll,onDrop:Bf(e)}})});import{Editor as ft,Element as q,Transforms as Fe}from"slate";import Df from"@emotion/styled";var ml=Df("blockquote")`
|
|
870
870
|
position: relative;
|
|
871
871
|
margin-top: 1em;
|
|
872
872
|
margin-bottom: 1em;
|
|
873
873
|
margin-left: 0;
|
|
874
874
|
border-left: 0.25em solid rgba(0, 0, 0, 0.075);
|
|
875
875
|
padding-left: 1.5em;
|
|
876
|
-
`;import{jsx as
|
|
877
|
-
`),a=i.join(""),l=
|
|
876
|
+
`;import{jsx as $f}from"react/jsx-runtime";function cl(e){return q.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 Nf=2,pl=y(e=>(e.supportsBlockQuote=!0,e.blockQuotePlugin={indent:()=>{Fe.wrapNodes(e,{type:"block-quote",children:[]},{match:cl})},outdent:()=>{Fe.liftNodes(e,{match:(t,o)=>cl(t)&&o.length>1})},isActive:()=>{let[t]=ft.nodes(e,{match:o=>q.isElement(o)&&o.type==="block-quote"});return!!t},increaseDepth:()=>{let[t]=ft.nodes(e,{match:r=>q.isElement(r)&&r.type==="block-quote"});if(!t||!e.blockQuotePlugin.canIncreaseDepth())return;let[,o]=t;Fe.select(e,o),Fe.wrapNodes(e,{type:"block-quote",children:[]},{at:o,split:!1})},decreaseDepth:()=>{let[t]=ft.nodes(e,{match:i=>q.isElement(i)&&i.type==="block-quote"});if(!t||!e.blockQuotePlugin.canDecreaseDepth())return;let[o,r]=t,n=o.children;n.length===1&&q.isElement(n[0])&&n[0].type==="block-quote"&&Fe.unwrapNodes(e,{at:[...r,0],match:i=>q.isElement(i)&&i.type==="block-quote"})},canIncreaseDepth:()=>{let[t]=ft.nodes(e,{match:i=>q.isElement(i)&&i.type==="block-quote"});if(!t)return!1;let[o]=t,r=0,n=o;for(;n.children.length===1&&q.isElement(n.children[0])&&n.children[0]&&n.children[0]&&n.children[0].type==="block-quote";)r++,n=n.children[0];return r<Nf},canDecreaseDepth:()=>{let[t]=ft.nodes(e,{match:r=>q.isElement(r)&&r.type==="block-quote"});if(!t)return!1;let[o]=t;return o.children.length===1&&q.isElement(o.children[0])&&o.children[0]&&o.children[0].type==="block-quote"}},{name:"block-quote",editor:{normalizeNode(t){let[o,r]=t;return!q.isElement(o)||o.type!=="block-quote"?!1:ge(e,[o,r],(n,i)=>(q.isElement(n[0])&&q.isElement(i[0])&&n[0].type==="block-quote"&&i[0].type==="block-quote"&&Fe.mergeNodes(e,{at:i[1]}),!0))}},editableProps:{renderElement:({element:t,attributes:o,children:r})=>{if(t.type==="block-quote")return $f(ml,{...o,children:r})},onKeyDown:D({"super+.":e.blockQuotePlugin.indent,"super+,":e.blockQuotePlugin.outdent})}}));import{Editor as Jf,Element as Zf,Transforms as Dl}from"slate";import Hf from"prismjs";import{Element as Uf,Node as Ff}from"slate";var{languages:Af,tokenize:Of}=Hf;function Vf(e){let t=0,o=[];for(let r of e)o.push(t),t=t+r.length;return o}function dl(e){let[t,o]=e;if(!Uf.isElement(t))return[];if(t.type!=="code-block")return[];let r=Af[t.language];if(r===void 0)return[];let i=t.children.map(p=>`${Ff.string(p)}
|
|
877
|
+
`),a=i.join(""),l=Vf(i);function s(p){for(let b=l.length;b>=0;b--){let g=l[b];if(g<=p)return{path:[...o,b],offset:p-g}}throw new Error("This shouldn't happen and indicates a bug in the logic")}let m=[],c=Of(a,r),d=0;for(let p of c)if(typeof p=="string")d+=p.length;else{let b=s(d),g=s(d+p.length);m.push({anchor:b,focus:g,prismToken:p.type}),d+=p.length}return m}function ul(e,{language:t}){St(e,{type:"code-block",language:t,children:[{type:"code-block-line",children:[{text:""}]}]})}import{Element as Kf,Transforms as _f}from"slate";function fl(e,t,o={}){let r=E(e,n=>Kf.isElement(n)&&n.type==="code-block",{at:o.at});return r?(_f.setNodes(e,{language:t},{at:r[1]}),!0):!1}function hl(e){return{createCodeBlock:u(ul,e),setCodeBlockLanguage:u(fl,e)}}var Yt={color:"#999988",fontStyle:"italic"},Wf={opacity:"0.7"},gl={color:"#e3116c"},bl={color:"#393a34"},ae={color:"#36acaa"},Qo={color:"#00a4db"},El={color:"#9a050f"},xl={color:"#00009f"},jo={fontWeight:"bold"},Gf={fontStyle:"italic"},yl={comment:Yt,prolog:Yt,doctype:Yt,cdata:Yt,namespace:Wf,string:gl,"attr-value":gl,puncutation:bl,operator:bl,entity:ae,url:ae,symbol:ae,number:ae,boolean:ae,variable:ae,constant:ae,property:ae,regex:ae,insert:ae,atrule:Qo,keyword:Qo,"attr-name":Qo,function:{...El,...jo},delete:El,tag:xl,selector:xl,important:jo,bold:jo,italic:Gf};var kl=["text","html","css","svg","javascript","java","c"];import{Element as Xo,Node as Yo,Transforms as Ve}from"slate";function vl(e,t){if(!Xo.isElement(t[0]))return!1;if(t[0].type==="code-block-line"){for(let[o,r]of Yo.children(e,t[1]))if(Xo.isElement(o))return e.isVoid(o)?(Ve.removeNodes(e,{at:r}),!0):(Ve.unwrapNodes(e,{at:r}),!0)}if(t[0].type==="code-block"){for(let[o,r]of Yo.children(e,t[1]))if(Xo.isElement(o)&&o.type!=="code-block-line")return o.type==="code-block"?(Ve.unwrapNodes(e,{at:r}),!0):e.isVoid(o)?(Ve.removeNodes(e,{at:r}),!0):(Ve.removeNodes(e,{at:r}),Ve.insertNodes(e,{type:"code-block-line",children:[{text:Yo.string(o)}]}),!0)}return!1}import{useCallback as qf,useRef as Qf}from"react";import{useSelected as jf}from"slate-react";import{jsx as Tl}from"react/jsx-runtime";var wl=e=>Tl(x,{...e,children:Tl("path",{d:"m6 9 6 6 6-6"})});import Jt from"@emotion/styled";var Il=Jt("div")`
|
|
878
878
|
position: relative;
|
|
879
879
|
background: var(--code-block-bgcolor);
|
|
880
880
|
margin: 1em 0;
|
|
@@ -893,11 +893,11 @@
|
|
|
893
893
|
* Otherwise they will be square.
|
|
894
894
|
*/
|
|
895
895
|
overflow-x: hidden;
|
|
896
|
-
`,
|
|
896
|
+
`,Ml=Jt("div")`
|
|
897
897
|
padding: 2.25em 1em 1.5em 1em;
|
|
898
898
|
border-radius: 0.5em;
|
|
899
899
|
overflow-x: auto;
|
|
900
|
-
`,
|
|
900
|
+
`,Pl=Jt("span")`
|
|
901
901
|
cursor: pointer;
|
|
902
902
|
position: absolute;
|
|
903
903
|
top: 0.25em;
|
|
@@ -923,7 +923,7 @@
|
|
|
923
923
|
color: var(--shade-800);
|
|
924
924
|
background: var(--shade-300);
|
|
925
925
|
}
|
|
926
|
-
`,
|
|
926
|
+
`,Cl=Jt("div")`
|
|
927
927
|
white-space: pre;
|
|
928
928
|
line-height: 1.5em;
|
|
929
929
|
counter-increment: line;
|
|
@@ -946,7 +946,7 @@
|
|
|
946
946
|
display: inline-block;
|
|
947
947
|
width: 2em;
|
|
948
948
|
} */
|
|
949
|
-
`;import{jsx as
|
|
949
|
+
`;import{jsx as ht,jsxs as Sl}from"react/jsx-runtime";function Rl({element:e,attributes:t,children:o}){let r=Qf(null),n=jf(),i=H("code-block-dropdown"),a=qf(()=>{i.layer&&i.close();let l=r.current;if(l===null)return;let s=kl.map(m=>({icon:()=>ht("span",{}),title:m,action:c=>{c.codeBlock.setCodeBlockLanguage(m,{at:e})}}));i.open(()=>ht(He,{dest:l,items:s,close:i.close}))},[e]);return Sl(Il,{className:n?"--selected":"",...t,children:[Sl(Pl,{contentEditable:!1,onClick:a,ref:r,children:[ht("span",{children:e.language}),ht(wl,{})]}),ht(Ml,{children:o})]})}import{useSelected as Xf}from"slate-react";import{jsx as Yf}from"react/jsx-runtime";function Ll({attributes:e,children:t}){let o=Xf();return Yf(Cl,{className:o?"--selected":"",...e,spellCheck:"false",children:t})}import{jsx as Bl}from"react/jsx-runtime";function zl({element:e,attributes:t,children:o}){if(e.type==="code-block")return Bl(Rl,{element:e,attributes:t,children:o});if(e.type==="code-block-line")return Bl(Ll,{element:e,attributes:t,children:o})}import{jsx as eh}from"react/jsx-runtime";var Nl=y((e,t,{createPolicy:o})=>{e.codeBlock=hl(e);function r(){let{selection:n}=e;if(!se(n))return!1;let i=E(e,"code-block");return i==null?!1:Jf.string(e,i[1])===""?(Dl.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:u(vl,e)},editableProps:{decorate:dl,onKeyDown:D({"super+`":()=>e.codeBlock.createCodeBlock({language:"text"}),"mod+a":()=>{let n=E(e,i=>Zf.isElement(i)&&i.type==="code-block");return n?(Dl.select(e,n[1]),!0):!1}}),renderElement:zl,renderLeaf:({leaf:n,children:i})=>{let a=n.prismToken&&yl[n.prismToken]||null;return a===null?i:eh("span",{style:a,children:i})}}})});import{Transforms as oh}from"slate";import $l from"@emotion/styled";var Hl=$l("div")`
|
|
950
950
|
position: relative;
|
|
951
951
|
background-color: var(--shade-100);
|
|
952
952
|
border: 1px solid var(--shade-300);
|
|
@@ -964,7 +964,7 @@
|
|
|
964
964
|
&.--selected {
|
|
965
965
|
outline: 2px solid var(--select-color);
|
|
966
966
|
}
|
|
967
|
-
`,
|
|
967
|
+
`,Al=$l("span")`
|
|
968
968
|
position: absolute;
|
|
969
969
|
top: 0.25em;
|
|
970
970
|
right: 0.5em;
|
|
@@ -972,7 +972,7 @@
|
|
|
972
972
|
color: var(--shade-500);
|
|
973
973
|
text-transform: uppercase;
|
|
974
974
|
letter-spacing: 0.5px;
|
|
975
|
-
`;import{jsx as
|
|
975
|
+
`;import{jsx as Ol,jsxs as th}from"react/jsx-runtime";function Ul({attributes:e,children:t,element:o}){return th(Hl,{...e,contentEditable:!1,children:[Ol(Al,{children:"HTML"}),Ol("div",{children:tt(o.html)}),t]})}import{jsx as rh}from"react/jsx-runtime";var Fl=y((e,t,{createPolicy:o})=>{function r(){let{selection:n}=e;if(!se(n))return!1;let i=E(e,"html-block");return i==null?!1:(oh.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 rh(Ul,{element:n,attributes:i,children:a})}}})});import{Editor as jl}from"slate";import{Element as sh}from"slate";import{Element as nh,Transforms as ih}from"slate";function Vl(e){return nh.isElement(e)&&e.type==="paragraph"}function Kl(e,t){return ge(e,t,(o,r)=>!Vl(o[0])||!Vl(r[0])?!1:o[0].__collapsible&&r[0].__collapsible?(ih.removeNodes(e,{at:o[1]}),!0):!1)}import{Element as ah,Transforms as lh}from"slate";function Jo(e,t){return ah.isElement(t)?e.isVoid(t)||e.isMaster(t):!1}function _l(e,t){return Jo(e,t[0])?ge(e,t,(o,r)=>!Jo(e,o[0])||!Jo(e,r[0])?!1:(lh.insertNodes(e,{type:"paragraph",__collapsible:!0,children:[{text:""}]},{at:r[1]}),!0)):!1}function Wl(e,t){let[o,r]=t;return sh.isElement(o)?!!(_l(e,[o,r])||Kl(e,[o,r])):!1}import{clsx as ph}from"clsx";import{useSelected as dh}from"slate-react";import mh from"@emotion/styled";var Gl=mh("p")`
|
|
976
976
|
padding: 0;
|
|
977
977
|
margin: 0;
|
|
978
978
|
&:first-child {
|
|
@@ -1002,42 +1002,42 @@
|
|
|
1002
1002
|
}
|
|
1003
1003
|
border-radius: 8px;
|
|
1004
1004
|
}
|
|
1005
|
-
`;import{Node as
|
|
1005
|
+
`;import{Node as ch}from"slate";function ql(e){return e.children.length===1&&ch.string(e.children[0]).length===0}import{jsx as uh}from"react/jsx-runtime";function Ql({element:e,attributes:t,children:o}){let r=dh(),n=ql(e);return uh(Gl,{...t,className:ph({"--selected":r,"--empty":n,"--collapsible":!!e.__collapsible}),children:o})}import{jsx as fh}from"react/jsx-runtime";var Xl=y(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=jl.start(e,r);jl.string(e,{anchor:n,focus:o.anchor}).endsWith(`
|
|
1006
1006
|
`)?t():e.insertText(`
|
|
1007
|
-
`)}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:u(
|
|
1008
|
-
`)}function
|
|
1009
|
-
`),a=
|
|
1007
|
+
`)}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:u(Wl,e)},editableProps:{renderElement:({element:o,attributes:r,children:n})=>{switch(o.type){case"paragraph":return fh(Ql,{element:o,attributes:r,children:n})}},onKeyDown:D({"super+0":e.collapsibleParagraph.convertParagraph})}}});function Yl(e,t){Array.isArray(t)?e.convertElement.convertElementTypes.push(...t):e.convertElement.convertElementTypes.push(t)}import{Editor as K,Element as Zt,Node as re,Point as Ke,Range as hh,Transforms as Pe}from"slate";function Jl(e,t,o){try{let r=K.start(e,o),n=K.end(e,o);if(Ke.isBefore(t,r)||Ke.isAfter(t,n))return-1;let i={anchor:r,focus:t};return K.string(e,i).length}catch{return-1}}function Zl(e,t,o){try{let r=re.get(e,t);if(!Zt.isElement(r))return;let n=re.string(r),i=Math.min(o,n.length),a=K.start(e,t),l=0,s=a.path,m=0;for(let[d,p]of re.texts(r)){let b=d.text.length;if(l+b>=i){s=[...t,...p],m=i-l;break}l+=b}let c={path:s,offset:m};Pe.select(e,{anchor:c,focus:c})}catch{}}function gh(e){return re.string(e).includes(`
|
|
1008
|
+
`)}function bh(e,t,o,r){let n=re.string(t),i=n.split(`
|
|
1009
|
+
`),a=K.start(e,o),l=K.end(e,o),s=Ke.isBefore(r.anchor,a)?a:Ke.isAfter(r.anchor,l)?l:r.anchor,m=Ke.isBefore(r.focus,a)?a:Ke.isAfter(r.focus,l)?l:r.focus,c=Math.min(K.string(e,{anchor:a,focus:s}).length,n.length),d=Math.min(K.string(e,{anchor:a,focus:m}).length,n.length),p=Math.min(c,d),b=Math.max(c,d),g=0,v=0,C=i.length-1;for(let P=0;P<i.length;P++){let w=g+i[P].length;if(g<=p&&p<=w&&(v=P),g<=b&&b<=w){C=P;break}g=w+1}return{startLineIndex:v,endLineIndex:C}}function Eh(e,t,o,r){let n=re.string(t);if(!n.includes(`
|
|
1010
1010
|
`))return o;let i=n.split(`
|
|
1011
|
-
`);if(i.length<=1)return o;let{startLineIndex:a,endLineIndex:l}=
|
|
1012
|
-
`),
|
|
1013
|
-
`)},{at:[...o,0]});let
|
|
1014
|
-
`)}]};
|
|
1015
|
-
`)},{at:[...o,0]})}),s.length>0?[...o.slice(0,-1),o[o.length-1]+1]:o)}function
|
|
1011
|
+
`);if(i.length<=1)return o;let{startLineIndex:a,endLineIndex:l}=bh(e,t,o,r),s=i.slice(0,a),m=i.slice(a,l+1),c=i.slice(l+1);return s.length===0&&c.length===0?o:(K.withoutNormalizing(e,()=>{let d=o.slice(0,-1),p=o[o.length-1];if(c.length>0){let g=c.join(`
|
|
1012
|
+
`),v={...t,children:[{text:g}]};Pe.insertNodes(e,v,{at:[...d,p+1]})}let b=t.children.length;for(let g=b-1;g>=0;g--)Pe.removeNodes(e,{at:[...o,g]});if(s.length>0){Pe.insertNodes(e,{text:s.join(`
|
|
1013
|
+
`)},{at:[...o,0]});let v={type:"paragraph",children:[{text:m.join(`
|
|
1014
|
+
`)}]};Pe.insertNodes(e,v,{at:[...d,p+1]})}else Pe.insertNodes(e,{text:m.join(`
|
|
1015
|
+
`)},{at:[...o,0]})}),s.length>0?[...o.slice(0,-1),o[o.length-1]+1]:o)}function es(e,t,o,r){let{selection:n}=e;if(!n)return!1;let i=-1,a=-1,l=hh.isCollapsed(n),s=Array.from(K.nodes(e,{match:p=>Zt.isElement(p)&&e.convertElement.isConvertibleElement(p)}));if(s.length>0){let[,p]=s[0];i=Jl(e,n.anchor,p),a=Jl(e,n.focus,p)}if(s.length===0)return!1;let m=[];K.withoutNormalizing(e,()=>{for(let p=s.length-1;p>=0;p--){let[b,g]=s[p];if(gh(b)){let v=Eh(e,b,g,n);m.unshift(v)}else m.unshift(g)}});let c=m.map(p=>{try{let b=re.get(e,p);return Zt.isElement(b)?[b,p]:null}catch{return null}}).filter(p=>p!==null);if(c.length===0)return!1;if(r&&c.every(p=>t(p[0]))?K.withoutNormalizing(e,()=>{for(let p of c)mt(e,{type:"paragraph"},p[1])}):K.withoutNormalizing(e,()=>{for(let p of c)mt(e,o,p[1])}),c.length>0&&i>=0){let[,p]=c[0];if(l)Zl(e,p,i);else if(a>=0)try{let b=re.get(e,p);if(Zt.isElement(b)){let g=re.string(b),v=Math.min(i,g.length),C=Math.min(a,g.length),P=K.start(e,p),w=P.path,S=v,M=0;for(let[I,k]of re.texts(b)){let z=I.text.length;if(M+z>=v){w=[...p,...k],S=v-M;break}M+=z}let N=P.path,T=C;M=0;for(let[I,k]of re.texts(b)){let z=I.text.length;if(M+z>=C){N=[...p,...k],T=C-M;break}M+=z}Pe.select(e,{anchor:{path:w,offset:S},focus:{path:N,offset:T}})}}catch{Zl(e,p,i)}}return!0}function ts(e,t){return e.convertElement.convertElementTypes.includes(t.type)}function os(e){return{convertElementTypes:[],addConvertElementType:u(Yl,e),isConvertibleElement:u(ts,e),convertElements:u(es,e)}}var rs=y(e=>(e.convertElement=os(e),{name:"convert-element"}));import{Editor as Zo,Path as xh,Range as yh,Transforms as ns}from"slate";function is(e){let t=E(e,"heading");if(!t||!e.selection||yh.isExpanded(e.selection)||!Zo.isEnd(e,e.selection.anchor,t[1]))return!1;let o=xh.next(t[1]);return ns.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:o}),ns.select(e,{anchor:Zo.start(e,o),focus:Zo.start(e,o)}),!0}import{Editor as kh}from"slate";function vh(e,t,o){e.convertElement.convertElements(r=>r.type==="heading"&&r.level==t,{type:"heading",level:t},o)}function Th(e,t){let[o]=kh.nodes(e,{match:r=>"type"in r&&"level"in r&&r.type==="heading"&&r.level===t});return!!o}function as(e){return{convertHeading:u(vh,e),isHeadingActive:u(Th,e)}}import{css as wh}from"@emotion/react";import _e from"@emotion/styled";var We=wh`
|
|
1016
1016
|
margin-top: 1em;
|
|
1017
1017
|
&:first-child {
|
|
1018
1018
|
margin-top: 0;
|
|
1019
1019
|
}
|
|
1020
1020
|
font-weight: bold;
|
|
1021
|
-
`,
|
|
1022
|
-
${
|
|
1021
|
+
`,ls=_e("h1")`
|
|
1022
|
+
${We}
|
|
1023
1023
|
font-size: 2.25em;
|
|
1024
1024
|
letter-spacing: -0.01em;
|
|
1025
|
-
`,
|
|
1026
|
-
${
|
|
1025
|
+
`,ss=_e("h2")`
|
|
1026
|
+
${We}
|
|
1027
1027
|
font-size: 1.5em;
|
|
1028
|
-
`,
|
|
1029
|
-
${
|
|
1028
|
+
`,ms=_e("h3")`
|
|
1029
|
+
${We}
|
|
1030
1030
|
font-size: 1.25em;
|
|
1031
|
-
`,
|
|
1032
|
-
${
|
|
1031
|
+
`,cs=_e("h4")`
|
|
1032
|
+
${We}
|
|
1033
1033
|
font-size: 1em;
|
|
1034
|
-
`,
|
|
1035
|
-
${
|
|
1034
|
+
`,ps=_e("h5")`
|
|
1035
|
+
${We}
|
|
1036
1036
|
font-size: 1em;
|
|
1037
|
-
`,
|
|
1038
|
-
${
|
|
1037
|
+
`,ds=_e("h6")`
|
|
1038
|
+
${We}
|
|
1039
1039
|
font-size: 1em;
|
|
1040
|
-
`;import{jsx as
|
|
1040
|
+
`;import{jsx as Ge}from"react/jsx-runtime";var us=y(e=>{e.convertElement.addConvertElementType("heading"),e.heading=as(e);let t=D({"super+1":W(e.heading.convertHeading,1,!0),"super+2":W(e.heading.convertHeading,2,!0),"super+3":W(e.heading.convertHeading,3,!0),"super+4":W(e.heading.convertHeading,4,!0),"super+5":W(e.heading.convertHeading,5,!0),"super+6":W(e.heading.convertHeading,6,!0)}),o=ai(e,{"#":W(e.heading.convertHeading,1,!1),"##":W(e.heading.convertHeading,2,!1),"###":W(e.heading.convertHeading,3,!1),"####":W(e.heading.convertHeading,4,!1),"#####":W(e.heading.convertHeading,5,!1),"######":W(e.heading.convertHeading,6,!1)});return{name:"heading",editor:{insertBreak:u(is,e)},editableProps:{renderElement:({element:r,attributes:n,children:i})=>{if(r.type==="heading")switch(r.level){case 1:return Ge(ls,{...n,children:i});case 2:return Ge(ss,{...n,children:i});case 3:return Ge(ms,{...n,children:i});case 4:return Ge(cs,{...n,children:i});case 5:return Ge(ps,{...n,children:i});case 6:return Ge(ds,{...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 Mh}from"slate-react";import Ih from"@emotion/styled";var fs=Ih("hr")`
|
|
1041
1041
|
position: relative;
|
|
1042
1042
|
height: 1em;
|
|
1043
1043
|
/* background-color: var(--hr-color); */
|
|
@@ -1067,7 +1067,7 @@
|
|
|
1067
1067
|
outline: 2px solid var(--select-color, blue);
|
|
1068
1068
|
}
|
|
1069
1069
|
}
|
|
1070
|
-
`;import{jsx as
|
|
1070
|
+
`;import{jsx as hs,jsxs as Ph}from"react/jsx-runtime";function gs({attributes:e,children:t}){let o=Mh();return Ph("div",{...e,draggable:!0,children:[t,hs("div",{contentEditable:!1,children:hs(fs,{className:o?"--selected":""})})]})}function Ch(e){return St(e,{type:"horizontal-rule",children:[{text:""}]})}function bs(e){return{insertHorizontalRule:u(Ch,e)}}import{jsx as Sh}from"react/jsx-runtime";var Es=y((e,t,{createPolicy:o})=>(e.horizontalRule=bs(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 Sh(gs,{...r})},onKeyDown:D({"super+-":e.horizontalRule.insertHorizontalRule})}})));import xs from"@emotion/styled";var ys=xs("code")`
|
|
1071
1071
|
color: var(--shade-600);
|
|
1072
1072
|
background-color: var(--inline-code-bgcolor);
|
|
1073
1073
|
border: 1px solid var(--inline-code-border-color);
|
|
@@ -1088,16 +1088,16 @@
|
|
|
1088
1088
|
*/
|
|
1089
1089
|
font-size: 0.75em;
|
|
1090
1090
|
vertical-align: baseline;
|
|
1091
|
-
`,
|
|
1091
|
+
`,er=xs("span")`
|
|
1092
1092
|
display: inline-block;
|
|
1093
1093
|
opacity: 0;
|
|
1094
1094
|
width: 1px;
|
|
1095
1095
|
overflow: hidden;
|
|
1096
|
-
`;import{jsx as
|
|
1096
|
+
`;import{jsx as ks,jsxs as Rh}from"react/jsx-runtime";var vs=y(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?Rh(ys,{spellCheck:!1,children:[ks(er,{contentEditable:!1,children:"|"}),o,ks(er,{contentEditable:!1,children:"|"})]}):o,onKeyDown:D({"mod+j":()=>e.inlineCode.toggleInlineCode()})}}});import{Editor as qs,Path as Qs}from"slate";function Ts(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 ws(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 Is(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 Lh=2;function eo(e){let t=E(e,L);return t?t[0].depth:0}function tr(e){return we(e,L)?eo(e)<Lh:!1}function or(e){return we(e,L)?eo(e)>0:!1}function Ms(e){tr(e)&&e.list.indent()}function Ps(e){or(e)&&e.list.outdent()}function Cs(e){return Rt(e,t=>({depth:t.depth+1}),{match:L})}import{Editor as Bh,Transforms as rr}from"slate";function Ss(e){let t=E(e,L);if(!t)return!1;let[o,r]=t;if(Bh.isEmpty(e,o))return o.depth>0?(rr.setNodes(e,{depth:o.depth-1},{at:r}),!0):(mt(e,{type:"paragraph"},r),!0);rr.splitNodes(e,{always:!0});let n=E(e,L);return n&&n[0].type==="task-list-item"&&n[0].checked===!0&&rr.setNodes(e,{checked:!1},{at:n[1]}),!0}import{Editor as zh}from"slate";function Rs(e){let t=Array.from(zh.nodes(e,{match:L}));for(let o of t)if(o[0].depth===0)return!0;return Rt(e,o=>({depth:Math.max(0,o.depth-1)}),{match:L})}import{Transforms as Dh}from"slate";function Ls(e,{at:t=e.selection}={}){let o=E(e,"task-list-item",{at:t});if(!o)return!1;let r=!o[0].checked;Dh.setNodes(e,{checked:r},{at:o[1]})}function Bs(e){return{indent:u(Cs,e),outdent:u(Rs,e),convertUnorderedList:u(Is,e),convertOrderedList:u(Ts,e),convertTaskList:u(ws,e),insertBreak:u(Ss,e),toggleTaskListItem:u(Ls,e),getListDepth:u(eo,e),canIncreaseDepth:u(tr,e),canDecreaseDepth:u(or,e),increaseDepth:u(Ms,e),decreaseDepth:u(Ps,e)}}import{Element as Nh,Transforms as $h}from"slate";var zs=Ct(["ordered-list-item"]);function to(e,t){let[o,r]=t;return Nh.isElement(o)?ge(e,[o,r],(n,i)=>{if(!zs(i[0]))return!1;let a=zs(n[0])||L(n[0])?i[0].depth>n[0].depth:!0;return i[0].__firstAtDepth!==a?($h.setNodes(e,{__firstAtDepth:a},{at:i[1]}),!0):!1}):!1}function Ds(e,t){let[o]=t;return L(o)?to(e,t):!1}import{clsx as Ah}from"clsx";import{useEffect as Oh}from"react";import{ReactEditor as Uh,useSlateStatic as Fh}from"slate-react";import oo from"@emotion/styled";var nr=oo("li")`
|
|
1097
1097
|
margin-top: 0.5em;
|
|
1098
1098
|
margin-bottom: 0.5em;
|
|
1099
1099
|
list-style-position: outside;
|
|
1100
|
-
|
|
1100
|
+
`,Ns=oo(nr)`
|
|
1101
1101
|
position: relative;
|
|
1102
1102
|
list-style-type: none;
|
|
1103
1103
|
.--list-item-icon {
|
|
@@ -1107,7 +1107,7 @@
|
|
|
1107
1107
|
line-height: 1.5em;
|
|
1108
1108
|
color: var(--shade-600);
|
|
1109
1109
|
}
|
|
1110
|
-
|
|
1110
|
+
`,$s=oo(nr)`
|
|
1111
1111
|
position: relative;
|
|
1112
1112
|
list-style-type: none;
|
|
1113
1113
|
counter-increment: var(--list-item-var);
|
|
@@ -1132,7 +1132,7 @@
|
|
|
1132
1132
|
/* force numbers to be monospaced for better alignment */
|
|
1133
1133
|
font-variant-numeric: tabular-nums;
|
|
1134
1134
|
}
|
|
1135
|
-
`,
|
|
1135
|
+
`,Hs=oo(nr)`
|
|
1136
1136
|
position: relative;
|
|
1137
1137
|
list-style-type: none;
|
|
1138
1138
|
.--list-item-icon {
|
|
@@ -1146,7 +1146,7 @@
|
|
|
1146
1146
|
stroke-width: 3px;
|
|
1147
1147
|
}
|
|
1148
1148
|
}
|
|
1149
|
-
`;import{jsx as
|
|
1149
|
+
`;import{jsx as Vh}from"react/jsx-runtime";function As({element:e,attributes:t,children:o}){let r=Fh();Oh(()=>{let a=Uh.findPath(r,e);to(r,[e,a])},[]);let n={marginLeft:`${2+e.depth*2}em`,"--list-item-var":`list-item-depth-${e.depth}`},i=Ah({"--first-at-depth":e.__firstAtDepth});return Vh($s,{...t,className:i,style:n,children:o})}import{useCallback as Kh}from"react";import{useSlateStatic as _h}from"slate-react";import{jsx as Ce,jsxs as Vs}from"react/jsx-runtime";var Os=e=>Vs("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:[Ce("path",{d:"M0 0h24v24H0z",stroke:"none"}),Ce("rect",{x:4,y:4,width:16,height:16,rx:2})]}),Us=e=>Vs("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:[Ce("path",{d:"M0 0h24v24H0z",stroke:"none"}),Ce("path",{d:"m9 11 3 3 8-8",className:"--checkmark"}),Ce("path",{d:"M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9"})]}),Fs=e=>Ce("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",...e,children:Ce("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 ir,jsxs as Wh}from"react/jsx-runtime";function Ks({element:e,attributes:t,children:o}){let r=_h(),n=Kh(()=>{r.list.toggleTaskListItem({at:e})},[r,e]),i=`${2+e.depth*2}em`;return Wh(Hs,{...t,style:{marginLeft:i},children:[ir("div",{className:"--list-item-icon",contentEditable:!1,children:e.checked?ir(Us,{onClick:n,style:{cursor:"pointer"}}):ir(Os,{onClick:n,style:{cursor:"pointer"}})}),o]})}import{jsx as _s,jsxs as Gh}from"react/jsx-runtime";function Ws({element:e,attributes:t,children:o}){let r=`${2+e.depth*2}em`;return Gh(Ns,{...t,style:{marginLeft:r},children:[_s("div",{className:"--list-item-icon",contentEditable:!1,children:_s(Fs,{})}),o]})}import{jsx as ar}from"react/jsx-runtime";function Gs({element:e,attributes:t,children:o}){switch(e.type){case"ordered-list-item":return ar(As,{element:e,attributes:t,children:o});case"unordered-list-item":return ar(Ws,{element:e,attributes:t,children:o});case"task-list-item":return ar(Ks,{element:e,attributes:t,children:o})}}var js=["unordered-list-item","ordered-list-item","task-list-item"],L=Ct(js),Xs=y((e,t,{createPolicy:o})=>{e.convertElement.addConvertElementType(js);let r=e.list=Bs(e),n=D({tab:r.indent,"shift+tab":r.outdent,"super+7":u(r.convertOrderedList,!0),"super+8":u(r.convertUnorderedList,!0),"super+9":u(r.convertTaskList,!0)});return o({name:"list",editor:{normalizeNode:i=>Ds(e,i),insertBreak:r.insertBreak,deleteBackward:i=>{if(i!=="character"||!we(e,L))return!1;let a=E(e,L);if(!a)return!1;let l=a[1];if(!Qs.hasPrevious(l))return e.collapsibleParagraph.convertParagraph(),!0;let s=Qs.previous(l),m=qs.node(e,s);return L(m[0])?!1:(e.collapsibleParagraph.convertParagraph(),!0)}},editableProps:{renderElement:Gs,onKeyDown(i){return qs.nodes(e,{match:L})?n(i):!1}}})});import{clsx as Jh}from"clsx";import{Editor as lr,Point as Zh,Range as eg}from"slate";import{Editor as qh,Text as Ys,Transforms as Qh}from"slate";function Js(e,{at:t=e.selection}={}){if(t==null)return;let o=[...qh.nodes(e,{match:n=>Ys.isText(n),at:t})],r={};for(let[n]of o)for(let i of Object.keys(n))i!=="text"&&(r[i]=null);Qh.setNodes(e,r,{match:n=>Ys.isText(n),split:!0,at:t})}import{Editor as Se,Point as jh,Range as Xh}from"slate";function Re(e,t,o,{at:r=e.selection}={}){if(r==null)return;let n=Xh.isRange(r)?r.focus:r,i=jh.isPoint(n)&&(Se.after(e,n)===null||Se.isEnd(e,n,Se.end(e,[]))),a=t,s=(Se.marks(e)||{})[a]===!0;if(i)if(!s)e.activeMarks={...e.activeMarks,[a]:!0};else{let{[a]:m,...c}=e.activeMarks||{};e.activeMarks=c}s?Se.removeMark(e,a):Se.addMark(e,a,!0),typeof o=="string"&&Se.removeMark(e,o)}function Zs(e){return{removeMarks:u(Js,e),toggleMark:u(Re,e),toggleBold:()=>Re(e,"bold"),toggleItalic:()=>Re(e,"italic"),toggleUnderline:()=>Re(e,"underline"),toggleStrike:()=>Re(e,"strike"),toggleHighlight:()=>Re(e,"highlight")}}import Yh from"@emotion/styled";var em=Yh("span")`
|
|
1150
1150
|
&.--bold {
|
|
1151
1151
|
font-weight: bold;
|
|
1152
1152
|
}
|
|
@@ -1169,7 +1169,7 @@
|
|
|
1169
1169
|
&.--highlight {
|
|
1170
1170
|
background-color: #ffff00;
|
|
1171
1171
|
}
|
|
1172
|
-
`;import{jsx as
|
|
1172
|
+
`;import{jsx as tg}from"react/jsx-runtime";var tm=y(e=>{e.marksPlugin=Zs(e),e.activeMarks={};let t=D({"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){let n=eg.isRange(e.selection)?e.selection.focus:e.selection;Zh.isPoint(n)&&(lr.after(e,n)===null||lr.isEnd(e,n,lr.end(e,[])))&&(e.activeMarks={})}},{name:"marks",editableProps:{renderLeaf:({leaf:n,children:i})=>tg(em,{className:Jh({"--bold":n.bold,"--italic":n.italic,"--underline":n.underline,"--strike":n.strike,"--highlight":n.highlight}),children:i}),onKeyDown:n=>!!t(n)}}});import{Editor as gt,Point as om}from"slate";function rm(e){if(!e.selection)return;let t=gt.parent(e,e.selection);mi(e,t[1])}var nm=y(e=>(e.normalizeAfterDelete=!0,{name:"normalize-after-delete",editor:{deleteBackward(){if(!e.selection)return!1;let t=gt.parent(e,e.selection);return om.equals(gt.start(e,t[1]),e.selection.anchor)?function(){rm(e)}:!1},deleteForward(){if(!e.selection)return!1;let t=gt.parent(e,e.selection);return om.equals(gt.end(e,t[1]),e.selection.anchor)?function(){rm(e)}:!1}},editableProps:{}}));import{Element as Vg}from"slate";import{Editor as am,Path as ng,Transforms as lm}from"slate";import{Editor as og,Path as rg}from"slate";function im(e,t,o){let r=[...og.positions(e,{at:t})],n=[],i,a,l;i=a=r[0],l=Ne(e,o,{at:i});for(let m of r){let c=Ne(e,o,{at:m});if(l&&c&&rg.equals(l,c)||l==null&&c==null)a=m;else{let d={anchor:i,focus:a};n.push(d),i=a=m,l=c}}let s={anchor:i,focus:a};return n.push(s),n.reverse(),n}function sm(e,t){if(e.selection==null)return!1;let[o,r]=am.edges(e,e.selection),n=Ne(e,t,{at:o}),i=Ne(e,t,{at:r});if(!n&&!i||n&&i&&ng.equals(n,i))return!1;let a=im(e,e.selection,t);return am.withoutNormalizing(e,()=>{for(let l of a)lm.delete(e,{at:l});lm.collapse(e,{edge:"start"})}),!0}import{Transforms as kg}from"slate";function B(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,s]=r,[m,c]=o;return{tableElement:i,tablePath:a,tableColumns:i.columns,rowElement:l,rowPath:s,rowIndex:s.slice(-1)[0],rowCount:i.children.length,cellElement:m,cellPath:c,cellIndex:c.slice(-1)[0],cellCount:l.children.length}}import{Editor as ig,Transforms as mm}from"slate";function qe(e,t=[{type:"table-content",children:[{text:""}]}]){return{type:"table-cell",children:t}}function cm(e,{offset:t=0,at:o=e.selection}={}){let r=B(e,{at:o});if(r===void 0)return!1;let{tableElement:n,tablePath:i,cellIndex:a}=r,l=a+t;return ig.withoutNormalizing(e,()=>{let{columns:s}=n,m=[...s];m.splice(l,0,s[l]),mm.setNodes(e,{columns:m},{at:i}),n.children.forEach((c,d)=>{mm.insertNodes(e,qe(l),{at:[...i,d,l]})})}),!0}import{Transforms as ag}from"slate";function lg(e){return{type:"table-row",children:[...Array(e).keys()].map(t=>qe(t))}}function sr(e,{at:t=e.selection,offset:o=0}={}){let r=B(e,{at:t});if(!r)return!1;let n=lg(r.tableElement.columns.length);return ag.insertNodes(e,n,{at:[...r.tablePath,r.rowIndex+o]}),!0}function pm(e,{at:t}={}){return sr(e,{at:t,offset:1})}import{Editor as mr,Element as sg,Path as mg,Transforms as bt}from"slate";function dm(e){return[...Array(e).keys()]}function cg(e){return dm(e).map(()=>({align:"left"}))}function pg(e,t){return{type:"table",columns:cg(e),children:dm(t).map(()=>dg(e))}}function dg(e){return{type:"table-row",children:[...Array(e).keys()].map(t=>qe(t))}}function um(e,t,o,{at:r=e.selection}={}){let n=pg(t,o);return ug(e,n,{at:r})}function ug(e,t,{at:o=e.selection}={}){if(o==null)return!1;let r=E(e,n=>sg.isElement(n)&&e.isMaster(n));if(r==null){let n=e.selection;mr.withoutNormalizing(e,()=>{bt.insertNodes(e,t,{at:o}),n&&(bt.select(e,n),bt.move(e))})}else{let n=mg.next(r[1]);mr.withoutNormalizing(e,()=>{bt.insertNodes(e,t,{at:n}),bt.select(e,mr.start(e,n))})}return!0}import{Path as fm}from"slate";function hm(e,t){let{cellIndex:o,rowIndex:r,rowCount:n,tablePath:i}=t;if(r<n-1)return G(e,[...i,r+1,o]),!0;try{return G(e,fm.next(i)),!0}catch{return!1}}function gm(e,t){let{cellIndex:o,rowIndex:r,tablePath:n}=t;if(r>0)return G(e,[...n,r-1,o]),!0;try{return ui(e,fm.previous(n)),!0}catch{return!1}}import{ReactEditor as fg}from"slate-react";function hg(){let e=window.getSelection();return e?e.getRangeAt(0).getBoundingClientRect():null}function gg(e,t){return fg.toDOMNode(e,t).getBoundingClientRect()}function cr(e,t){let o=hg();if(!o)return!1;let r=gg(e,t);return o.right<r.right&&o.left>r.left&&o.bottom<r.bottom&&o.top>r.top}function bm(e){let t=B(e);return t&&setTimeout(()=>{cr(e,t.cellElement)||hm(e,t)}),!1}function Em(e){let t=B(e);return t&&setTimeout(()=>{cr(e,t.cellElement)||gm(e,t)}),!1}import{Editor as xm,Transforms as pr}from"slate";import{Transforms as bg}from"slate";function Qe(e){let t=e.tablePlugin.getTableInfo();return t===void 0?!1:(bg.removeNodes(e,{at:t.tablePath}),!0)}function ym(e,{at:t=e.selection}={}){let o=B(e,{at:t});if(!o)return!1;let{tableElement:r,tablePath:n,rowIndex:i,cellIndex:a,cellCount:l}=o;if(l===1)return Qe(e);xm.withoutNormalizing(e,()=>{let s=[...r.columns];s.splice(a,1),pr.setNodes(e,{columns:s},{at:n}),r.children.forEach((c,d)=>{pr.removeNodes(e,{at:[...n,d,a]})});let m=xm.start(e,[...n,i,Math.min(a,l-2)]);pr.select(e,m)})}import{Editor as km,Transforms as vm}from"slate";function Tm(e,{at:t=e.selection}={}){let o=B(e,{at:t});return o===void 0?!1:o.rowCount===1?(Qe(e),!0):(km.withoutNormalizing(e,()=>{vm.removeNodes(e,{at:o.rowPath}),vm.select(e,km.start(e,[...o.tablePath,Math.min(o.rowIndex,o.rowCount-2),o.cellIndex]))}),!0)}import{Transforms as Eg}from"slate";function wm(e,t){let o=B(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}),Eg.setNodes(e,{columns:a},{at:n}),!0}import{Path as xg,Transforms as yg}from"slate";function Im(e){let t=B(e);if(!t)return!1;let{cellIndex:o,cellCount:r,rowIndex:n,rowCount:i,tablePath:a}=t;if(o<r-1)return G(e,[...a,n,o+1]),!0;if(n<i-1)return G(e,[...a,n+1,0]),!0;let l=xg.next(a);return yg.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:l}),G(e,l),!0}function Mm(e){let t=B(e);if(!t)return!1;let{cellIndex:o,cellCount:r,rowIndex:n,tablePath:i}=t;if(o>0)return G(e,[...i,n,o-1]),!0;if(n>0)return G(e,[...i,n-1,r-1]),!0}function Pm(e){let t=B(e);if(!t)return!1;let{cellIndex:o,cellCount:r,rowIndex:n,rowCount:i,tablePath:a}=t;return o<r-1?(G(e,[...a,n,o+1]),!0):n<i-1?(G(e,[...a,n+1,0]),!0):(pm(e),G(e,[...a,n+1,0]),!0)}function Cm(e){return{getTableInfo:u(B,e),insertTable:u(um,e),insertColumn:u(cm,e),insertRow:u(sr,e),removeTable:u(Qe,e),removeColumn:u(ym,e),removeRow:u(Tm,e),tabForward:u(Im,e),tabBackward:u(Mm,e),shiftEnterForward:u(Pm,e),selectCell:u(vg,e),down:u(bm,e),up:u(Em,e),setTableColumnAlign:u(wm,e)}}function vg(e,{at:t=e.selection}={}){let o=B(e,{at:t});if(o===void 0)return!1;let{cellPath:r}=o;return kg.select(e,r),!0}import{Transforms as Tg}from"slate";function ro(e,t){let o=!1;return t[0].children.forEach((n,i)=>{n.children.forEach((l,s)=>{(l.x!==s||l.y!==i)&&(Tg.setNodes(e,{x:s,y:i},{at:[...t[1],i,s]}),o=!0)})}),o}import{Editor as wg,Transforms as dr}from"slate";function Sm(e,t){let[o,r]=t;return o.children.length===1&&o.children[0].type==="table-content"?!1:(wg.withoutNormalizing(e,()=>{dr.insertNodes(e,{type:"table-content",children:[{text:"X"}]},{at:[...t[1],0]});for(let n=o.children.length;n>=0;n--)dr.mergeNodes(e,{at:[...r,n]});dr.delete(e,{at:{path:[...r,0,0],offset:0},unit:"character"})}),!0)}import{useEffect as Mg}from"react";import{ReactEditor as Pg,useSelected as Cg,useSlateStatic as Sg}from"slate-react";import io from"@emotion/styled";import me from"@emotion/styled";var Rm=me("div")`
|
|
1173
1173
|
position: absolute;
|
|
1174
1174
|
/**
|
|
1175
1175
|
* very slightly shaded
|
|
@@ -1193,7 +1193,7 @@
|
|
|
1193
1193
|
background: rgba(0, 0, 0, 0.15);
|
|
1194
1194
|
}
|
|
1195
1195
|
}
|
|
1196
|
-
`,
|
|
1196
|
+
`,Lm=me(Rm)`
|
|
1197
1197
|
cursor: pointer;
|
|
1198
1198
|
/**
|
|
1199
1199
|
* hangs out on top
|
|
@@ -1203,7 +1203,7 @@
|
|
|
1203
1203
|
right: 0;
|
|
1204
1204
|
height: 3em;
|
|
1205
1205
|
top: -3em;
|
|
1206
|
-
`,
|
|
1206
|
+
`,Bm=me(Rm)`
|
|
1207
1207
|
/**
|
|
1208
1208
|
* hangs out on left
|
|
1209
1209
|
*/
|
|
@@ -1211,7 +1211,7 @@
|
|
|
1211
1211
|
bottom: -1px;
|
|
1212
1212
|
width: 3em;
|
|
1213
1213
|
left: -3em;
|
|
1214
|
-
`,
|
|
1214
|
+
`,zm=me("div")`
|
|
1215
1215
|
position: absolute;
|
|
1216
1216
|
background: rgba(0, 0, 0, 0.05);
|
|
1217
1217
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
@@ -1223,7 +1223,7 @@
|
|
|
1223
1223
|
left: 0;
|
|
1224
1224
|
right: 0;
|
|
1225
1225
|
bottom: 0;
|
|
1226
|
-
`,
|
|
1226
|
+
`,Dm=me(zm)`
|
|
1227
1227
|
top: 50%;
|
|
1228
1228
|
border-bottom: none;
|
|
1229
1229
|
border-right: none;
|
|
@@ -1249,7 +1249,7 @@
|
|
|
1249
1249
|
|
|
1250
1250
|
/* border-top-left-radius: 0.5em;
|
|
1251
1251
|
border-top-right-radius: 0.5em; */
|
|
1252
|
-
|
|
1252
|
+
`,Nm=me(zm)`
|
|
1253
1253
|
left: 50%;
|
|
1254
1254
|
border-right: none;
|
|
1255
1255
|
border-bottom: none;
|
|
@@ -1275,7 +1275,7 @@
|
|
|
1275
1275
|
|
|
1276
1276
|
/* border-top-left-radius: 0.5em;
|
|
1277
1277
|
border-bottom-left-radius: 0.5em; */
|
|
1278
|
-
|
|
1278
|
+
`,$m=me("div")`
|
|
1279
1279
|
position: absolute;
|
|
1280
1280
|
font-size: 1.5em;
|
|
1281
1281
|
background: white;
|
|
@@ -1284,27 +1284,27 @@
|
|
|
1284
1284
|
svg {
|
|
1285
1285
|
display: block;
|
|
1286
1286
|
}
|
|
1287
|
-
`,
|
|
1287
|
+
`,je=me($m)`
|
|
1288
1288
|
color: #c0c0c0;
|
|
1289
1289
|
&:hover {
|
|
1290
1290
|
color: royalblue;
|
|
1291
1291
|
}
|
|
1292
|
-
`,no=
|
|
1292
|
+
`,no=me($m)`
|
|
1293
1293
|
color: #c0c0c0;
|
|
1294
1294
|
&:hover {
|
|
1295
1295
|
color: firebrick;
|
|
1296
1296
|
}
|
|
1297
|
-
`;var
|
|
1297
|
+
`;var Hm=io("table")`
|
|
1298
1298
|
border-collapse: collapse;
|
|
1299
1299
|
margin: 1em 0;
|
|
1300
1300
|
${({columns:e})=>e.map((t,o)=>`td:nth-of-type(${o+1}) { text-align: ${t.align}; }`).join(`
|
|
1301
1301
|
`)}
|
|
1302
|
-
`,
|
|
1302
|
+
`,Am=io("tr")`
|
|
1303
1303
|
position: relative;
|
|
1304
1304
|
&:first-of-type {
|
|
1305
1305
|
background: var(--table-head-bgcolor);
|
|
1306
1306
|
}
|
|
1307
|
-
`,
|
|
1307
|
+
`,Om=io("td")`
|
|
1308
1308
|
position: relative;
|
|
1309
1309
|
border-width: 1px;
|
|
1310
1310
|
border-style: solid;
|
|
@@ -1324,7 +1324,7 @@
|
|
|
1324
1324
|
&:last-of-type {
|
|
1325
1325
|
border-right-color: var(--table-border-color);
|
|
1326
1326
|
}
|
|
1327
|
-
`,
|
|
1327
|
+
`,Um=io("div")`
|
|
1328
1328
|
/**
|
|
1329
1329
|
* Smaller font inside a table than outside of it
|
|
1330
1330
|
*/
|
|
@@ -1336,7 +1336,7 @@
|
|
|
1336
1336
|
color: rgba(0, 0, 0, 0.6);
|
|
1337
1337
|
font-size: 0.875em; /* 14px */
|
|
1338
1338
|
}
|
|
1339
|
-
`;import{createContext as
|
|
1339
|
+
`;import{createContext as Ig}from"react";var ao=Ig({isSelected:!1});import{jsx as ur}from"react/jsx-runtime";function Fm({element:e,attributes:t,children:o}){let r=Sg(),n=Cg();return Mg(()=>{let i=Pg.findPath(r,e);ro(r,[e,i])},[]),ur(ao.Provider,{value:{isSelected:n},children:ur(Hm,{...t,columns:e.columns,children:ur("tbody",{children:o})})})}import{useContext as Hg}from"react";import{useSelected as Ag}from"slate-react";import{useCallback as fr,useRef as Rg,useState as Lg}from"react";import{useSlateStatic as Bg}from"slate-react";import{jsx as Z}from"react/jsx-runtime";var Xe=e=>Z("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:"1em",height:"1em",...e,children:Z("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"})}),lo=e=>Z("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",width:"1em",height:"1em",...e,children:Z("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"})}),so=()=>Z(x,{children:Z("path",{d:"M4 6h16M4 12h16M4 18h16"})}),Vm=()=>Z(x,{children:Z("path",{d:"M4 6h16M4 12h10M4 18h14"})}),Km=()=>Z(x,{children:Z("path",{d:"M4 6h16M8 12h8M6 18h12"})}),_m=()=>Z(x,{children:Z("path",{d:"M4 6h16M10 12h10M6 18h14"})});import{Fragment as zg,jsx as ce,jsxs as Wm}from"react/jsx-runtime";function Gm({cellElement:e}){let t=Bg(),o=H("column-menu"),r=Rg(null),[n,i]=Lg(!1),a=fr(()=>{i(!0)},[]),l=fr(()=>{i(!1)},[]),s=fr(()=>{o.layer&&o.close();let m=r.current;if(m===null)return;let c=[{icon:Vm,title:"\u5DE6\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"left"})}},{icon:Km,title:"\u4E2D\u592E\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"center"})}},{icon:_m,title:"\u53F3\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"right"})}}];o.open(()=>ce(He,{dest:m,items:c,close:o.close}))},[]);return Wm(Lm,{ref:r,contentEditable:!1,onClick:s,onMouseEnter:a,onMouseLeave:l,children:[ce(Dm,{className:"--tile",children:ce(so,{})}),n?Wm(zg,{children:[ce(no,{style:{top:0,left:"50%",marginLeft:"-0.5em"},onMouseDown:()=>t.tablePlugin.removeColumn({at:e}),children:ce(lo,{})}),ce(je,{style:{left:"-0.5em",top:0},onMouseDown:()=>t.tablePlugin.insertColumn({at:e}),children:ce(Xe,{})}),ce(je,{style:{right:"-0.5em",top:0},onMouseDown:()=>t.tablePlugin.insertColumn({at:e,offset:1}),children:ce(Xe,{})})]}):null]})}import{useState as Dg}from"react";import{useSlateStatic as Ng}from"slate-react";import{Fragment as $g,jsx as ke,jsxs as qm}from"react/jsx-runtime";function Qm({cellElement:e}){let t=Ng(),[o,r]=Dg(!1);return qm(Bm,{contentEditable:!1,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[ke(Nm,{className:"--tile",children:ke(so,{})}),o?qm($g,{children:[ke(no,{style:{top:"50%",left:"0.5em",marginTop:"-0.5em"},onMouseDown:()=>t.tablePlugin.removeRow({at:e}),children:ke(lo,{})}),ke(je,{style:{top:"-0.5em",left:"0.5em"},onMouseDown:()=>t.tablePlugin.insertRow({at:e}),children:ke(Xe,{})}),ke(je,{style:{bottom:"-0.5em",left:"0.5em"},onMouseDown:()=>t.tablePlugin.insertRow({at:e,offset:1}),children:ke(Xe,{})})]}):null]})}import jm from"@emotion/styled";var Xm=jm("div")`
|
|
1340
1340
|
position: absolute;
|
|
1341
1341
|
/**
|
|
1342
1342
|
* very slightly shaded
|
|
@@ -1368,7 +1368,7 @@
|
|
|
1368
1368
|
background: rgba(0, 0, 0, 0.15);
|
|
1369
1369
|
}
|
|
1370
1370
|
}
|
|
1371
|
-
`,
|
|
1371
|
+
`,Ym=jm("div")`
|
|
1372
1372
|
position: absolute;
|
|
1373
1373
|
left: 0;
|
|
1374
1374
|
top: 0;
|
|
@@ -1376,8 +1376,8 @@
|
|
|
1376
1376
|
height: 1.5em;
|
|
1377
1377
|
background: rgba(0, 0, 0, 0.05);
|
|
1378
1378
|
border-radius: 50%;
|
|
1379
|
-
`;import{jsx as
|
|
1380
|
-
`),!0):!1,isMaster(r){if(r.type==="table")return!0},normalizeNode:r=>{let[n]=r;if(!
|
|
1379
|
+
`;import{jsx as Jm}from"react/jsx-runtime";function Zm(){return Jm(Xm,{contentEditable:!1,children:Jm(Ym,{className:"--table-menu-tile"})})}import{jsx as hr,jsxs as Og}from"react/jsx-runtime";function ec({element:e,attributes:t,children:o}){let r=Hg(ao),n=Ag(),i=r.isSelected&&e.x===0&&e.y===0,a=r.isSelected&&e.x===0,l=r.isSelected&&e.y===0;return Og(Om,{className:n?"--selected":"",...t,"data-x":e.x,"data-y":e.y,children:[o,i?hr(Zm,{}):null,a?hr(Qm,{cellElement:e}):null,l?hr(Gm,{cellElement:e}):null]})}import{jsx as Ug}from"react/jsx-runtime";function tc({attributes:e,children:t}){return Ug(Um,{...e,children:t})}import{jsx as Fg}from"react/jsx-runtime";function oc({attributes:e,children:t}){return Fg(Am,{...e,children:t})}import{jsx as mo}from"react/jsx-runtime";function rc({element:e,attributes:t,children:o}){switch(e.type){case"table":return mo(Fm,{element:e,attributes:t,children:o});case"table-row":return mo(oc,{element:e,attributes:t,children:o});case"table-cell":return mo(ec,{element:e,attributes:t,children:o});case"table-content":return mo(tc,{element:e,attributes:t,children:o})}}var nc=y((e,t,{createPolicy:o})=>(e.supportsTable=!0,e.tablePlugin=Cm(e),o({name:"table",editor:{deleteBackward:()=>we(e,"table-cell"),deleteForward:()=>ni(e,"table-cell"),deleteFragment:()=>sm(e,["table-cell"]),insertBreak:()=>E(e,"table-cell")?(e.insertText(`
|
|
1380
|
+
`),!0):!1,isMaster(r){if(r.type==="table")return!0},normalizeNode:r=>{let[n]=r;if(!Vg.isElement(n))return!1;switch(n.type){case"table":return ro(e,r);case"table-cell":return Sm(e,r)}return!1}},editableProps:{renderElement:rc,onKeyDown:D({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 Gg}from"@emotion/react";import{css as Kg}from"@emotion/react";var _g=`
|
|
1381
1381
|
--blue-50: rgb(239 246 255);
|
|
1382
1382
|
--blue-100: rgb(219 234 254);
|
|
1383
1383
|
--blue-200: rgb(191 219 254);
|
|
@@ -1388,7 +1388,7 @@
|
|
|
1388
1388
|
--blue-700: rgb(29 78 216);
|
|
1389
1389
|
--blue-800: rgb(30 64 175);
|
|
1390
1390
|
--blue-900: rgb(30 58 138);
|
|
1391
|
-
`,
|
|
1391
|
+
`,Wg=`
|
|
1392
1392
|
--shade-50: rgb(250 250 250);
|
|
1393
1393
|
--shade-100: rgb(244 244 245);
|
|
1394
1394
|
--shade-200: rgb(228 228 231);
|
|
@@ -1399,11 +1399,11 @@
|
|
|
1399
1399
|
--shade-700: rgb(63 63 70);
|
|
1400
1400
|
--shade-800: rgb(39 39 42);
|
|
1401
1401
|
--shade-900: rgb(24 24 27);
|
|
1402
|
-
`,
|
|
1402
|
+
`,ic=Kg`
|
|
1403
1403
|
:root {
|
|
1404
1404
|
/* Tailwind Colors */
|
|
1405
|
-
${
|
|
1406
|
-
${
|
|
1405
|
+
${_g}
|
|
1406
|
+
${Wg}
|
|
1407
1407
|
/* Select Colors */
|
|
1408
1408
|
--select-color: var(--blue-400);
|
|
1409
1409
|
--select-editor-color: var(--blue-200);
|
|
@@ -1425,14 +1425,14 @@
|
|
|
1425
1425
|
/* Horizontal Rule Colors */
|
|
1426
1426
|
--hr-color: var(--shade-300);
|
|
1427
1427
|
}
|
|
1428
|
-
`;import{Fragment as
|
|
1428
|
+
`;import{Fragment as qg,jsx as ac,jsxs as Qg}from"react/jsx-runtime";var lc=y(e=>(e.theme=!0,{name:"theme",editor:{},renderEditable:({attributes:t,Editable:o})=>Qg(qg,{children:[ac(Gg,{styles:ic}),ac(o,{...t})]}),editableProps:{}}));import{clsx as zb}from"clsx";import{useCallback as Db,useRef as Nb}from"react";import{Editor as $b,Transforms as Hb}from"slate";import{ReactEditor as Ab,useFocused as Ob,useSlateStatic as Ub}from"slate-react";import{clsx as jg}from"clsx";import{useCallback as pc,useRef as Xg,useState as Yg}from"react";import{ReactEditor as Jg,useSlateStatic as Zg}from"slate-react";import gr from"@emotion/styled";var sc=gr(X)`
|
|
1429
1429
|
padding: 0.5em;
|
|
1430
|
-
`,
|
|
1430
|
+
`,mc=gr("div")`
|
|
1431
1431
|
display: grid;
|
|
1432
1432
|
grid-template-columns: repeat(5, 1.75em);
|
|
1433
1433
|
grid-template-rows: 1.5em;
|
|
1434
1434
|
/* grid-gap: 1px; */
|
|
1435
|
-
`,
|
|
1435
|
+
`,cc=gr("div")`
|
|
1436
1436
|
background: var(--shade-100);
|
|
1437
1437
|
height: 1.5em;
|
|
1438
1438
|
border-radius: 0.125em;
|
|
@@ -1442,11 +1442,11 @@
|
|
|
1442
1442
|
&.--selected {
|
|
1443
1443
|
background: var(--blue-100);
|
|
1444
1444
|
}
|
|
1445
|
-
`;import{Fragment as
|
|
1445
|
+
`;import{Fragment as eb,jsx as co,jsxs as tb}from"react/jsx-runtime";function dc(e){return[...Array(e).keys()]}function uc({dest:e,close:t}){let[o,r]=Yg({x:0,y:0}),n=Zg(),i=Xg(null),a=j({src:i,dest:e},({dest:d})=>({left:d.left-8,top:d.top+d.height})),l=dc(5).map(d=>d+1),s=dc(5).map(d=>d+1),m=pc((d,p)=>{r({x:d,y:p})},[r]),c=pc((d,p)=>{n.tablePlugin.insertTable(d,p),Jg.focus(n),t()},[n]);return tb(eb,{children:[co(be,{close:t}),co(sc,{ref:i,style:a,children:co(mc,{onMouseLeave:()=>m(0,0),children:l.map(d=>s.map(p=>{let b=p<=o.x&&d<=o.y;return co(cc,{className:jg({"--selected":b}),onMouseEnter:()=>m(p,d),onClick:()=>c(p,d)},`${p},${d}`)}))})})]})}import wb from"lodash.throttle";import{useEffect as Ib,useRef as Mb,useState as Pb}from"react";import{useSlateStatic as Cb}from"slate-react";import{jsx as h,jsxs as Ye}from"react/jsx-runtime";var fc=()=>h(x,{children:h("path",{d:"M7 12h10M7 5v14M17 5v14M15 19h4M15 5h4M5 19h4M5 5h4"})}),hc=()=>h(x,{className:"--more-icon",width:"0.5em",viewBox:"0 0 12 24",children:h("path",{d:"m2 12 4 4 4-4"})}),gc=()=>h(x,{width:"0.5em",viewBox:"6 0 12 24",children:h("path",{d:"M9 12h6M12 9v6"})}),bc=()=>h(x,{children:h("path",{d:"M19 18v-8l-2 2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"})}),Ec=()=>h(x,{children:h("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"})}),xc=()=>h(x,{children:h("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 yc=()=>h(x,{children:h("path",{d:"M8 18V6h2l6 9V6h2v12h-2l-6-9v9H8z"})}),br=()=>h(x,{children:h("path",{d:"M7 5h6a3.5 3.5 0 0 1 0 7H7zM13 12h1a3.5 3.5 0 0 1 0 7H7v-7"})}),kc=()=>h(x,{children:h("path",{d:"M11 5h6M7 19h6M14 5l-4 14"})});var po=()=>Ye(x,{children:[h("path",{d:"M10 14a3.5 3.5 0 0 0 5 0l4-4a3.5 3.5 0 0 0-5-5l-.5.5"}),h("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 Er=()=>h(x,{children:h("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"})}),vc=()=>Ye(x,{children:[h("path",{d:"M10 9l4 3-4 3"}),h("path",{d:"M16 9l4 3-4 3"})]});var Tc=()=>h(x,{children:h("path",{d:"M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01"})}),wc=()=>Ye(x,{children:[h("rect",{x:4,y:4,width:16,height:16,rx:2}),h("path",{d:"M4 10h16M10 4v16"})]}),Ic=()=>h(x,{children:h("path",{d:"m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16"})}),Mc=()=>h(x,{children:h("path",{d:"M9 8L5 12L9 16M15 8L19 12L15 16"})}),Pc=()=>Ye(x,{children:[h("path",{d:"M15 8h.01"}),h("rect",{x:4,y:4,width:16,height:16,rx:3}),h("path",{d:"m4 15 4-4a3 5 0 0 1 3 0l5 5"}),h("path",{d:"m14 14 1-1a3 5 0 0 1 3 0l2 2"})]});var Cc=()=>h(x,{children:h("path",{d:"M12 5v14M5 12h14"})}),Sc=()=>h(x,{children:h("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"})}),Rc=()=>h(x,{children:h("path",{d:"M7 5v5a5 5 0 0 0 10 0V5M5 19h14"})});var Lc=()=>Ye(x,{children:[h("path",{d:"m9 11 3 3 8-8"}),h("path",{d:"M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9"})]}),xr=()=>h(x,{children:h("path",{d:"M11 6h9M11 12h9M12 18h8M4 16a2 2 0 1 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6"})}),Bc=()=>h(x,{children:h("path",{d:"M4 6h16M8 12h12M12 18h8M7 12l-3-3M7 12l-3 3"})}),zc=()=>h(x,{children:h("path",{d:"M4 6h16M8 12h12M12 18h8M4 12l3-3M4 12l3 3"})});var Dc=()=>h(x,{children:h("path",{d:"M18 6L6 18M6 6l12 12"})}),Nc=()=>Ye(x,{children:[h("path",{d:"M4 20h4l10.5-10.5a2.828 2.828 0 1 0-4-4L4 16v4"}),h("path",{d:"M13.5 6.5l4 4"}),h("path",{d:"m14 19 6-6M18 15l2 2M5 21h4"})]});var yr=[{icon:Bc,title:f("increaseDepth"),hotkey:"tab",action:e=>e.list.increaseDepth(),active:e=>e.list.canIncreaseDepth()},{icon:zc,title:f("decreaseDepth"),hotkey:"shift+tab",action:e=>e.list.decreaseDepth(),active:e=>e.list.canDecreaseDepth()}],$c=[{icon:yc,title:f("normal"),hotkey:"super+0",action:e=>{e.collapsibleParagraph.convertParagraph()}},{icon:bc,title:f("heading1"),hotkey:"super+1",action:e=>e.heading.convertHeading(1,!0),active:e=>e.heading.isHeadingActive(1)},{icon:Ec,title:f("heading2"),hotkey:"super+2",action:e=>e.heading.convertHeading(2,!0),active:e=>e.heading.isHeadingActive(2)},{icon:xc,title:f("heading3"),hotkey:"super+3",action:e=>e.heading.convertHeading(3,!0),active:e=>e.heading.isHeadingActive(3)}],Hc=[...$c],kr=[{icon:fc,title:f("paragraphStyle"),more:!0,children:$c}];import{useState as pe,useRef as Oc,useEffect as rb,useCallback as vr}from"react";import{useSlateStatic as nb}from"slate-react";import ob from"@emotion/styled";var Ac=ob(X)`
|
|
1446
1446
|
width: 18em;
|
|
1447
1447
|
padding: 0;
|
|
1448
1448
|
overflow: hidden;
|
|
1449
|
-
`;import{Fragment as
|
|
1449
|
+
`;import{Fragment as ib,jsx as U,jsxs as Q}from"react/jsx-runtime";function Uc({dest:e,close:t}){let o=nb(),r=Oc(void 0),n=Oc(null),[i,a]=pe({x:0,y:0}),l=vr(($,O)=>{a(de=>({x:de.x+$,y:de.y+O}))},[]),s=o.wysimark?.imageDialogState,m=!!o.wysimark?.onImageChange,[c,d]=pe(s?.url??""),[p,b]=pe(s?.alt??""),[g,v]=pe(s?.title??""),[C,P]=pe(!1),[w,S]=pe(s?.imageSource??(m?"file":"url")),[M,N]=pe(!1),[T,I]=pe(s?.uploadedUrl??""),[k,z]=pe(""),ve=vr($=>{let O=$.target.value;b(O),C||v(O)},[C]),bp=vr($=>{v($.target.value),P(!0)},[]);rb(()=>{o.wysimark&&(o.wysimark.imageDialogState={url:c,alt:p,title:g,imageSource:w,uploadedUrl:T})},[c,p,g,w,T]);let Br=()=>{o.wysimark&&(o.wysimark.imageDialogState=void 0)},bo=j({src:r,dest:e},({src:$,dest:O},de)=>Nt($,de,{left:O.left-16,top:O.top+O.height},{margin:16})),Ep={...bo,left:bo.left+i.x,top:bo.top+i.y};function xp($){$.preventDefault();let O=w==="file"?T:c;O.trim()!==""&&(o.image.insertImageFromUrl(O,p,g),Br(),t())}function yp(){Br(),t()}async function kp($){let O=$.target.files?.[0];if(!(!O||!o.wysimark?.onImageChange)){z(O.name),N(!0);try{let de=await o.wysimark.onImageChange(O);I(de)}catch(de){console.error("Failed to upload image:",de)}finally{N(!1)}}}function vp(){n.current?.click()}let Eo=w==="file"?T.trim()===""||M:c.trim()==="";return Q(ib,{children:[U(be,{close:t}),Q(Ac,{ref:r,style:Ep,children:[U(xe,{onDrag:l}),Q("form",{onSubmit:$=>void xp($),style:{padding:"8px"},children:[m&&Q("div",{style:{marginBottom:"12px"},children:[Q("label",{style:{display:"inline-flex",alignItems:"center",marginRight:"16px",cursor:"pointer"},children:[U("input",{type:"radio",name:"imageSource",value:"file",checked:w==="file",onChange:()=>S("file"),style:{marginRight:"4px"}}),f("imageSourceFile")]}),Q("label",{style:{display:"inline-flex",alignItems:"center",cursor:"pointer"},children:[U("input",{type:"radio",name:"imageSource",value:"url",checked:w==="url",onChange:()=>S("url"),style:{marginRight:"4px"}}),f("imageSourceUrl")]})]}),w==="url"?Q("div",{style:{marginBottom:"8px"},children:[U("label",{style:{display:"block",marginBottom:"4px"},children:f("imageUrlRequired")}),U("input",{type:"text",value:c,onChange:$=>d($.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"})]}):Q("div",{style:{marginBottom:"8px"},children:[U("input",{ref:n,type:"file",accept:"image/*",onChange:$=>void kp($),style:{display:"none"}}),U("button",{type:"button",onClick:vp,disabled:M,style:{padding:"8px 16px",backgroundColor:M?"#ccc":"#0078d4",color:M?"#666":"white",border:"none",borderRadius:"4px",cursor:M?"not-allowed":"pointer",marginBottom:"8px",fontWeight:"bold"},children:M?f("uploading"):f("selectFile")}),T&&Q("div",{style:{marginTop:"8px",padding:"8px",backgroundColor:"var(--shade-100)",borderRadius:"4px"},children:[Q("div",{style:{color:"green",marginBottom:"4px"},children:["\u2713 ",f("uploadComplete")]}),k&&U("div",{style:{fontSize:"12px",color:"var(--shade-500)"},children:k})]})]}),Q("div",{style:{marginBottom:"8px"},children:[U("label",{style:{display:"block",marginBottom:"4px"},children:f("altText")}),U("input",{type:"text",value:p,onChange:ve,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:f("imageDescription")})]}),Q("div",{style:{marginBottom:"8px"},children:[U("label",{style:{display:"block",marginBottom:"4px"},children:f("title")}),U("input",{type:"text",value:g,onChange:bp,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:f("imageTitle")})]}),Q("div",{style:{display:"flex",gap:"8px"},children:[U("button",{type:"submit",disabled:Eo,style:{display:"flex",alignItems:"center",padding:"8px 16px",backgroundColor:Eo?"#ccc":"#0078d4",color:"white",border:"none",borderRadius:"4px",cursor:Eo?"not-allowed":"pointer",fontWeight:"bold"},children:f("register")}),U("button",{type:"button",onClick:yp,style:{padding:"8px 16px",backgroundColor:"var(--shade-100)",color:"var(--shade-700)",border:"1px solid var(--shade-300)",borderRadius:"4px",cursor:"pointer"},children:f("cancel")})]})]})]})]})}import{isHotkey as ab}from"is-hotkey";import{useCallback as uo,useMemo as lb,useRef as sb,useState as Et}from"react";import{Editor as mb,Range as cb}from"slate";import{ReactEditor as pb,useSlateStatic as db}from"slate-react";import Fc from"@emotion/styled";var Tr=Fc("div")`
|
|
1450
1450
|
/* Center vertically and horizontally */
|
|
1451
1451
|
display: flex;
|
|
1452
1452
|
align-items: center;
|
|
@@ -1470,9 +1470,9 @@
|
|
|
1470
1470
|
font-size: 1.25em;
|
|
1471
1471
|
stroke-width: 2px;
|
|
1472
1472
|
}
|
|
1473
|
-
`,
|
|
1473
|
+
`,Vc=Fc("div")`
|
|
1474
1474
|
font-size: 0.875em;
|
|
1475
1475
|
margin-top: 0.5em;
|
|
1476
1476
|
color: var(--shade-500);
|
|
1477
1477
|
line-height: 1.375;
|
|
1478
|
-
`;import{Fragment as gb,jsx as ee,jsxs as Et}from"react/jsx-runtime";var hb=sb("enter");function Wc({dest:e,close:t}){let o=fb(),r=cb(null),[n,i]=bt({x:0,y:0}),a=uo((I,x)=>{i(R=>({x:R.x+I,y:R.y+x}))},[]),l=j({src:r,dest:e},({src:I,dest:x},R)=>Nt(I,R,{left:x.left-12,top:x.top+x.height},{margin:16})),s={...l,left:l.left+n.x,top:l.top+n.y},c=mb(()=>{let{selection:I}=o;return I&&!db.isCollapsed(I)?pb.string(o,I):""},[]),[m,d]=bt(""),[p,b]=bt(c),[g,T]=bt(c),[C,P]=bt(!1),w=()=>{let I=p.trim()||m,x=g.trim()||void 0;o.anchor.insertLink(m,I,{select:!0,title:x}),ub.focus(o),t()},S=uo(I=>{d(I.currentTarget.value)},[d]),M=uo(I=>{let x=I.currentTarget.value;b(x),C||T(x)},[b,T,C]),H=uo(I=>{T(I.currentTarget.value),P(!0)},[T]),k=I=>{hb(I)&&(I.preventDefault(),I.stopPropagation(),w())};return Et(gb,{children:[ee(be,{close:t}),Et(Di,{ref:r,style:s,children:[ee(xe,{onDrag:a}),Et("div",{style:{padding:"0.75em"},children:[ee($t,{children:ee(Ht,{type:"text",value:m,autoFocus:!0,placeholder:f("linkUrl"),onChange:S,onKeyDown:k})}),ee($t,{style:{marginTop:"0.5em"},children:ee(Ht,{type:"text",value:p,placeholder:f("linkText"),onChange:M,onKeyDown:k})}),Et($t,{style:{marginTop:"0.5em"},children:[ee(Ht,{type:"text",value:g,placeholder:f("tooltipText"),onChange:H,onKeyDown:k}),Et(wr,{onClick:w,children:[ee(po,{}),ee(bc,{})]}),ee(wr,{onClick:t,style:{marginLeft:"0.25em",background:"var(--shade-400)"},children:ee(Nc,{})})]}),ee(_c,{children:f("tooltipHint")})]})]})]})}var Ir=[{icon:po,title:f("insertLink"),more:!0,hotkey:"mod+k",Component:Wc},{icon:Cc,title:f("insertImageFromUrl"),more:!0,Component:Vc},{icon:Ic,title:f("insertTable"),more:!0,Component:fc}],Gc=Ir,qc=Ir,Qc=[{icon:Sc,title:f("insert"),more:!0,children:Ir}];import{Editor as bb}from"slate";function Ye(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 jc=[{icon:Er,title:f("bold"),hotkey:"mod+b",action:e=>e.marksPlugin.toggleBold(),active:e=>Ye(e).bold},{icon:vc,title:f("italic"),hotkey:"mod+i",action:e=>e.marksPlugin.toggleItalic(),active:e=>Ye(e).italic},{icon:Rc,title:f("strike"),hotkey:"super+k",action:e=>e.marksPlugin.toggleStrike(),active:e=>Ye(e).strike},{icon:Mc,title:f("inlineCode"),hotkey:"mod+j",action:e=>e.inlineCode.toggleInlineCode(),active:e=>Ye(e).code},{icon:Lc,title:f("underline"),hotkey:"mod+u",action:e=>e.marksPlugin.toggleUnderline(),active:e=>Ye(e).underline},{icon:$c,title:f("highlight"),hotkey:"mod+h",action:e=>e.marksPlugin.toggleHighlight(),active:e=>Ye(e).highlight,show:e=>!e.wysimark.disableHighlight}],Mr=jc,Xc=[{icon:Er,title:f("format"),more:!0,children:jc}];var Yc=[{icon:wc,title:f("bulletList"),hotkey:"super+8",action:e=>e.list.convertUnorderedList(!0)},{icon:yr,title:f("numberedList"),hotkey:"super+7",action:e=>e.list.convertOrderedList(!0)},{icon:Bc,title:f("checkList"),hotkey:"super+9",action:e=>e.list.convertTaskList(!0),show:e=>!e.wysimark.disableTaskList}],Pr=[...Yc,"divider",...kr],Jc=[{icon:yr,title:f("list"),more:!0,children:[...Yc,"divider",...kr]}];import{Editor as Zc,Transforms as fo}from"slate";var ep=[{icon:xr,title:f("quote"),hotkey:"super+.",action:e=>{e.blockQuotePlugin.isActive()?e.blockQuotePlugin.outdent():e.blockQuotePlugin.indent()},active:e=>e.blockQuotePlugin.isActive()},{icon:Tc,title:f("increaseQuoteDepth"),action:e=>e.blockQuotePlugin.increaseDepth(),active:e=>e.blockQuotePlugin.canIncreaseDepth()},{icon:Pc,title:f("codeBlock"),action:e=>{let{selection:t}=e,o=E(e,"code-block");if(o){let[,r]=o,n=Zc.string(e,r);fo.removeNodes(e,{at:r}),fo.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=Zc.string(e,t);fo.delete(e),fo.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}],Cr=ep,tp=[{icon:xr,title:f("quote"),more:!0,children:ep}];var Eb=[...Ac,"divider",...Pr,"divider",...Mr,"divider",...Gc,"divider",...Cr],xb=[...vr,"divider",...Pr,"divider",...Mr,"divider",...qc,"divider",...Cr],op=[...vr,"divider",...Jc,"divider",...Xc,"divider",...Qc,"divider",...tp],rp=op;var Je=[Eb,xb,op];import{clsx as yb}from"clsx";import{useCallback as Sr,useRef as kb}from"react";import{ReactEditor as vb,useSlate as Tb,useSlateStatic as wb}from"slate-react";import{jsx as ho,jsxs as Ib}from"react/jsx-runtime";function np({item:e}){let t=wb(),o=Tb(),r=e.active?e.active(o):!1,n=kb(null),i=Y({title:e.title,hotkey:()=>e.hotkey?zt(e.hotkey):void 0}),a=A("menu"),l=Sr(()=>{let m=n.current,d=e.children,p=e.Component;m&&(d?a.open(()=>ho($e,{dest:m,items:d,close:a.close})):p&&a.open(()=>ho(p,{dest:m,close:a.close})))},[e]),s=Sr(()=>{if(e.action){e.action(t),vb.focus(t);return}a.layer?a.close():l()},[a.layer,e]),c=Sr(m=>{i.onMouseEnter(m),a.layer&&l()},[a.layer]);return Ib(Gi,{"data-item-type":"button",ref:n,onMouseEnter:c,onMouseLeave:i.onMouseLeave,onClick:s,className:yb({"--active":r&&!So(e?.title)?.includes("Depth"),"--more":e.more,"--disabled":!r&&So(e?.title)?.includes("Depth")}),children:[ho(e.icon,{}),e.more?ho(gc,{}):null]})}import{jsx as Ze}from"react/jsx-runtime";function Lb({item:e}){let t=Rb();return e==="divider"?Ze(_i,{"data-item-type":"divider",children:Ze(Wi,{})}):(e.show===void 0?!0:e.show(t))?Ze(np,{item:e}):null}function Bb(e){let t=e.querySelector("[data-item-type=button]"),o=e.querySelector("[data-item-type=divider]");if(!t||!o)throw new Error("Button or divider not found");return{toolbar:e.offsetWidth,button:t.offsetWidth,divider:o.offsetWidth}}function zb(e,t,o){let r=0;for(let n of e)r+=n==="divider"?o:t;return r}var Db=48;function ip(){let e=Cb(null),[t,o]=Sb(rp);return Pb(()=>{let r=Mb(()=>{let i=e.current;if(!i)throw new Error("Toolbar not found");let a=Bb(i);for(let l=0;l<Je.length-1;l++)if(zb(Je[l],a.button,a.divider)<a.toolbar-Db){o(Je[l]);return}o(Je[Je.length-1])},100,{trailing:!0}),n=setTimeout(r,0);return window.addEventListener("resize",r),()=>{clearTimeout(n),window.removeEventListener("resize",r)}},[]),Ze(Vi,{ref:e,children:Ze(Ki,{children:t.map((r,n)=>Ze(Lb,{item:r},typeof r=="string"?n:r.title))})})}import{jsx as Rr,jsxs as Kb}from"react/jsx-runtime";function ap({attributes:e,Editable:t}){let o=Hb(null),r=Vb(),n=Fb(),i=$b(a=>{a.target===a.currentTarget&&(Ob.select(r,Ab.end(r,[])),Ub.focus(r))},[r]);return Rr(Pi,{children:Kb(Ai,{ref:o,className:Nb({"--focused":n}),style:{height:r.toolbar.height,minHeight:r.toolbar.minHeight,maxHeight:r.toolbar.maxHeight},onClick:i,children:[Rr(ip,{}),Rr(t,{as:Hi,...e,style:{overflowY:"auto"}})]})})}var lp=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:ap,editableProps:{}}));import{Editor as Lr,Node as _b,Path as Wb,Transforms as Gb}from"slate";var sp=v(e=>(e.allowTrailingBlock=!0,{name:"trailing-block",editor:{normalizeNode:t=>{if(!Lr.isEditor(t[0]))return!1;let o=[e.children.length-1],r=_b.child(e,e.children.length-1);return(Lr.hasBlocks(e,r)||Lr.isVoid(e,r))&&Gb.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:Wb.next(o)}),!0}}}));import{Transforms as qb}from"slate";function Qb(e,t){let o=ue(t),r=he(o);qb.insertNodes(e,r)}function mp(e){return{pasteMarkdown:u(Qb,e)}}var cp=v(e=>(e.pasteMarkdown=mp(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),ve(t),!0}}}));import{jsx as Xb}from"react/jsx-runtime";function jb(e){let t={...e.attributes,style:{...e.attributes.style,width:void 0,maxWidth:void 0}};return Xb("span",{...t,children:e.children})}var pp=v((e,t,{createPolicy:o})=>(e.placeholder={},o({name:"placeholder",editableProps:{renderPlaceholder:jb}})));var dp=[cp,ns,da,fs,om,Ts,dl,$l,Vl,ic,xs,sp,Ys,ga,im,Yl,sc,lp,ml,pp];var Yb=Zn(dp),{withSink:up,SinkEditable:fp}=Yb;import{useState as Jb}from"react";import{createEditor as Zb,Editor as eE,Transforms as tE}from"slate";import{withHistory as oE}from"slate-history";import{withReact as rE}from"slate-react";function Br({authToken:e,height:t,minHeight:o,maxHeight:r,disableRawMode:n,disableTaskList:i,disableCodeBlock:a,disableHighlight:l}={}){let[s]=Jb(()=>{let c=Zb(),m=up(rE(oE(c)),{toolbar:{height:t,minHeight:o,maxHeight:r,showUploadButtons:!!e},image:{}});return m.convertElement.addConvertElementType("paragraph"),c.wysimark={disableRawMode:n??!0,disableTaskList:i,disableCodeBlock:a,disableHighlight:l??!0},c.getMarkdown=()=>nt(c.children),c.setMarkdown=d=>{let p=ue(d),b=he(p);c.children=b,c.selection=null,tE.select(c,eE.start(c,[0]))},m});return s}import{jsx as te,jsxs as gp}from"react/jsx-runtime";function mE({children:e,attributes:t}){return te("span",{...t,children:e})}function bp({editor:e,value:t,onChange:o,throttleInMs:r=1e3,placeholder:n,className:i,style:a,onImageChange:l}){let[s,c]=hp(!1),[m,d]=hp(t),p=go(!1),b=go(void 0),g=go(void 0),T=go(null),C=xt(nE(()=>{let x=nt(e.children);e.wysimark.prevValue={markdown:x,children:e.children},o(x)},r,{leading:!1,trailing:!0}),[e,o,r]),P=xt(()=>{g.current!==e.children&&(g.current=e.children,C())},[C]);if(!s){let x=T.current??t;if(T.current!==null&&(T.current=null),e.wysimark.prevValue==null||b.current==null){p.current=!0;let R=ue(x),de=he(R);e.children=de,g.current=b.current=de,e.wysimark.prevValue={markdown:x,children:de}}else if(x!==e.wysimark.prevValue.markdown){p.current=!0;let R=ue(x),de=he(R);e.children=de,e.selection=null,aE.select(e,iE.start(e,[0]))}}let w=xt(()=>{navigator.userAgent.toLowerCase().includes("firefox")&&lE.focus(e)},[e]),S=xt(()=>{C.flush()},[C]),M=x=>{let R=x.target.value;d(R),o(R)},H=xt(()=>{let x=e.getMarkdown();d(x)},[e]),k=()=>{s?(T.current=m,e.wysimark.prevValue=void 0,b.current=void 0,g.current=void 0):H(),c(!s)};e.wysimark.onImageChange=l,e.wysimark.onChange=o;let I=e.wysimark.disableRawMode;return gp("div",{style:{position:"relative"},children:[!I&&te("div",{style:{position:"absolute",top:"5px",right:"25px",zIndex:10},children:te("div",{onClick:k,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?f("switchToVisualEditor"):f("switchToRawMarkdown"),role:"button",tabIndex:0,onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&(k(),x.preventDefault())},children:gp("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[te("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"}),te("path",{d:"M7 15V9L10 12L13 9V15",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),te("path",{d:"M16 9H18V15",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),te("path",{d:"M16 12H18",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})}),te("div",{style:{display:s?"block":"none",textAlign:"center"},children:te("textarea",{value:et(m).replace(/ /g,""),onChange:M,placeholder:n,className:i,style:{width:"calc(100% - 60px)",margin:"0 auto",minHeight:"200px",padding:"20px",fontFamily:"monospace",fontSize:"14px",color:"#333",lineHeight:"1.5",backgroundColor:"#fff",border:"1px solid #ddd",borderRadius:"4px",...a}})}),te("div",{style:{display:s?"none":"block"},children:te(sE,{editor:e,initialValue:b.current,onChange:P,children:te(fp,{renderLeaf:mE,onMouseDown:w,onBlur:S,placeholder:n,className:i,style:a})})})]})}import{jsx as Ep}from"react/jsx-runtime";function gE({standaloneOptions:{onChange:e,placeholder:t,className:o,...r},standaloneMethodsRef:n}){let[i,a]=fE(r.initialMarkdown||""),l=uE(i),s=Br(r);l.current=i,dE(n,()=>({getMarkdown(){return l.current},setMarkdown(m){l.current=m,a(m)}}),[l,a]);let c=pE(m=>{l.current=m,a(m),e?.(m)},[s]);return Ep(bp,{editor:s,value:i,className:o||"",onChange:c,placeholder:t})}function EA(e,t){let o=cE(),r=hE(e);return r.render(Ep(gE,{standaloneMethodsRef:o,standaloneOptions:t})),{unmount(){try{r.unmount()}catch{}},getMarkdown(){return o.current?.getMarkdown()||""},setMarkdown(n){o.current?.setMarkdown(n)}}}export{bp as Editable,EA as createWysimark,Br as useEditor};
|
|
1478
|
+
`;import{Fragment as fb,jsx as ee,jsxs as xt}from"react/jsx-runtime";var ub=ab("enter");function Kc({dest:e,close:t}){let o=db(),r=sb(null),[n,i]=Et({x:0,y:0}),a=uo((I,k)=>{i(z=>({x:z.x+I,y:z.y+k}))},[]),l=j({src:r,dest:e},({src:I,dest:k},z)=>Nt(I,z,{left:k.left-12,top:k.top+k.height},{margin:16})),s={...l,left:l.left+n.x,top:l.top+n.y},m=lb(()=>{let{selection:I}=o;return I&&!cb.isCollapsed(I)?mb.string(o,I):""},[]),[c,d]=Et(""),[p,b]=Et(m),[g,v]=Et(m),[C,P]=Et(!1),w=()=>{let I=p.trim()||c,k=g.trim()||void 0;o.anchor.insertLink(c,I,{select:!0,title:k}),pb.focus(o),t()},S=uo(I=>{d(I.currentTarget.value)},[d]),M=uo(I=>{let k=I.currentTarget.value;b(k),C||v(k)},[b,v,C]),N=uo(I=>{v(I.currentTarget.value),P(!0)},[v]),T=I=>{ub(I)&&(I.preventDefault(),I.stopPropagation(),w())};return xt(fb,{children:[ee(be,{close:t}),xt(zi,{ref:r,style:s,children:[ee(xe,{onDrag:a}),xt("div",{style:{padding:"0.75em"},children:[ee($t,{children:ee(Ht,{type:"text",value:c,autoFocus:!0,placeholder:f("linkUrl"),onChange:S,onKeyDown:T})}),ee($t,{style:{marginTop:"0.5em"},children:ee(Ht,{type:"text",value:p,placeholder:f("linkText"),onChange:M,onKeyDown:T})}),xt($t,{style:{marginTop:"0.5em"},children:[ee(Ht,{type:"text",value:g,placeholder:f("tooltipText"),onChange:N,onKeyDown:T}),xt(Tr,{onClick:w,children:[ee(po,{}),ee(gc,{})]}),ee(Tr,{onClick:t,style:{marginLeft:"0.25em",background:"var(--shade-400)"},children:ee(Dc,{})})]}),ee(Vc,{children:f("tooltipHint")})]})]})]})}var wr=[{icon:po,title:f("insertLink"),more:!0,hotkey:"mod+k",Component:Kc},{icon:Pc,title:f("insertImageFromUrl"),more:!0,Component:Uc},{icon:wc,title:f("insertTable"),more:!0,Component:uc}],_c=wr,Wc=wr,Gc=[{icon:Cc,title:f("insert"),more:!0,children:wr}];import{Editor as hb}from"slate";function Je(e){let t=hb.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 qc=[{icon:br,title:f("bold"),hotkey:"mod+b",action:e=>e.marksPlugin.toggleBold(),active:e=>Je(e).bold},{icon:kc,title:f("italic"),hotkey:"mod+i",action:e=>e.marksPlugin.toggleItalic(),active:e=>Je(e).italic},{icon:Sc,title:f("strike"),hotkey:"super+k",action:e=>e.marksPlugin.toggleStrike(),active:e=>Je(e).strike},{icon:Ic,title:f("inlineCode"),hotkey:"mod+j",action:e=>e.inlineCode.toggleInlineCode(),active:e=>Je(e).code},{icon:Rc,title:f("underline"),hotkey:"mod+u",action:e=>e.marksPlugin.toggleUnderline(),active:e=>Je(e).underline},{icon:Nc,title:f("highlight"),hotkey:"mod+h",action:e=>e.marksPlugin.toggleHighlight(),active:e=>Je(e).highlight,show:e=>!e.wysimark.disableHighlight}],Ir=qc,Qc=[{icon:br,title:f("format"),more:!0,children:qc}];var jc=[{icon:Tc,title:f("bulletList"),hotkey:"super+8",action:e=>e.list.convertUnorderedList(!0)},{icon:xr,title:f("numberedList"),hotkey:"super+7",action:e=>e.list.convertOrderedList(!0)},{icon:Lc,title:f("checkList"),hotkey:"super+9",action:e=>e.list.convertTaskList(!0),show:e=>!e.wysimark.disableTaskList}],Mr=[...jc,"divider",...yr],Xc=[{icon:xr,title:f("list"),more:!0,children:[...jc,"divider",...yr]}];import{Editor as Yc,Transforms as fo}from"slate";var Jc=[{icon:Er,title:f("quote"),hotkey:"super+.",action:e=>{e.blockQuotePlugin.isActive()?e.blockQuotePlugin.outdent():e.blockQuotePlugin.indent()},active:e=>e.blockQuotePlugin.isActive()},{icon:vc,title:f("increaseQuoteDepth"),action:e=>e.blockQuotePlugin.increaseDepth(),active:e=>e.blockQuotePlugin.canIncreaseDepth()},{icon:Mc,title:f("codeBlock"),action:e=>{let{selection:t}=e,o=E(e,"code-block");if(o){let[,r]=o,n=Yc.string(e,r);fo.removeNodes(e,{at:r}),fo.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=Yc.string(e,t);fo.delete(e),fo.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}],Pr=Jc,Zc=[{icon:Er,title:f("quote"),more:!0,children:Jc}];var gb=[...Hc,"divider",...Mr,"divider",...Ir,"divider",..._c,"divider",...Pr],bb=[...kr,"divider",...Mr,"divider",...Ir,"divider",...Wc,"divider",...Pr],ep=[...kr,"divider",...Xc,"divider",...Qc,"divider",...Gc,"divider",...Zc],tp=ep;var Ze=[gb,bb,ep];import{clsx as Eb}from"clsx";import{useCallback as Cr,useRef as xb}from"react";import{ReactEditor as yb,useSlate as kb,useSlateStatic as vb}from"slate-react";import{jsx as ho,jsxs as Tb}from"react/jsx-runtime";function op({item:e}){let t=vb(),o=kb(),r=e.active?e.active(o):!1,n=xb(null),i=Y({title:e.title,hotkey:()=>e.hotkey?zt(e.hotkey):void 0}),a=H("menu"),l=Cr(()=>{let c=n.current,d=e.children,p=e.Component;c&&(d?a.open(()=>ho(He,{dest:c,items:d,close:a.close})):p&&a.open(()=>ho(p,{dest:c,close:a.close})))},[e]),s=Cr(()=>{if(e.action){e.action(t),yb.focus(t);return}a.layer?a.close():l()},[a.layer,e]),m=Cr(c=>{i.onMouseEnter(c),a.layer&&l()},[a.layer]);return Tb(Wi,{"data-item-type":"button",ref:n,onMouseEnter:m,onMouseLeave:i.onMouseLeave,onClick:s,className:Eb({"--active":r&&!Co(e?.title)?.includes("Depth"),"--more":e.more,"--disabled":!r&&Co(e?.title)?.includes("Depth")}),children:[ho(e.icon,{}),e.more?ho(hc,{}):null]})}import{jsx as et}from"react/jsx-runtime";function Sb({item:e}){let t=Cb();return e==="divider"?et(Ki,{"data-item-type":"divider",children:et(_i,{})}):(e.show===void 0?!0:e.show(t))?et(op,{item:e}):null}function Rb(e){let t=e.querySelector("[data-item-type=button]"),o=e.querySelector("[data-item-type=divider]");if(!t||!o)throw new Error("Button or divider not found");return{toolbar:e.offsetWidth,button:t.offsetWidth,divider:o.offsetWidth}}function Lb(e,t,o){let r=0;for(let n of e)r+=n==="divider"?o:t;return r}var Bb=48;function rp(){let e=Mb(null),[t,o]=Pb(tp);return Ib(()=>{let r=wb(()=>{let i=e.current;if(!i)throw new Error("Toolbar not found");let a=Rb(i);for(let l=0;l<Ze.length-1;l++)if(Lb(Ze[l],a.button,a.divider)<a.toolbar-Bb){o(Ze[l]);return}o(Ze[Ze.length-1])},100,{trailing:!0}),n=setTimeout(r,0);return window.addEventListener("resize",r),()=>{clearTimeout(n),window.removeEventListener("resize",r)}},[]),et(Fi,{ref:e,children:et(Vi,{children:t.map((r,n)=>et(Sb,{item:r},typeof r=="string"?n:r.title))})})}import{jsx as Sr,jsxs as Fb}from"react/jsx-runtime";function np({attributes:e,Editable:t}){let o=Nb(null),r=Ub(),n=Ob(),i=Db(a=>{a.target===a.currentTarget&&(Hb.select(r,$b.end(r,[])),Ab.focus(r))},[r]);return Sr(Mi,{children:Fb(Hi,{ref:o,className:zb({"--focused":n}),style:{height:r.toolbar.height,minHeight:r.toolbar.minHeight,maxHeight:r.toolbar.maxHeight},onClick:i,children:[Sr(rp,{}),Sr(t,{as:$i,...e,style:{overflowY:"auto"}})]})})}var ip=y((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:np,editableProps:{}}));import{Editor as Rr,Node as Vb,Path as Kb,Transforms as _b}from"slate";var ap=y(e=>(e.allowTrailingBlock=!0,{name:"trailing-block",editor:{normalizeNode:t=>{if(!Rr.isEditor(t[0]))return!1;let o=[e.children.length-1],r=Vb.child(e,e.children.length-1);return(Rr.hasBlocks(e,r)||Rr.isVoid(e,r))&&_b.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:Kb.next(o)}),!0}}}));import{Transforms as Wb}from"slate";function Gb(e,t){let o=ue(t),r=he(o);Wb.insertNodes(e,r)}function lp(e){return{pasteMarkdown:u(Gb,e)}}var sp=y(e=>(e.pasteMarkdown=lp(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),Te(t),!0}}}));import{jsx as Qb}from"react/jsx-runtime";function qb(e){let t={...e.attributes,style:{...e.attributes.style,width:void 0,maxWidth:void 0}};return Qb("span",{...t,children:e.children})}var mp=y((e,t,{createPolicy:o})=>(e.placeholder={},o({name:"placeholder",editableProps:{renderPlaceholder:qb}})));var cp=[sp,rs,pa,us,tm,vs,pl,Nl,Fl,nc,Es,ap,Xs,ha,nm,Xl,lc,ip,sl,mp];var jb=Jn(cp),{withSink:pp,SinkEditable:dp}=jb;import{useState as Xb}from"react";import{createEditor as Yb,Editor as Jb,Transforms as Zb}from"slate";import{withHistory as eE}from"slate-history";import{withReact as tE}from"slate-react";function Lr({authToken:e,height:t,minHeight:o,maxHeight:r,disableRawMode:n,disableTaskList:i,disableCodeBlock:a,disableHighlight:l}={}){let[s]=Xb(()=>{let m=Yb(),c=pp(tE(eE(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=()=>it(m.children),m.setMarkdown=d=>{let p=ue(d),b=he(p);m.children=b,m.selection=null,Zb.select(m,Jb.start(m,[0]))},c});return s}import{jsx as te,jsxs as fp}from"react/jsx-runtime";function lE({children:e,attributes:t}){return te("span",{...t,children:e})}function hp({editor:e,value:t,onChange:o,throttleInMs:r=1e3,placeholder:n,className:i,style:a,onImageChange:l}){let[s,m]=up(!1),[c,d]=up(t),p=go(!1),b=go(void 0),g=go(void 0),v=go(null),C=yt(oE(()=>{let k=it(e.children);e.wysimark.prevValue={markdown:k,children:e.children},o(k)},r,{leading:!1,trailing:!0}),[e,o,r]),P=yt(()=>{g.current!==e.children&&(g.current=e.children,C())},[C]);if(!s){let k=v.current??t;if(v.current!==null&&(v.current=null),e.wysimark.prevValue==null||b.current==null){p.current=!0;let z=ue(k),ve=he(z);e.children=ve,g.current=b.current=ve,e.wysimark.prevValue={markdown:k,children:ve}}else if(k!==e.wysimark.prevValue.markdown){p.current=!0;let z=ue(k),ve=he(z);e.children=ve,e.selection=null,nE.select(e,rE.start(e,[0]))}}let w=yt(()=>{navigator.userAgent.toLowerCase().includes("firefox")&&iE.focus(e)},[e]),S=yt(()=>{C.flush()},[C]),M=k=>{let z=k.target.value;d(z),o(z)},N=yt(()=>{let k=e.getMarkdown();d(k)},[e]),T=()=>{s?(v.current=c,e.wysimark.prevValue=void 0,b.current=void 0,g.current=void 0):N(),m(!s)};e.wysimark.onImageChange=l,e.wysimark.onChange=o;let I=e.wysimark.disableRawMode;return fp("div",{style:{position:"relative"},children:[!I&&te("div",{style:{position:"absolute",top:"5px",right:"25px",zIndex:10},children:te("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?f("switchToVisualEditor"):f("switchToRawMarkdown"),role:"button",tabIndex:0,onKeyDown:k=>{(k.key==="Enter"||k.key===" ")&&(T(),k.preventDefault())},children:fp("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[te("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"}),te("path",{d:"M7 15V9L10 12L13 9V15",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),te("path",{d:"M16 9H18V15",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),te("path",{d:"M16 12H18",stroke:s?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})}),te("div",{style:{display:s?"block":"none",textAlign:"center"},children:te("textarea",{value:tt(c).replace(/ /g,""),onChange:M,placeholder:n,className:i,style:{width:"calc(100% - 60px)",margin:"0 auto",minHeight:"200px",padding:"20px",fontFamily:"monospace",fontSize:"14px",color:"#333",lineHeight:"1.5",backgroundColor:"#fff",border:"1px solid #ddd",borderRadius:"4px",...a}})}),te("div",{style:{display:s?"none":"block"},children:te(aE,{editor:e,initialValue:b.current,onChange:P,children:te(dp,{renderLeaf:lE,onMouseDown:w,onBlur:S,placeholder:n,className:i,style:a})})})]})}import{jsx as gp}from"react/jsx-runtime";function fE({standaloneOptions:{onChange:e,placeholder:t,className:o,...r},standaloneMethodsRef:n}){let[i,a]=dE(r.initialMarkdown||""),l=pE(i),s=Lr(r);l.current=i,cE(n,()=>({getMarkdown(){return l.current},setMarkdown(c){l.current=c,a(c)}}),[l,a]);let m=mE(c=>{l.current=c,a(c),e?.(c)},[s]);return gp(hp,{editor:s,value:i,className:o||"",onChange:m,placeholder:t})}function gA(e,t){let o=sE(),r=uE(e);return r.render(gp(fE,{standaloneMethodsRef:o,standaloneOptions:t})),{unmount(){try{r.unmount()}catch{}},getMarkdown(){return o.current?.getMarkdown()||""},setMarkdown(n){o.current?.setMarkdown(n)}}}export{hp as Editable,gA as createWysimark,Lr as useEditor};
|