https://cdn.qiita.com/assets/public/50-3728596a50de3ecc.min.js

1"use strict";(globalThis.webpackChunkqiita_frontend_v3=globalThis.webpackChunkqiita_frontend_v3||[]).push([[50],{9050(e,a,i){i.r(a),i.d(a,{default:()=>ma});var n=i(35792),f=i(30758),l=i(71208),o=i(87923),t=i(81064),m=i(45827),r=i(4371),u=i(28970),s=i(64183),d=i(60387),c=i(63158),v=i(77932),p=i(7475),_=i(73681),h=i(32356),D=i(27935);const g=({article:e})=>{const a=(0,u.m)("ArticleCommentList"),{location:i}=(0,f.useContext)(m.B);return(0,f.useEffect)(()=>{(0,D.ei)("Show",i)},[i]),(0,n.FD)("div",{css:b,children:[(0,n.Y)("p",{css:k,children:a("sign_up_or_sign_in_to_join")}),(0,n.FD)("div",{css:y,children:[(0,n.Y)(_.z,{href:(0,h.pM)({redirectTo:e.linkUrl}),rel:"nofollow",buttonType:"greenFill",onClick:()=>(0,D.ei)("Click","sign in"),round:8,children:a("login")}),(0,n.Y)(_.z,{href:(0,h.kA)({redirectTo:e.linkUrl}),buttonType:"grayBorder",rel:"nofollow",onClick:()=>(0,D.ei)("Click","sign up"),round:8,children:a("sign_up")})]})]})},b=(0,l.css)({backgroundColor:d.Jy.surfaceVariant,borderRadius:8,padding:(0,d.pp)(3),textAlign:"center",margin:`${(0,d.pp)(2)}px auto 0`,width:"calc(100% - 112px)",...s.R9.S({margin:`${(0,d.pp)(2)}px ${(0,d.pp)(2)}px 0`,width:"calc(100% - 32px)"})}),k=(0,l.css)({fontSize:d.o5.subhead2,fontWeight:d.LP.bold,lineHeight:d.aK.subhead}),y=(0,l.css)({display:"flex",justifyContent:"center",gap:(0,d.pp)(2),marginTop:(0,d.pp)(1)});var C=i(44944),S=i(18235),L=i(8617),T=i(12543),w=i(5144),x=i(97002),E=i(75578),B=i(14744),N=i(53952),j=i(51927),I=i(83201),M=i(69628),A=i(68781),R=i(20250);const F=({comment:e})=>{const a=(0,v.kY)(),{handleLike:i,handleUnlike:l}=(({commentId:e,isLikable:a,commenterId:i})=>{const{isLoggedIn:n,currentUser:l}=(0,f.useContext)(m.B),o=(0,v.kY)(),t=(0,u.m)("CommentLike"),[r,{loading:s}]=(0,M.n)(A.L),[d,{loading:p}]=(0,M.n)(R.O);return{handleLike:(0,f.useCallback)(f=>{s||p||(n?l&&l.originalId===i?o({type:c.T.SET_SNACKBAR,payload:{type:"alert",body:t("cannot_like_to_own_comment")}}):a?(f.onBeforeLike(),r({variables:{likeInput:{likableId:e}}}).catch(()=>{f.onFailedLike(),o({type:c.T.SET_SNACKBAR,payload:{type:"error",body:t("like_failed")}})})):o({type:c.T.SET_SNACKBAR,payload:{type:"error",body:t("cannot_like")}}):o({type:c.T.OPEN_LOGIN_MODAL}))},[e,i,l,o,a,s,p,n,r,t]),handleUnlike:(0,f.useCallback)(a=>{p||s||(a.onBeforeUnlike(),d({variables:{unlikeInput:{likableId:e}}}).catch(()=>{a.onFailedUnlike(),o({type:c.T.SET_SNACKBAR,payload:{type:"error",body:t("unlike_failed")}})}))},[e,o,s,p,d,t])}})({commentId:e.encryptedId,isLikable:e.isLikableByViewer,commenterId:e.commenter.originalId}),o=(0,f.useCallback)(()=>{e.isLikedByViewer?l({onBeforeUnlike:()=>{a({type:c.T.UNLIKE_ARTICLE_COMMENT,payload:{commentId:e.encryptedId}})},onFailedUnlike:()=>{a({type:c.T.LIKE_ARTICLE_COMMENT,payload:{commentId:e.encryptedId}})}}):i({onBeforeLike:()=>{(0,D.YA)("Like a Comment","ArticleCommentList"),a({type:c.T.LIKE_ARTICLE_COMMENT,payload:{commentId:e.encryptedId}})},onFailedLike:()=>{a({type:c.T.UNLIKE_ARTICLE_COMMENT,payload:{commentId:e.encryptedId}})}})},[e.isLikedByViewer,e.encryptedId,i,a,l]);return(0,n.Y)(I.K,{isLikable:e.isLikableByViewer,isLiked:e.isLikedByViewer,onClick:o})},O=({comment:e,onOpenReportModal:a,onDeleteComment:i,onEdit:l})=>{const o=(0,v.kY)(),m=(0,u.m)("ArticleCommentListComment"),{currentUser:r}=(0,E.Us)(),s=(0,f.useRef)(null),d=(0,f.useRef)(null),[p,_]=(0,f.useState)(!1),h=(0,f.useRef)(null);(0,f.useEffect)(()=>{let a=null;return`#${(0,t.np)(e.uuid)}`===location.hash&&h.current&&(a=window.setTimeout(()=>{h.current&&h.current.scrollIntoView()},500)),()=>{a&&window.clearTimeout(a)}},[e.uuid]);const g=(0,f.useCallback)(a=>{a?(o({type:c.T.BLOCK_ARTICLE_AUTHOR,payload:{authorUrlName:e.commenter.urlName}}),o({type:c.T.BLOCK_ARTICLE_COMMENTER,payload:{commenterUrlName:e.commenter.urlName}})):(o({type:c.T.UNBLOCK_ARTICLE_AUTHOR,payload:{authorUrlName:e.commenter.urlName}}),o({type:c.T.UNBLOCK_ARTICLE_COMMENTER,payload:{commenterUrlName:e.commenter.urlName}}))},[e.commenter,o]),b=(0,f.useCallback)(a=>{a?(o({type:c.T.MUTE_ARTICLE_AUTHOR,payload:{authorUrlName:e.commenter.urlName}}),o({type:c.T.MUTE_ARTICLE_COMMENTER,payload:{commenterUrlName:e.commenter.urlName}})):(o({type:c.T.UNMUTE_ARTICLE_AUTHOR,payload:{authorUrlName:e.commenter.urlName}}),o({type:c.T.UNMUTE_ARTICLE_COMMENTER,payload:{commenterUrlName:e.commenter.urlName}}))},[e.commenter,o]),k=(0,f.useCallback)(()=>{(0,D.Pp)("Click","ArticleCommentListComment"),a(e)},[e,a]),y=(0,f.useCallback)(()=>{l(e.uuid)},[e.uuid,l]),I=(0,f.useCallback)(()=>

1{window.confirm(m("confirm_deletion"))&&i(e.uuid)},[e.uuid,i,m]),M="ArticleCommentListComment";return(0,n.FD)("section",{css:P,id:(0,t.np)(e.uuid),ref:h,children:[(0,n.FD)("div",{css:$,children:[(0,n.FD)("div",{css:V,children:[(0,n.Y)("a",{href:(0,B.rZ0)({id:e.commenter.urlName}),css:Y,children:(0,n.Y)(C.e,{size:32,src:e.commenter.profileImageUrlW48,alt:e.commenter.urlName})}),(0,n.FD)("div",{css:H,children:[(0,n.FD)("a",{href:(0,B.rZ0)({id:e.commenter.urlName}),css:U,children:[(0,n.FD)("span",{css:J,children:["@",e.commenter.urlName]}),e.commenter.name&&(0,n.FD)("span",{css:J,children:["(",e.commenter.name,")"]})]}),(0,n.Y)("time",{css:X,children:(0,j.KZ)(e.createdAt,"%Y-%m-%d %H:%M")}),e.isUpdated&&(0,n.Y)("div",{css:z,children:m("edited")})]})]}),(0,n.FD)("div",{css:G,children:[(0,n.Y)(L.gf,{ariaControls:M,ariaHaspopup:"menu",isOpen:p,onClick:()=>_(e=>!e),onRequestClose:()=>{_(!1),s.current?.focus()},ref:s,dropdownRef:d,"aria-label":m(p?"close_menu":"open_menu"),css:q,children:(0,n.Y)(S.W,{css:{verticalAlign:"middle"},size:24,children:"more_horiz"})}),(0,n.FD)(L.ms,{id:M,isOpen:p,ref:d,css:K,children:[(0,n.Y)(L.tJ,{children:(0,n.Y)(L.dd,{onClick:()=>{(0,N.a)(e.linkUrl).then(()=>{o({type:c.T.SET_SNACKBAR,payload:{type:"notice",body:m("copied_message")}}),_(!1)})},children:m("copy_link")})}),!e.isUpdatableByViewer&&(0,n.Y)(L.tJ,{children:(0,n.Y)(L.dd,{onClick:k,children:m("report")})}),(!r||e.commenter.isBlockableByViewer)&&(0,n.Y)(L.tJ,{children:(0,n.Y)(w.A,{encryptedId:e.commenter.encryptedId,isBlockableByViewer:e.commenter.isBlockableByViewer,isBlockedByViewer:e.commenter.isBlockedByViewer,onBlockedChange:g,trackContainer:"ArticleCommentList"})}),(!r||e.commenter.isMuteableByViewer&&!e.commenter.isBlockedByViewer)&&(0,n.Y)(L.tJ,{children:(0,n.Y)(x.w,{urlName:e.commenter.urlName,isMuteableByViewer:e.commenter.isMuteableByViewer,isMutedByViewer:e.commenter.isMutedByViewer,onMutedChange:b,trackContainer:"ArticleCommentList"})}),e.isUpdatableByViewer?(0,n.Y)(L.tJ,{children:(0,n.Y)(L.dd,{onClick:y,children:m("edit")})}):null,e.isDestroyableByViewer?(0,n.Y)(L.tJ,{children:(0,n.Y)(L.dd,{onClick:I,children:m("delete")})}):null]})]})]}),(0,n.Y)(T.B,{className:"co-Item_text",rawBody:e.body||"",enableDarkModeStyle:!0}),(0,n.FD)("div",{css:W,children:[(0,n.Y)(F,{comment:e}),(0,n.Y)("div",{css:Q,children:e.likesCount})]})]})},P=(0,l.css)({width:"100%",fontSize:14,padding:`${(0,d.pp)(3)}px ${(0,d.pp)(7)}px`,"&:not(:last-child)":{borderBottom:`1px solid ${d.Jy.divider}`},...s.R9.S({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(4)}px`}),...s.R9.XS({padding:(0,d.pp)(2)})}),$=(0,l.css)({alignItems:"center",display:"flex",justifyContent:"space-between",marginBottom:(0,d.pp)(2)}),V=(0,l.css)({alignItems:"center",display:"flex",gap:(0,d.pp)(1)}),H=(0,l.css)({alignItems:"center",display:"flex",flexWrap:"wrap",gap:`0 ${(0,d.pp)(1)}px`}),Y=(0,l.css)({flexShrink:0,...(0,s.eN)({"&:hover":{img:{filter:"brightness(0.8)",transition:".1s ease-out"}}}),"&:active":{img:{filter:"brightness(0.8)",transition:".1s ease-out"}}}),U=(0,l.css)({color:"inherit",display:"grid",gap:(0,d.pp)(.5),gridTemplateColumns:"repeat(2, auto)"}),J=(0,l.css)({color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),X=(0,l.css)({color:d.Jy.mediumEmphasis}),z=(0,l.css)({color:d.Jy.mediumEmphasis}),G=(0,l.css)({position:"relative"}),q=(0,l.css)({background:"transparent",color:d.Jy.mediumEmphasis,padding:(0,d.pp)(1)}),K=(0,l.css)({right:0,top:32,width:320,...s.R9.XS({width:"calc(320px - 32px)"})}),W=(0,l.css)({alignItems:"center",display:"flex",width:"100%"}),Q=(0,l.css)({marginLeft:(0,d.pp)(1)}),Z=()=>{const e=(0,u.m)("ArticleCommentList");return(0,n.Y)("section",{css:ee,children:(0,n.Y)("div",{css:ae,children:e("banned")})})},ee=(0,l.css)({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(7)}px`,"&:not(:last-child)":{borderBottom:`1px solid ${d.Jy.divider}`},...s.R9.S({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(4)}px`}),...s.R9.XS({padding:(0,d.pp)(2)})}),ae=(0,l.css)({backgroundColor:d.Jy.background,borderRadius:8,padding:(0,d.pp)(2)});var ie=i(41111),ne=i(50453),fe=i(96046),le=i(17256),oe=i(46422);const te=({categories:e,isLoadingEmojis:a,emojis:i,onFetchEmojis:l,onSelectEmoji:o,className:t})=>{const[m,r]=(0,f.useState)(e[0]),[u,s]=(0,f.useState)(0),[d,c]=(0,f.useState)(0),[v,p]=(0,f.useState)(null),_=(0,f.useRef)(null),h=(0,f.useRef)(null),D="emojiPicker",g=(0,f.useCallback)(e=>{r(e),l(e)},[l]);(0,f.useEffect)(()=>{g(e[0])},[e,g]),(0,f.useEffect)(()=>{(e=>{const a=_.current?.children[e];a.focus()})(u)},[u]);const b=(0,f.useCallback)(a=>{const i=e.length;switch(a.key){case"ArrowRight":a.preventDefault(),s(e=>(e+1)%i);break;case"ArrowLeft":a.preventDefault(),s(e=>(i+e-1)%i)}},[s,e]);(0,f.useEffect)(()=>{const e=_.current;return e?.addEventListener("keydown",b),()=>{e?.removeEventListener("keydown",b)}},[_,b]);const k=(0,f.useCallback)(e=>{p(e)},[p]),y=e=>{const a=h.current?.children[e];a.focus()};(0,f.useEffect)(()=>{k(i[d])},[k,d,i]);const C=(0,f.useCallback)(e=>{const a=i.length,n=window.matchMedia("(hover: none) and (any-pointer: coarse)").matches?7:9;switch(e.key){case"ArrowRight":c(e=>{const i=(e+1)%a;return y(i),i});break;case"ArrowLeft":c(e=>{const i=(a+e-1)%a;return y(i),i});break;case"ArrowDown":e.preventDefault(),e.stopPropagation(),c(e=>{const i=((e,a,i)=>e+a<i?e+a:e%a)(e,n,a);return y(i),i});break;case"ArrowUp":e.preventDefault(),e.stopPropagation(),c(e=>{const i=((e,a,i)=>{if(e<a){const n=i%a;return e<n?i-n+e:i-n-a+e}return e-a})(e,n,a);return y(i),i})}},[i,c]);return(0,f.useEffect)(()=>{const e=h.current;return e?.addEventListener("keydown",C),()=>{e?.removeEventListener("keydown",C)}},[h,C]),0===e.length?null:(0,n.FD)("div",{css:me,className:t,children:[(0,n.Y)("div",{css:re,ref:_,role:"tablist",children:e.map((e,a)=>(0,n.Y)("button",{css:ue({isActive:m.name===e.name}),type:"button",id:`${D}tab${e.name}`,"aria-controls":`${D}panel${e.name}`,onClick:()=>{g(e),c(0)},role:"tab","aria-selected":m.name===e.name,tabIndex:a===u?0:-1,children:(0,n.Y)("img",{src:e.url,alt:e.name,width:20,height:20,css:se})},e.name))}),(0,n.Y)("div",{css:de,ref:h,role:"tabpanel",id:`${D}panel${m.name}`,"aria-labelledby":`${D}tab${m.name}`,children:a?(0,n.Y)(fe.y,{}):i.map((e,a)=>(0,n.Y)("button",{css:ce,onMouseEnter:()=>k(e),onClick:()=>o(e),tabIndex:a===d?0:-1,children:(0,n.Y)("img",{css:se,src:e.url,alt:e.name,width:20,height:20})},e.name))}),(0,n.Y)("div",{css:ve,children:v?(0,n.FD)(n.FK,{children:[(0,n.Y)("img",{alt:v.name,css:pe,height:28,src:v.url,width:28},v.url),(0,n.FD)("span",{children:[":",v.name,":"]})]}):null})]})},me=(0,l.css)({borderRadius:8,display:"grid",gridTemplateRows:"auto 1fr auto",height:320,maxWidth:"100%",padding:0,width:348,zIndex:1}),re=(0,l.css)({borderBottom:`1px solid ${d.Jy.divider}`,display:"flex",overflowX:"auto",padding:`${(0,d.pp)(.5)}px ${(0,d.pp)(1.5)}px 0`,...(0,oe.N)("x")}),ue=({isActive:e})=>(0,l.css)({background:"transparent",borderRadius:(0,d.pp)(.5),flexShrink:0,padding:(0,d.pp)(3/4),position:"relative",...(0,s.xd)({padding:(0,d.pp)(1)}),...(0,s.eN)({"&:hover":{"&::after":{background:e?d.Jy.greenContainer:d.Jy.grayContainerVariant}}}),"&:active":{"&::after":{background:e?d.Jy.greenContainer:d.Jy.grayContainerVariant}},"&::after":{background:e?d.Jy.greenContainer:"none",borderRadius:`${(0,d.pp)(1/4)}px ${(0,d.pp)(1/4)}

1px 0 0`,bottom:0,content:'""',display:"block",height:2,left:0,position:"absolute",right:0}}),se=(0,l.css)({display:"block",height:20,width:20,...(0,s.xd)({height:28,width:28})}),de=(0,l.css)({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(32px, 1fr))",overflowY:"auto",overscrollBehavior:"contain",padding:`${(0,d.pp)(.5)}px ${(0,d.pp)(1.5)}px`,...(0,oe.N)("y"),...(0,s.xd)({paddingBottom:(0,d.pp)(1.5),gridTemplateColumns:"repeat(auto-fill, minmax(44px, 1fr))"})}),ce=(0,l.css)({background:"transparent",borderRadius:4,padding:(0,d.pp)(3/4),...(0,s.xd)({padding:(0,d.pp)(1)}),"&:hover":{backgroundColor:d.Jy.surfaceVariant}}),ve=(0,l.css)({alignItems:"center",borderTop:`1px solid ${d.Jy.divider}`,display:"flex",gap:(0,d.pp)(1),minHeight:52,padding:`${(0,d.pp)(1.5)}px ${(0,d.pp)(2)}px`,...(0,s.xd)({display:"none"})}),pe=(0,l.css)({height:28,width:28});var _e=i(27035),he=i(52737),De=i(81176),ge=i.n(De),be=i(33574),ke=i.n(be),ye=i(45100);const Ce=JSON.parse('{"c":[{"value":"bash","name":"shell"},{"value":"c","name":"C"},{"value":"cl","name":"Common Lisp"},{"value":"coffeescript","name":"CoffeeScript"},{"value":"cpp","name":"C++"},{"value":"cr","name":"Crystal"},{"value":"css","name":"CSS"},{"value":"d","name":"D"},{"value":"dart","name":"Dart"},{"value":"elixir","name":"Elixir"},{"value":"elm","name":"Elm"},{"value":"erb","name":"ERB"},{"value":"erlang","name":"Erlang"},{"value":"fortran","name":"Fortran"},{"value":"go","name":"Go"},{"value":"haml","name":"Haml"},{"value":"hs","name":"Haskell"},{"value":"html","name":"HTML"},{"value":"http","name":"HTTP"},{"value":"java","name":"Java"},{"value":"js","name":"JavaScript"},{"value":"json","name":"JSON"},{"value":"kotlin","name":"Kotlin"},{"value":"latex","name":"TeX"},{"value":"lua","name":"Lua"},{"value":"math","name":"MathJax"},{"value":"md","name":"Markdown"},{"value":"mf","name":"Make"},{"value":"mermaid","name":"Mermaid"},{"value":"nginx","name":"nginx"},{"value":"objc","name":"Objective-C"},{"value":"ocaml","name":"OCaml"},{"value":"php","name":"PHP"},{"value":"pl","name":"Perl"},{"value":"plantuml","name":"PlantUML"},{"value":"prolog","name":"Prolog"},{"value":"puppet","name":"Puppet"},{"value":"py","name":"Python"},{"value":"r","name":"R"},{"value":"rb","name":"Ruby"},{"value":"rs","name":"Rust"},{"value":"rust","name":"Rust"},{"value":"sass","name":"Sass"},{"value":"scala","name":"Scala"},{"value":"scss","name":"SCSS"},{"value":"slim","name":"Slim"},{"value":"sql","name":"SQL"},{"value":"swift","name":"Swift"},{"value":"tex","name":"TeX"},{"value":"ts","name":"TypeScript"},{"value":"vb","name":"Visual Basic"},{"value":"vim","name":"VimL"},{"value":"xml","name":"XML"},{"value":"yaml","name":"YAML"},{"value":"zsh","name":"shell"},{"value":"Containerfile","name":"Docker"},{"value":"Dockerfile","name":"Docker"},{"value":"HAML","name":"Haml"},{"value":"Isabelle","name":"Isabelle"},{"value":"LaTeX","name":"TeX"},{"value":"OCL","name":"OCL"},{"value":"R","name":"R"},{"value":"S","name":"R"},{"value":"TeX","name":"TeX"},{"value":"abap","name":"ABAP"},{"value":"abl","name":"OpenEdge ABL"},{"value":"actionscript","name":"ActionScript"},{"value":"ada","name":"Ada"},{"value":"apache","name":"Apache"},{"value":"apex","name":"Apex"},{"value":"apib","name":"API Blueprint"},{"value":"apiblueprint","name":"API Blueprint"},{"value":"applescript","name":"AppleScript"},{"value":"armasm","name":"ArmAsm"},{"value":"as","name":"ActionScript"},{"value":"as3","name":"ActionScript"},{"value":"aug","name":"Augeas"},{"value":"augeas","name":"Augeas"},{"value":"awk","name":"Awk"},{"value":"bat","name":"Batchfile"},{"value":"batch","name":"Batchfile"},{"value":"batchfile","name":"Batchfile"},{"value":"bbcbasic","name":"BBCBASIC"},{"value":"behat","name":"Gherkin"},{"value":"bf","name":"Brainfuck"},{"value":"bib","name":"BibTeX"},{"value":"bibtex","name":"BibTeX"},{"value":"bicep","name":"Bicep"},{"value":"biml","name":"BIML"},{"value":"bpf","name":"BPF"},{"value":"brainfuck","name":"Brainfuck"},{"value":"brightscript","name":"BrightScript"},{"value":"brs","name":"BrightScript"},{"value":"bs","name":"BrightScript"},{"value":"bsdmake","name":"Make"},{"value":"bsl","name":"1C (BSL)"},{"value":"c#","name":"C#"},{"value":"c++","name":"C++"},{"value":"ceylon","name":"Ceylon"},{"value":"cfc","name":"CFScript"},{"value":"cfscript","name":"CFScript"},{"value":"cisco_ios","name":"Cisco IOS"},{"value":"clean","name":"Clean"},{"value":"clj","name":"Clojure"},{"value":"cljs","name":"Clojure"},{"value":"clojure","name":"Clojure"},{"value":"cmake","name":"CMake"},{"value":"cmhg","name":"CMHG"},{"value":"cmm","name":"GHC Cmm (C--)"},{"value":"cobol","name":"COBOL"},{"value":"codeowners","name":"CODEOWNERS"},{"value":"coffee","name":"CoffeeScript"},{"value":"coffee-script","name":"CoffeeScript"},{"value":"common-lisp","name":"Common Lisp"},{"value":"common_lisp","name":"Common Lisp"},{"value":"conf","name":"Config File"},{"value":"config","name":"Config File"},{"value":"configuration","name":"Config File"},{"value":"console","name":"Console"},{"value":"containerfile","name":"Docker"},{"value":"coq","name":"Coq"},{"value":"crystal","name":"Crystal"},{"value":"cs","name":"C#"},{"value":"csharp","name":"C#"},{"value":"csvs","name":"csvs"},{"value":"cucumber","name":"Gherkin"},{"value":"cuda","name":"CUDA"},{"value":"cypher","name":"Cypher"},{"value":"cython","name":"Cython"},{"value":"dafny","name":"Dafny"},{"value":"datastudio","name":"Datastudio"},{"value":"diff","name":"diff"},{"value":"diff_Containerfile","name":"Diff of Docker"},{"value":"diff_Dockerfile","name":"Diff of Docker"},{"value":"diff_HAML","name":"Diff of Haml"},{"value":"diff_Isabelle","name":"Diff of Isabelle"},{"value":"diff_LaTeX","name":"Diff of TeX"},{"value":"diff_OCL","name":"Diff of OCL"},{"value":"diff_R","name":"Diff of R"},{"value":"diff_S","name":"Diff of R"},{"value":"diff_TeX","name":"Diff of TeX"},{"value":"diff_abap","name":"Diff of ABAP"},{"value":"diff_abl","name":"Diff of OpenEdge ABL"},{"value":"diff_actionscript","name":"Diff of ActionScript"},{"value":"diff_ada","name":"Diff of Ada"},{"value":"diff_apache","name":"Diff of Apache"},{"value":"diff_apex","name":"Diff of Apex"},{"value":"diff_api_blueprint","name":"Diff of API Blueprint"},{"value":"diff_apib","name":"Diff of API Blueprint"},{"value":"diff_apiblueprint","name":"Diff of API Blueprint"},{"value":"diff_apple_script","name":"Diff of AppleScript"},{"value":"diff_applescript","name":"Diff of AppleScript"},{"value":"diff_arm_asm","name":"Diff of ArmAsm"},{"value":"diff_armasm","name":"Diff of ArmAsm"},{"value":"diff_as","name":"Diff of ActionScript"},{"value":"diff_as3","name":"Diff of ActionScript"},{"value":"diff_aug","name":"Diff of Augeas"},{"value":"diff_augeas","name":"Diff of Augeas"},{"value":"diff_awk","name":"Diff of Awk"},{"value":"diff_bash","name":"Diff of shell"},{"value":"diff_bat","name":"Diff of Batchfile"},{"value":"diff_batch","name":"Diff of Batchfile"},{"value":"diff_batchfile","name":"Diff of Batchfile"},{"value":"diff_bbcbasic","name":"Diff of BBCBASIC"},{"value":"diff_behat","name":"Diff of Gherkin"},{"value":"diff_bf","name":"Diff of Brainfuck"},{"value":"diff_bib","name":"Diff of BibTeX"},{"value":"diff_bib_te_x","name":"Diff of BibTeX"},{"value":"diff_bibtex","name":"Diff of BibTeX"},{"value":"diff_bicep","name":"Diff of Bicep"},{"value":"diff_biml","name":"Diff of BIML"},{"value":"diff_bpf","name":"Diff of BPF"},{"value":"diff_brainfuck","name":"Diff of Brainfuck"},{"value":"diff_brightscript","name":"Diff of BrightScript"},{"value":"diff_brs","name":"Diff of BrightScript"},{"value":"diff_bs","name":"Diff of BrightScript"},{"value":"diff_bsdmake","name":"Diff of Make"},{"value":"diff_bsl","name":"Diff of 1C (BSL)"},{"value":"diff_c","name":"Diff of C"},{"value":"diff_c#","name":"Diff of C#"},{"value":"diff_c++","name":"Diff of C++"},{"value":"diff_c_make","name":"Diff of CMake"},{"value":"diff_c_sharp","name":"Diff of C#"},{"value":"diff_ceylon","name":"Diff of Ceylon"},{"value":"diff_cfc","name":"Diff of CFScript"},{"value":"diff_cfscript","name":"Diff of CFScript"},{"value":"diff_cisco_ios","name":"Diff of Cisco IOS"},{"value":"diff_cl","name":"Diff of Common Lisp"},{"value":"diff_clean","name":"Diff of Clean"},{"value":"diff_clj","name":"Diff of Clojure"},{"value":"diff_cljs","name":"Diff of Clojure"},{"value":"diff_clojure","name":"Diff of Clojure"},{"value":"diff_cmake","name":"Diff of CMake"},{"value":"diff_cmhg","name":"Diff of CMHG"},{"value":"diff_cmm","name":"Diff of GHC Cmm (C--)"},{"value":"diff_cobol","name":"Diff of COBOL"},{"value":"diff_codeowners","name":"Diff of CODEOWNERS"},{"value":"diff_coffee","name":"Diff of CoffeeScript"},{"value":"diff_coffee-script","name":"Diff of CoffeeScript"},{"value":"diff_coffeescript","name":"Diff of CoffeeScript"},{"value":"diff_common-lisp","name":"Diff of Common Lisp"},{"value":"diff_common_lisp","name":"Diff of Common Lisp"},{"value":"diff_conf","name":"Diff of Config File"},{"value":"diff_config","name":"Diff of Config File"},{"value":"diff_configuration","name":"Diff of Config File"},{"value":"diff_containerfile","name":"Diff of Docker"},{"value":"diff_coq","name":"Diff of Coq"},{"value":"diff_cpp","name":"Diff of C++"},{"value":"diff_cr","name":"Diff of Crystal"},{"value":"diff_crystal","name":"Diff of Crystal"},{"value":"diff_cs","name":"Diff of C#"},{"value":"diff_csharp","name":"Diff of C#"},{"value":"diff_css","name":"Diff of CSS"},{"value":"diff_csvs","name":"Diff of csvs"},{"value":"diff_cucumber","name":"Diff of Gherkin"},{"value":"diff_cuda","name":"Diff of CUDA"},{"value":"diff_cypher","name":"Diff of Cypher"},{"value":"diff_cython","name":"Diff of Cython"},{"value":"diff_d","name":"Diff of D"},{"value":"diff_dafny","name":"Diff of Dafny"},{"value":"diff_dart","name":"Diff of Dart"},{"value":"diff_datastudio","name":"Diff of Datastudio"},{"value":"diff_digdag","name":"Diff of digdag"},{"value":"diff_django","name":"Diff of Jinja"},{"value":"diff_dlang","name":"Diff of D"},{"value":"diff_docker","name":"Diff of Docker"},{"value":"diff_dockerfile","name":"Diff of Docker"},{"value":"diff_dosbatch","name":"Diff of Batchfile"},{"value":"diff_dot","name":"Diff of DOT"},{"value":"diff_e-mail","name":"Diff of Email"},{"value":"diff_ecl","name":"Diff of ECL"},{"value":"diff_eex","name":"Diff of EEX"},{"value":"diff_eiffel","name":"Diff of Eiffel"},{"value":"diff_elisp","name":"Diff of Common Lisp"},{"value":"diff_elixir","name":"Diff of Elixir"},{"value":"diff_elm","name":"Diff of Elm"},{"value":"diff_emacs-lisp","name":"Diff of Common Lisp"},{"value":"diff_email","name":"Diff of Email"},{"value":"diff_eml","name":"Diff of Email"},{"value":"diff_epp","name":"Diff of EPP"},{"value":"diff_eps","name":"Diff of PostScript"},{"value":"diff_erb","name":"Diff of ERB"},{"value":"diff_erl","name":"Diff of Erlang"},{"value":"diff_erlang","name":"Diff of Erlang"},{"value":"diff_eruby","name":"Diff of ERB"},{"value":"diff_ex","name":"Diff of VimL"},{"value":"diff_exs","name":"Diff of Elixir"},{"value":"diff_f_sharp","name":"Diff of FSharp"},{"value":"diff_factor","name":"Diff of Factor"},{"value":"diff_fea","name":"Diff of OpenType Feature File"},{"value":"diff_ff","name":"Diff of FreeFEM"},{"value":"diff_fluent","name":"Diff of Fluent"},{"value":"diff_fortran","name":"Diff of Fortran"},{"value":"diff_free_fem","name":"Diff of FreeFEM"},{"value":"diff_freefem","name":"Diff of FreeFEM"},{"value":"diff_fsharp","name":"Diff of FSharp"},{"value":"diff_ftl","name":"Diff of Fluent"},{"value":"diff_gd","name":"Diff of GDScript"},{"value":"diff_gd_script","name":"Diff of GDScript"},{"value":"diff_gdscript","name":"Diff of GDScript"},{"value":"diff_ghc-cmm","name":"Diff of GHC Cmm (C--)"},{"value":"diff_ghc-core","name":"Diff of GHC Core"},{"value":"diff_ghc_cmm","name":"Diff of GHC Cmm (C--)"},{"value":"diff_ghc_core","name":"Diff of GHC Core"},{"value":"diff_gherkin","name":"Diff of Gherkin"},{"value":"diff_gjs","name":"Diff of Template Tag (gjs)"},{"value":"diff_glsl","name":"Diff of GLSL"},{"value":"diff_gnumake","name":"Diff of Make"},{"value":"diff_go","name":"Diff of Go"},{"value":"diff_golang","name":"Diff of Go"},{"value":"diff_gradle","name":"Diff of Gradle"},{"value":"diff_graph_ql","name":"Diff of Graphql"},{"value":"diff_graphql","name":"Diff of Graphql"},{"value":"diff_graphviz","name":"Diff of DOT"},{"value":"diff_groovy","name":"Diff of Groovy"},{"value":"diff_gts","name":"Diff of Template Tag (gts)"},{"value":"diff_hack","name":"Diff of Hack"},{"value":"diff_haml","name":"Diff of Haml"},{"value":"diff_handlebars","name":"Diff of Handlebars"},{"value":"diff_haskell","name":"Diff of Haskell"},{"value":"diff_haxe","name":"Diff of Haxe"},{"value":"diff_hbs","name":"Diff of Handlebars"},{"value":"diff_hcl","name":"Diff of Hashicorp Configuration Language"},{"value":"diff_heex","name":"Diff of EEX"},{"value":"diff_hh","name":"Diff of Hack"},{"value":"diff_hlsl","name":"Diff of HLSL"},{"value":"diff_hocon","name":"Diff of HOCON"},{"value":"diff_hql","name":"Diff of HQL"},{"value":"diff_hs","name":"Diff of Haskell"},{"value":"diff_html","name":"Diff of HTML"},{"value":"diff_http","name":"Diff of HTTP"},{"value":"diff_hx","name":"Diff of Haxe"},{"value":"diff_hy","name":"Diff of HyLang"},{"value":"diff_hy_lang","name":"Diff of HyLang"},{"value":"diff_hylang","name":"Diff of HyLang"},{"value":"diff_id_lang","name":"Diff of IDL"},{"value":"diff_idlang","name":"Diff of IDL"},{"value":"diff_idr","name":"Diff of Idris"},{"value":"diff_idris","name":"Diff of Idris"},{"value":"diff_iec_st","name":"Diff of IEC 61131-3 Structured Text"},{"value":"diff_iecst","name":"Diff of IEC 61131-3 Structured Text"},{"value":"diff_igor_pro","name":"Diff of IgorPro"},{"value":"diff_igorpro","name":"Diff of IgorPro"},{"value":"diff_ini","name":"Diff of INI"},{"value":"diff_io","name":"Diff of Io"},{"value":"diff_irb_output","name":"Diff of Irb_output"},{"value":"diff_irb_output_lexer","name":"Diff of Irb_output"},{"value":"diff_isa","name":"Diff of Isabelle"},{"value":"diff_isabelle","name":"Diff of Isabelle"},{"value":"diff_isbl","name":"Diff of ISBL"},{"value":"diff_j","name":"Diff of J"},{"value":"diff_janet","name":"Diff of Janet"},{"value":"diff_java","name":"Diff of Java"},{"value":"diff_javascript","name":"Diff of JavaScript"},{"value":"diff_jdn","name":"Diff of Janet"},{"value":"diff_jinja","name":"Diff of Jinja"},{"value":"diff_jl","name":"Diff of Julia"},{"value":"diff_js","name":"Diff of JavaScript"},{"value":"diff_jsl","name":"Diff of JSL"},{"value":"diff_json","name":"Diff of JSON"}

1,{"value":"diff_json-doc","name":"Diff of Json-doc"},{"value":"diff_json5","name":"Diff of JSON 5"},{"value":"diff_jsonc","name":"Diff of Json-doc"},{"value":"diff_jsondoc","name":"Diff of Json-doc"},{"value":"diff_jsonnet","name":"Diff of Jsonnet"},{"value":"diff_jsp","name":"Diff of Jsp"},{"value":"diff_jsx","name":"Diff of JSX"},{"value":"diff_julia","name":"Diff of Julia"},{"value":"diff_kdb+","name":"Diff of Q"},{"value":"diff_kotlin","name":"Diff of Kotlin"},{"value":"diff_ksh","name":"Diff of shell"},{"value":"diff_lasso","name":"Diff of Lasso"},{"value":"diff_lassoscript","name":"Diff of Lasso"},{"value":"diff_latex","name":"Diff of TeX"},{"value":"diff_lean","name":"Diff of Lean"},{"value":"diff_leex","name":"Diff of EEX"},{"value":"diff_lhaskell","name":"Diff of Literate Haskell"},{"value":"diff_lhs","name":"Diff of Literate Haskell"},{"value":"diff_liquid","name":"Diff of Liquid"},{"value":"diff_lisp","name":"Diff of Common Lisp"},{"value":"diff_litcoffee","name":"Diff of Literate CoffeeScript"},{"value":"diff_literate_coffeescript","name":"Diff of Literate CoffeeScript"},{"value":"diff_literate_haskell","name":"Diff of Literate Haskell"},{"value":"diff_lithaskell","name":"Diff of Literate Haskell"},{"value":"diff_livescript","name":"Diff of LiveScript"},{"value":"diff_llvm","name":"Diff of LLVM"},{"value":"diff_ls","name":"Diff of LiveScript"},{"value":"diff_lua","name":"Diff of Lua"},{"value":"diff_lustre","name":"Diff of Lustre"},{"value":"diff_lutin","name":"Diff of Lutin"},{"value":"diff_m","name":"Diff of MATLAB"},{"value":"diff_m68k","name":"Diff of M68k"},{"value":"diff_magik","name":"Diff of Magik"},{"value":"diff_make","name":"Diff of Make"},{"value":"diff_makefile","name":"Diff of Make"},{"value":"diff_markdown","name":"Diff of Markdown"},{"value":"diff_mason","name":"Diff of Mason"},{"value":"diff_mathematica","name":"Diff of Mathematica"},{"value":"diff_matlab","name":"Diff of MATLAB"},{"value":"diff_md","name":"Diff of Markdown"},{"value":"diff_meson","name":"Diff of Meson"},{"value":"diff_mf","name":"Diff of Make"},{"value":"diff_microsoftshell","name":"Diff of powershell"},{"value":"diff_mini_zinc","name":"Diff of MiniZinc"},{"value":"diff_minizinc","name":"Diff of MiniZinc"},{"value":"diff_mkd","name":"Diff of Markdown"},{"value":"diff_ml","name":"Diff of SML"},{"value":"diff_mojo","name":"Diff of Mojo"},{"value":"diff_moon","name":"Diff of MoonScript"},{"value":"diff_moonscript","name":"Diff of MoonScript"},{"value":"diff_mosel","name":"Diff of Mosel"},{"value":"diff_msg_trans","name":"Diff of MessageTrans"},{"value":"diff_msgtrans","name":"Diff of MessageTrans"},{"value":"diff_msshell","name":"Diff of powershell"},{"value":"diff_mustache","name":"Diff of Handlebars"},{"value":"diff_mxml","name":"Diff of MXML"},{"value":"diff_nasm","name":"Diff of Nasm"},{"value":"diff_nes","name":"Diff of NesAsm"},{"value":"diff_nes_asm","name":"Diff of NesAsm"},{"value":"diff_nesasm","name":"Diff of NesAsm"},{"value":"diff_nextflow","name":"Diff of Groovy"},{"value":"diff_nf","name":"Diff of Groovy"},{"value":"diff_nginx","name":"Diff of nginx"},{"value":"diff_nial","name":"Diff of Nial"},{"value":"diff_nim","name":"Diff of Nim"},{"value":"diff_nimrod","name":"Diff of Nim"},{"value":"diff_nix","name":"Diff of Nix"},{"value":"diff_nixos","name":"Diff of Nix"},{"value":"diff_o_caml","name":"Diff of OCaml"},{"value":"diff_obj-c","name":"Diff of Objective-C"},{"value":"diff_obj-c++","name":"Diff of Objective-C++"},{"value":"diff_obj-cpp","name":"Diff of Objective-C++"},{"value":"diff_obj_c","name":"Diff of Objective-C"},{"value":"diff_obj_c++","name":"Diff of Objective-C++"},{"value":"diff_obj_cpp","name":"Diff of Objective-C++"},{"value":"diff_objc","name":"Diff of Objective-C"},{"value":"diff_objc++","name":"Diff of Objective-C++"},{"value":"diff_objcpp","name":"Diff of Objective-C++"},{"value":"diff_objective-c","name":"Diff of Objective-C"},{"value":"diff_objective_c","name":"Diff of Objective-C"},{"value":"diff_objective_cpp","name":"Diff of Objective-C++"},{"value":"diff_objectivec","name":"Diff of Objective-C"},{"value":"diff_objectivec++","name":"Diff of Objective-C++"},{"value":"diff_objectivecpp","name":"Diff of Objective-C++"},{"value":"diff_ocaml","name":"Diff of OCaml"},{"value":"diff_ocl","name":"Diff of OCL"},{"value":"diff_open_edge","name":"Diff of OpenEdge ABL"},{"value":"diff_open_type_feature_file","name":"Diff of OpenType Feature File"},{"value":"diff_openedge","name":"Diff of OpenEdge ABL"},{"value":"diff_opentype","name":"Diff of OpenType Feature File"},{"value":"diff_opentype_feature_file","name":"Diff of OpenType Feature File"},{"value":"diff_opentypefeature","name":"Diff of OpenType Feature File"},{"value":"diff_p4","name":"Diff of P4"},{"value":"diff_pascal","name":"Diff of Pascal"},{"value":"diff_perl","name":"Diff of Perl"},{"value":"diff_php","name":"Diff of PHP"},{"value":"diff_php3","name":"Diff of PHP"},{"value":"diff_php4","name":"Diff of PHP"},{"value":"diff_php5","name":"Diff of PHP"},{"value":"diff_pl","name":"Diff of Perl"},{"value":"diff_plist","name":"Diff of Plist"},{"value":"diff_plsql","name":"Diff of PLSQL"}

1,{"value":"diff_pony","name":"Diff of Pony"},{"value":"diff_posh","name":"Diff of powershell"},{"value":"diff_post_script","name":"Diff of PostScript"},{"value":"diff_postscr","name":"Diff of PostScript"},{"value":"diff_postscript","name":"Diff of PostScript"},{"value":"diff_powershell","name":"Diff of powershell"},{"value":"diff_pp","name":"Diff of Puppet"},{"value":"diff_praat","name":"Diff of Praat"},{"value":"diff_prolog","name":"Diff of Prolog"},{"value":"diff_prometheus","name":"Diff of Prometheus"},{"value":"diff_properties","name":"Diff of .properties"},{"value":"diff_proto","name":"Diff of Protobuf"},{"value":"diff_protobuf","name":"Diff of Protobuf"},{"value":"diff_ps","name":"Diff of PostScript"},{"value":"diff_puppet","name":"Diff of Puppet"},{"value":"diff_py","name":"Diff of Python"},{"value":"diff_pyrex","name":"Diff of Cython"},{"value":"diff_python","name":"Diff of Python"},{"value":"diff_pyx","name":"Diff of Cython"},{"value":"diff_q","name":"Diff of Q"},{"value":"diff_qml","name":"Diff of QML"},{"value":"diff_r","name":"Diff of R"},{"value":"diff_racket","name":"Diff of Racket"},{"value":"diff_rb","name":"Diff of Ruby"},{"value":"diff_re_script","name":"Diff of ReScript"},{"value":"diff_react","name":"Diff of JSX"},{"value":"diff_realbasic","name":"Diff of Xojo"},{"value":"diff_reason_ml","name":"Diff of ReasonML"},{"value":"diff_reasonml","name":"Diff of ReasonML"},{"value":"diff_rego","name":"Diff of Rego"},{"value":"diff_rescript","name":"Diff of ReScript"},{"value":"diff_rhtml","name":"Diff of ERB"},{"value":"diff_rml","name":"Diff of RML"},{"value":"diff_robot","name":"Diff of Robot Framework"},{"value":"diff_robot-framework","name":"Diff of Robot Framework"},{"value":"diff_robot_framework","name":"Diff of Robot Framework"},{"value":"diff_rs","name":"Diff of Rust"},{"value":"diff_rs,ignore","name":"Diff of Rust"},{"value":"diff_rs,no_run","name":"Diff of Rust"},{"value":"diff_rs,should_panic","name":"Diff of Rust"},{"value":"diff_ruby","name":"Diff of Ruby"},{"value":"diff_rust","name":"Diff of Rust"},{"value":"diff_rust,ignore","name":"Diff of Rust"},{"value":"diff_rust,no_run","name":"Diff of Rust"},{"value":"diff_rust,should_panic","name":"Diff of Rust"},{"value":"diff_s","name":"Diff of R"},{"value":"diff_sas","name":"Diff of SAS"},{"value":"diff_sass","name":"Diff of Sass"},{"value":"diff_scala","name":"Diff of Scala"},{"value":"diff_scheme","name":"Diff of Scheme"},{"value":"diff_scss","name":"Diff of SCSS"},{"value":"diff_sed","name":"Diff of sed"},{"value":"diff_sh","name":"Diff of shell"},{"value":"diff_shell","name":"Diff of shell"},{"value":"diff_sieve","name":"Diff of Sieve"},{"value":"diff_slice","name":"Diff of Slice"},{"value":"diff_slim","name":"Diff of Slim"},{"value":"diff_smalltalk","name":"Diff of Smalltalk"},{"value":"diff_smarty","name":"Diff of Smarty"},{"value":"diff_sml","name":"Diff of SML"},{"value":"diff_sparql","name":"Diff of SPARQL"},{"value":"diff_sqf","name":"Diff of SQF"},{"value":"diff_sql","name":"Diff of SQL"},{"value":"diff_squeak","name":"Diff of Smalltalk"},{"value":"diff_ssh","name":"Diff of SSH Config File"},{"value":"diff_st","name":"Diff of Smalltalk"},{"value":"diff_stan","name":"Diff of Stan"},{"value":"diff_stata","name":"Diff of Stata"},{"value":"diff_super_collider","name":"Diff of SuperCollider"},{"value":"diff_supercollider","name":"Diff of SuperCollider"},{"value":"diff_svelte","name":"Diff of Svelte"},{"value":"diff_swift","name":"Diff of Swift"},{"value":"diff_system_d","name":"Diff of Systemd"},{"value":"diff_systemd","name":"Diff of Systemd"},{"value":"diff_syzlang","name":"Diff of Syzlang"},{"value":"diff_syzprog","name":"Diff of Syzprog"},{"value":"diff_tap","name":"Diff of TAP"},{"value":"diff_tcl","name":"Diff of Tcl"},{"value":"diff_te_x","name":"Diff of TeX"},{"value":"diff_terraform","name":"Diff of Terraform"},{"value":"diff_tex","name":"Diff of TeX"},{"value":"diff_tf","name":"Diff of Terraform"},{"value":"diff_toml","name":"Diff of TOML"},{"value":"diff_ts","name":"Diff of TypeScript"},{"value":"diff_tsx","name":"Diff of TSX"},{"value":"diff_ttcn3","name":"Diff of TTCN3"},{"value":"diff_tulip","name":"Diff of Tulip"},{"value":"diff_turtle","name":"Diff of Turtle/TriG"},{"value":"diff_twig","name":"Diff of Twig"},{"value":"diff_typescript","name":"Diff of TypeScript"},{"value":"diff_unit-file","name":"Diff of Systemd"},{"value":"diff_vala","name":"Diff of Vala"},{"value":"diff_varnish","name":"Diff of VCL: Varnish Configuration Language"},{"value":"diff_varnishconf","name":"Diff of VCL: Varnish Configuration Language"},{"value":"diff_vb","name":"Diff of Visual Basic"},{"value":"diff_vcl","name":"Diff of VCL: Varnish Configuration Language"},{"value":"diff_velocity","name":"Diff of Velocity"},{"value":"diff_verilog","name":"Diff of Verilog and System Verilog"},{"value":"diff_vhdl","name":"Diff of VHDL 2008"},{"value":"diff_vim","name":"Diff of VimL"},{"value":"diff_vim_l","name":"Diff of VimL"},{"value":"diff_viml","name":"Diff of VimL"},{"value":"diff_vimscript","name":"Diff of VimL"},{"value":"diff_visual_basic","name":"Diff of Visual Basic"},{"value":"diff_visualbasic","name":"Diff of Visual Basic"},{"value":"diff_vue","name":"Diff of Vue"},{"value":"diff_vuejs","name":"Diff of Vue"},{"value":"diff_winbatch","name":"Diff of Batchfile"},{"value":"diff_wl","name":"Diff of Mathematica"},{"value":"diff_wolfram","name":"Diff of Mathematica"},{"value":"diff_wollok","name":"Diff of Wollok"},{"value":"diff_x_path","name":"Diff of XPath"},{"value":"diff_x_query","name":"Diff of XQuery"},{"value":"diff_xml","name":"Diff of XML"},{"value":"diff_xojo","name":"Diff of Xojo"},{"value":"diff_xpath","name":"Diff of XPath"},{"value":"diff_xquery","name":"Diff of XQuery"},{"value":"diff_yaml","name":"Diff of YAML"},{"value":"diff_yang","name":"Diff of YANG"},{"value":"diff_yml","name":"Diff of YAML"},{"value":"diff_zig","name":"Diff of Zig"},{"value":"diff_zir","name":"Diff of Zig"},{"value":"diff_zsh","name":"Diff of shell"},{"value":"digdag","name":"digdag"},{"value":"django","name":"Jinja"},{"value":"dlang","name":"D"},{"value":"docker","name":"Docker"},{"value":"dockerfile","name":"Docker"},{"value":"dosbatch","name":"Batchfile"},{"value":"dot","name":"DOT"},{"value":"e-mail","name":"Email"},{"value":"ecl","name":"ECL"},{"value":"eex","name":"EEX"},{"value":"eiffel","name":"Eiffel"},{"value":"elisp","name":"Common Lisp"},{"value":"emacs-lisp","name":"Common Lisp"},{"value":"email","name":"Email"},{"value":"eml","name":"Email"},{"value":"epp","name":"EPP"},{"value":"eps","name":"PostScript"},{"value":"erl","name":"Erlang"},{"value":"eruby","name":"ERB"},{"value":"esc","name":"Escape"},{"value":"escape","name":"Escape"},{"value":"ex","name":"VimL"},{"value":"exs","name":"Elixir"},{"value":"factor","name":"Factor"},{"value":"fea","name":"OpenType Feature File"},{"value":"ff","name":"FreeFEM"},{"value":"fluent","name":"Fluent"},{"value":"freefem","name":"FreeFEM"},{"value":"fsharp","name":"FSharp"},{"value":"ftl","name":"Fluent"},{"value":"gd","name":"GDScript"},{"value":"gdscript","name":"GDScript"},{"value":"ghc-cmm","name":"GHC Cmm (C--)"},{"value":"ghc-core","name":"GHC Core"},{"value":"gherkin","name":"Gherkin"},{"value":"gjs","name":"Template Tag (gjs)"},{"value":"glsl","name":"GLSL"},{"value":"gnumake","name":"Make"},{"value":"golang","name":"Go"},{"value":"gradle","name":"Gradle"},{"value":"graphql","name":"Graphql"},{"value":"graphviz","name":"DOT"},{"value":"groovy","name":"Groovy"},{"value":"gts","name":"Template Tag (gts)"},{"value":"hack","name":"Hack"},{"value":"handlebars","name":"Handlebars"},{"value":"haskell","name":"Haskell"},{"value":"haxe","name":"Haxe"},{"value":"hbs","name":"Handlebars"},{"value":"hcl","name":"Hashicorp Configuration Language"},{"value":"heex","name":"EEX"},{"value":"hh","name":"Hack"},{"value":"hlsl","name":"HLSL"},{"value":"hocon","name":"HOCON"},{"value":"hql","name":"HQL"},{"value":"hx","name":"Haxe"},{"value":"hy","name":"HyLang"},{"value":"hylang","name":"HyLang"},{"value":"idlang","name":"IDL"},{"value":"idr","name":"Idris"},{"value":"idris","name":"Idris"},{"value":"iecst","name":"IEC 61131-3 Structured Text"},{"value":"igorpro","name":"IgorPro"},{"value":"ini","name":"INI"},{"value":"io","name":"Io"},{"value":"irb","name":"Irb"},{"value":"irb_output","name":"Irb_output"},{"value":"isa","name":"Isabelle"},{"value":"isabelle","name":"Isabelle"},{"value":"isbl","name":"ISBL"},{"value":"j","name":"J"},{"value":"janet","name":"Janet"},{"value":"javascript","name":"JavaScript"},{"value":"jdn","name":"Janet"},{"value":"jinja","name":"Jinja"},{"value":"jl","name":"Julia"},{"value":"jsl","name":"JSL"}

1,{"value":"json-doc","name":"Json-doc"},{"value":"json5","name":"JSON 5"},{"value":"jsonc","name":"Json-doc"},{"value":"jsonnet","name":"Jsonnet"},{"value":"jsp","name":"Jsp"},{"value":"jsx","name":"JSX"},{"value":"julia","name":"Julia"},{"value":"kdb+","name":"Q"},{"value":"ksh","name":"shell"},{"value":"lasso","name":"Lasso"},{"value":"lassoscript","name":"Lasso"},{"value":"lean","name":"Lean"},{"value":"leex","name":"EEX"},{"value":"lhaskell","name":"Literate Haskell"},{"value":"lhs","name":"Literate Haskell"},{"value":"liquid","name":"Liquid"},{"value":"lisp","name":"Common Lisp"},{"value":"litcoffee","name":"Literate CoffeeScript"},{"value":"literate_coffeescript","name":"Literate CoffeeScript"},{"value":"literate_haskell","name":"Literate Haskell"},{"value":"lithaskell","name":"Literate Haskell"},{"value":"livescript","name":"LiveScript"},{"value":"llvm","name":"LLVM"},{"value":"ls","name":"LiveScript"},{"value":"lustre","name":"Lustre"},{"value":"lutin","name":"Lutin"},{"value":"m","name":"MATLAB"},{"value":"m68k","name":"M68k"},{"value":"magik","name":"Magik"},{"value":"make","name":"Make"},{"value":"makefile","name":"Make"},{"value":"markdown","name":"Markdown"},{"value":"mason","name":"Mason"},{"value":"mathematica","name":"Mathematica"},{"value":"matlab","name":"MATLAB"},{"value":"meson","name":"Meson"},{"value":"microsoftshell","name":"powershell"},{"value":"minizinc","name":"MiniZinc"},{"value":"mkd","name":"Markdown"},{"value":"ml","name":"SML"},{"value":"mojo","name":"Mojo"},{"value":"moon","name":"MoonScript"},{"value":"moonscript","name":"MoonScript"},{"value":"mosel","name":"Mosel"},{"value":"msgtrans","name":"MessageTrans"},{"value":"msshell","name":"powershell"},{"value":"mustache","name":"Handlebars"},{"value":"mxml","name":"MXML"},{"value":"nasm","name":"Nasm"},{"value":"nes","name":"NesAsm"},{"value":"nesasm","name":"NesAsm"},{"value":"nextflow","name":"Groovy"},{"value":"nf","name":"Groovy"},{"value":"nial","name":"Nial"},{"value":"nim","name":"Nim"},{"value":"nimrod","name":"Nim"},{"value":"nix","name":"Nix"},{"value":"nixos","name":"Nix"},{"value":"obj-c","name":"Objective-C"},{"value":"obj-c++","name":"Objective-C++"},{"value":"obj-cpp","name":"Objective-C++"},{"value":"obj_c","name":"Objective-C"},{"value":"obj_c++","name":"Objective-C++"},{"value":"obj_cpp","name":"Objective-C++"},{"value":"objc++","name":"Objective-C++"},{"value":"objcpp","name":"Objective-C++"},{"value":"objective-c","name":"Objective-C"},{"value":"objective_c","name":"Objective-C"},{"value":"objective_cpp","name":"Objective-C++"},{"value":"objectivec","name":"Objective-C"},{"value":"objectivec++","name":"Objective-C++"},{"value":"objectivecpp","name":"Objective-C++"},{"value":"ocl","name":"OCL"},{"value":"openedge","name":"OpenEdge ABL"},{"value":"opentype","name":"OpenType Feature File"},{"value":"opentype_feature_file","name":"OpenType Feature File"},{"value":"opentypefeature","name":"OpenType Feature File"},{"value":"p4","name":"P4"},{"value":"pascal","name":"Pascal"},{"value":"patch","name":"diff"},{"value":"perl","name":"Perl"},{"value":"php3","name":"PHP"},{"value":"php4","name":"PHP"},{"value":"php5","name":"PHP"},{"value":"plaintext","name":"Plain Text"},{"value":"plist","name":"Plist"},{"value":"plsql","name":"PLSQL"},{"value":"pony","name":"Pony"},{"value":"posh","name":"powershell"},{"value":"postscr","name":"PostScript"},{"value":"postscript","name":"PostScript"},{"value":"powershell","name":"powershell"},{"value":"pp","name":"Puppet"},{"value":"praat","name":"Praat"},{"value":"prometheus","name":"Prometheus"},{"value":"properties","name":".properties"},{"value":"proto","name":"Protobuf"},{"value":"protobuf","name":"Protobuf"},{"value":"pry","name":"Irb"},{"value":"ps","name":"PostScript"},{"value":"pyrex","name":"Cython"},{"value":"python","name":"Python"},{"value":"pyx","name":"Cython"},{"value":"q","name":"Q"},{"value":"qml","name":"QML"},{"value":"racket","name":"Racket"},{"value":"react","name":"JSX"},{"value":"realbasic","name":"Xojo"},{"value":"reasonml","name":"ReasonML"},{"value":"rego","name":"Rego"},{"value":"rescript","name":"ReScript"},{"value":"rhtml","name":"ERB"},{"value":"rml","name":"RML"},{"value":"robot","name":"Robot Framework"},{"value":"robot-framework","name":"Robot Framework"},{"value":"robot_framework","name":"Robot Framework"},{"value":"rs,ignore","name":"Rust"},{"value":"rs,no_run","name":"Rust"},{"value":"rs,should_panic","name":"Rust"},{"value":"ruby","name":"Ruby"},{"value":"rust,ignore","name":"Rust"},{"value":"rust,no_run","name":"Rust"},{"value":"rust,should_panic","name":"Rust"},{"value":"s","name":"R"},{"value":"sas","name":"SAS"},{"value":"scheme","name":"Scheme"},{"value":"sed","name":"sed"},{"value":"sh","name":"shell"},{"value":"shell","name":"shell"},{"value":"shell-session","name":"Console"},{"value":"shell_session","name":"Console"},{"value":"sieve","name":"Sieve"},{"value":"slice","name":"Slice"},{"value":"smalltalk","name":"Smalltalk"},{"value":"smarty","name":"Smarty"},{"value":"sml","name":"SML"},{"value":"sparql","name":"SPARQL"},{"value":"sqf","name":"SQF"},{"value":"squeak","name":"Smalltalk"},{"value":"ssh","name":"SSH Config File"},{"value":"st","name":"Smalltalk"},{"value":"stan","name":"Stan"},{"value":"stata","name":"Stata"},{"value":"supercollider","name":"SuperCollider"},{"value":"svelte","name":"Svelte"},{"value":"systemd","name":"Systemd"},{"value":"syzlang","name":"Syzlang"},{"value":"syzprog","name":"Syzprog"},{"value":"tap","name":"TAP"},{"value":"tcl","name":"Tcl"},{"value":"terminal","name":"Console"},{"value":"terraform","name":"Terraform"},{"value":"text","name":"Plain Text"},{"value":"tf","name":"Terraform"},{"value":"toml","name":"TOML"},{"value":"tsx","name":"TSX"},{"value":"ttcn3","name":"TTCN3"},{"value":"tulip","name":"Tulip"},{"value":"turtle","name":"Turtle/TriG"},{"value":"twig","name":"Twig"},{"value":"typescript","name":"TypeScript"},{"value":"udiff","name":"diff"},{"value":"unit-file","name":"Systemd"},{"value":"vala","name":"Vala"},{"value":"varnish","name":"VCL: Varnish Configuration Language"},{"value":"varnishconf","name":"VCL: Varnish Configuration Language"},{"value":"vcl","name":"VCL: Varnish Configuration Language"},{"value":"velocity","name":"Velocity"},{"value":"verilog","name":"Verilog and System Verilog"},{"value":"vhdl","name":"VHDL 2008"},{"value":"viml","name":"VimL"},{"value":"vimscript","name":"VimL"},{"value":"visualbasic","name":"Visual Basic"},{"value":"vue","name":"Vue"},{"value":"vuejs","name":"Vue"},{"value":"winbatch","name":"Batchfile"},{"value":"wl","name":"Mathematica"},{"value":"wolfram","name":"Mathematica"},{"value":"wollok","name":"Wollok"},{"value":"xojo","name":"Xojo"},{"value":"xpath","name":"XPath"},{"value":"xquery","name":"XQuery"},{"value":"yang","name":"YANG"},{"value":"yml","name":"YAML"},{"value":"zig","name":"Zig"},{"value":"zir","name":"Zig"}]}'),Se=e=>`|${e.join("|")}|`,Le=(e,a)=>{const i=e.value;e.value=a;const n=new Event("input",{bubbles:!0});e._valueTracker&&e._valueTracker.setValue(i),e.dispatchEvent(n)},Te=(e,a,i,n)=>{const f=void 0!==n?n:e.selectionEnd||0,l=f+(void 0!==i?i:0);Le(e,((e,a,i,n)=>{const f=void 0!==n?n:i;return`${e.substr(0,i)}${a}${e.substr(f,e.length)}`})(e.value,a,f,l)),e.selectionEnd=f+a.length};class we{constructor(e){this.textarea=e}text(){return this.textarea.value}insert(e,a){this.replace(e,0,a)}remove(e,a){this.replace(e,a,"")}replace(e,a,i){const n=this.caretPosition();Te(this.textarea,i,a,e),n>=e+a?this.setCaretPosition(n-a+i.length):n<=e||this.setCaretPosition(e+i.length)}caretPosition(){return this.textarea.selectionEnd}setCaretPosition(e){this.textarea.selectionStart=this.textarea.selectionEnd=e}caretLineBeginningPosition(){return this.lines().slice(0,this.caretLineNumber()-1).join("").length}caretLineText(){return this.lines()[this.caretLineNumber()-1]}lines(){const e=this.text().split("\n");return 1===e.length?e:e.slice(0,e.length-1).map(e=>`${e}\n`).concat(e[e.length-1])}caretLineNumber(){return this.textBeforeCaret().split("\n").length}caretColumnNumber(){return this.caretPosition()-this.caretLineBeginningPosition()}textBeforeCaret(){return this.text().slice(0,this.caretPosition())}}const xe=/^(\s*)(-|\+|\*|\d+\.)(\s+)(.*)/,Ee=/^(\s*)(-|\+|\*|\d+\.)(\s+)\[(\s+|x)\](\s+)(.*)/,Be=" [ ]",Ne=[{name:"people",unicode:"1f603"},{name:"nature",unicode:"2600-fe0f"},{name:"food",unicode:"1f35c"},{name:"activity",unicode:"1f3c8"},{name:"travel",unicode:"2708-fe0f"},{name:"objects",unicode:"1f570"},{name:"symbols",unicode:"1f170"},{name:"flags",unicode:"1f1ef-1f1f5"},{name:"bonus",unicode:"1f381"}];var je=i(54116);const Ie=async e=>{const a=await(async({image:e})=>{const a=(0,je.Lw)("ImageUploadErrorState"),i=await(0,p.Em)("/api/upload/policies",{method:"post",throwHttpErrors:!1,json:{image:{size:e.size,content_type:e.type,name:e.name||"image"}}});if(i.ok)return{success:!0,data:await i.json()};if(422===i.status||413===i.status)return{success:!1,errors:(e=>{const a=[];

1for(const i in e)e.hasOwnProperty(i)&&e[i].forEach(e=>{a.push(`${i} ${e}`)});return a})((await i.json()).errors).map(e=>{if(e.startsWith("size must be less than"))return a("size_must_be_less_than");if(e.startsWith("size Monthly limit exceeded"))return a("size_monthly_limit_exceeded");if(e.startsWith("content_type"))return a("content_type");throw new Error("Unknown errors")})};throw new Error("Unknown errors")})({image:e});if(!a.success||!a.data)return{success:!1,errors:a.errors};const i=new FormData;for(const e in a.data.form)a.data.form.hasOwnProperty(e)&&i.append(e,a.data.form[e]);return i.append("file",e),await(0,p.Em)(a.data.upload_url,{method:"post",body:i}).then(e=>{if(!e.ok)throw new Error("S3 Error")}),{success:!0,errors:[],data:{name:a.data.asset.name,href:a.data.asset.href,size:a.data.asset.size,encryptedId:a.data.asset.graph_encrypted_id}}},Me=()=>({uploadImage:Ie}),Ae=e=>{if(e===Number.POSITIVE_INFINITY)return"∞";let a=0,i=e;for(;i>1024;)a++,i/=1024;return i=Math.round(100*i)/100,i+["B","KB","MB","GB","TB"][a]},Re=({defaultValue:e,errorMessage:a,hasError:i=!1,isDisabled:l,isSubmittable:o=!0,isShowHeader:t,mode:r,name:s,onCancel:d,onInputChange:c,onSubmit:v,parserType:_,previewClassName:h,textareaMinHeight:D=100,disableMessage:g,isFocus:b=!1,id:k,className:y})=>{const w=(0,u.m)("MarkdownForm"),x=(0,f.useRef)(null),E=(0,f.useRef)(null),{currentUser:B}=(0,f.useContext)(m.B);

1if(!B)throw new Error("Must be loging on the markdown form");const[N,j]=(0,f.useState)("input"),{fetchPreview:I}={fetchPreview:(0,f.useCallback)((e,a,i)=>(0,p.Em)("/api/preview",{method:"post",json:{raw_body:e,parser_type:a,syntax_highlight:i?.syntaxHighlight}}).then(e=>e.ok?e.text().then(e=>({rawBody:e})):Promise.reject(e)),[])},[M,A]=(0,f.useState)(!1),[R,F]=(0,f.useState)(""),O=(0,f.useCallback)(()=>{j("preview"),ee.current?(A(!0),I(ee.current.value,_).then(({rawBody:e})=>{F(e),A(!1)})):F("")},[I,_]),{emojiCategories:P,emojis:$,fetchEmojis:V,isLoadingEmojis:H}=(()=>{const e=(0,f.useMemo)(()=>(({domain:e,excludeNames:a})=>Ne.filter(e=>!a?.includes(e.name)).map(a=>({name:a.name,url:`//${e}/emoji/twemoji/unicode/${a.unicode}.png`})))({domain:"cdn.qiita.com"}),[]),[a,i]=(0,f.useState)([]),[n,l]=(0,f.useState)(!1),o=(0,f.useCallback)(e=>{l(!0),(0,p.Em)(`/emoji_categories/${e.name}/emojis`).then(e=>{e.ok&&e.json().then(e=>{i(e)})}).finally(()=>{l(!1)})},[]);return{emojiCategories:e,emojis:a,isLoadingEmojis:n,fetchEmojis:o}})(),[Y,U]=(0,f.useState)(!1),[J,X]=(0,f.useState)(!1),z=(0,f.useCallback)(()=>{Y||X(!0),U(!Y)},[Y]),G=(0,f.useCallback)(e=>{ee.current&&(Te(ee.current,`:${e.name}:`),ee.current.focus(),U(!1))},[]),{uploadImage:q}=Me(),K=(0,f.useCallback)(e=>{const a=[];for(const i in e)if(e.hasOwnProperty(i)){const n=e[i],f=`![uploading...${i}]()\n`;ee.current&&Te(ee.current,f),a.push({initialText:f,file:n})}a.forEach(e=>{q(e.file).then(e=>e.success&&e.data?`![${e.data.name}](${e.data.href})\n`:e.errors&&e.errors.length>0?`![${e.errors[0]}]()\n`:Promise.reject()).catch(()=>"![Something went wrong]()\n").then(a=>{if(!ee.current)throw new Error("Textarea was not found");((e,a,i)=>{Le(e,((e,a,i)=>e.replace(a,i))(e.value,a,i))})(ee.current,e.initialText,a)})})},[q]),W=(0,f.useRef)(null),Q=(0,f.useCallback)(e=>{e.currentTarget.files&&K(e.currentTarget.files)},[K]),Z=(0,f.useMemo)(()=>`${Ae(B.monthlyPublicImageUploadableSizeLimit-B.remainingPublicImageUploadableSizeInCurrentMonth)} / ${Ae(B.monthlyPublicImageUploadableSizeLimit)}`,[B]),ee=(0,f.useRef)(null);var ae;((e,{onDrop:a,draggingClassName:i="editor-onDragImage",draggingStyle:n="inset 0 0 6px #5fcdf7"})=>{(0,f.useEffect)(()=>{const f=e.current,l=e=>{e.preventDefault()},o=e=>{e.preventDefault(),f&&(f.classList.add(i),f.style.boxShadow=n)},t=e=>{e.preventDefault(),f&&(f.classList.remove(i),f.style.boxShadow="")};return f&&(f.addEventListener("dragover",l),f.addEventListener("dragenter",o),f.addEventListener("dragleave",t),f.addEventListener("drop",e=>{e.preventDefault(),f&&(f.style.boxShadow="",f.classList.remove(i));const n=e.dataTransfer&&e.dataTransfer.files;n&&a(n)})),()=>{f&&(f.removeEventListener("dragover",l),f.removeEventListener("dragenter",o),f.removeEventListener("dragleave",t),f.removeEventListener("dragover",l))}},[i,n,e,a])})(ee,{onDrop:K}),((e,{onPaste:a})=>{(0,f.useEffect)(()=>{const i=e.current,n=e=>{const i=e.clipboardData;i&&a(i.files)};return i&&i.addEventListener("paste",n),()=>{i&&i.removeEventListener("paste",n)}},[e,a])})(ee,{onPaste:K}),ae=ee,(0,f.useEffect)(()=>{const e=ae.current,a=e?(e=>{const a=e=>{switch(e.keyCode){case 13:return i(e);case 9:return n(e);default:return}},i=a=>{const i=new we(e),n=i.caretLineText().substr(0,i.caretColumnNumber()),f=i.caretLineBeginningPosition();return(e=>{let a,l,o,t;const m=n.match(Ee),r=n.match(xe);if(r){if(m?[,a,l,t,,,o]=Array.from(m):[,a,l,t,o]=Array.from(r),o){if(1===l.length)return m&&(l+=Be),e.preventDefault(),i.insert(i.caretPosition(),`\n${a}${l}${t}`);{let n=`${parseInt(l.substr(0,l.length-1),10)}.`;return m&&(n+=Be),e.preventDefault(),i.insert(i.caretPosition(),`\n${a}${n}${t}`)}}return i.remove(f,n.length)}})(a)},n=a=>{let i;const n=new we(e);if(i=n.caretLineText().match(xe)){a.preventDefault();const[,e]=Array.from(i),f=Math.floor(e.length/4),l=((e,a)=>{const i=[],n=e<a,f=a;for(let a=e;n?a<f:a>f;n?a++:a--)i.push(a);return i})(0,4*Math.max(f+(a.shiftKey?-1:1),0)).map(()=>" ").join("");return n.replace(n.caretLineBeginningPosition(),e.length,l)}};return e.addEventListener("keydown",a),{destroy:()=>{e.removeEventListener("keydown",a)}}})(e):null;return()=>{a&&a.destroy()}},[ae]),((e,{handleSelected:a}={})=>{(0,f.useEffect)(()=>{const i=e.current;if(i){const e=((e,a={})=>{const i=new _e.Textcomplete(new he.a(e),[{match:/(^|\s|\():([-+@\w]*)$/,index:2,search:(e,a)=>{e?(0,p.Em)((0,ye.c)("/api/emoji",{q:e})).then(e=>e.json().then(e=>{a(e)})):a([])},replace:e=>`$1:${e.value}: `,template:e=>(({url:e,value:a})=>`\n<div class="autocomplete-image">\n  <img src="${e}"/>\n  <span class="value">${a}</span>\n</div>\n`)(e),cache:!0},{id:"lang",match:new RegExp(String.raw`(^|\n)${"```"}([^\s:]+)$`),index:2,search:(e,a)=>{a(Ce.c.filter(a=>0===a.value.indexOf(e)))},template:e=>(({value:e,name:a})=>`\n<div class="autocomplete-lang">\n  <span class="code">${e}</span>\n  <span class="name">${a}</span>\n</div>\n`)(e),replace:e=>`$1\`\`\`${e.value}`},{match:/(^|\s)(\dx\d+)$/,index:2,search:(e,a)=>{const[i,n]=e.split("x").map(e=>parseInt(e,10));a(i>0&&i<=10&&n>=0&&n<=10?[e]:[])},replace:e=>{const[a,i]=e.split("x"),n=parseInt(a,10),f=parseInt(i,10),l=ke()(1,n+1),o=Se(l.map(e=>` ${e} `)),t=Se(l.map(()=>":-:")),m=Se(l.map(()=>"   "));return`$1${o}\n${t}\n${ke()(1,f+1).map(()=>m).join("\n")}`},template:()=>"テーブルを挿入"},{match:/(^|\s|\()@(\S*)$/,index:2,search:(e,i)=>{const n=a.mention_candidates&&a.mention_candidates.length>0;if(""===e&&n)return i(a.mention_candidates);(0,p.Em)((0,ye.c)("/api/mentionable_users",{q:e})).then(f=>f.json().then(f=>{const l=new RegExp(`^${e}`,"i");if(n){const e=f.map(e=>e.url_name);

1(a.mention_candidates??[]).forEach(a=>{e.includes(a.url_name)||!l.test(a.url_name)||f.push(a)})}i(f)}))},replace:e=>`$1@${e.url_name} `,template:e=>(({image:e,name:a,url_name:i})=>`\n<div class="autocomplete-image">\n  <img src="${e||""}"/>\n  <span class="value">${i}</span>\n  ${a?`<span class="name">${a}</span>`:""}\n</div>\n`)({url_name:e.url_name,name:ge()(e.name||""),image:e.profile_image_url}),cache:!0}],{dropdown:{parent:e.closest("dialog")??document.body}});return e.addEventListener("drop",()=>{i.hide()}),i})(i),{removeClickingOutsideToHide:n}=(e=>{const a=()=>{const a=()=>{e.hide(),document.removeEventListener("click",a)};document.addEventListener("click",a)};return e.addListener("rendered",a),{removeClickingOutsideToHide:()=>{e.removeListener("rendered",a)}}})(e);if(a){const f=()=>{a(i.value)};return e.addListener("selected",f),()=>{n(),e.removeListener("selected",f),e.destroy()}}return()=>{n(),e.destroy()}}},[e,a])})(ee),(0,f.useEffect)(()=>{b&&ee.current?.focus()},[b]);const oe=(0,f.useCallback)(()=>{v&&ee.current&&v(ee.current).then(()=>{j("input"),ee.current&&(ee.current.style.height="inherit")})},[v]),me=(0,f.useId)(),re=(0,f.useId)(),ue=(0,f.useId)(),se=(0,f.useId)(),de=(0,f.useId)();return(0,n.FD)("div",{className:y,children:[t&&(0,n.FD)("div",{css:Fe,children:[(0,n.Y)(C.e,{src:B.profileImageUrl,size:36}),(0,n.Y)("p",{children:w(`header.title_${r}`)})]}),(0,n.FD)("div",{css:Oe(i),children:[(0,n.FD)("div",{css:Pe,children:[(0,n.FD)("div",{css:$e,children:[o&&(0,n.Y)(le.m,{title:w("select_image"),vertical:"top",horizontal:"right",tooltipId:me,children:(0,n.Y)("button",{css:He(),type:"button",onClick:()=>{W.current?.click()},"aria-labelledby":me,children:(0,n.Y)(S.W,{size:24,children:"image"})})}),(0,n.FD)("div",{css:Ve,children:[(0,n.Y)(le.m,{title:w("select_emoji"),vertical:"top",tooltipId:re,children:(0,n.Y)(L.gf,{ariaControls:de,ariaHaspopup:"true",ref:E,isOpen:Y,css:He(Y),type:"button",onClick:z,"aria-labelledby":re,dropdownRef:x,onRequestClose:()=>{U(!1),E.current?.focus()},children:(0,n.Y)(S.W,{size:24,children:"mood"})})}),J?(0,n.Y)(L.ms,{isOpen:Y,tagType:"div",id:de,css:Ye,ref:x,role:"dialog",children:(0,n.Y)(te,{categories:P,isLoadingEmojis:H,emojis:$,onFetchEmojis:V,onSelectEmoji:G})}):null]}),(0,n.Y)("hr",{css:Ue}),(0,n.Y)(le.m,{title:w("how_to_write_markdown"),vertical:"top",tooltipId:ue,children:(0,n.Y)("a",{css:He(),href:"https://qiita.com/Qiita/items/c686397e4a0f4f11683d",target:"_blank","aria-labelledby":ue,children:(0,n.Y)(S.W,{fill:!1,size:24,children:"help"})})})]}),(0,n.Y)(ne.$,{css:Je,type:"button",onClick:"input"===N?O:()=>j("input"),buttonType:"grayBorder",round:8,children:w("input"===N?"preview":"back_to_edit")})]}),(0,n.Y)("p",{dangerouslySetInnerHTML:{__html:w("guideline_alert")},css:Xe}),(0,n.FD)("div",{css:ze,children:[(0,n.Y)(ie.A,{css:Ge(D),name:s,style:{display:"input"===N?void 0:"none"},ref:ee,defaultValue:e,onChange:c,disabled:l||!B.isEmailConfirmed,placeholder:w("input_comment"),id:k}),(0,n.Y)("div",{css:qe(D),style:{display:"preview"===N?void 0:"none"},className:"co-Item_text",children:M?(0,n.Y)(fe.y,{}):(0,n.Y)(T.B,{className:h,rawBody:R,enableDarkModeStyle:!0})}),"none"===r?null:(0,n.FD)("div",{css:Ke,children:[(0,n.Y)(le.m,{title:w("uploadable_size"),tooltipId:se,children:(0,n.FD)("p",{css:We,"aria-describedby":se,children:[(0,n.Y)("span",{css:aa,children:w("uploadable_size")}),Z]})}),(0,n.FD)("div",{css:ea,children:[d&&(0,n.Y)(ne.$,{onClick:d,buttonType:"grayBorder",disabled:l,round:8,children:w("cancel")},"cancel"),(0,n.Y)(ne.$,{buttonType:"greenFill",onClick:oe,disabled:l,round:8,children:w("edit"===r?"update":"post")},"edit"===r?"update":"post")]})]})]})]}),a?(0,n.Y)("p",{css:Qe,"aria-live":"polite",children:a}):null,!o&&g&&(0,n.Y)("p",{css:Ze,children:g}),(0,n.Y)("input",{type:"file",ref:W,onChange:Q,style:{display:"none"}})]})},Fe=(0,l.css)({alignItems:"center",display:"flex",gap:(0,d.pp)(1),marginBottom:(0,d.pp)(1)}),Oe=e=>(0,l.css)({backgroundColor:d.Jy.surface,border:`1px solid ${e?d.Jy.redBorder:d.Jy.divider}`,borderRadius:8}),Pe=(0,l.css)({alignItems:"center",display:"flex",justifyContent:"space-between",padding:`${(0,d.pp)(.5)}px ${(0,d.pp)(1.5)}px`,position:"relative"}),$e=(0,l.css)({alignItems:"center",display:"flex",gap:(0,d.pp)(1.5)}),Ve=(0,l.css)({position:"relative",...s.R9.XS({position:"unset"})}),He=e=>(0,l.css)({backgroundColor:e?d.Jy.surfaceVariant:"transparent",borderRadius:"50%",color:e?d.Jy.greenContainer:d.Jy.mediumEmphasis,display:"grid",padding:(0,d.pp)(1),placeItems:"center","&:active":{backgroundColor:e?d.Jy.greenContainerVariant:d.Jy.surfaceVariant},...(0,s.eN)({"&:hover":{backgroundColor:e?d.Jy.greenContainerVariant:d.Jy.surfaceVariant}}),...s.R9.S({borderRadius:4,padding:`${(0,d.pp)(5/4)}px ${(0,d.pp)(1)}px`})}),Ye=(0,l.css)({left:0,maxWidth:"none",padding:0,position:"absolute",top:48,...s.R9.XS({left:"50%",transform:"translateX(-50%)",maxWidth:"100%"})}),Ue=(0,l.css)({backgroundColor:d.Jy.divider,border:"none",height:32,marginBlock:(0,d.pp)(.5),width:1}),Je=(0,l.css)({padding:`${(0,d.pp)(1/4)}px ${(0,d.pp)(1)}px`}),Xe=(0,l.css)({backgroundColor:d.Jy.surfaceVariant,fontSize:d.o5.body3,lineHeight:d.aK.bodyDense,padding:`${(0,d.pp)(3/4)}px ${(0,d.pp)(1.5)}px`}),ze=(0,l.css)({padding:(0,d.pp)(1.5)}),Ge=e=>(0,l.css)({backgroundColor:"transparent",color:d.Jy.highEmphasis,display:"block",fontSize:d.o5.body1,lineHeight:1.7,minHeight:e,resize:"vertical",width:"100%","&:focus":{outline:"none"}}),qe=e=>(0,l.css)({minHeight:e}),Ke=(0,l.css)({alignItems:"center",display:"flex",flexWrap:"wrap",justifyContent:"flex-end",gap:(0,d.pp)(1),marginTop:(0,d.pp)(1)}),We=(0,l.css)({color:d.Jy.mediumEmphasis}),Qe=(0,l.css)({color:d.Jy.redText,fontSize:d.o5.body2,fontWeight:d.LP.bold,lineHeight:d.aK.bodyDense,marginTop:(0,d.pp)(1)}),Ze=(0,l.css)({color:d.Jy.red60,fontSize:d.o5.body2,fontWeight:d.LP.bold,lineHeight:d.aK.bodyDense,marginTop:(0,d.pp)(1)}),ea=(0,l.css)({display:"flex",gap:(0,d.pp)(1)}),aa=(0,l.css)({transform:"scale(0,0)",position:"absolute"}),ia={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"commentToArticle"}

