wysimark-lite 0.25.3 → 0.25.4
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 +127 -119
- package/dist/index.mjs +140 -156
- package/dist/index.mjs.map +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,38 +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=[],a=0,l=/<[a-zA-Z][^>]*>[\s\S]*?<\/[a-zA-Z]+>|<[a-zA-Z][^>]*\/?>|<\/[a-zA-Z]+>/g;n=n.replace(l,s=>(i.push(s),`__HTML_BLOCK_${a++}__`));let m=/(https?:\/\/[^\s]+)/g;n=n.replace(m,s=>s.replace(/\//g,"\\/"));for(let s=0;s<i.length;s++)n=n.replace(`__HTML_BLOCK_${s}__`,i[s]);for(let s=0;s<o.length;s++)n=n.replace(`__MARKDOWN_LINK_${s}__`,o[s]);return n}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 _r(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 Kr=["bold","italic","underline","strike","highlight","code"];function Wr(e){return e.slice().sort((t,o)=>Kr.indexOf(t)-Kr.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(_p)}}function _p(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 Kp}from"mdast-util-definitions";import{SKIP as cn,visit as Wp}from"unist-util-visit";function pn(e){let t=Kp(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:"",m=t(l);if(m&&a!==null&&typeof r=="number"){let s=i.type==="imageReference"?{type:"image",url:m.url,title:m.title,alt:i.alt}:{type:"link",url:m.url,title:m.title,children:i.children};return a.children[r]=s,[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 m=e[a-1],s=e[a+1];if(Sn({parent:t,node:l,prevNode:m,nextNode:s,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("$")?K(e.children,t,t):typeof e.title=="string"&&e.title.length>0?`[${K(e.children,t,t)}](${e.href} "${ed(e.title)}")`:`[${K(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 K(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 m=nd(r,a,o),s=wo(i.nextOrderedMarks,m);n.push(_r(s.remove)),i=s}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"),K(e.children)}var Mo=4;function An(e,t){switch(e.type){case"anchor":return`[${K(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)} ${K(e.children)}
|
|
16
16
|
|
|
17
17
|
`;case"horizontal-rule":return`---
|
|
18
18
|
|
|
19
|
-
`;case"paragraph":return`${
|
|
19
|
+
`;case"paragraph":return`${K(e.children)}
|
|
20
20
|
|
|
21
|
-
`;case"table":return
|
|
22
|
-
`;case"ordered-list-item":return`${" ".repeat(e.depth*Mo)}${t[e.depth]}. ${
|
|
23
|
-
`;case"task-list-item":{let o=" ".repeat(e.depth*Mo),r=
|
|
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)}- ${K(e.children)}
|
|
22
|
+
`;case"ordered-list-item":return`${" ".repeat(e.depth*Mo)}${t[e.depth]}. ${K(e.children)}
|
|
23
|
+
`;case"task-list-item":{let o=" ".repeat(e.depth*Mo),r=K(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
|
+
|
|
30
|
+
`)}function cd(e){return e.replace(/(\n{4,})/g,t=>{let o=t.length,r=Math.floor((o-2)/2);return`
|
|
31
|
+
|
|
32
|
+
`+Array(r).fill("\\").join(`
|
|
33
|
+
|
|
34
|
+
`)+`
|
|
35
|
+
|
|
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)},_n=(e,t)=>{let o=It(t,"onKeyUp");return Mt(o,e)},Kn=(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")`
|
|
29
37
|
-webkit-font-smoothing: antialiased;
|
|
30
38
|
-moz-osx-font-smoothing: grayscale;
|
|
31
39
|
font-size: 16px;
|
|
32
40
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
33
41
|
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
34
42
|
box-sizing: border-box;
|
|
35
|
-
`;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:_n(e.onKeyUp,o),onPaste:Kn(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 m of n){let c=m.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,m=[];for(let s of n){let c=s.editor?.[t]?.(...a);if(typeof c=="function")m.push(c);else if(c===!0){l=!0;break}}l||r(...a),m.forEach(s=>s())}}function 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,s=>Pd.isElement(s)&&e.convertElement.isConvertibleElement(s));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 m={anchor:So.start(e,n[1]),focus:r.focus};return Sd.delete(e,{at:m}),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 m=Ud.string(a);r!==m&&Od.withoutNormalizing(e,()=>{let s=a.children.length;for(let c=s-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 _d}from"slate";function yi(e,{at:t}){let o=E(e,"anchor",{at:t});return o?(_d.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 Kd}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 Kd.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")`
|
|
36
44
|
/**
|
|
37
45
|
* Link colors
|
|
38
46
|
*/
|
|
@@ -51,10 +59,10 @@
|
|
|
51
59
|
&.--selected {
|
|
52
60
|
background: var(--blue-50);
|
|
53
61
|
}
|
|
54
|
-
`,No=
|
|
62
|
+
`,No=Bt("span")`
|
|
55
63
|
display: inline;
|
|
56
64
|
padding: 0 1px 0 0;
|
|
57
|
-
`,
|
|
65
|
+
`,x1=Bt("span")`
|
|
58
66
|
position: fixed;
|
|
59
67
|
width: 100px;
|
|
60
68
|
background: var(--shade-50);
|
|
@@ -63,14 +71,14 @@
|
|
|
63
71
|
border: 1px solid var(--shade-400);
|
|
64
72
|
overflow: hidden;
|
|
65
73
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
66
|
-
`,
|
|
74
|
+
`,y1=Bt("span")`
|
|
67
75
|
position: absolute;
|
|
68
76
|
left: 0;
|
|
69
77
|
top: 0;
|
|
70
78
|
height: 14px;
|
|
71
79
|
background: var(--blue-400);
|
|
72
80
|
transition: width 100ms linear;
|
|
73
|
-
`;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")`
|
|
74
82
|
position: fixed;
|
|
75
83
|
user-select: none;
|
|
76
84
|
top: 0;
|
|
@@ -79,7 +87,7 @@
|
|
|
79
87
|
bottom: 0;
|
|
80
88
|
overflow-y: auto;
|
|
81
89
|
background: rgba(0, 0, 0, 0.01);
|
|
82
|
-
`;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)`
|
|
83
91
|
position: absolute;
|
|
84
92
|
z-index: 1000;
|
|
85
93
|
border: 1px solid var(--table-border-color);
|
|
@@ -105,14 +113,14 @@
|
|
|
105
113
|
* even if we did, it looks better this way.
|
|
106
114
|
*/
|
|
107
115
|
/* transition: left 100ms, top 100ms; */
|
|
108
|
-
`;var
|
|
116
|
+
`;var zi=Uo(X)`
|
|
109
117
|
width: 24em;
|
|
110
118
|
padding: 0;
|
|
111
119
|
overflow: hidden;
|
|
112
|
-
|
|
120
|
+
`,$t=Uo("div")`
|
|
113
121
|
display: flex;
|
|
114
122
|
gap: 0.5em;
|
|
115
|
-
|
|
123
|
+
`,Ht=Uo("input")`
|
|
116
124
|
flex: 1 1 auto;
|
|
117
125
|
padding: 0.5em 0.75em;
|
|
118
126
|
border-radius: 0.25em;
|
|
@@ -123,7 +131,7 @@
|
|
|
123
131
|
&:focus {
|
|
124
132
|
outline: 2px solid var(--blue-200);
|
|
125
133
|
}
|
|
126
|
-
`;import
|
|
134
|
+
`;import Ni from"@emotion/styled";import su from"@emotion/styled";var Di=su(at)`
|
|
127
135
|
border: 1px solid var(--shade-300); /* shade-300 */
|
|
128
136
|
border-radius: 0.5em;
|
|
129
137
|
color: rgb(39 39 42); /* shade-800 */
|
|
@@ -139,9 +147,9 @@
|
|
|
139
147
|
*/
|
|
140
148
|
outline: 2px solid var(--select-editor-color) !important;
|
|
141
149
|
}
|
|
142
|
-
`;var
|
|
150
|
+
`;var $i=Ni("div")`
|
|
143
151
|
padding: 2em;
|
|
144
|
-
`,
|
|
152
|
+
`,Hi=Ni(Di)`
|
|
145
153
|
/**
|
|
146
154
|
* We use this to make sure the top of the container is rounded even though
|
|
147
155
|
* the toolbar inside is square. We keep the toolbar square so that as the
|
|
@@ -162,7 +170,7 @@
|
|
|
162
170
|
overflow-y: clip;
|
|
163
171
|
display: flex;
|
|
164
172
|
flex-direction: column;
|
|
165
|
-
`;import Fo from"@emotion/styled";var
|
|
173
|
+
`;import Fo from"@emotion/styled";var Ai=Fo(X)`
|
|
166
174
|
position: absolute;
|
|
167
175
|
padding-top: 0.5em;
|
|
168
176
|
padding-bottom: 0.5em;
|
|
@@ -172,7 +180,7 @@
|
|
|
172
180
|
* Prevent clicks from stealing focus from the editor
|
|
173
181
|
*/
|
|
174
182
|
user-select: none;
|
|
175
|
-
`,
|
|
183
|
+
`,Oi=Fo("div")`
|
|
176
184
|
display: flex;
|
|
177
185
|
z-index: 10;
|
|
178
186
|
padding: 0 1em 0 1.5em;
|
|
@@ -212,12 +220,12 @@
|
|
|
212
220
|
&:hover {
|
|
213
221
|
background: var(--blue-50);
|
|
214
222
|
}
|
|
215
|
-
`,
|
|
223
|
+
`,Ui=Fo("div")`
|
|
216
224
|
height: 1px;
|
|
217
225
|
background: var(--shade-200);
|
|
218
226
|
margin-top: 0.25em;
|
|
219
227
|
margin-bottom: 0.25em;
|
|
220
|
-
`;import ct from"@emotion/styled";var
|
|
228
|
+
`;import ct from"@emotion/styled";var Fi=ct("div")`
|
|
221
229
|
/**
|
|
222
230
|
* This flex rule applies to the "display: flex;" of the parent container.
|
|
223
231
|
* Ensures the toolbar does not shrink or grow vertically.
|
|
@@ -256,22 +264,22 @@
|
|
|
256
264
|
3em + 1px
|
|
257
265
|
); // $ToolbarDivider height + border-bottom of 1px above
|
|
258
266
|
overflow: hidden;
|
|
259
|
-
`,
|
|
267
|
+
`,Vi=ct("div")`
|
|
260
268
|
display: inline-block;
|
|
261
269
|
height: calc(
|
|
262
270
|
3em + 1px
|
|
263
271
|
); // $ToolbarDivider height + border-bottom of 1px above
|
|
264
|
-
`,
|
|
272
|
+
`,_i=ct("div")`
|
|
265
273
|
display: inline-block;
|
|
266
274
|
height: 3em;
|
|
267
275
|
padding: 0 0.375em;
|
|
268
|
-
`,
|
|
276
|
+
`,Ki=ct("div")`
|
|
269
277
|
display: inline-block;
|
|
270
278
|
background: var(--shade-300);
|
|
271
279
|
opacity: 50%;
|
|
272
280
|
width: 1px;
|
|
273
281
|
height: 3em;
|
|
274
|
-
`,
|
|
282
|
+
`,Wi=ct("div")`
|
|
275
283
|
box-sizing: border-box;
|
|
276
284
|
position: relative;
|
|
277
285
|
display: inline-block;
|
|
@@ -321,7 +329,7 @@
|
|
|
321
329
|
margin-left: -0.25em;
|
|
322
330
|
opacity: 0.375;
|
|
323
331
|
}
|
|
324
|
-
`;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")`
|
|
325
333
|
position: fixed;
|
|
326
334
|
z-index: 10;
|
|
327
335
|
-webkit-font-smoothing: antialiased;
|
|
@@ -337,12 +345,12 @@
|
|
|
337
345
|
background: var(--shade-700);
|
|
338
346
|
border-radius: 0.25em;
|
|
339
347
|
white-space: nowrap;
|
|
340
|
-
`,
|
|
348
|
+
`,Eu=qi("span")`
|
|
341
349
|
margin-left: 0.75em;
|
|
342
350
|
font-size: 0.875em;
|
|
343
351
|
font-weight: 500;
|
|
344
352
|
color: var(--shade-400);
|
|
345
|
-
`;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")`
|
|
346
354
|
position: fixed;
|
|
347
355
|
z-index: 10;
|
|
348
356
|
width: 0;
|
|
@@ -350,7 +358,7 @@
|
|
|
350
358
|
border-left: 0.375em solid transparent;
|
|
351
359
|
border-right: 0.375em solid transparent;
|
|
352
360
|
border-top: 0.375em solid var(--shade-700);
|
|
353
|
-
`;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 m=l.currentTarget;e!==void 0&&(r.open(()=>Yi(Qi,{title:e,hotkey:typeof t=="function"?t():t,dest:m})),n.open(()=>Yi(ji,{dest:m})))},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")`
|
|
354
362
|
margin: 0.5em 0;
|
|
355
363
|
&:first-of-type {
|
|
356
364
|
margin-top: 0;
|
|
@@ -358,15 +366,15 @@
|
|
|
358
366
|
&:last-of-type {
|
|
359
367
|
margin-bottom: 0;
|
|
360
368
|
}
|
|
361
|
-
`,
|
|
369
|
+
`,Ot=Ee("div")`
|
|
362
370
|
font-size: 0.9375em;
|
|
363
371
|
margin-bottom: 0.25em;
|
|
364
372
|
color: var(--shade-700);
|
|
365
|
-
`,
|
|
373
|
+
`,_o=Ee("div")`
|
|
366
374
|
font-size: 0.875em;
|
|
367
375
|
margin-top: 0.25em;
|
|
368
376
|
color: var(--shade-500);
|
|
369
|
-
`,
|
|
377
|
+
`,Ji=Ee("input")`
|
|
370
378
|
box-sizing: border-box;
|
|
371
379
|
width: 100%;
|
|
372
380
|
height: 6em;
|
|
@@ -380,7 +388,7 @@
|
|
|
380
388
|
&:focus {
|
|
381
389
|
outline: 2px solid var(--blue-200);
|
|
382
390
|
}
|
|
383
|
-
`,
|
|
391
|
+
`,Ko=Ee("input")`
|
|
384
392
|
box-sizing: border-box;
|
|
385
393
|
width: 100%;
|
|
386
394
|
padding: 0.5em 0.75em;
|
|
@@ -392,7 +400,7 @@
|
|
|
392
400
|
&:focus {
|
|
393
401
|
outline: 2px solid var(--blue-200);
|
|
394
402
|
}
|
|
395
|
-
`,
|
|
403
|
+
`,Zi=Ee("div")`
|
|
396
404
|
/* Center vertically and horizontally */
|
|
397
405
|
display: flex;
|
|
398
406
|
align-items: center;
|
|
@@ -406,7 +414,7 @@
|
|
|
406
414
|
font-size: 1.25em;
|
|
407
415
|
stroke-width: 2px;
|
|
408
416
|
}
|
|
409
|
-
`,
|
|
417
|
+
`,ea=Ee(Zi)`
|
|
410
418
|
color: var(--blue-50);
|
|
411
419
|
background: var(--blue-500);
|
|
412
420
|
outline: 0px solid white;
|
|
@@ -418,7 +426,7 @@
|
|
|
418
426
|
svg {
|
|
419
427
|
color: var(--blue-200);
|
|
420
428
|
}
|
|
421
|
-
`,
|
|
429
|
+
`,ta=Ee(Zi)`
|
|
422
430
|
color: var(--shade-500);
|
|
423
431
|
background: var(--shade-200);
|
|
424
432
|
outline: 0px solid white;
|
|
@@ -430,7 +438,7 @@
|
|
|
430
438
|
svg {
|
|
431
439
|
color: var(--shade-400);
|
|
432
440
|
}
|
|
433
|
-
`;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`
|
|
434
442
|
display: flex;
|
|
435
443
|
align-items: center;
|
|
436
444
|
justify-content: center;
|
|
@@ -445,17 +453,17 @@
|
|
|
445
453
|
&:active {
|
|
446
454
|
cursor: grabbing;
|
|
447
455
|
}
|
|
448
|
-
`,
|
|
456
|
+
`,Mu=ra.div`
|
|
449
457
|
width: 32px;
|
|
450
458
|
height: 4px;
|
|
451
459
|
background: #ccc;
|
|
452
460
|
border-radius: 2px;
|
|
453
|
-
`;function xe({onDrag:e}){let t=
|
|
461
|
+
`;function xe({onDrag:e}){let t=wu(null),o=Ie((s,c)=>{t.current={x:s,y:c}},[]),r=Ie((s,c)=>{if(!t.current)return;let d=s-t.current.x,p=c-t.current.y;t.current={x:s,y:c},e(d,p)},[e]),n=Ie(()=>{t.current=null},[]),i=Ie(s=>{s.preventDefault(),o(s.clientX,s.clientY);let c=p=>{r(p.clientX,p.clientY)},d=()=>{n(),document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",d)};document.addEventListener("mousemove",c),document.addEventListener("mouseup",d)},[o,r,n]),a=Ie(s=>{if(s.touches.length!==1)return;let c=s.touches[0];o(c.clientX,c.clientY)},[o]),l=Ie(s=>{if(s.touches.length!==1)return;let c=s.touches[0];r(c.clientX,c.clientY)},[r]),m=Ie(()=>{n()},[n]);return oa(Iu,{onMouseDown:i,onTouchStart:a,onTouchMove:l,onTouchEnd:m,children:oa(Mu,{})})}import{jsx as V,jsxs as pt}from"react/jsx-runtime";var Lu=Pu(X)`
|
|
454
462
|
position: absolute;
|
|
455
463
|
width: 20em;
|
|
456
464
|
padding: 0;
|
|
457
465
|
overflow: hidden;
|
|
458
|
-
`;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})),m={...l,left:l.left+n.x,top:l.top+n.y},s=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;s.anchor.editLink({href:T,text:I,title:k},{at:o}),M()},[M]);return pt(Lu,{contentEditable:!1,style:m,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(Ko,{type:"text",value:p,onChange:w}),V(_o,{children:f("linkTextHint")})]}),pt(Ae,{children:[V(Ot,{children:f("tooltipText")}),V(Ko,{type:"text",value:g,onChange:S}),V(_o,{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)`
|
|
459
467
|
position: absolute;
|
|
460
468
|
width: 20em;
|
|
461
469
|
z-index: 1000;
|
|
@@ -539,10 +547,10 @@
|
|
|
539
547
|
height: 1.25em;
|
|
540
548
|
stroke-width: 1.5;
|
|
541
549
|
}
|
|
542
|
-
`;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}),m=Vt((P,w)=>{l(S=>({x:S.x+P,y:S.y+w}))},[]),s=j({destAnchor:e,destStartEdge:t},({destAnchor:P,destStartEdge:w})=>({left:w.left,top:P.top+P.height})),c={...s,left:s.left+a.x,top:s.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:m}),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 _t,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 m=n.current,s=r.current;if(!m||!s)return;let c=a.selection&&a.selection.anchor.offset!==a.selection.focus.offset;i&&!c?setTimeout(()=>{l.open(()=>_t(Ft,{destAnchor:m,destStartEdge:s,element:e}))}):l.close()},[i,e]),Fu(Pi,{className:Hu({"--selected":i}),href:e.href,target:e.target,...t,ref:n,children:[_t(No,{ref:r,contentEditable:!1}),_t("span",{children:o}),_t(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 Kt,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=Kt.node(e,e.selection),o=Kt.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=Kt.node(e,e.selection),o=Kt.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 _u,Transforms as ga}from"slate";import{ReactEditor as Ku}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=_u.end(e,[]);ga.select(e,i),Ku.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")`
|
|
543
551
|
display: block;
|
|
544
552
|
margin: 1em 0;
|
|
545
|
-
`;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")`
|
|
546
554
|
/**
|
|
547
555
|
* In order for this container to wrap tightly (without space), it needs to be
|
|
548
556
|
* an "inline-block". If it's just an "inline" we end up with spacing
|
|
@@ -554,7 +562,7 @@
|
|
|
554
562
|
* so that we can place UI controls for the image in and around the image.
|
|
555
563
|
*/
|
|
556
564
|
position: relative;
|
|
557
|
-
`,
|
|
565
|
+
`,va=ya("img")`
|
|
558
566
|
/**
|
|
559
567
|
* TODO:
|
|
560
568
|
*
|
|
@@ -616,7 +624,7 @@
|
|
|
616
624
|
.--dragging > & {
|
|
617
625
|
transition: border-radius 250ms;
|
|
618
626
|
}
|
|
619
|
-
`;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")`
|
|
620
628
|
position: absolute;
|
|
621
629
|
display: block;
|
|
622
630
|
/**
|
|
@@ -643,7 +651,7 @@
|
|
|
643
651
|
/* background: green; */
|
|
644
652
|
width: 1.25em;
|
|
645
653
|
}
|
|
646
|
-
`,
|
|
654
|
+
`,Ma=wa("span")`
|
|
647
655
|
position: absolute;
|
|
648
656
|
display: block;
|
|
649
657
|
background: var(--select-color);
|
|
@@ -736,7 +744,7 @@
|
|
|
736
744
|
.--small > & > .--bar-right {
|
|
737
745
|
left: calc(50% + 1px);
|
|
738
746
|
}
|
|
739
|
-
`;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
|
|
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),m=o.width,s=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:s});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:s});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":m<s&&m>c,"--left":m>=s&&m>c,"--right":m<=c&&m<s,"--dragging":n,"--small":m<=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")`
|
|
740
748
|
position: absolute;
|
|
741
749
|
/**
|
|
742
750
|
* The status appears with a 1px gap from the outline.
|
|
@@ -758,7 +766,7 @@
|
|
|
758
766
|
|
|
759
767
|
/* force numbers to be monospaced for better alignment */
|
|
760
768
|
font-variant-numeric: tabular-nums;
|
|
761
|
-
`;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")`
|
|
762
770
|
position: absolute;
|
|
763
771
|
/**
|
|
764
772
|
* On top of the image +1 for space inside outline, +2 for outline,
|
|
@@ -789,7 +797,7 @@
|
|
|
789
797
|
}
|
|
790
798
|
display: flex;
|
|
791
799
|
gap: 0.25em;
|
|
792
|
-
`;import
|
|
800
|
+
`;import Da from"@emotion/styled";var Gt=Da("span")`
|
|
793
801
|
/* font-size: 0.75em; */
|
|
794
802
|
border-radius: 0.5em;
|
|
795
803
|
display: flex;
|
|
@@ -802,7 +810,7 @@
|
|
|
802
810
|
* see the border of the buttons.
|
|
803
811
|
*/
|
|
804
812
|
outline: 1px solid white;
|
|
805
|
-
`,Ue
|
|
813
|
+
`,Ue=Da("span")`
|
|
806
814
|
font-size: 0.75em;
|
|
807
815
|
line-height: 2em;
|
|
808
816
|
padding: 0 0.625em;
|
|
@@ -856,17 +864,17 @@
|
|
|
856
864
|
font-size: 1.33em;
|
|
857
865
|
line-height: 1em;
|
|
858
866
|
}
|
|
859
|
-
`;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}`}),m=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:m,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 _a}from"react/jsx-runtime";function Ka({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 _a(Ue,{className:e.type==="image-inline"?"--selected":"",onClick:e.type==="image-inline"?void 0:r,onMouseEnter:o.onMouseEnter,onMouseLeave:o.onMouseLeave,children:_a(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,m]=a,s=l.children,c=l.children.length,d=n.slice(-1)[0],p=s[c-1];d===c-2&&Ga.isText(p)&&p.text===""&&Qt.removeNodes(e,{at:[...m,c-1]});let b=s[0],g=d===1&&Ga.isText(b)&&b.text==="";g&&Qt.removeNodes(e,{at:[...m,0]}),Qt.liftNodes(e,{at:[...m,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(Ka,{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),m=e.srcWidth&&e.srcHeight?{width:e.srcWidth,height:e.srcHeight}:null,s=r&&a&&m,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}),s?jt(Za,{element:e,size:a,setSize:l,srcSize:m,presets:t}):null,n&&a?jt(Ba,{size:a}):null,s?jt(Ra,{element:e,srcSize:m,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")`
|
|
860
868
|
display: inline;
|
|
861
|
-
`;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 m=l.result;e.image.insertImageFromUrl(m,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")`
|
|
862
870
|
position: relative;
|
|
863
871
|
margin-top: 1em;
|
|
864
872
|
margin-bottom: 1em;
|
|
865
873
|
margin-left: 0;
|
|
866
874
|
border-left: 0.25em solid rgba(0, 0, 0, 0.075);
|
|
867
875
|
padding-left: 1.5em;
|
|
868
|
-
`;import{jsx as
|
|
869
|
-
`),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 m(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 s=[],c=Of(a,r),d=0;for(let p of c)if(typeof p=="string")d+=p.length;else{let b=m(d),g=m(d+p.length);s.push({anchor:b,focus:g,prismToken:p.type}),d+=p.length}return s}function ul(e,{language:t}){St(e,{type:"code-block",language:t,children:[{type:"code-block-line",children:[{text:""}]}]})}import{Element as _f,Transforms as Kf}from"slate";function fl(e,t,o={}){let r=E(e,n=>_f.isElement(n)&&n.type==="code-block",{at:o.at});return r?(Kf.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")`
|
|
870
878
|
position: relative;
|
|
871
879
|
background: var(--code-block-bgcolor);
|
|
872
880
|
margin: 1em 0;
|
|
@@ -885,11 +893,11 @@
|
|
|
885
893
|
* Otherwise they will be square.
|
|
886
894
|
*/
|
|
887
895
|
overflow-x: hidden;
|
|
888
|
-
`,
|
|
896
|
+
`,Ml=Jt("div")`
|
|
889
897
|
padding: 2.25em 1em 1.5em 1em;
|
|
890
898
|
border-radius: 0.5em;
|
|
891
899
|
overflow-x: auto;
|
|
892
|
-
`,
|
|
900
|
+
`,Pl=Jt("span")`
|
|
893
901
|
cursor: pointer;
|
|
894
902
|
position: absolute;
|
|
895
903
|
top: 0.25em;
|
|
@@ -915,7 +923,7 @@
|
|
|
915
923
|
color: var(--shade-800);
|
|
916
924
|
background: var(--shade-300);
|
|
917
925
|
}
|
|
918
|
-
`,
|
|
926
|
+
`,Cl=Jt("div")`
|
|
919
927
|
white-space: pre;
|
|
920
928
|
line-height: 1.5em;
|
|
921
929
|
counter-increment: line;
|
|
@@ -938,7 +946,7 @@
|
|
|
938
946
|
display: inline-block;
|
|
939
947
|
width: 2em;
|
|
940
948
|
} */
|
|
941
|
-
`;import{jsx as ht,jsxs 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 m=kl.map(s=>({icon:()=>ht("span",{}),title:s,action:c=>{c.codeBlock.setCodeBlockLanguage(s,{at:e})}}));i.open(()=>ht(He,{dest:l,items:m,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")`
|
|
942
950
|
position: relative;
|
|
943
951
|
background-color: var(--shade-100);
|
|
944
952
|
border: 1px solid var(--shade-300);
|
|
@@ -956,7 +964,7 @@
|
|
|
956
964
|
&.--selected {
|
|
957
965
|
outline: 2px solid var(--select-color);
|
|
958
966
|
}
|
|
959
|
-
`,
|
|
967
|
+
`,Al=$l("span")`
|
|
960
968
|
position: absolute;
|
|
961
969
|
top: 0.25em;
|
|
962
970
|
right: 0.5em;
|
|
@@ -964,7 +972,7 @@
|
|
|
964
972
|
color: var(--shade-500);
|
|
965
973
|
text-transform: uppercase;
|
|
966
974
|
letter-spacing: 0.5px;
|
|
967
|
-
`;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 _l(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 Kl(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)?!!(Kl(e,[o,r])||_l(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")`
|
|
968
976
|
padding: 0;
|
|
969
977
|
margin: 0;
|
|
970
978
|
&:first-child {
|
|
@@ -994,42 +1002,42 @@
|
|
|
994
1002
|
}
|
|
995
1003
|
border-radius: 8px;
|
|
996
1004
|
}
|
|
997
|
-
`;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(`
|
|
998
1006
|
`)?t():e.insertText(`
|
|
999
|
-
`)}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(
|
|
1000
|
-
`)}function
|
|
1001
|
-
`),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 _,Element as Zt,Node as re,Point as _e,Range as hh,Transforms as Pe}from"slate";function Jl(e,t,o){try{let r=_.start(e,o),n=_.end(e,o);if(_e.isBefore(t,r)||_e.isAfter(t,n))return-1;let i={anchor:r,focus:t};return _.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=_.start(e,t),l=0,m=a.path,s=0;for(let[d,p]of re.texts(r)){let b=d.text.length;if(l+b>=i){m=[...t,...p],s=i-l;break}l+=b}let c={path:m,offset:s};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=_.start(e,o),l=_.end(e,o),m=_e.isBefore(r.anchor,a)?a:_e.isAfter(r.anchor,l)?l:r.anchor,s=_e.isBefore(r.focus,a)?a:_e.isAfter(r.focus,l)?l:r.focus,c=Math.min(_.string(e,{anchor:a,focus:m}).length,n.length),d=Math.min(_.string(e,{anchor:a,focus:s}).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(`
|
|
1002
1010
|
`))return o;let i=n.split(`
|
|
1003
|
-
`);if(i.length<=1)return o;let{startLineIndex:a,endLineIndex:l}=
|
|
1004
|
-
`),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(
|
|
1005
|
-
`)},{at:[...o,0]});let v={type:"paragraph",children:[{text:
|
|
1006
|
-
`)}]};Pe.insertNodes(e,v,{at:[...d,p+1]})}else Pe.insertNodes(e,{text:
|
|
1007
|
-
`)},{at:[...o,0]})}),
|
|
1011
|
+
`);if(i.length<=1)return o;let{startLineIndex:a,endLineIndex:l}=bh(e,t,o,r),m=i.slice(0,a),s=i.slice(a,l+1),c=i.slice(l+1);return m.length===0&&c.length===0?o:(_.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(m.length>0){Pe.insertNodes(e,{text:m.join(`
|
|
1013
|
+
`)},{at:[...o,0]});let v={type:"paragraph",children:[{text:s.join(`
|
|
1014
|
+
`)}]};Pe.insertNodes(e,v,{at:[...d,p+1]})}else Pe.insertNodes(e,{text:s.join(`
|
|
1015
|
+
`)},{at:[...o,0]})}),m.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),m=Array.from(_.nodes(e,{match:p=>Zt.isElement(p)&&e.convertElement.isConvertibleElement(p)}));if(m.length>0){let[,p]=m[0];i=Jl(e,n.anchor,p),a=Jl(e,n.focus,p)}if(m.length===0)return!1;let s=[];_.withoutNormalizing(e,()=>{for(let p=m.length-1;p>=0;p--){let[b,g]=m[p];if(gh(b)){let v=Eh(e,b,g,n);s.unshift(v)}else s.unshift(g)}});let c=s.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]))?_.withoutNormalizing(e,()=>{for(let p of c)mt(e,{type:"paragraph"},p[1])}):_.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=_.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 Ke from"@emotion/styled";var We=wh`
|
|
1008
1016
|
margin-top: 1em;
|
|
1009
1017
|
&:first-child {
|
|
1010
1018
|
margin-top: 0;
|
|
1011
1019
|
}
|
|
1012
1020
|
font-weight: bold;
|
|
1013
|
-
`,
|
|
1021
|
+
`,ls=Ke("h1")`
|
|
1014
1022
|
${We}
|
|
1015
1023
|
font-size: 2.25em;
|
|
1016
1024
|
letter-spacing: -0.01em;
|
|
1017
|
-
`,
|
|
1025
|
+
`,ss=Ke("h2")`
|
|
1018
1026
|
${We}
|
|
1019
1027
|
font-size: 1.5em;
|
|
1020
|
-
`,
|
|
1028
|
+
`,ms=Ke("h3")`
|
|
1021
1029
|
${We}
|
|
1022
1030
|
font-size: 1.25em;
|
|
1023
|
-
`,
|
|
1031
|
+
`,cs=Ke("h4")`
|
|
1024
1032
|
${We}
|
|
1025
1033
|
font-size: 1em;
|
|
1026
|
-
`,
|
|
1034
|
+
`,ps=Ke("h5")`
|
|
1027
1035
|
${We}
|
|
1028
1036
|
font-size: 1em;
|
|
1029
|
-
`,
|
|
1037
|
+
`,ds=Ke("h6")`
|
|
1030
1038
|
${We}
|
|
1031
1039
|
font-size: 1em;
|
|
1032
|
-
`;import{jsx as Ge}from"react/jsx-runtime";var
|
|
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")`
|
|
1033
1041
|
position: relative;
|
|
1034
1042
|
height: 1em;
|
|
1035
1043
|
/* background-color: var(--hr-color); */
|
|
@@ -1059,7 +1067,7 @@
|
|
|
1059
1067
|
outline: 2px solid var(--select-color, blue);
|
|
1060
1068
|
}
|
|
1061
1069
|
}
|
|
1062
|
-
`;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")`
|
|
1063
1071
|
color: var(--shade-600);
|
|
1064
1072
|
background-color: var(--inline-code-bgcolor);
|
|
1065
1073
|
border: 1px solid var(--inline-code-border-color);
|
|
@@ -1080,16 +1088,16 @@
|
|
|
1080
1088
|
*/
|
|
1081
1089
|
font-size: 0.75em;
|
|
1082
1090
|
vertical-align: baseline;
|
|
1083
|
-
`,
|
|
1091
|
+
`,er=xs("span")`
|
|
1084
1092
|
display: inline-block;
|
|
1085
1093
|
opacity: 0;
|
|
1086
1094
|
width: 1px;
|
|
1087
1095
|
overflow: hidden;
|
|
1088
|
-
`;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")`
|
|
1089
1097
|
margin-top: 0.5em;
|
|
1090
1098
|
margin-bottom: 0.5em;
|
|
1091
1099
|
list-style-position: outside;
|
|
1092
|
-
`,
|
|
1100
|
+
`,Ns=oo(nr)`
|
|
1093
1101
|
position: relative;
|
|
1094
1102
|
list-style-type: none;
|
|
1095
1103
|
.--list-item-icon {
|
|
@@ -1099,7 +1107,7 @@
|
|
|
1099
1107
|
line-height: 1.5em;
|
|
1100
1108
|
color: var(--shade-600);
|
|
1101
1109
|
}
|
|
1102
|
-
|
|
1110
|
+
`,$s=oo(nr)`
|
|
1103
1111
|
position: relative;
|
|
1104
1112
|
list-style-type: none;
|
|
1105
1113
|
counter-increment: var(--list-item-var);
|
|
@@ -1124,7 +1132,7 @@
|
|
|
1124
1132
|
/* force numbers to be monospaced for better alignment */
|
|
1125
1133
|
font-variant-numeric: tabular-nums;
|
|
1126
1134
|
}
|
|
1127
|
-
`,
|
|
1135
|
+
`,Hs=oo(nr)`
|
|
1128
1136
|
position: relative;
|
|
1129
1137
|
list-style-type: none;
|
|
1130
1138
|
.--list-item-icon {
|
|
@@ -1138,7 +1146,7 @@
|
|
|
1138
1146
|
stroke-width: 3px;
|
|
1139
1147
|
}
|
|
1140
1148
|
}
|
|
1141
|
-
`;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 _h}from"react";import{useSlateStatic as Kh}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 _s({element:e,attributes:t,children:o}){let r=Kh(),n=_h(()=>{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 Ks,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:[Ks("div",{className:"--list-item-icon",contentEditable:!1,children:Ks(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(_s,{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 m=Qs.previous(l),s=qs.node(e,m);return L(s[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,m=(Se.marks(e)||{})[a]===!0;if(i)if(!m)e.activeMarks={...e.activeMarks,[a]:!0};else{let{[a]:s,...c}=e.activeMarks||{};e.activeMarks=c}m?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")`
|
|
1142
1150
|
&.--bold {
|
|
1143
1151
|
font-weight: bold;
|
|
1144
1152
|
}
|
|
@@ -1161,7 +1169,7 @@
|
|
|
1161
1169
|
&.--highlight {
|
|
1162
1170
|
background-color: #ffff00;
|
|
1163
1171
|
}
|
|
1164
|
-
`;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 s of r){let c=Ne(e,o,{at:s});if(l&&c&&rg.equals(l,c)||l==null&&c==null)a=s;else{let d={anchor:i,focus:a};n.push(d),i=a=s,l=c}}let m={anchor:i,focus:a};return n.push(m),n.reverse(),n}function 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,m]=r,[s,c]=o;return{tableElement:i,tablePath:a,tableColumns:i.columns,rowElement:l,rowPath:m,rowIndex:m.slice(-1)[0],rowCount:i.children.length,cellElement:s,cellPath:c,cellIndex:c.slice(-1)[0],cellCount:l.children.length}}import{Editor as 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:m}=n,s=[...m];s.splice(l,0,m[l]),mm.setNodes(e,{columns:s},{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 m=[...r.columns];m.splice(a,1),pr.setNodes(e,{columns:m},{at:n}),r.children.forEach((c,d)=>{pr.removeNodes(e,{at:[...n,d,a]})});let s=xm.start(e,[...n,i,Math.min(a,l-2)]);pr.select(e,s)})}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,m)=>{(l.x!==m||l.y!==i)&&(Tg.setNodes(e,{x:m,y:i},{at:[...t[1],i,m]}),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")`
|
|
1165
1173
|
position: absolute;
|
|
1166
1174
|
/**
|
|
1167
1175
|
* very slightly shaded
|
|
@@ -1185,7 +1193,7 @@
|
|
|
1185
1193
|
background: rgba(0, 0, 0, 0.15);
|
|
1186
1194
|
}
|
|
1187
1195
|
}
|
|
1188
|
-
`,
|
|
1196
|
+
`,Lm=me(Rm)`
|
|
1189
1197
|
cursor: pointer;
|
|
1190
1198
|
/**
|
|
1191
1199
|
* hangs out on top
|
|
@@ -1195,7 +1203,7 @@
|
|
|
1195
1203
|
right: 0;
|
|
1196
1204
|
height: 3em;
|
|
1197
1205
|
top: -3em;
|
|
1198
|
-
`,
|
|
1206
|
+
`,Bm=me(Rm)`
|
|
1199
1207
|
/**
|
|
1200
1208
|
* hangs out on left
|
|
1201
1209
|
*/
|
|
@@ -1203,7 +1211,7 @@
|
|
|
1203
1211
|
bottom: -1px;
|
|
1204
1212
|
width: 3em;
|
|
1205
1213
|
left: -3em;
|
|
1206
|
-
|
|
1214
|
+
`,zm=me("div")`
|
|
1207
1215
|
position: absolute;
|
|
1208
1216
|
background: rgba(0, 0, 0, 0.05);
|
|
1209
1217
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
@@ -1215,7 +1223,7 @@
|
|
|
1215
1223
|
left: 0;
|
|
1216
1224
|
right: 0;
|
|
1217
1225
|
bottom: 0;
|
|
1218
|
-
`,
|
|
1226
|
+
`,Dm=me(zm)`
|
|
1219
1227
|
top: 50%;
|
|
1220
1228
|
border-bottom: none;
|
|
1221
1229
|
border-right: none;
|
|
@@ -1241,7 +1249,7 @@
|
|
|
1241
1249
|
|
|
1242
1250
|
/* border-top-left-radius: 0.5em;
|
|
1243
1251
|
border-top-right-radius: 0.5em; */
|
|
1244
|
-
`,
|
|
1252
|
+
`,Nm=me(zm)`
|
|
1245
1253
|
left: 50%;
|
|
1246
1254
|
border-right: none;
|
|
1247
1255
|
border-bottom: none;
|
|
@@ -1267,7 +1275,7 @@
|
|
|
1267
1275
|
|
|
1268
1276
|
/* border-top-left-radius: 0.5em;
|
|
1269
1277
|
border-bottom-left-radius: 0.5em; */
|
|
1270
|
-
|
|
1278
|
+
`,$m=me("div")`
|
|
1271
1279
|
position: absolute;
|
|
1272
1280
|
font-size: 1.5em;
|
|
1273
1281
|
background: white;
|
|
@@ -1276,27 +1284,27 @@
|
|
|
1276
1284
|
svg {
|
|
1277
1285
|
display: block;
|
|
1278
1286
|
}
|
|
1279
|
-
`,je=me(
|
|
1287
|
+
`,je=me($m)`
|
|
1280
1288
|
color: #c0c0c0;
|
|
1281
1289
|
&:hover {
|
|
1282
1290
|
color: royalblue;
|
|
1283
1291
|
}
|
|
1284
|
-
`,no=me(
|
|
1292
|
+
`,no=me($m)`
|
|
1285
1293
|
color: #c0c0c0;
|
|
1286
1294
|
&:hover {
|
|
1287
1295
|
color: firebrick;
|
|
1288
1296
|
}
|
|
1289
|
-
`;var
|
|
1297
|
+
`;var Hm=io("table")`
|
|
1290
1298
|
border-collapse: collapse;
|
|
1291
1299
|
margin: 1em 0;
|
|
1292
1300
|
${({columns:e})=>e.map((t,o)=>`td:nth-of-type(${o+1}) { text-align: ${t.align}; }`).join(`
|
|
1293
1301
|
`)}
|
|
1294
|
-
`,
|
|
1302
|
+
`,Am=io("tr")`
|
|
1295
1303
|
position: relative;
|
|
1296
1304
|
&:first-of-type {
|
|
1297
1305
|
background: var(--table-head-bgcolor);
|
|
1298
1306
|
}
|
|
1299
|
-
`,
|
|
1307
|
+
`,Om=io("td")`
|
|
1300
1308
|
position: relative;
|
|
1301
1309
|
border-width: 1px;
|
|
1302
1310
|
border-style: solid;
|
|
@@ -1316,7 +1324,7 @@
|
|
|
1316
1324
|
&:last-of-type {
|
|
1317
1325
|
border-right-color: var(--table-border-color);
|
|
1318
1326
|
}
|
|
1319
|
-
`,
|
|
1327
|
+
`,Um=io("div")`
|
|
1320
1328
|
/**
|
|
1321
1329
|
* Smaller font inside a table than outside of it
|
|
1322
1330
|
*/
|
|
@@ -1328,7 +1336,7 @@
|
|
|
1328
1336
|
color: rgba(0, 0, 0, 0.6);
|
|
1329
1337
|
font-size: 0.875em; /* 14px */
|
|
1330
1338
|
}
|
|
1331
|
-
`;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"})}),_m=()=>Z(x,{children:Z("path",{d:"M4 6h16M8 12h8M6 18h12"})}),Km=()=>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)},[]),m=fr(()=>{o.layer&&o.close();let s=r.current;if(s===null)return;let c=[{icon:Vm,title:"\u5DE6\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"left"})}},{icon:_m,title:"\u4E2D\u592E\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"center"})}},{icon:Km,title:"\u53F3\u63C3\u3048",action:()=>{t.tablePlugin.setTableColumnAlign({align:"right"})}}];o.open(()=>ce(He,{dest:s,items:c,close:o.close}))},[]);return Wm(Lm,{ref:r,contentEditable:!1,onClick:m,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")`
|
|
1332
1340
|
position: absolute;
|
|
1333
1341
|
/**
|
|
1334
1342
|
* very slightly shaded
|
|
@@ -1360,7 +1368,7 @@
|
|
|
1360
1368
|
background: rgba(0, 0, 0, 0.15);
|
|
1361
1369
|
}
|
|
1362
1370
|
}
|
|
1363
|
-
`,
|
|
1371
|
+
`,Ym=jm("div")`
|
|
1364
1372
|
position: absolute;
|
|
1365
1373
|
left: 0;
|
|
1366
1374
|
top: 0;
|
|
@@ -1368,8 +1376,8 @@
|
|
|
1368
1376
|
height: 1.5em;
|
|
1369
1377
|
background: rgba(0, 0, 0, 0.05);
|
|
1370
1378
|
border-radius: 50%;
|
|
1371
|
-
`;import{jsx as
|
|
1372
|
-
`),!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 _g}from"@emotion/react";var Kg=`
|
|
1373
1381
|
--blue-50: rgb(239 246 255);
|
|
1374
1382
|
--blue-100: rgb(219 234 254);
|
|
1375
1383
|
--blue-200: rgb(191 219 254);
|
|
@@ -1380,7 +1388,7 @@
|
|
|
1380
1388
|
--blue-700: rgb(29 78 216);
|
|
1381
1389
|
--blue-800: rgb(30 64 175);
|
|
1382
1390
|
--blue-900: rgb(30 58 138);
|
|
1383
|
-
`,
|
|
1391
|
+
`,Wg=`
|
|
1384
1392
|
--shade-50: rgb(250 250 250);
|
|
1385
1393
|
--shade-100: rgb(244 244 245);
|
|
1386
1394
|
--shade-200: rgb(228 228 231);
|
|
@@ -1391,11 +1399,11 @@
|
|
|
1391
1399
|
--shade-700: rgb(63 63 70);
|
|
1392
1400
|
--shade-800: rgb(39 39 42);
|
|
1393
1401
|
--shade-900: rgb(24 24 27);
|
|
1394
|
-
`,
|
|
1402
|
+
`,ic=_g`
|
|
1395
1403
|
:root {
|
|
1396
1404
|
/* Tailwind Colors */
|
|
1397
|
-
${
|
|
1398
|
-
${
|
|
1405
|
+
${Kg}
|
|
1406
|
+
${Wg}
|
|
1399
1407
|
/* Select Colors */
|
|
1400
1408
|
--select-color: var(--blue-400);
|
|
1401
1409
|
--select-editor-color: var(--blue-200);
|
|
@@ -1417,14 +1425,14 @@
|
|
|
1417
1425
|
/* Horizontal Rule Colors */
|
|
1418
1426
|
--hr-color: var(--shade-300);
|
|
1419
1427
|
}
|
|
1420
|
-
`;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)`
|
|
1421
1429
|
padding: 0.5em;
|
|
1422
|
-
`,
|
|
1430
|
+
`,mc=gr("div")`
|
|
1423
1431
|
display: grid;
|
|
1424
1432
|
grid-template-columns: repeat(5, 1.75em);
|
|
1425
1433
|
grid-template-rows: 1.5em;
|
|
1426
1434
|
/* grid-gap: 1px; */
|
|
1427
|
-
`,
|
|
1435
|
+
`,cc=gr("div")`
|
|
1428
1436
|
background: var(--shade-100);
|
|
1429
1437
|
height: 1.5em;
|
|
1430
1438
|
border-radius: 0.125em;
|
|
@@ -1434,11 +1442,11 @@
|
|
|
1434
1442
|
&.--selected {
|
|
1435
1443
|
background: var(--blue-100);
|
|
1436
1444
|
}
|
|
1437
|
-
`;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),m=dc(5).map(d=>d+1),s=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:()=>s(0,0),children:l.map(d=>m.map(p=>{let b=p<=o.x&&d<=o.y;return co(cc,{className:jg({"--selected":b}),onMouseEnter:()=>s(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)`
|
|
1438
1446
|
width: 18em;
|
|
1439
1447
|
padding: 0;
|
|
1440
1448
|
overflow: hidden;
|
|
1441
|
-
`;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}))},[]),m=o.wysimark?.imageDialogState,s=!!o.wysimark?.onImageChange,[c,d]=pe(m?.url??""),[p,b]=pe(m?.alt??""),[g,v]=pe(m?.title??""),[C,P]=pe(!1),[w,S]=pe(m?.imageSource??(s?"file":"url")),[M,N]=pe(!1),[T,I]=pe(m?.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:[s&&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")`
|
|
1442
1450
|
/* Center vertically and horizontally */
|
|
1443
1451
|
display: flex;
|
|
1444
1452
|
align-items: center;
|
|
@@ -1462,9 +1470,9 @@
|
|
|
1462
1470
|
font-size: 1.25em;
|
|
1463
1471
|
stroke-width: 2px;
|
|
1464
1472
|
}
|
|
1465
|
-
`,
|
|
1473
|
+
`,Vc=Fc("div")`
|
|
1466
1474
|
font-size: 0.875em;
|
|
1467
1475
|
margin-top: 0.5em;
|
|
1468
1476
|
color: var(--shade-500);
|
|
1469
1477
|
line-height: 1.375;
|
|
1470
|
-
`;import{Fragment as bb,jsx as ee,jsxs as xt}from"react/jsx-runtime";var gb=mb("enter");function qc({dest:e,close:t}){let o=hb(),r=pb(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)=>Dt(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=cb(()=>{let{selection:I}=o;return I&&!ub.isCollapsed(I)?db.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}),fb.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=>{gb(I)&&(I.preventDefault(),I.stopPropagation(),w())};return xt(bb,{children:[ee(be,{close:t}),xt(Ni,{ref:r,style:s,children:[ee(xe,{onDrag:a}),xt("div",{style:{padding:"0.75em"},children:[ee(Nt,{children:ee($t,{type:"text",value:c,autoFocus:!0,placeholder:f("linkUrl"),onChange:S,onKeyDown:T})}),ee(Nt,{style:{marginTop:"0.5em"},children:ee($t,{type:"text",value:p,placeholder:f("linkText"),onChange:M,onKeyDown:T})}),xt(Nt,{style:{marginTop:"0.5em"},children:[ee($t,{type:"text",value:g,placeholder:f("tooltipText"),onChange:N,onKeyDown:T}),xt(wr,{onClick:w,children:[ee(po,{}),ee(xc,{})]}),ee(wr,{onClick:t,style:{marginLeft:"0.25em",background:"var(--shade-400)"},children:ee(Hc,{})})]}),ee(Gc,{children:f("tooltipHint")})]})]})]})}var Ir=[{icon:po,title:f("insertLink"),more:!0,hotkey:"mod+k",Component:qc},{icon:Rc,title:f("insertImageFromUrl"),more:!0,Component:_c},{icon:Pc,title:f("insertTable"),more:!0,Component:gc},{icon:Oc,title:f("horizontalRule"),hotkey:"super+-",action:e=>e.horizontalRule.insertHorizontalRule()}],Qc=Ir,jc=Ir,Xc=[{icon:Lc,title:f("insert"),more:!0,children:Ir}];import{Editor as Eb}from"slate";function Je(e){let t=Eb.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 Yc=[{icon:Er,title:f("bold"),hotkey:"mod+b",action:e=>e.marksPlugin.toggleBold(),active:e=>Je(e).bold},{icon:wc,title:f("italic"),hotkey:"mod+i",action:e=>e.marksPlugin.toggleItalic(),active:e=>Je(e).italic},{icon:Bc,title:f("strike"),hotkey:"super+k",action:e=>e.marksPlugin.toggleStrike(),active:e=>Je(e).strike},{icon:Cc,title:f("inlineCode"),hotkey:"mod+j",action:e=>e.inlineCode.toggleInlineCode(),active:e=>Je(e).code},{icon:zc,title:f("underline"),hotkey:"mod+u",action:e=>e.marksPlugin.toggleUnderline(),active:e=>Je(e).underline},{icon:Ac,title:f("highlight"),hotkey:"mod+h",action:e=>e.marksPlugin.toggleHighlight(),active:e=>Je(e).highlight,show:e=>!e.wysimark.disableHighlight}],Mr=Yc,Jc=[{icon:Er,title:f("format"),more:!0,children:Yc}];var Zc=[{icon:Mc,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:Dc,title:f("checkList"),hotkey:"super+9",action:e=>e.list.convertTaskList(!0),show:e=>!e.wysimark.disableTaskList}],Pr=[...Zc,"divider",...kr],ep=[{icon:yr,title:f("list"),more:!0,children:[...Zc,"divider",...kr]}];import{Editor as tp,Transforms as fo}from"slate";var op=[{icon:xr,title:f("quote"),hotkey:"super+.",action:e=>{e.blockQuotePlugin.isActive()?e.blockQuotePlugin.outdent():e.blockQuotePlugin.indent()},active:e=>e.blockQuotePlugin.isActive()},{icon:Ic,title:f("increaseQuoteDepth"),action:e=>e.blockQuotePlugin.increaseDepth(),active:e=>e.blockQuotePlugin.canIncreaseDepth()},{icon:Sc,title:f("codeBlock"),action:e=>{let{selection:t}=e,o=E(e,"code-block");if(o){let[,r]=o,n=tp.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=tp.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=op,rp=[{icon:xr,title:f("quote"),more:!0,children:op}];var xb=[...Fc,"divider",...Pr,"divider",...Mr,"divider",...Qc,"divider",...Cr],yb=[...vr,"divider",...Pr,"divider",...Mr,"divider",...jc,"divider",...Cr],np=[...vr,"divider",...ep,"divider",...Jc,"divider",...Xc,"divider",...rp],ip=np;var Ze=[xb,yb,np];import{clsx as kb}from"clsx";import{useCallback as Sr,useRef as vb}from"react";import{ReactEditor as Tb,useSlate as wb,useSlateStatic as Ib}from"slate-react";import{jsx as ho,jsxs as Mb}from"react/jsx-runtime";function ap({item:e}){let t=Ib(),o=wb(),r=e.active?e.active(o):!1,n=vb(null),i=Y({title:e.title,hotkey:()=>e.hotkey?Bt(e.hotkey):void 0}),a=H("menu"),l=Sr(()=>{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=Sr(()=>{if(e.action){e.action(t),Tb.focus(t);return}a.layer?a.close():l()},[a.layer,e]),m=Sr(c=>{i.onMouseEnter(c),a.layer&&l()},[a.layer]);return Mb(qi,{"data-item-type":"button",ref:n,onMouseEnter:m,onMouseLeave:i.onMouseLeave,onClick:s,className:kb({"--active":r&&!Co(e?.title)?.includes("Depth"),"--more":e.more,"--disabled":!r&&Co(e?.title)?.includes("Depth")}),children:[ho(e.icon,{}),e.more?ho(Ec,{}):null]})}import{jsx as et}from"react/jsx-runtime";function Bb({item:e}){let t=Lb();return e==="divider"?et(Wi,{"data-item-type":"divider",children:et(Gi,{})}):(e.show===void 0?!0:e.show(t))?et(ap,{item:e}):null}function zb(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 Db(e,t,o){let r=0;for(let n of e)r+=n==="divider"?o:t;return r}var Nb=48;function lp(){let e=Sb(null),[t,o]=Rb(ip);return Cb(()=>{let r=Pb(()=>{let i=e.current;if(!i)throw new Error("Toolbar not found");let a=zb(i);for(let l=0;l<Ze.length-1;l++)if(Db(Ze[l],a.button,a.divider)<a.toolbar-Nb){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(Ki,{ref:e,children:et(_i,{children:t.map((r,n)=>et(Bb,{item:r},typeof r=="string"?n:r.title))})})}import{jsx as Rr,jsxs as _b}from"react/jsx-runtime";function sp({attributes:e,Editable:t}){let o=Ab(null),r=Kb(),n=Vb(),i=Hb(a=>{a.target===a.currentTarget&&(Ub.select(r,Ob.end(r,[])),Fb.focus(r))},[r]);return Rr(Ci,{children:_b(Oi,{ref:o,className:$b({"--focused":n}),style:{height:r.toolbar.height,minHeight:r.toolbar.minHeight,maxHeight:r.toolbar.maxHeight},onClick:i,children:[Rr(lp,{}),Rr(t,{as:Ai,...e,style:{overflowY:"auto"}})]})})}var mp=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:sp,editableProps:{}}));import{Editor as Lr,Node as Wb,Path as Gb,Transforms as qb}from"slate";var cp=y(e=>(e.allowTrailingBlock=!0,{name:"trailing-block",editor:{normalizeNode:t=>{if(!Lr.isEditor(t[0]))return!1;let o=[e.children.length-1],r=Wb.child(e,e.children.length-1);return(Lr.hasBlocks(e,r)||Lr.isVoid(e,r))&&qb.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:Gb.next(o)}),!0}}}));import{Transforms as Qb}from"slate";function jb(e,t){let o=ue(t),r=he(o);Qb.insertNodes(e,r)}function pp(e){return{pasteMarkdown:u(jb,e)}}var dp=y(e=>(e.pasteMarkdown=pp(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 Yb}from"react/jsx-runtime";function Xb(e){let t={...e.attributes,style:{...e.attributes.style,width:void 0,maxWidth:void 0}};return Yb("span",{...t,children:e.children})}var up=y((e,t,{createPolicy:o})=>(e.placeholder={},o({name:"placeholder",editableProps:{renderPlaceholder:Xb}})));var fp=[dp,is,ua,hs,nm,Is,ul,Hl,Kl,lc,ks,cp,Zs,ba,lm,Jl,cc,mp,cl,up];var Jb=Zn(fp),{withSink:hp,SinkEditable:gp}=Jb;import{useState as Zb}from"react";import{createEditor as eE,Editor as tE,Transforms as oE}from"slate";import{withHistory as rE}from"slate-history";import{withReact as nE}from"slate-react";function Br({authToken:e,height:t,minHeight:o,maxHeight:r,disableRawMode:n,disableTaskList:i,disableCodeBlock:a,disableHighlight:l}={}){let[s]=Zb(()=>{let m=eE(),c=hp(nE(rE(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,oE.select(m,tE.start(m,[0]))},c});return s}import{jsx as te,jsxs as Ep}from"react/jsx-runtime";function cE({children:e,attributes:t}){return te("span",{...t,children:e})}function xp({editor:e,value:t,onChange:o,throttleInMs:r=1e3,placeholder:n,className:i,style:a,onImageChange:l}){let[s,m]=bp(!1),[c,d]=bp(t),p=go(!1),b=go(void 0),g=go(void 0),v=go(null),C=yt(iE(()=>{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,lE.select(e,aE.start(e,[0]))}}let w=yt(()=>{navigator.userAgent.toLowerCase().includes("firefox")&&sE.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 Ep("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:Ep("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(mE,{editor:e,initialValue:b.current,onChange:P,children:te(gp,{renderLeaf:cE,onMouseDown:w,onBlur:S,placeholder:n,className:i,style:a})})})]})}import{jsx as yp}from"react/jsx-runtime";function bE({standaloneOptions:{onChange:e,placeholder:t,className:o,...r},standaloneMethodsRef:n}){let[i,a]=hE(r.initialMarkdown||""),l=fE(i),s=Br(r);l.current=i,uE(n,()=>({getMarkdown(){return l.current},setMarkdown(c){l.current=c,a(c)}}),[l,a]);let m=dE(c=>{l.current=c,a(c),e?.(c)},[s]);return yp(xp,{editor:s,value:i,className:o||"",onChange:m,placeholder:t})}function yA(e,t){let o=pE(),r=gE(e);return r.render(yp(bE,{standaloneMethodsRef:o,standaloneOptions:t})),{unmount(){try{r.unmount()}catch{}},getMarkdown(){return o.current?.getMarkdown()||""},setMarkdown(n){o.current?.setMarkdown(n)}}}export{xp as Editable,yA 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 _c({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})),m={...l,left:l.left+n.x,top:l.top+n.y},s=lb(()=>{let{selection:I}=o;return I&&!cb.isCollapsed(I)?mb.string(o,I):""},[]),[c,d]=Et(""),[p,b]=Et(s),[g,v]=Et(s),[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:m,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:_c},{icon:Pc,title:f("insertImageFromUrl"),more:!0,Component:Uc},{icon:wc,title:f("insertTable"),more:!0,Component:uc}],Kc=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",...Kc,"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]),m=Cr(()=>{if(e.action){e.action(t),yb.focus(t);return}a.layer?a.close():l()},[a.layer,e]),s=Cr(c=>{i.onMouseEnter(c),a.layer&&l()},[a.layer]);return Tb(Wi,{"data-item-type":"button",ref:n,onMouseEnter:s,onMouseLeave:i.onMouseLeave,onClick:m,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(_i,{"data-item-type":"divider",children:et(Ki,{})}):(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 _b,Transforms as Kb}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))&&Kb.insertNodes(e,{type:"paragraph",children:[{text:""}]},{at:_b.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[m]=Xb(()=>{let s=Yb(),c=pp(tE(eE(s)),{toolbar:{height:t,minHeight:o,maxHeight:r,showUploadButtons:!!e},image:{}});return c.convertElement.addConvertElementType("paragraph"),s.wysimark={disableRawMode:n??!0,disableTaskList:i,disableCodeBlock:a,disableHighlight:l??!0},s.getMarkdown=()=>it(s.children),s.setMarkdown=d=>{let p=ue(d),b=he(p);s.children=b,s.selection=null,Zb.select(s,Jb.start(s,[0]))},c});return m}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[m,s]=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(!m){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=()=>{m?(v.current=c,e.wysimark.prevValue=void 0,b.current=void 0,g.current=void 0):N(),s(!m)};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:m?"1px solid #4a90e2":"1px solid transparent",cursor:"pointer",padding:"6px",borderRadius:"4px",backgroundColor:m?"rgba(74, 144, 226, 0.1)":"transparent",boxShadow:m?"0 1px 3px rgba(0, 0, 0, 0.1)":"none",transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center"},title:m?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:m?"#4a90e2":"currentColor",strokeWidth:"1.5",fill:m?"rgba(74, 144, 226, 0.05)":"transparent"}),te("path",{d:"M7 15V9L10 12L13 9V15",stroke:m?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),te("path",{d:"M16 9H18V15",stroke:m?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),te("path",{d:"M16 12H18",stroke:m?"#4a90e2":"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})}),te("div",{style:{display:m?"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:m?"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),m=Lr(r);l.current=i,cE(n,()=>({getMarkdown(){return l.current},setMarkdown(c){l.current=c,a(c)}}),[l,a]);let s=mE(c=>{l.current=c,a(c),e?.(c)},[m]);return gp(hp,{editor:m,value:i,className:o||"",onChange:s,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};
|