From 3f0d5219a287b730460c2e21bfc3a4b18d81c593 Mon Sep 17 00:00:00 2001 From: Sebastian Date: Mon, 13 Nov 2023 18:51:27 +0100 Subject: [PATCH] Fix non-image asset. --- 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 9eead460b..6e983cf48 100644 --- a/backend/src/Squidex/wwwroot/editor/squidex-editor.js +++ b/backend/src/Squidex/wwwroot/editor/squidex-editor.js @@ -5114,4 +5114,4 @@ ${c} * * @license * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved. - */const SM=({children:e,title:t})=>A.jsxs("div",{className:"squidex-editor-modal-wrapper",children:[A.jsx("div",{className:"squidex-editor-modal-backdrop"}),A.jsxs("div",{className:"squidex-editor-modal-window",children:[t&&A.jsx("div",{className:"squidex-editor-modal-title",children:t}),A.jsx("div",{className:"squidex-editor-modal-body",children:e})]})]}),Yue=({onSelectAssets:e})=>{const t=vc(),r=S.useCallback(async()=>{const n=await e();for(const o of n){if(o.mimeType.startsWith("image/")){const i={src:o.src,alt:o.alt,title:o.fileName};t.insertImage(i)}else t.insertAsset(o);t.insertText(" ")}t.run()},[t,e]);return A.jsx(mt,{commandName:"addImage",enabled:!0,onSelect:r,label:"Add Asset",icon:A.jsx(hi,{type:"Assets"})})},que=({onSelectContents:e})=>{const t=vc(),r=S.useCallback(async()=>{const n=await e();for(const o of n)t.addContent(o);t.run()},[t,e]);return A.jsx(mt,{commandName:"addContent",enabled:!0,onSelect:r,label:"Add Content",icon:A.jsx(hi,{type:"Contents"})})},Xue=()=>{const e=vc(),t=S.useCallback(async()=>{e.insertPlainHtml().run()},[e]);return A.jsx(mt,{commandName:"addImage",enabled:!0,onSelect:t,label:"Add HTML",icon:A.jsx("span",{style:{height:"16px",lineHeight:"16px"},children:"HTML"})})},Zue=({attrs:e,...t})=>{const{setClassName:r}=Wt(),n=S.useCallback(()=>{r(e.className)},[e.className,r]),o=Rr().className(e);return A.jsx(kE,{...t,commandName:"toggleClass",active:o,attrs:e,enabled:!0,onSelect:n,label:(e==null?void 0:e.className)||"No Class"})},Jue=({...e})=>{const{removeClassName:t}=Wt(),r=S.useCallback(()=>{t()},[t]),n=!Rr().className();return A.jsx(kE,{...e,commandName:"removeClass",active:n,attrs:{},enabled:!0,onSelect:r,label:"No Class"})},Que=()=>{const e=tp(ac);return!e.options.classNames||e.options.classNames.length===0?null:A.jsxs(BI,{"aria-label":"Class Name",icon:A.jsx("span",{style:{height:"14px",lineHeight:"14px",fontSize:"14px"},children:"Class"}),children:[A.jsx(Jue,{}),e.options.classNames.map(t=>A.jsx(Zue,{attrs:{className:t}},t))]})},ede=()=>{const e=tp(cs);return A.jsxs("div",{className:"squidex-editor-counter",children:["Words: ",A.jsx("strong",{children:e.getWordCount()}),", Characters: ",A.jsx("strong",{children:e.getCharacterCount()})]})},wM=({onEdit:e})=>{const t=vc(),n=Rr().link(),o=Pb(),i=S.useCallback(()=>{t.removeLink().focus().run()},[t]);return A.jsxs(A.Fragment,{children:[A.jsx(mt,{commandName:"updateLink",enabled:!o.empty,label:"Add or Edit Link",onSelect:e,icon:"link"}),A.jsx(mt,{commandName:"removeLink",enabled:n,label:"Remove Link",onSelect:i,icon:"linkUnlink"})]})},tde=({onClose:e})=>{const[t,r,n]=pM(""),o=vc(),i=Fq(!0).link(),s=(i==null?void 0:i.href)??"",a=Pb();S.useEffect(()=>{r(s)},[s,a,r]);const l=S.useCallback(()=>{const d=n.current;d?o.updateLink({href:d,auto:!1}):o.removeLink(),o.focus(a.to).run(),e()},[o,n,e,a.to]),c=S.useCallback(d=>{r(d.target.value)},[r]),u=S.useCallback(d=>{const{code:p}=d;p==="Enter"&&l(),p==="Escape"&&e()},[e,l]);return A.jsxs(SM,{title:"Change Link",children:[A.jsx(xM,{value:t,onChange:c,onKeyDown:u,placeholder:"Enter Link..."}),A.jsxs(An,{children:[A.jsx(mt,{commandName:"submitLink",enabled:!0,onSelect:l,icon:A.jsx(hi,{type:"Check"})}),A.jsx(mt,{commandName:"cancelLink",enabled:!0,onSelect:e,icon:A.jsx(hi,{type:"Cancel"})})]})]})},rde=({onClose:e,node:t})=>{const[r,n,o]=pM(""),i=Wt();S.useEffect(()=>{n(t.node.attrs.title||"")},[t,n]);const s=S.useCallback(c=>{n(c.target.value)},[n]),a=S.useCallback(()=>{i.updateNodeAttributes(t.getPos()||0,{...t.node.attrs||{},title:o.current}),e()},[i,t,e,o]),l=S.useCallback(c=>{const{code:u}=c;u==="Enter"&&a(),u==="Escape"&&e()},[e,a]);return A.jsxs(SM,{title:"Change Image Title",children:[A.jsx(xM,{value:r,onChange:s,onKeyDown:l,placeholder:"Enter Title..."}),A.jsxs(An,{children:[A.jsx(mt,{commandName:"submitLink",enabled:!0,onSelect:a,icon:A.jsx(hi,{type:"Check"})}),A.jsx(mt,{commandName:"cancelLink",enabled:!0,onSelect:e,icon:A.jsx(hi,{type:"Cancel"})})]})]})};const nde=e=>{const{appName:t,classNames:r,canSelectAIText:n,canSelectAssets:o,canSelectContents:i,isDisabled:s,mode:a,onChange:l,onEditAsset:c,onEditContent:u,onSelectAIText:d,onSelectAssets:p,onSelectContents:f,onUpload:h,value:m}=e,b=S.useMemo(()=>{let P=e.baseUrl;return P.endsWith("/")&&(P=P.substring(0,P.length-1)),P},[e.baseUrl]),[y,g]=S.useState(),[v,E]=S.useState(!1),k=S.useCallback(()=>{E(!0)},[]),x=S.useCallback(()=>{E(!1)},[]),w=S.useCallback(()=>{g(null)},[]),C=S.useCallback(()=>[new FE,new Sa({}),new Od({enableSpine:!0}),new ac({classNames:r}),new zn({supportedLanguages:hue}),new Nd,new Dd({appName:t,baseUrl:b,onEditContent:u}),new cs({}),new Mh,new Lh({}),new Dh,new $ue({copyAsHtml:a==="Html"}),new Rd({uploadHandler:h}),new _d,new wa({autoLink:!0}),new xa({enableCollapsible:!0}),new sc({copyAsMarkdown:a==="Markdown",htmlToMarkdown:_ue,markdownToHtml:Iue}),new Ad,new Vh,new Md,new _y,new Ld],[t,b,r,a,u,h]),{manager:T,state:O,setState:_}=Jq({stringHandler:a==="Markdown"?"markdown":"html",content:m,nodeViewComponents:{image:P=>A.jsx(zue,{...P,appName:t,baseUrl:b,onEditNode:g,onEditAsset:c})},extensions:C});return A.jsx(lle,{children:A.jsx(rle,{theme:{color:{primary:"#3389ff",active:{primary:"#3389ff"}}},children:A.jsxs(tX,{classNames:s?["squidex-editor-disabled"]:[],manager:T,state:O,onChange:P=>_(P.state),children:[A.jsx("div",{className:"squidex-editor-menu",children:A.jsxs(FI,{children:[A.jsx(Qae,{}),A.jsx(Jae,{showAll:!0}),A.jsxs(An,{children:[A.jsx(yE,{}),A.jsx(bE,{}),A.jsx(EE,{}),A.jsx(vE,{})]}),A.jsxs(An,{children:[A.jsx(Bae,{}),A.jsx(Fae,{}),A.jsx(zae,{})]}),A.jsxs(An,{children:[A.jsx(Hae,{}),A.jsx(Uae,{})]}),a==="Html"&&r&&r.length>0&&A.jsx(An,{children:A.jsx(Que,{})}),A.jsx(An,{children:A.jsx(wM,{onEdit:k})}),A.jsxs(An,{children:[o&&p&&A.jsx(Yue,{onSelectAssets:p}),i&&f&&A.jsx(que,{onSelectContents:f}),n&&d&&A.jsx(Wue,{onSelectAIText:d})]}),a==="Html"&&A.jsx(An,{children:A.jsx(Xue,{})})]})}),A.jsx(Bue,{mode:a,onChange:l,state:O,value:m}),A.jsx(gy,{}),v?A.jsx(tde,{onClose:x}):y?A.jsx(rde,{node:y,onClose:w}):A.jsx(ode,{onLinkModal:k}),A.jsx(ile,{offset:{x:5,y:5},className:Fl(y0.LANGUAGE_SELECT_POSITIONER,y0.LANGUAGE_SELECT_WIDTH)}),A.jsx(ede,{})]})})})},ode=({onLinkModal:e})=>Rr().codeBlock()?null:A.jsxs(ole,{className:"squidex-editor-floating",children:[A.jsx(yE,{}),A.jsx(bE,{}),A.jsx(EE,{}),A.jsx(vE,{}),A.jsx(wM,{onEdit:e})]});var TM,rC=ep;TM=rC.createRoot,rC.hydrateRoot;class ide{constructor(t,r){Fe(this,"root");this.element=t,this.props=r,this.root=TM(this.element),this.render()}update(t){this.props={...this.props,...t},this.render()}setValue(t){this.update({value:t})}setIsDisabled(t){this.update({isDisabled:t})}destroy(){this.root.unmount()}render(){this.root.render(A.jsx(nde,{...this.props}))}}window.SquidexEditorWrapper=ide; + */const SM=({children:e,title:t})=>A.jsxs("div",{className:"squidex-editor-modal-wrapper",children:[A.jsx("div",{className:"squidex-editor-modal-backdrop"}),A.jsxs("div",{className:"squidex-editor-modal-window",children:[t&&A.jsx("div",{className:"squidex-editor-modal-title",children:t}),A.jsx("div",{className:"squidex-editor-modal-body",children:e})]})]}),Yue=({onSelectAssets:e})=>{const t=vc(),r=S.useCallback(async()=>{const n=await e();for(const o of n){if(o.mimeType.startsWith("image/")){const i={src:o.src,alt:o.alt,title:o.fileName};t.insertImage(i)}else t.insertText(o.fileName,{marks:{link:{href:o.src}}});t.insertText(" ")}t.run()},[t,e]);return A.jsx(mt,{commandName:"addImage",enabled:!0,onSelect:r,label:"Add Asset",icon:A.jsx(hi,{type:"Assets"})})},que=({onSelectContents:e})=>{const t=vc(),r=S.useCallback(async()=>{const n=await e();for(const o of n)t.addContent(o);t.run()},[t,e]);return A.jsx(mt,{commandName:"addContent",enabled:!0,onSelect:r,label:"Add Content",icon:A.jsx(hi,{type:"Contents"})})},Xue=()=>{const e=vc(),t=S.useCallback(async()=>{e.insertPlainHtml().run()},[e]);return A.jsx(mt,{commandName:"addImage",enabled:!0,onSelect:t,label:"Add HTML",icon:A.jsx("span",{style:{height:"16px",lineHeight:"16px"},children:"HTML"})})},Zue=({attrs:e,...t})=>{const{setClassName:r}=Wt(),n=S.useCallback(()=>{r(e.className)},[e.className,r]),o=Rr().className(e);return A.jsx(kE,{...t,commandName:"toggleClass",active:o,attrs:e,enabled:!0,onSelect:n,label:(e==null?void 0:e.className)||"No Class"})},Jue=({...e})=>{const{removeClassName:t}=Wt(),r=S.useCallback(()=>{t()},[t]),n=!Rr().className();return A.jsx(kE,{...e,commandName:"removeClass",active:n,attrs:{},enabled:!0,onSelect:r,label:"No Class"})},Que=()=>{const e=tp(ac);return!e.options.classNames||e.options.classNames.length===0?null:A.jsxs(BI,{"aria-label":"Class Name",icon:A.jsx("span",{style:{height:"14px",lineHeight:"14px",fontSize:"14px"},children:"Class"}),children:[A.jsx(Jue,{}),e.options.classNames.map(t=>A.jsx(Zue,{attrs:{className:t}},t))]})},ede=()=>{const e=tp(cs);return A.jsxs("div",{className:"squidex-editor-counter",children:["Words: ",A.jsx("strong",{children:e.getWordCount()}),", Characters: ",A.jsx("strong",{children:e.getCharacterCount()})]})},wM=({onEdit:e})=>{const t=vc(),n=Rr().link(),o=Pb(),i=S.useCallback(()=>{t.removeLink().focus().run()},[t]);return A.jsxs(A.Fragment,{children:[A.jsx(mt,{commandName:"updateLink",enabled:!o.empty,label:"Add or Edit Link",onSelect:e,icon:"link"}),A.jsx(mt,{commandName:"removeLink",enabled:n,label:"Remove Link",onSelect:i,icon:"linkUnlink"})]})},tde=({onClose:e})=>{const[t,r,n]=pM(""),o=vc(),i=Fq(!0).link(),s=(i==null?void 0:i.href)??"",a=Pb();S.useEffect(()=>{r(s)},[s,a,r]);const l=S.useCallback(()=>{const d=n.current;d?o.updateLink({href:d,auto:!1}):o.removeLink(),o.focus(a.to).run(),e()},[o,n,e,a.to]),c=S.useCallback(d=>{r(d.target.value)},[r]),u=S.useCallback(d=>{const{code:p}=d;p==="Enter"&&l(),p==="Escape"&&e()},[e,l]);return A.jsxs(SM,{title:"Change Link",children:[A.jsx(xM,{value:t,onChange:c,onKeyDown:u,placeholder:"Enter Link..."}),A.jsxs(An,{children:[A.jsx(mt,{commandName:"submitLink",enabled:!0,onSelect:l,icon:A.jsx(hi,{type:"Check"})}),A.jsx(mt,{commandName:"cancelLink",enabled:!0,onSelect:e,icon:A.jsx(hi,{type:"Cancel"})})]})]})},rde=({onClose:e,node:t})=>{const[r,n,o]=pM(""),i=Wt();S.useEffect(()=>{n(t.node.attrs.title||"")},[t,n]);const s=S.useCallback(c=>{n(c.target.value)},[n]),a=S.useCallback(()=>{i.updateNodeAttributes(t.getPos()||0,{...t.node.attrs||{},title:o.current}),e()},[i,t,e,o]),l=S.useCallback(c=>{const{code:u}=c;u==="Enter"&&a(),u==="Escape"&&e()},[e,a]);return A.jsxs(SM,{title:"Change Image Title",children:[A.jsx(xM,{value:r,onChange:s,onKeyDown:l,placeholder:"Enter Title..."}),A.jsxs(An,{children:[A.jsx(mt,{commandName:"submitLink",enabled:!0,onSelect:a,icon:A.jsx(hi,{type:"Check"})}),A.jsx(mt,{commandName:"cancelLink",enabled:!0,onSelect:e,icon:A.jsx(hi,{type:"Cancel"})})]})]})};const nde=e=>{const{appName:t,classNames:r,canSelectAIText:n,canSelectAssets:o,canSelectContents:i,isDisabled:s,mode:a,onChange:l,onEditAsset:c,onEditContent:u,onSelectAIText:d,onSelectAssets:p,onSelectContents:f,onUpload:h,value:m}=e,b=S.useMemo(()=>{let P=e.baseUrl;return P.endsWith("/")&&(P=P.substring(0,P.length-1)),P},[e.baseUrl]),[y,g]=S.useState(),[v,E]=S.useState(!1),k=S.useCallback(()=>{E(!0)},[]),x=S.useCallback(()=>{E(!1)},[]),w=S.useCallback(()=>{g(null)},[]),C=S.useCallback(()=>[new FE,new Sa({}),new Od({enableSpine:!0}),new ac({classNames:r}),new zn({supportedLanguages:hue}),new Nd,new Dd({appName:t,baseUrl:b,onEditContent:u}),new cs({}),new Mh,new Lh({}),new Dh,new $ue({copyAsHtml:a==="Html"}),new Rd({uploadHandler:h}),new _d,new wa({autoLink:!0}),new xa({enableCollapsible:!0}),new sc({copyAsMarkdown:a==="Markdown",htmlToMarkdown:_ue,markdownToHtml:Iue}),new Ad,new Vh,new Md,new _y,new Ld],[t,b,r,a,u,h]),{manager:T,state:O,setState:_}=Jq({stringHandler:a==="Markdown"?"markdown":"html",content:m,nodeViewComponents:{image:P=>A.jsx(zue,{...P,appName:t,baseUrl:b,onEditNode:g,onEditAsset:c})},extensions:C});return A.jsx(lle,{children:A.jsx(rle,{theme:{color:{primary:"#3389ff",active:{primary:"#3389ff"}}},children:A.jsxs(tX,{classNames:s?["squidex-editor-disabled"]:[],manager:T,state:O,onChange:P=>_(P.state),children:[A.jsx("div",{className:"squidex-editor-menu",children:A.jsxs(FI,{children:[A.jsx(Qae,{}),A.jsx(Jae,{showAll:!0}),A.jsxs(An,{children:[A.jsx(yE,{}),A.jsx(bE,{}),A.jsx(EE,{}),A.jsx(vE,{})]}),A.jsxs(An,{children:[A.jsx(Bae,{}),A.jsx(Fae,{}),A.jsx(zae,{})]}),A.jsxs(An,{children:[A.jsx(Hae,{}),A.jsx(Uae,{})]}),a==="Html"&&r&&r.length>0&&A.jsx(An,{children:A.jsx(Que,{})}),A.jsx(An,{children:A.jsx(wM,{onEdit:k})}),A.jsxs(An,{children:[o&&p&&A.jsx(Yue,{onSelectAssets:p}),i&&f&&A.jsx(que,{onSelectContents:f}),n&&d&&A.jsx(Wue,{onSelectAIText:d})]}),a==="Html"&&A.jsx(An,{children:A.jsx(Xue,{})})]})}),A.jsx(Bue,{mode:a,onChange:l,state:O,value:m}),A.jsx(gy,{}),v?A.jsx(tde,{onClose:x}):y?A.jsx(rde,{node:y,onClose:w}):A.jsx(ode,{onLinkModal:k}),A.jsx(ile,{offset:{x:5,y:5},className:Fl(y0.LANGUAGE_SELECT_POSITIONER,y0.LANGUAGE_SELECT_WIDTH)}),A.jsx(ede,{})]})})})},ode=({onLinkModal:e})=>Rr().codeBlock()?null:A.jsxs(ole,{className:"squidex-editor-floating",children:[A.jsx(yE,{}),A.jsx(bE,{}),A.jsx(EE,{}),A.jsx(vE,{}),A.jsx(wM,{onEdit:e})]});var TM,rC=ep;TM=rC.createRoot,rC.hydrateRoot;class ide{constructor(t,r){Fe(this,"root");this.element=t,this.props=r,this.root=TM(this.element),this.render()}update(t){this.props={...this.props,...t},this.render()}setValue(t){this.update({value:t})}setIsDisabled(t){this.update({isDisabled:t})}destroy(){this.root.unmount()}render(){this.root.render(A.jsx(nde,{...this.props}))}}window.SquidexEditorWrapper=ide;