1,variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"commentToArticleInput"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"CommentToArticleInput"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"commentToArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"Variable",name:{kind:"Name",value:"commentToArticleInput"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"comment"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"CommentOfArticleWithInfoUnderArticle"}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"CommentOfArticleWithInfoUnderArticle"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Comment"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"originalId"}},{kind:"Field",name:{kind:"Name",value:"body"}},{kind:"Field",name:{kind:"Name",value:"createdAt"}},{kind:"Field",name:{kind:"Name",value:"encryptedId"}},{kind:"Field",name:{kind:"Name",value:"isBanned"}},{kind:"Field",name:{kind:"Name",value:"isDestroyableByViewer"}},{kind:"Field",name:{kind:"Name",value:"isLikableByViewer"}},{kind:"Field",name:{kind:"Name",value:"isLikedByViewer"}},{kind:"Field",name:{kind:"Name",value:"isUpdatableByViewer"}},{kind:"Field",name:{kind:"Name",value:"isUpdated"}},{kind:"Field",name:{kind:"Name",value:"likesCount"}},{kind:"Field",name:{kind:"Name",value:"linkUrl"}},{kind:"Field",name:{kind:"Name",value:"rawBody"}},{kind:"Field",name:{kind:"Name",value:"uuid"}},{kind:"Field",name:{kind:"Name",value:"article"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"uuid"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"urlName"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"commenter"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"encryptedId"}},{kind:"Field",name:{kind:"Name",value:"isBlockableByViewer"}},{kind:"Field",name:{kind:"Name",value:"isBlockedByViewer"}},{kind:"Field",name:{kind:"Name",value:"isMuteableByViewer"}},{kind:"Field",name:{kind:"Name",value:"isMutedByViewer"}},{kind:"Field",name:{kind:"Name",value:"originalId"}},{kind:"Field",name:{kind:"Name",value:"urlName"}},{kind:"Field",name:{kind:"Name",value:"profileImageUrl"}},{kind:"Field",name:{kind:"Name",value:"profileImageUrlW48"}},{kind:"Field",name:{kind:"Name",value:"profileImageUrlW75"}},{kind:"Field",name:{kind:"Name",value:"name"}}]}}]}}]};var na=i(65963),fa=i(44956);const la=()=>{const e=(0,u.m)("ArticleCommentListForm"),a=(0,v.TA)(),i=(0,v.kY)(),{currentUser:l}=(0,f.useContext)(m.B),o=!l?.isEmailConfirmed,t=!!l?.isActionBanned,{enableBeforeUnload:r,disableBeforeUnload:s}=(0,fa.E)({defaultEnabled:!1}),[d,p]=(0,f.useState)(""),_=(0,f.useCallback)(e=>{const a=e.target.value;p(a),a?r():s()},[r,s]),[h,g]=(0,f.useState)(""),[b,{loading:k}]=(0,M.n)(ia),y=(0,f.useCallback)(e=>d?((0,D.YA)("Post a Comment","ArticlePage"),b({variables:{commentToArticleInput:{itemId:a.uuid,itemType:"Article",rawBody:d}}}).then(a=>{const n=a.data&&a.data.commentToArticle&&a.data.commentToArticle.comment;n&&(g(""),s(),e.value="",p(""),i({type:c.T.ADD_ARTICLE_COMMENT,payload:{comment:n}}))}).catch(e=>{const a=e.graphQLErrors[0]?.extensions,i=a?(0,na.S)(a):[];g(i.join(", "))})):Promise.reject(),[a.uuid,b,s,i,d]),C=(0,f.useMemo)(()=>t?e("be_able_to_comment_action_banned"):o?e("be_able_to_comment_email"):"",[t,o,e]);return(0,n.Y)(Re,{defaultValue:d,errorMessage:h,hasError:!!h,isDisabled:k||o||t,isSubmittable:!o&&!t,isShowHeader:!0,mode:"comment",onInputChange:_,onSubmit:y,parserType:"comment",disableMessage:C,previewClassName:`co-Item_text ${l?.isDarkModeEnabled&&"co-Item_textDark"}`})},oa={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"updateComment"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"updateCommentInput"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Update

1CommentInput"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"updateComment"},arguments:[{kind:"Argument",name:{kind:"Name",value:"input"},value:{kind:"Variable",name:{kind:"Name",value:"updateCommentInput"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"comment"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"uuid"}},{kind:"Field",name:{kind:"Name",value:"body"}},{kind:"Field",name:{kind:"Name",value:"rawBody"}},{kind:"Field",name:{kind:"Name",value:"isUpdated"}}]}}]}}]}}]},ta=({comment:e,onClose:a})=>{const i=(0,v.kY)(),{enableBeforeUnload:l,disableBeforeUnload:o}=(0,fa.E)({defaultEnabled:!1}),t=String(e.rawBody),[m,r]=(0,f.useState)(t),u=(0,f.useCallback)(e=>{const a=e.target.value;r(a),a!==t?l():o()},[t,l,o]),[s,d]=(0,f.useState)(""),[p,{loading:_}]=(0,M.n)(oa),h=(0,f.useCallback)(n=>!m||_?Promise.reject():((0,D.YA)("Update a Comment","ArticlePage"),p({variables:{updateCommentInput:{uuid:e.uuid,rawBody:m}}}).then(f=>{const l=f.data&&f.data.updateComment&&f.data.updateComment.comment;l&&(d(""),n.value=String(l.rawBody),r(String(l.rawBody)),i({type:c.T.UPDATE_ARTICLE_COMMENT,payload:{commentUuid:e.uuid,comment:l}})),i({type:c.T.SET_SNACKBAR,payload:{type:"notice",body:"コメントを編集しました"}}),o(),a()}).catch(e=>{const a=e.graphQLErrors[0]?.extensions,i=a?(0,na.S)(a):[];d(i.join(", "))})),[e.uuid,o,i,m,_,a,p]);return(0,n.Y)("div",{children:(0,n.Y)(Re,{defaultValue:m,errorMessage:s,hasError:!!s,isDisabled:_,isShowHeader:!0,mode:"edit",onCancel:()=>{o(),a()},onInputChange:u,onSubmit:h,parserType:"comment",previewClassName:"co-Item_text"})})},ma=({isLoading:e})=>{const a=(0,u.m)("ArticleCommentList"),{isLoggedIn:i}=(0,f.useContext)(m.B),l=(0,v.TA)(),s=(0,v.JA)(),d=(0,v.kY)(),[_,h]=(0,f.useState)(!1),[D,b]=(0,f.useState)(null),k=(0,f.useCallback)(e=>{h(!0),b(e)},[]),y=(0,f.useCallback)(e=>{(0,p.Em)(`/comments/${e}`,{method:"delete",json:{}}).then(()=>{d({type:c.T.DELETE_ARTICLE_COMMENT,payload:{commentUuid:e}})})},[d]),C=(0,f.useCallback)(e=>{if(!D)return;const{urlName:a}=D.commenter;e?(d({type:c.T.BLOCK_ARTICLE_AUTHOR,payload:{authorUrlName:a}}),d({type:c.T.BLOCK_ARTICLE_COMMENTER,payload:{commenterUrlName:a}})):(d({type:c.T.UNBLOCK_ARTICLE_AUTHOR,payload:{authorUrlName:a}}),d({type:c.T.UNBLOCK_ARTICLE_COMMENTER,payload:{commenterUrlName:a}})),b({...D,commenter:{...D.commenter,isBlockedByViewer:e}})},[D,d]),S=(0,f.useCallback)(e=>{if(!D)return;const{urlName:a}=D.commenter;e?(d({type:c.T.MUTE_ARTICLE_AUTHOR,payload:{authorUrlName:a}}),d({type:c.T.MUTE_ARTICLE_COMMENTER,payload:{commenterUrlName:a}})):(d({type:c.T.UNMUTE_ARTICLE_AUTHOR,payload:{authorUrlName:a}}),d({type:c.T.UNMUTE_ARTICLE_COMMENTER,payload:{commenterUrlName:a}})),b({...D,commenter:{...D.commenter,isMutedByViewer:e}})},[D,d]),[L,T]=(0,f.useState)(!1),w=(0,f.useRef)(null);(0,f.useEffect)(()=>{L||w.current&&w.current.getElementsByClassName("twitter-tweet").length>0&&((0,r.v)(),T(!0))},[s,L]),(0,f.useEffect)(()=>{let e=null;return`#${t.w1}`===location.hash&&w.current&&(e=window.setTimeout(()=>{w.current&&w.current.scrollIntoView()},500)),()=>{e&&window.clearTimeout(e)}},[]);const[x,E]=(0,f.useState)(null),B=(0,f.useCallback)(e=>{E(e)},[]),N=(0,f.useCallback)(()=>{E(null)},[]);return(0,n.FD)("div",{ref:w,id:t.w1,css:ra,children:[(0,n.Y)("h2",{css:sa,children:a("comment")}),e?(0,n.Y)("div",{css:ua,children:a("loading_comments")}):0===s.length?(0,n.Y)("div",{css:ua,children:a("comments_are_zero")}):s.map(e=>e.isBanned?(0,n.Y)(Z,{},`${e.uuid}-banned`):e.uuid===x?(0,n.Y)("div",{css:da,children:(0,n.Y)(ta,{comment:e,onClose:N})},`${e.uuid}-editor`):(0,n.Y)(O,{comment:e,onOpenReportModal:k,onDeleteComment:y,onEdit:B},e.uuid)),s.length>0&&!!D&&(0,n.Y)(o.b,{isOpen:_,onClose:()=>h(!1),targetId:D.encryptedId,targetUser:{urlName:D.commenter.urlName,encryptedId:D.commenter.encryptedId,isMuteableByViewer:D.commenter.isMuteableByViewer,isMutedByViewer:D.commenter.isMutedByViewer,isBlockableByViewer:D.commenter.isBlockableByViewer,isBlockedByViewer:D.commenter.isBlockedByViewer},onBlockedChange:C,onMutedChange:S}),l.isBanned||l.author.isBlockingViewer?null:i?(0,n.Y)("div",{css:ca,children:(0,n.Y)(la,{})}):(0,n.Y)(g,{article:l})]})},ra=(0,l.css)({width:"100%"}),ua=(0,l.css)({padding:`${(0,d.pp)(4)}px ${(0,d.pp)(7)}px 0`,...s.R9.S({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(4)}px 0`}),...s.R9.XS({padding:`${(0,d.pp)(2)}px ${(0,d.pp)(2)}px 0`})}),sa=(0,l.css)({borderBottom:`1px solid ${d.Jy.divider}`,fontSize:20,fontWeight:"bold",lineHeight:d.aK.subhead,padding:`0 ${(0,d.pp)(7)}px ${(0,d.pp)(.5)}px`,...s.R9.S({padding:`0 ${(0,d.pp)(4)}px  ${(0,d.pp)(.5)}px`}),...s.R9.XS({padding:`0 ${(0,d.pp)(2)}px ${(0,d.pp)(.5)}px`})}),da=(0,l.css)({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(7)}px`,"&:not(:last-child)":{borderBottom:`1px solid ${d.Jy.divider}`},...s.R9.S({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(4)}px`}),...s.R9.XS({padding:(0,d.pp)(2)})}),ca=(0,l.css)({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(7)}px 0`,...s.R9.S({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(4)}px 0`}),...s.R9.XS({padding:`${(0,d.pp)(3)}px ${(0,d.pp)(2)}px 0`})})}}]);