From e28dcb72dea293313344181b2ef85715fc2c5f46 Mon Sep 17 00:00:00 2001 From: Sebastian Date: Tue, 9 Jul 2024 19:09:06 +0200 Subject: [PATCH] Hide editor annotations and overlays in markdown mode. --- backend/src/Squidex/wwwroot/editor/squidex-editor.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/backend/src/Squidex/wwwroot/editor/squidex-editor.js b/backend/src/Squidex/wwwroot/editor/squidex-editor.js index 2f56d6ed4..ba665e45f 100644 --- a/backend/src/Squidex/wwwroot/editor/squidex-editor.js +++ b/backend/src/Squidex/wwwroot/editor/squidex-editor.js @@ -6234,7 +6234,7 @@ ${u} background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC") right repeat-y; } `}),ace.define("ace/theme/github",["require","exports","module","ace/theme/github-css","ace/lib/dom"],function(n,r,o){r.isDark=!1,r.cssClass="ace-github",r.cssText=n("./github-css");var i=n("../lib/dom");i.importCssString(r.cssText,r.cssClass,!1)}),function(){ace.require(["ace/theme/github"],function(n){t&&(t.exports=n)})}()})(Wge);const Vge=({mode:t,value:e})=>{const n=D.useMemo(()=>{if(!KE(e))return{mode:"markdown",value:null};switch(t){case"Markdown":return{mode:"markdown",value:e};case"Html":return{mode:"html",value:jge(e||"")};default:return{mode:"markdown",value:null}}},[t,e]);return(n==null?void 0:n.value)==null?null:V.jsx(Bge,{mode:n.mode,value:n.value,height:"100%",width:"100%",readOnly:!0,wrapEnabled:!0})},lR=" ";function jge(t){let e="",n="";return t.split(/>\s*{r.match(/^\/\w/)&&(n=n.substring(lR.length)),e+=n+"<"+r+`>\r -`,r.match(/^]*[^/]$/)&&!r.startsWith("input")&&(n+=lR)}),e.substring(1,e.length-3)}const Gge=t=>{const{onClose:e,node:n}=t,[r,o,i]=b$(""),s=un();D.useEffect(()=>{o(n.node.attrs.title||"")},[n,o]);const l=D.useCallback(c=>{o(c.target.value)},[o]),a=D.useCallback(()=>{s.updateNodeAttributes(n.getPos()||0,{...n.node.attrs||{},title:i.current}),e()},[s,n,e,i]),u=D.useCallback(c=>{const{code:d}=c;d==="Enter"&&a(),d==="Escape"&&e()},[e,a]);return V.jsxs(P$,{title:"Change Image Title",children:[V.jsx(D$,{value:r,onChange:l,onKeyDown:u,placeholder:"Enter Title..."}),V.jsxs(zr,{children:[V.jsx(At,{commandName:"submitLink",enabled:!0,onSelect:a,icon:V.jsx(Qr,{type:"Check"})}),V.jsx(At,{commandName:"cancelLink",enabled:!0,onSelect:e,icon:V.jsx(Qr,{type:"Cancel"})})]})]})},Kge=t=>{const{annotations:e,appName:n,canAddAnnotation:r,canSelectAIText:o,canSelectAssets:i,canSelectContents:s,classNames:l,isDisabled:a,mode:u,onAnnotationCreate:c,onAnnotationsFocus:d,onAnnotationsUpdate:h,onChange:f,onEditAsset:p,onEditContent:g,onSelectAIText:m,onSelectAssets:v,onSelectContents:y,onUpload:b,value:w}=t,k=D.useMemo(()=>{let L=t.baseUrl;return L.endsWith("/")&&(L=L.substring(0,L.length-1)),L},[t.baseUrl]),[x,S]=D.useState(),[A,C]=D.useState(!1),[O,R]=D.useState(!1),_=D.useCallback(()=>{C(!0)},[]),T=D.useCallback(()=>{C(!1)},[]),E=D.useCallback(()=>{S(null)},[]),M=D.useCallback(()=>{R(L=>!L)},[]),I=D.useCallback(()=>[new In({}),new kk,new hl({}),new Rh({enableSpine:!0}),new iu({classNames:l||[]}),new vo({supportedLanguages:sfe}),new Oh,new zh({appName:n,baseUrl:k,onEditContent:g}),new Gs({}),new Zg,new Qg({}),new Jg({}),new npe({copyAsHtml:u==="Html"}),new Ih({uploadHandler:b}),new Lh,new fl({autoLink:!0,markOverride:{excludes:void 0}}),new dl({enableCollapsible:!0}),new ou({copyAsMarkdown:u==="Markdown",htmlToMarkdown:Xfe,htmlSanitizer:void 0,markdownToHtml:qfe}),new Mh,new am,new $h,new lb({}),new Dh],[n,k,l,u,g,b]),{manager:N}=WQ({stringHandler:u==="Markdown"?"markdown":"html",content:w,nodeViewComponents:{image:L=>V.jsx(tpe,{...L,appName:n,baseUrl:k,onEditNode:S,onEditAsset:p})},extensions:I});return V.jsx(Xue,{children:V.jsx(Wue,{theme:{color:{primary:"#3389ff",active:{primary:"#3389ff"}}},children:V.jsxs(GQ,{classNames:a?["squidex-editor-disabled"]:[],manager:N,children:[V.jsx("div",{className:"squidex-editor-menu",children:V.jsxs(XN,{children:[V.jsxs("fieldset",{disabled:O||a,className:"MuiStack-root",children:[V.jsx(Bue,{}),V.jsx(Fue,{showAll:!0}),V.jsxs(zr,{children:[V.jsx(Qx,{}),V.jsx(ek,{}),V.jsx(tk,{}),V.jsx(Jx,{})]}),V.jsxs(zr,{children:[V.jsx(Tue,{}),V.jsx(_ue,{}),V.jsx(Sue,{})]}),V.jsxs(zr,{children:[V.jsx(Aue,{}),V.jsx(Rue,{})]}),u!=="Markdown"&&l&&l.length>0&&V.jsx(zr,{children:V.jsx(wpe,{})}),V.jsx(zr,{children:V.jsx(z$,{onEdit:_})}),V.jsxs(zr,{children:[i&&v&&V.jsx(fpe,{onSelectAssets:v}),s&&y&&V.jsx(ppe,{onSelectContents:y}),o&&m&&V.jsx(dpe,{onSelectAIText:m})]}),r&&c&&V.jsx(zr,{children:V.jsx(mpe,{onAnnotationCreate:c})}),u!=="Markdown"&&V.jsx(zr,{children:V.jsx(gpe,{})})]}),V.jsx(At,{commandName:"toggleMarkup",enabled:!0,onSelect:M,label:"Show Markup (readonly)",icon:V.jsx(Qr,{type:"Preview"})})]})}),V.jsxs("div",{className:"squidex-editor-main",children:[V.jsx(rpe,{mode:u,onChange:f,value:w}),V.jsx(Ky,{}),O&&V.jsx(Vge,{value:w,mode:u}),A?V.jsx(kpe,{onClose:T}):x?V.jsx(Gge,{node:x,onClose:E}):V.jsx(Yge,{onLinkModal:_}),V.jsx(Gue,{offset:{x:5,y:5},className:Fc(Y0.LANGUAGE_SELECT_POSITIONER,Y0.LANGUAGE_SELECT_WIDTH)}),V.jsx(vpe,{annotations:e,onAnnotationsFocus:d,onAnnotationsUpdate:h})]}),V.jsx(xpe,{})]})})})},Yge=({onLinkModal:t})=>hr().codeBlock()?null:V.jsxs(jue,{className:"squidex-editor-floating",children:[V.jsx(Qx,{}),V.jsx(ek,{}),V.jsx(tk,{}),V.jsx(Jx,{}),V.jsx(z$,{onEdit:t})]});var Z$,cR=sf;Z$=cR.createRoot,cR.hydrateRoot;class Xge{constructor(e,n){lt(this,"root");this.element=e,this.props=n,this.root=Z$(this.element),this.render()}update(e){this.props={...this.props,...e},this.render()}setValue(e){this.update({value:e})}setAnnotations(e){this.update({annotations:e})}setIsDisabled(e){this.update({isDisabled:e})}destroy(){this.root.unmount()}render(){this.root.render(V.jsx(Kge,{...this.props}))}}/* +`,r.match(/^]*[^/]$/)&&!r.startsWith("input")&&(n+=lR)}),e.substring(1,e.length-3)}const Gge=t=>{const{onClose:e,node:n}=t,[r,o,i]=b$(""),s=un();D.useEffect(()=>{o(n.node.attrs.title||"")},[n,o]);const l=D.useCallback(c=>{o(c.target.value)},[o]),a=D.useCallback(()=>{s.updateNodeAttributes(n.getPos()||0,{...n.node.attrs||{},title:i.current}),e()},[s,n,e,i]),u=D.useCallback(c=>{const{code:d}=c;d==="Enter"&&a(),d==="Escape"&&e()},[e,a]);return V.jsxs(P$,{title:"Change Image Title",children:[V.jsx(D$,{value:r,onChange:l,onKeyDown:u,placeholder:"Enter Title..."}),V.jsxs(zr,{children:[V.jsx(At,{commandName:"submitLink",enabled:!0,onSelect:a,icon:V.jsx(Qr,{type:"Check"})}),V.jsx(At,{commandName:"cancelLink",enabled:!0,onSelect:e,icon:V.jsx(Qr,{type:"Cancel"})})]})]})},Kge=t=>{const{annotations:e,appName:n,canAddAnnotation:r,canSelectAIText:o,canSelectAssets:i,canSelectContents:s,classNames:l,isDisabled:a,mode:u,onAnnotationCreate:c,onAnnotationsFocus:d,onAnnotationsUpdate:h,onChange:f,onEditAsset:p,onEditContent:g,onSelectAIText:m,onSelectAssets:v,onSelectContents:y,onUpload:b,value:w}=t,k=D.useMemo(()=>{let L=t.baseUrl;return L.endsWith("/")&&(L=L.substring(0,L.length-1)),L},[t.baseUrl]),[x,S]=D.useState(),[A,C]=D.useState(!1),[O,R]=D.useState(!1),_=D.useCallback(()=>{C(!0)},[]),T=D.useCallback(()=>{C(!1)},[]),E=D.useCallback(()=>{S(null)},[]),M=D.useCallback(()=>{R(L=>!L)},[]),I=D.useCallback(()=>[new In({}),new kk,new hl({}),new Rh({enableSpine:!0}),new iu({classNames:l||[]}),new vo({supportedLanguages:sfe}),new Oh,new zh({appName:n,baseUrl:k,onEditContent:g}),new Gs({}),new Zg,new Qg({}),new Jg({}),new npe({copyAsHtml:u==="Html"}),new Ih({uploadHandler:b}),new Lh,new fl({autoLink:!0,markOverride:{excludes:void 0}}),new dl({enableCollapsible:!0}),new ou({copyAsMarkdown:u==="Markdown",htmlToMarkdown:Xfe,htmlSanitizer:void 0,markdownToHtml:qfe}),new Mh,new am,new $h,new lb({}),new Dh],[n,k,l,u,g,b]),{manager:N}=WQ({stringHandler:u==="Markdown"?"markdown":"html",content:w,nodeViewComponents:{image:L=>V.jsx(tpe,{...L,appName:n,baseUrl:k,onEditNode:S,onEditAsset:p})},extensions:I});return V.jsx(Xue,{children:V.jsx(Wue,{theme:{color:{primary:"#3389ff",active:{primary:"#3389ff"}}},children:V.jsxs(GQ,{classNames:a?["squidex-editor-disabled"]:[],manager:N,children:[V.jsx("div",{className:"squidex-editor-menu",children:V.jsxs(XN,{children:[V.jsxs("fieldset",{disabled:O||a,className:"MuiStack-root",children:[V.jsx(Bue,{}),V.jsx(Fue,{showAll:!0}),V.jsxs(zr,{children:[V.jsx(Qx,{}),V.jsx(ek,{}),V.jsx(tk,{}),V.jsx(Jx,{})]}),V.jsxs(zr,{children:[V.jsx(Tue,{}),V.jsx(_ue,{}),V.jsx(Sue,{})]}),V.jsxs(zr,{children:[V.jsx(Aue,{}),V.jsx(Rue,{})]}),u!=="Markdown"&&l&&l.length>0&&V.jsx(zr,{children:V.jsx(wpe,{})}),V.jsx(zr,{children:V.jsx(z$,{onEdit:_})}),V.jsxs(zr,{children:[i&&v&&V.jsx(fpe,{onSelectAssets:v}),s&&y&&V.jsx(ppe,{onSelectContents:y}),o&&m&&V.jsx(dpe,{onSelectAIText:m})]}),r&&c&&V.jsx(zr,{children:V.jsx(mpe,{onAnnotationCreate:c})}),u!=="Markdown"&&V.jsx(zr,{children:V.jsx(gpe,{})})]}),V.jsx(At,{commandName:"toggleMarkup",enabled:!0,onSelect:M,label:"Show Markup (readonly)",icon:V.jsx(Qr,{type:"Preview"})})]})}),V.jsxs("div",{className:"squidex-editor-main",children:[V.jsx(rpe,{mode:u,onChange:f,value:w}),V.jsx(Ky,{}),O?V.jsx(Vge,{value:w,mode:u}):V.jsxs(V.Fragment,{children:[A?V.jsx(kpe,{onClose:T}):x?V.jsx(Gge,{node:x,onClose:E}):V.jsx(Yge,{onLinkModal:_}),V.jsx(Gue,{offset:{x:5,y:5},className:Fc(Y0.LANGUAGE_SELECT_POSITIONER,Y0.LANGUAGE_SELECT_WIDTH)}),V.jsx(vpe,{annotations:e,onAnnotationsFocus:d,onAnnotationsUpdate:h})]})]}),V.jsx(xpe,{})]})})})},Yge=({onLinkModal:t})=>hr().codeBlock()?null:V.jsxs(jue,{className:"squidex-editor-floating",children:[V.jsx(Qx,{}),V.jsx(ek,{}),V.jsx(tk,{}),V.jsx(Jx,{}),V.jsx(z$,{onEdit:t})]});var Z$,cR=sf;Z$=cR.createRoot,cR.hydrateRoot;class Xge{constructor(e,n){lt(this,"root");this.element=e,this.props=n,this.root=Z$(this.element),this.render()}update(e){this.props={...this.props,...e},this.render()}setValue(e){this.update({value:e})}setAnnotations(e){this.update({annotations:e})}setIsDisabled(e){this.update({isDisabled:e})}destroy(){this.root.unmount()}render(){this.root.render(V.jsx(Kge,{...this.props}))}}/* * Squidex Headless CMS * * @license