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