1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[445],{71163:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app/Output",function(){return a(23773)}])},23773:function(e,t,a){"use strict";a.r(t);var o=a(85893),c=a(81394),s=a.n(c),n=a(12440),i=a(67294),l=a(85280),r=a(25675),u=a.n(r);t.default=function(e){let t=!1;try{t=e?e.requestParamsData.screenshot:""}catch(e){}let[a,c]=(0,i.useState)(e.screenshotData),r=e.screenshotData;(0,i.useEffect)(()=>{if(r.length>100){let e=atob(r);c("data:image/png;base64,".concat(btoa(e)))}},[r]),console.log("-------Generated screenshot--------------"),console.log(a);let d="";try{d=e.htmlData.match(/.{1,65}/g)}catch(e){}let[_,p]=(0,i.useState)("html"),[h,g]=(0,i.useState)(!1),m=e=>{p(e)};return(0,o.jsxs)("div",{className:s().outputBlock,children:[(0,o.jsxs)("div",{className:t?"".concat(s().codeTopBar," ").concat(s().gridClass):"".concat(s().codeTopBar),children:[(0,o.jsxs)("div",{className:"".concat(s().codeTopBar__language," ").concat("html"===_?s().activeLanguage:""),onClick:()=>m("html"),children:["HTML Content",(0,o.jsx)(u(),{src:"/clipboardCopy.png",alt:"Clipboard Copy Logo",quality:100,onClick:()=>{let t=document.createElement("textarea");t.value=e.htmlData,document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),g(!0),setTimeout(()=>{g(!1)},2e3)},unoptimized:!0,width:50,height:50,className:s().clip__img}),h&&(0,o.jsx)("div",{style:{position:"absolute",top:"10%",zIndex:"10",right:"6%",backgroundColor:"#2c343e",color:"#fff",padding:"8px",borderRadius:"10px"},children:"Copied â
"})]}),t&&(0,o.jsx)("div",{className:"".concat(s().codeTopBar__language," ").concat("screenshot"===_?s().activeLanguage:""),onClick:()=>m("screenshot"),children:"Screenshot"})]}),(0,o.jsx)("div",{className:s().outputBox,children:(0,o.jsx)("div",{className:s().mainCode,children:(0,o.jsx)("pre",{children:"Processing Request"===e.htmlData?(0,o.jsxs)("div",{className:s().processMode,children:[(0,o.jsx)("div",{className:s().processMode__text,children:"Processing Request..."}),(0,o.jsx)(n.iT,{height:20,width:20,color:"#fff",wrapperStyle:{},wrapperClass:"",visible:!0,ariaLabel:"oval-loading",secondaryColor:"#4fa94d",strokeWidth:2,strokeWidthSecondary:2})]}):(0,o.jsx)("div",{children:"screenshot"===_&&t?(0,o.jsx)("code",{children:a.includes("base64")?(0,o.jsx)("img",{className:s().screenshotImage,src:a,alt:"Base64 Image"}):r}):(0,o.jsx)("div",{children:(0,o.jsx)(l.t7,{height:500,itemCount:d.length,itemSize:30,width:600,className:s().finalHTML,children:e=>{let{index:t,style:a}=e;return(0,o.jsx)("div",{style:a,children:d[t]})}})})})})})})]})}},81394:function(e){e.exports={outputBlock:"Output_outputBlock__BMSNF",outputBlock__heading:"Output_outputBlock__heading__TlbJC",clip__img:"Output_clip__img__TRQCU",outputBox:"Output_outputBox__Pe2cH",mainCode:"Output_mainCode__eszvQ",processMode:"Output_processMode__EUc1C",screenshotImage:"Output_screenshotImage__EEFam",gridClass:"Output_gridClass__nCdvl",codeTopBar:"Output_codeTopBar__AUgLM",codeTopBar__language:"Output_codeTopBar__language__vWXxy",activeLanguage:"Output_activeLanguage__0gHBZ",finalHTML:"Output_finalHTML__tRK87"}},60272:function(e,t,a){"use strict";function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e}).apply(null,arguments)}a.d(t,{Z:function(){return o}})}},function(e){e.O(0,[794,675,508,280,888,774,179],function(){return e(e.s=71163)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.