https://static.toss.im/frontend/toss.im/toss-im-career/_next/static/chunks/9f4e7b93-081638fdd6d8594a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9722],{63931:function(e,n,t){t.d(n,{Pw:function(){return An},sp:function(){return Ln},oT:function(){return Pe}});var o=t(79822),r=t(98617),i=t(59845),s=t(67114),a=t(95716),c=t(46986),l=t(61074),d=t(46970),u=t(44274),p=t(99478),f=t(47439),v=t(54653),m=t(67374),h=t(96227),g=t(15115),b=t(74569),x=t(93012),y=t(86556),w=t(12357);var $=function(){return $=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},$.apply(this,arguments)};function j(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t}function k(e,n,t,o){return new(t||(t=Promise))((function(r,i){function s(e){try{c(o.next(e))}catch(n){i(n)}}function a(e){try{c(o.throw(e))}catch(n){i(n)}}function c(e){var n;e.done?r(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(s,a)}c((o=o.apply(e,n||[])).next())}))}function C(e,n){var t,o,r,i,s={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:a(0),throw:a(1),return:a(2)},"function"===typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function a(i){return function(a){return function(i){if(t)throw new TypeError("Generator is already executing.");for(;s;)try{if(t=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return s.label++,{value:i[1],done:!1};case 5:s.label++,o=i[1],i=[0];continue;case 7:i=s.ops.pop(),s.trys.pop();continue;default:if(!(r=(r=s.trys).length>0&&r[r.length-1])&&(6===i[0]||2===i[0])){s=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){s.label=i[1];break}if(6===i[0]&&s.label<r[1]){s.label=r[1],r=i;break}if(r&&s.label<r[2]){s.label=r[2],s.ops.push(i);break}r[2]&&s.ops.pop(),s.trys.pop();continue}i=n.call(e,s)}catch(a){i=[6,a],o=0}finally{t=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,a])}}}function S(e,n,t){if(t||2===arguments.length)for(var o,r=0,i=n.length;r<i;r++)!o&&r in n||(o||(o=Array.prototype.slice.call(n,0,r)),o[r]=n[r]);return e.concat(o||Array.prototype.slice.call(n))}var N,O,E=function(e){return(0,o.jsx)("svg",$({fill:"currentColor",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg"},e),void 0)},A=function(){return(0,o.jsxs)(E,$({viewBox:"0 0 48 48"},{children:[(0,o.jsx)("title",{children:"Sign in"},void 0),(0,o.jsx)("path",{d:"M9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h14.55v3H9v30h14.55v3Zm24.3-9.25-2.15-2.15 5.1-5.1h-17.5v-3h17.4l-5.1-5.1 2.15-2.15 8.8 8.8Z"},void 0)]}),void 0)},M=function(){return(0,o.jsxs)(E,$({viewBox:"0 0 48 48"},{children:[(0,o.jsx)("title",{children:"Sign out"},void 0),(0,o.jsx)("path",{d:"M9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h14.55v3H9v30h14.55v3Zm24.3-9.25-2.15-2.15 5.1-5.1h-17.5v-3h17.4l-5.1-5.1 2.15-2.15 8.8 8.8Z"},void 0)]}),void 0)},L=function(){return(0,o.jsxs)(E,$({fill:"none",stroke:"currentColor"},{children:[(0,o.jsx)("title",{children:"Restart script"},void 0),(0,o.jsx)("path",{d:"M8 2C4.68629 2 2 4.68629 2 8C2 10.0946 3.07333 11.9385 4.7 13.0118",strokeLinecap:"round"},void 0),(0,o.jsx)("path",{d:"M14.0005 7.9998C14.0005 5.82095 12.8391 3.91335 11.1016 2.8623",strokeLinecap:"round"},void 0),(0,o.jsx)("path",{d:"M14.0003 2.3335H11.167C10.8908 2.3335 10.667 2.55735 10.667 2.8335V5.66683",strokeLinecap:"round"},void 0),(0,o.jsx)("path",{d:"M1.99967 13.6665L4.83301 13.6665C5.10915 13.6665 5.33301 13.4426 5.33301 13.1665L5.33301 10.3332",strokeLinecap:"round"},void 0),(0,o.jsx)("path",{d:"M10 10L12 12L10 14",strokeLinecap:"round",strokeLinejoin:"round"},void 0),(0,o.jsx)("path",{d:"M14.667 14L12.667 14",strokeLinecap:"round",strokeLinejoin:"round"},void 0)]}),void 0)},I=function(){return(0,o.jsxs)(E,{children:[(0,o.jsx)("title",{children:"Run sandbox"},void 0),(0,o.jsx)("path",{d:"M11.0792 8.1078C11.2793 8.25007 11.27 8.55012 11.0616 8.67981L6.02535 11.8135C5.79638 11.956 5.5 11.7913 5.5 11.5216L5.5 8.40703L5.5 4.80661C5.5 4.52735 5.81537 4.36463 6.04296 4.52647L11.0792 8.1078Z"},void 0)]},void 0)},R=function(){return(0,o.jsxs)(E,{children:[(0,o.jsx)("title",{children:"Click to go back"},void 0),(0,o.jsx)("path",{d:"M9.64645 12.3536C9.84171 12.5488 10.1583 12.5488 10.3536 12.3536C10.5488 12.1583 10.5488 11.8417 10.3536 11.6464L9.64645 12.3536ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64644C10.1583 3.45118 9.84171 3.45118 9.64645 3.64644L10.3536 4.35355ZM6.07072 7.92929L5.71716 7.57573L6.07072 7.92929ZM10.3536 11.6464L6.42427 7.71716L5.71716 8.42426L9.64645 12.3536L10.3536 11.6464ZM6.42427 8.28284L10.3536 4.35355L9.64645 3.64644L5.71716 7.57573L6.42427 8.28284ZM6.42427 7.71716C6.58048 7.87337 6.58048 8.12663 6.42427 8.28284L5.71716 7.57573C5.48285 7.81005 5.48285 8.18995 5.71716 8.42426L6.42427 7.71716Z"},void 0)]},void 0)},D=function(){return(0,o.jsxs)(E,{children:[(0,o.jsx)("title",{children:"Click to go forward"},void 0),(0,o.jsx)("path",{d:"M6.35355 3.64645C6.15829 3.45118 5.84171 3.45118 5.64645 3.64645C5.45118 3.84171 5.45118 4.15829 5.64645 4.35355L6.35355 3.64645ZM5.64645 11.6464C5.45118 11.8417 5.45118 12.1583 5.64645 12.3536C5.84171 12.5488 6.15829 12.5488 6.35355 12.3536L5.64645 11.6464ZM9.92929 8.07071L10.2828 8.42426L9.92929 8.07071ZM5.64645 4.35355L9.57574 8.28284L10.2828 7.57574L6.35355 3.64645L5.64645 4.35355ZM9.57574 7.71716L5.64645 11.6464L6.35355 12.3536L10.2828 8.42426L9.57574 7.71716ZM9.57574 8.28284C9.41952 8.12

1663 9.41953 7.87337 9.57574 7.71716L10.2828 8.42426C10.5172 8.18995 10.5172 7.81005 10.2828 7.57574L9.57574 8.28284Z"},void 0)]},void 0)},F=function(){return(0,o.jsxs)(E,{children:[(0,o.jsx)("title",{children:"Refresh preview"},void 0),(0,o.jsx)("path",{clipRule:"evenodd",d:"M3.83325 7.99992C3.83325 5.69867 5.69853 3.83325 7.99934 3.83325C9.81246 3.83325 11.3563 4.99195 11.9285 6.61097C11.9396 6.6425 11.9536 6.67221 11.97 6.69992H8.80005C8.52391 6.69992 8.30005 6.92378 8.30005 7.19992C8.30005 7.47606 8.52391 7.69992 8.80005 7.69992H12.5667C12.8981 7.69992 13.1667 7.43129 13.1667 7.09992V3.33325C13.1667 3.05711 12.9429 2.83325 12.6667 2.83325C12.3906 2.83325 12.1667 3.05711 12.1667 3.33325V4.94608C11.2268 3.66522 9.7106 2.83325 7.99934 2.83325C5.14613 2.83325 2.83325 5.14651 2.83325 7.99992C2.83325 10.8533 5.14613 13.1666 7.99934 13.1666C9.91218 13.1666 11.5815 12.1266 12.474 10.5836C12.6123 10.3446 12.5306 10.0387 12.2915 9.90044C12.0525 9.76218 11.7466 9.84387 11.6084 10.0829C10.8873 11.3296 9.54072 12.1666 7.99934 12.1666C5.69853 12.1666 3.83325 10.3012 3.83325 7.99992Z",fillRule:"evenodd"},void 0)]},void 0)},T=function(){return(0,o.jsxs)(E,$({fill:"none",stroke:"currentColor"},{children:[(0,o.jsx)("title",{children:"Clean"},void 0),(0,o.jsx)("circle",{cx:"7.99998",cy:"8.00004",r:"4.66667",strokeLinecap:"round"},void 0),(0,o.jsx)("path",{d:"M4.66669 4.66663L11.3334 11.3333"},void 0)]}),void 0)},H=function(){return(0,o.jsxs)(E,$({fill:"none",stroke:"currentColor"},{children:[(0,o.jsx)("title",{children:"Open on CodeSandbox"},void 0),(0,o.jsx)("path",{d:"M6.66665 3.33337H4.33331C3.78103 3.33337 3.33331 3.78109 3.33331 4.33337V11.6667C3.33331 12.219 3.78103 12.6667 4.33331 12.6667H11.6666C12.2189 12.6667 12.6666 12.219 12.6666 11.6667V9.33337",strokeLinecap:"round"},void 0),(0,o.jsx)("path",{d:"M10 3.33337H12.5667C12.6219 3.33337 12.6667 3.37815 12.6667 3.43337V6.00004",strokeLinecap:"round"},void 0),(0,o.jsx)("path",{d:"M7.33331 8.66668L12.5333 3.46667",strokeLinecap:"round"},void 0)]}),void 0)},P=function(){return(0,o.jsxs)(E,$({stroke:"currentColor"},{children:[(0,o.jsx)("title",{children:"Close file"},void 0),(0,o.jsx)("path",{d:"M12 4L4 12",strokeLinecap:"round"},void 0),(0,o.jsx)("path",{d:"M4 4L12 12",strokeLinecap:"round"},void 0)]}),void 0)},B=function(){return(0,o.jsxs)(E,{children:[(0,o.jsx)("title",{children:"Open browser console"},void 0),(0,o.jsx)("path",{d:"M5.65871 3.62037C5.44905 3.44066 5.1334 3.46494 4.95368 3.6746C4.77397 3.88427 4.79825 4.19992 5.00792 4.37963L5.65871 3.62037ZM5.00792 11.6204C4.79825 11.8001 4.77397 12.1157 4.95368 12.3254C5.1334 12.5351 5.44905 12.5593 5.65871 12.3796L5.00792 11.6204ZM9.9114 7.92407L10.2368 7.54445L9.9114 7.92407ZM5.00792 4.37963L9.586 8.3037L10.2368 7.54445L5.65871 3.62037L5.00792 4.37963ZM9.586 7.6963L5.00792 11.6204L5.65871 12.3796L10.2368 8.45555L9.586 7.6963ZM9.586 8.3037C9.39976 8.14407 9.39976 7.85594 9.586 7.6963L10.2368 8.45555C10.5162 8.2161 10.5162 7.7839 10.2368 7.54445L9.586 8.3037Z"},void 0),(0,o.jsx)("path",{d:"M10 11.5C9.72386 11.5 9.5 11.7239 9.5 12C9.5 12.2761 9.72386 12.5 10 12.5V11.5ZM14.6667 12.5C14.9428 12.5 15.1667 12.2761 15.1667 12C15.1667 11.7239 14.9428 11.5 14.6667 11.5V12.5ZM10 12.5H14.6667V11.5H10V12.5Z"},void 0)]},void 0)},J={colors:{surface1:"#ffffff",surface2:"#EFEFEF",surface3:"#F3F3F3",disabled:"#C5C5C5",base:"#323232",clickable:"#808080",hover:"#4D4D4D",accent:"#3973E0",error:"#EA3323",errorSurface:"#FCF1F0",warning:"#6A4516",warningSurface:"#FEF2C0"},syntax:{plain:"#151515",comment:{color:"#999",fontStyle:"italic"},keyword:"#7C5AE3",tag:"#0971F1",punctuation:"#3B3B3B",definition:"#85A600",property:"#3B3B3B",static:"#3B3B3B",string:"#2E6BD0"},font:{body:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',mono:'"Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace',size:"13px",lineHeight:"20px"}},z={colors:{surface1:"#151515",surface2:"#252525",surface3:"#2F2F2F",disabled:"#4D4D4D",base:"#808080",clickable:"#999999",hover:"#C5C5C5",accent:"#E5E5E5",error:"#FFB4A6",errorSurface:"#690000",warning:"#E7C400",warningSurface:"#3A3000"},syntax:{plain:"#FFFFFF",comment:{color:"#757575",fontStyle:"italic"},keyword:"#77B7D7",tag:"#DFAB5C",punctuation:"#ffffff",definition:"#86D9CA",property:"#77B7D7",static:"#C64640",string:"#977CDC"},font:{body:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',mono:'"Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace',size:"13px",lineHeight:"20px"}},U={light:J,dark:z,auto:(null===(N=null===window||void 0===window?void 0:window.matchMedia)||void 0===N?void 0:N.call(window,"(prefers-color-scheme: dark)").matches)?z:J},Z=function(e){var n=e.lastIndexOf("/");return e.slice(n+1)},W=function(e){var n=0,t=0,o=0;if(e.startsWith("#")){if(e.length<7)return!0;n=parseInt(e.substr(1,2),16),t=parseInt(e.substr(3,2),16),o=parseInt(e.substr(5,2),16)}else{var r=e.replace("rgb(","").replace("rgba(","").replace(")","").split(",");if(r.length<3)return!0;n=parseInt(r[0],10),t=parseInt(r[1],10),o=parseInt(r[2],10)}return(299*n+587*t+114*o)/1e3<128},_=0,Y=function(){return(+(Date.now().toString(10).substr(0,4)+_++)).toString(16)},V=function(){return""},q=Object.getOwnPropertyDescriptors({toString:V});Object.defineProperties(V,q);var G="sp",X=(O=(0,i.Th)({prefix:G})).createTheme,Q=O.css,K=(O.getCssText,O.keyframes),ee={space:new Array(11).fill(" ").reduce((function(e,n,t){var o;return $($({},e),((o={})[t+1]=4*(t+1)+"px",o))}),{}),border:{radius:"4px"},layout:{height:"300px",headerHeight:"40px"},transitions:{default:"150ms ease"},zIndices:{base:"1",overlay:"2",top:"3"}},ne=function(e){for(var n=0,t=0;t<e.length;n&=n)n=31*n+e.charCodeAt(t++);return Math.abs(n)},te=function(){return""};te.toString=te;var oe=(0,r.createContext)({}),re=function(e){var n=e.children,t=e.classes;return(0,o.jsx)(oe.Provider,$({value:t||{}},{children:n}),void 0)},ie=function(){var e=(0,r.useContext)(oe);return function(n,t){void 0===t&&(t=[]);var o="sp-"+n;return se.apply(void 0,S(S([],t,!1),[o,e[o]],!1))}},se=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e.filter(Boolean).join(" ")},ae=Q({all:"initial",fontSize:"$font$size",fontFamily:"$font$body",display:"block",boxSizing:"border-box",textRendering:"optimizeLegibility",WebkitTapHighlightColor:"transparent",WebkitFontSmoothing:"subpixel-antialiased",variants:{variant:{dark:{colorScheme:"dark"},light:{colorScheme:"light"}}},"@media screen and (min-resolution: 2dppx)":{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},"*":{boxSizing:"border-box"},".sp-wrapper:focus":{outline:"0"}}),ce=r.createContext({theme:J,id:"light",mode:"light"}),le=function(e){var n=e.theme,t=e.children,i=e.className,s=j(e,["theme","children","className"]),a=function(e){var n,t,o,r,i;if(void 0===e&&(e="light"),"string"===typeof e){var s=U[e];

1if(!s)throw new Error("[sandpack-react]: invalid theme '"+e+"' provided.");return{theme:s,id:e,mode:W(s.colors.surface1)?"dark":"light"}}var a=W(null!==(t=null===(n=null===e||void 0===e?void 0:e.colors)||void 0===n?void 0:n.surface1)&&void 0!==t?t:J.colors.surface1)?"dark":"light",c="dark"===a?z:J,l={colors:$($({},c.colors),null!==(o=null===e||void 0===e?void 0:e.colors)&&void 0!==o?o:{}),syntax:$($({},c.syntax),null!==(r=null===e||void 0===e?void 0:e.syntax)&&void 0!==r?r:{}),font:$($({},c.font),null!==(i=null===e||void 0===e?void 0:e.font)&&void 0!==i?i:{})};return{theme:l,id:"sp-"+(e?ne(JSON.stringify(l)):"default"),mode:a}}(n),c=a.theme,l=a.id,d=a.mode,u=ie(),p=r.useMemo((function(){return X(l,function(e){var n=Object.entries(e.syntax).reduce((function(e,n){var t,o=n[0],r=n[1],i=((t={})["color-"+o]=r,t);return"object"===typeof r&&(i=Object.entries(r).reduce((function(e,n){var t,r=n[0],i=n[1];return $($({},e),((t={})[r+"-"+o]=i,t))}),{})),$($({},e),i)}),{});return $($({},ee),{colors:e.colors,font:e.font,syntax:n})}(c))}),[c,l]);return(0,o.jsx)(ce.Provider,$({value:{theme:c,id:l,mode:d}},{children:(0,o.jsx)("div",$({className:u("wrapper",[p,ae({variant:d}),i])},s,{children:t}),void 0)}),void 0)},de=(ce.Consumer,{"/styles.css":{code:"body {\n  font-family: sans-serif;\n  -webkit-font-smoothing: auto;\n  -moz-font-smoothing: auto;\n  -moz-osx-font-smoothing: grayscale;\n  font-smoothing: auto;\n  text-rendering: optimizeLegibility;\n  font-smooth: always;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n}\n\nh1 {\n  font-size: 1.5rem;\n}"}}),ue={files:{"/src/styles.css":de["/styles.css"],"/src/pages/index.astro":{code:'---\nimport "../styles.css";\nconst data = "world";\n---\n\n<h1>Hello {data}</h1>\n\n<style>\n  h1 {\n    font-size: 1.5rem;\n  }\n</style>'},".env":{code:'ASTRO_TELEMETRY_DISABLED="1"'},"/package.json":{code:JSON.stringify({dependencies:{astro:"^1.6.12","esbuild-wasm":"^0.15.16"},scripts:{dev:"astro dev",start:"astro dev",build:"astro build",preview:"astro preview",astro:"astro"}})}},main:"/src/pages/index.astro",environment:"node"},pe={files:$($({},de),{"/pages/_app.js":{code:"import '../styles.css'\n\nexport default function MyApp({ Component, pageProps }) {\n  return <Component {...pageProps} />\n}"},"/pages/index.js":{code:'export default function Home({ data }) {\n  return (\n    <div>\n      <h1>Hello {data}</h1>\n    </div>\n  );\n}\n  \nexport function getServerSideProps() {\n  return {\n    props: { data: "world" },\n  }\n}\n'},"/next.config.js":{code:"/** @type {import('next').NextConfig} */\nconst nextConfig = {\n  reactStrictMode: true,\n  swcMinify: true,\n}\n\nmodule.exports = nextConfig\n"},"/package.json":{code:JSON.stringify({name:"my-app",version:"0.1.0",private:!0,scripts:{dev:"NEXT_TELEMETRY_DISABLED=1 next dev",build:"next build",start:"next start",lint:"next lint"},dependencies:{next:"12.1.6",react:"18.2.0","react-dom":"18.2.0","@next/swc-wasm-nodejs":"12.1.6"}})}}),main:"/pages/index.js",environment:"node"},fe={files:{"/index.js":{code:"const http = require('http');\n\nconst hostname = '127.0.0.1';\nconst port = 3000;\n\nconst server = http.createServer((req, res) => {\n  res.statusCode = 200;\n  res.setHeader('Content-Type', 'text/html');\n  res.end('Hello world');\n});\n\nserver.listen(port, hostname, () => {\n  console.log(`Server running at http://${hostname}:${port}/`);\n});"},"/package.json":{code:JSON.stringify({dependencies:{},scripts:{start:"node index.js"},main:"index.js"})}},main:"/index.js",environment:"node"},ve={files:$($({},de),{"/index.js":{code:'import "./styles.css";\n\ndocument.getElementById("app").innerHTML = `\n<h1>Hello world</h1>\n`;\n'},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="app"></div>\n    <script type="module" src="/index.js"><\/script>\n  </body>\n</html>\n'},"/package.json":{code:JSON.stringify({scripts:{dev:"vite",build:"vite build",preview:"vite preview"},devDependencies:{vite:"4.1.4","esbuild-wasm":"0.17.12"}})}}),main:"/index.js",environment:"node"},me={files:$($({},de),{"/App.jsx":{code:'export default function App() {\n  const data = "world"\n\n  return <h1>Hello {data}</h1>\n}\n'},"/index.jsx":{code:'import { StrictMode } from "react";\nimport { createRoot } from "react-dom/client";\nimport "./styles.css";\n\nimport App from "./App";\n\nconst root = createRoot(document.getElementById("root"));\nroot.render(\n  <StrictMode>\n    <App />\n  </StrictMode>\n);'},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="root"></div>\n    <script type="module" src="/index.jsx"><\/script>\n  </body>\n</html>\n'},"/package.json":{code:JSON.stringify({scripts:{dev:"vite",build:"vite build",preview:"vite preview"},dependencies:{react:"^18.2.0","react-dom":"^18.2.0"},devDependencies:{"@vitejs/plugin-react":"3.1.0",vite:"4.1.4","esbuild-wasm":"0.17.12"}})},"/vite.config.js":{code:'import { defineConfig } from "vite";\nimport react from "@vitejs/plugin-react";\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [react()],\n});\n'}}),main:"/App.jsx",environment:"node"},he={files:$($({},de),{"/App.tsx":{code:'export default function App() {\n  const data: string = "world"\n\n  return <h1>Hello {data}</h1>\n}\n'},"/index.tsx":{code:'import { StrictMode } from "react";\nimport { createRoot } from "react-dom/client";\nimport "./styles.css";\n\nimport App from "./App";\nimport React from "react";\n\nconst root = createRoot(document.getElementById("root") as HTMLElement);\nroot.render(\n  <StrictMode>\n    <App />\n  </StrictMode>\n);\n'},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="root"></div>\n    <script type="module" src="/index.tsx"><\/script>\n  </body>\n</html>\n'},"/tsconfig.json":{code:JSON.stringify({compilerOptions:{target:"ESNext",useDefineForClassFields:!0,lib:["DOM","DOM.Iterable","ESNext"],allowJs:!1,skipLibCheck:!0,esModuleInterop:!1,allowSyntheticDefaultImports:!0,strict:!0,forceConsistentCasingInFileNames:!0,module:"ESNext",moduleResolution:"Node",resolveJsonModule:!0,isolatedModules:!0,noEmit:!0,jsx:"react-jsx"},include:["src"],references:[{path:"./tsconfig.node.json"}]},null,2)},"/tsconfig.node.json":{code:JSON.stringify({compilerOptions:{composite:!0,module:"ESNext",moduleResolution:"Node",allowSyntheticDefaultImports:!0},include:["vite.config.ts"]},null,2)},"/package.json":{code:JSON.stringify({scripts:{dev:"vite",build:"tsc && vite build",preview:"vite preview"},dependencies:{react:"^18.2.0","react-dom":"^18.2.0"},devDependencies:{"@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0",typescript:"^4.9.5",vite:"4.1.4","esbuild-wasm":"^0.17.12"}},null,2)},"/vite-env.d.ts":{code:'/// <reference types="vite/client" />'},"/vite.config.ts":{code:"import { defineConfig } from 'vite'\nimport react from '@vitejs/plugin-react'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [react()],\n})\n"}}),main:"/App.tsx",environment:"node"},ge={files:$($({},de),{"/App.jsx":{code:'export default function App() {\n  const data = "world"\n\n  return <h1>Hello {data}</h1>\n}\n'},"/index.jsx":{code:'import { render } from "preact";\nimport "./styles.css";\n\nimport App from "./App";\n\nconst root = document.getElementById("root");\nrender(<App />, root);\n'},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="root"></div>\n    <script type="module" src="/index.jsx"><\/script>\n  </body>\n</html>\n'},"/package.json":{code:JSON.stringify({scripts:{dev:"vite",build:"vite build",preview:"vite preview"}

1,dependencies:{preact:"^10.16.0"},devDependencies:{"@preact/preset-vite":"^2.5.0",vite:"4.1.4","esbuild-wasm":"0.17.12"}})},"/vite.config.js":{code:"import { defineConfig } from \"vite\";\nimport preact from '@preact/preset-vite'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [preact()],\n});\n"}}),main:"/App.jsx",environment:"node"},be={files:$($({},de),{"/App.tsx":{code:'export default function App() {\n  const data: string = "world"\n\n  return <h1>Hello {data}</h1>\n}\n'},"/index.tsx":{code:'import { render } from "preact";\nimport "./styles.css";\n\nimport App from "./App";\n\nconst root = document.getElementById("root") as HTMLElement;\nrender(<App />, root);\n'},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="root"></div>\n    <script type="module" src="/index.tsx"><\/script>\n  </body>\n</html>\n'},"/tsconfig.json":{code:JSON.stringify({compilerOptions:{target:"ESNext",useDefineForClassFields:!0,lib:["DOM","DOM.Iterable","ESNext"],allowJs:!1,skipLibCheck:!0,esModuleInterop:!1,allowSyntheticDefaultImports:!0,strict:!0,forceConsistentCasingInFileNames:!0,module:"ESNext",moduleResolution:"Node",resolveJsonModule:!0,isolatedModules:!0,noEmit:!0,jsx:"react-jsx",jsxImportSource:"preact"},include:["src"],references:[{path:"./tsconfig.node.json"}]},null,2)},"/tsconfig.node.json":{code:JSON.stringify({compilerOptions:{composite:!0,module:"ESNext",moduleResolution:"Node",allowSyntheticDefaultImports:!0},include:["vite.config.ts"]},null,2)},"/package.json":{code:JSON.stringify({scripts:{dev:"vite",build:"tsc && vite build",preview:"vite preview"},dependencies:{preact:"^10.16.0"},devDependencies:{"@preact/preset-vite":"^2.5.0",typescript:"^4.9.5",vite:"4.1.4","esbuild-wasm":"^0.17.12"}},null,2)},"/vite-env.d.ts":{code:'/// <reference types="vite/client" />'},"/vite.config.ts":{code:"import { defineConfig } from 'vite'\nimport preact from '@preact/preset-vite'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [preact()],\n})\n"}}),main:"/App.tsx",environment:"node"},xe={files:{"/src/styles.css":de["/styles.css"],"/src/App.svelte":{code:'<script>\nconst data = "world";\n<\/script>\n\n<h1>Hello {data}</h1>\n\n<style>\nh1 {\n  font-size: 1.5rem;\n}\n</style>'},"/src/main.js":{code:"import App from './App.svelte'\nimport \"./styles.css\"\n\nconst app = new App({\n  target: document.getElementById('app'),\n})\n\nexport default app"},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="app"></div>\n    <script type="module" src="/src/main.js"><\/script>\n  </body>\n</html>\n'},"/vite.config.js":{code:"import { defineConfig } from 'vite'\nimport { svelte } from '@sveltejs/vite-plugin-svelte'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [svelte()],\n})"},"/package.json":{code:JSON.stringify({type:"module",scripts:{dev:"vite"},devDependencies:{"@sveltejs/vite-plugin-svelte":"^2.0.2",svelte:"^3.55.1",vite:"4.0.4","esbuild-wasm":"^0.17.12"}})}},main:"/src/App.svelte",environment:"node"},ye={files:{"/src/styles.css":de["/styles.css"],"/src/App.svelte":{code:'<script lang="ts">\nconst data: string = "world";\n<\/script>\n\n<h1>Hello {data}</h1>\n\n<style>\nh1 {\n  font-size: 1.5rem;\n}\n</style>'},"/src/main.ts":{code:"import App from './App.svelte'\nimport \"./styles.css\"\n\nconst app = new App({\n  target: document.getElementById('app'),\n})\n\nexport default app"},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="app"></div>\n    <script type="module" src="/src/main.ts"><\/script>\n  </body>\n</html>\n'},"/vite-env.d.ts":{code:'/// <reference types="svelte" />\n/// <reference types="vite/client" />'},"svelte.config.js":{code:"import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'\n\nexport default {\n  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess\n  // for more information about preprocessors\n  preprocess: vitePreprocess(),\n}\n"},"/vite.config.ts":{code:"import { defineConfig } from 'vite'\nimport { svelte } from '@sveltejs/vite-plugin-svelte'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [svelte()],\n})"},"tsconfig.json":{code:JSON.stringify({extends:"@tsconfig/svelte/tsconfig.json",compilerOptions:{target:"ESNext",useDefineForClassFields:!0,module:"ESNext",resolveJsonModule:!0,allowJs:!0,checkJs:!0,isolatedModules:!0},include:["src/**/*.d.ts","src/**/*.ts","src/**/*.js","src/**/*.svelte"],references:[{path:"./tsconfig.node.json"}]},null,2)},"tsconfig.node.json":{code:JSON.stringify({compilerOptions:{composite:!0,module:"ESNext",moduleResolution:"Node"},include:["vite.config.ts"]},null,2)},"/package.json":{code:JSON.stringify({type:"module",scripts:{dev:"vite"},devDependencies:{"@sveltejs/vite-plugin-svelte":"^2.0.2","@tsconfig/svelte":"^3.0.0",svelte:"^3.55.1","svelte-check":"^2.10.3",tslib:"^2.5.0",vite:"4.1.4","esbuild-wasm":"^0.17.12"}},null,2)}},main:"/src/App.svelte",environment:"node"},we={files:{"/src/styles.css":de["/styles.css"],"/src/App.vue":{code:'<script setup>\nimport { ref } from "vue";\n\nconst data = ref("world");\n<\/script>\n\n<template>\n  <h1>Hello {{ data }}</h1>\n</template>\n\n<style>\nh1 {\n  font-size: 1.5rem;\n}\n</style>'},"/src/main.js":{code:"import { createApp } from 'vue'\nimport App from './App.vue'\nimport \"./styles.css\"\n            \ncreateApp(App).mount('#app')            \n"},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="app"></div>\n    <script type="module" src="/src/main.js"><\/script>\n  </body>\n</html>\n'},"/vite.config.js":{code:"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [vue()]\n})\n"},"/package.json":{code:JSON.stringify({scripts:{dev:"vite",build:"vite build",preview:"vite preview"},dependencies:{vue:"^3.2.45"},devDependencies:{"@vitejs/plugin-vue":"3.2.0",vite:"4.1.4","esbuild-wasm":"0.17.12"}})}},main:"/src/App.vue",environment:"node"},$e={files:{"/src/styles.css":de["/styles.css"],"/src/App.vue":{code:'<script setup lang="ts">\nimport { ref } from "vue";\n\nconst data = ref<string>("world");\n<\/script>\n\n<template>\n  <h1>Hello {{ data }}</h1>\n</template>\n\n<style>\nh1 {\n  font-size: 1.5rem;\n}\n</style>'},"/src/main.ts":{code:"import { createApp } from 'vue'\nimport App from './App.vue'\nimport \"./styles.css\"\n\ncreateApp(App).mount('#app')\n"},"/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>Vite App</title>\n  </head>\n  <body>\n    <div id="app"></div>\n    <script type="module" src="/src/main.ts"><\/script>\n  </body>\n</html>\n'},"/vite-env.d.ts":{code:'/// <reference types="vite/client" />'},"/vite.config.ts":{code:"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [vue()]\n})\n"},"tsconfig.json":{code:JSON.stringify({compilerOptions:{target:"ESNext",useDefineForClassFields:!0,module:"ESNext",moduleResolution:"Node",strict:!0,jsx:"preserve",resolveJsonModule:!0,isolatedModules:!0,esModuleInterop:!0,lib:["ESNext","DOM"],skipLibCheck:!0,noEmit:!0},include:["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"],references:[{path:"./tsconfig.node.json"}]},null,2)},"tsconfig.node.json":{code:JSON.stringify({compilerOptions:{composite:!0,module:"ESNext",moduleResolution:"Node",allowSyntheticDefaultImports:!0},include:["vite.config.ts"]},null,2)},"/package.json":{code:JSON.stringify({scripts:{dev:"vite",build:"tsc && vite build",preview:"vite preview"},dependencies:{vue:"^3.2.47"},devDependencies:{"@vitejs/plugin-vue":"^4.0.0",vite:"4.1.4","vue-tsc":"^1.2.0",typescript:"^4.9.5","esbuild-wasm":"^0.17.12"}},null,2)}},main:"/src/App.vue",environment:"node"},je={files:{"/src/app/app.component.css":de["/styles.css"],"/src/app/app.component.html":{code:"<div>\n<h1>{{ helloWorld }}</h1>\n</div>     \n"},"/src/app/app.component.ts":{code:'import { Component } from "@angular/core";\n\n@Component({\n  selector: "app-root",\n  templateUrl: "./app.component.html",\n  styleUrls: ["./app.component.css"]\n})\nexport class AppComponent {\n  helloWorld = "Hello world";\n}           \n'},"/src/app/app.module.ts":{code:'import { BrowserModule } from "@angular/platform-browser";\nimport { NgModule } from "@angular/core";\n      \nimport { AppComponent } from "./app.component";\n      \n@NgModule({\n  declarations: [AppComponent],\n  imports: [BrowserModule],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule {}       \n'},"/src/index.html":{code:'<!doctype html>\n<html lang="en">\n      \n<head>\n  <meta charset="utf-8">\n  <title>Angular</title>\n  <base href="/">

1\n      \n  <meta name="viewport" content="width=device-width, initial-scale=1">\n  <link rel="icon" type="image/x-icon" href="favicon.ico">\n</head>\n      \n<body>\n   <app-root></app-root>\n</body>\n      \n</html>\n'},"/src/main.ts":{code:'import { enableProdMode } from "@angular/core";\nimport { platformBrowserDynamic } from "@angular/platform-browser-dynamic";\n      \nimport { AppModule } from "./app/app.module";      \n\nplatformBrowserDynamic()\n  .bootstrapModule(AppModule)\n  .catch(err => console.log(err));\n      \n'},"/src/polyfills.ts":{code:'import "core-js/proposals/reflect-metadata";   \n      import "zone.js/dist/zone";\n'},"/package.json":{code:JSON.stringify({dependencies:{"@angular/core":"^11.2.0","@angular/platform-browser":"^11.2.0","@angular/platform-browser-dynamic":"^11.2.0","@angular/common":"^11.2.0","@angular/compiler":"^11.2.0","zone.js":"0.11.3","core-js":"3.8.3",rxjs:"6.6.3"},main:"/src/main.ts"})}},main:"/src/app/app.component.ts",environment:"angular-cli"},ke={files:$($({},de),{"/App.js":{code:"export default function App() {\n  return <h1>Hello world</h1>\n}\n"},"/index.js":{code:'import React, { StrictMode } from "react";\nimport { createRoot } from "react-dom/client";\nimport "./styles.css";\n\nimport App from "./App";\n\nconst root = createRoot(document.getElementById("root"));\nroot.render(\n  <StrictMode>\n    <App />\n  </StrictMode>\n);'},"/public/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Document</title>\n  </head>\n  <body>\n    <div id="root"></div>\n  </body>\n</html>'},"/package.json":{code:JSON.stringify({dependencies:{react:"^18.0.0","react-dom":"^18.0.0","react-scripts":"^5.0.0"},main:"/index.js"})}}),main:"/App.js",environment:"create-react-app"},Ce={files:$($({},de),{"tsconfig.json":{code:'{\n  "include": [\n    "./**/*"\n  ],\n  "compilerOptions": {\n    "strict": true,\n    "esModuleInterop": true,\n    "lib": [ "dom", "es2015" ],\n    "jsx": "react-jsx"\n  }\n}'},"/App.tsx":{code:"export default function App(): JSX.Element {\n  return <h1>Hello world</h1>\n}\n"},"/index.tsx":{code:'import React, { StrictMode } from "react";\nimport { createRoot } from "react-dom/client";\nimport "./styles.css";\n\nimport App from "./App";\n\nconst root = createRoot(document.getElementById("root"));\nroot.render(\n  <StrictMode>\n    <App />\n  </StrictMode>\n);'},"/public/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Document</title>\n  </head>\n  <body>\n    <div id="root"></div>\n  </body>\n</html>'},"/package.json":{code:JSON.stringify({dependencies:{react:"^18.0.0","react-dom":"^18.0.0","react-scripts":"^4.0.0"},devDependencies:{"@types/react":"^18.0.0","@types/react-dom":"^18.0.0",typescript:"^4.0.0"},main:"/index.tsx"})}}),main:"/App.tsx",environment:"create-react-app"},Se={files:$($({},de),{"/App.tsx":{code:'import { Component } from "solid-js";\n\nconst App: Component = () => {\n  return <h1>Hello world</h1>\n};\n\nexport default App;'},"/index.tsx":{code:'import { render } from "solid-js/web";\nimport App from "./App";\n\nimport "./styles.css";\n\nrender(() => <App />, document.getElementById("app"));'},"/index.html":{code:'<html>\n<head>\n  <title>Parcel Sandbox</title>\n  <meta charset="UTF-8" />\n</head>\n<body>\n  <div id="app"></div>\n  <script src="src/index.tsx"><\/script>\n</body>\n</html>'},"/package.json":{code:JSON.stringify({dependencies:{"solid-js":"1.3.15"},main:"/index.tsx"})}}),main:"/App.tsx",environment:"solid"},Ne={files:$($({},de),{"/App.svelte":{code:"<style>\n  h1 {\n    font-size: 1.5rem;\n  }\n</style>\n\n<script>\n  let name = 'world';\n<\/script>\n\n<main>\n  <h1>Hello {name}</h1>\n</main>"},"/index.js":{code:'import App from "./App.svelte";\nimport "./styles.css";\n\nconst app = new App({\n  target: document.body\n});\n\nexport default app;\n      '},"/public/index.html":{code:'<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset="utf8" />\n    <meta name="viewport" content="width=device-width" />\n\n    <title>Svelte app</title>\n\n    <link rel="stylesheet" href="public/bundle.css" />\n  </head>\n\n  <body>\n    <script src="bundle.js"><\/script>\n  </body>\n</html>'},"/package.json":{code:JSON.stringify({dependencies:{svelte:"^3.0.0"},main:"/index.js"})}}),main:"/App.svelte",environment:"svelte"},Oe={files:{"tsconfig.json":{code:'{\n  "include": [\n    "./**/*"\n  ],\n  "compilerOptions": {\n    "strict": true,\n    "esModuleInterop": true,\n    "lib": [ "dom", "es2015" ],\n    "jsx": "react-jsx"\n  }\n}'},"/add.ts":{code:"export const add = (a: number, b: number): number => a + b;"},"/add.test.ts":{code:"import { add } from './add';\n\ndescribe('add', () => {\n  test('Commutative Law of Addition', () => {\n    expect(add(1, 2)).toBe(add(2, 1));\n  });\n});"},"package.json":{code:JSON.stringify({dependencies:{},devDependencies:{typescript:"^4.0.0"},main:"/add.ts"})}},main:"/add.test.ts",environment:"parcel",mode:"tests"},Ee={files:$($({},de),{"/index.js":{code:'import "./styles.css";\n\ndocument.getElementById("app").innerHTML = `\n<h1>

1Hello world</h1>\n`;\n'},"/index.html":{code:'<!DOCTYPE html>\n<html>\n\n<head>\n  <title>Parcel Sandbox</title>\n  <meta charset="UTF-8" />\n</head>\n\n<body>\n  <div id="app"></div>\n\n  <script src="index.js">\n  <\/script>\n</body>\n\n</html>'},"/package.json":{code:JSON.stringify({dependencies:{},main:"/index.js"})}}),main:"/index.js",environment:"parcel"},Ae={files:$($({},de),{"tsconfig.json":{code:'{\n  "compilerOptions": {\n    "strict": true,\n    "module": "commonjs",\n    "jsx": "preserve",\n    "esModuleInterop": true,\n    "sourceMap": true,\n    "allowJs": true,\n    "lib": [\n      "es6",\n      "dom"\n    ],\n    "rootDir": "src",\n    "moduleResolution": "node"\n  }\n}'},"/index.ts":{code:'import "./styles.css";\n\ndocument.getElementById("app").innerHTML = `\n<h1>Hello world</h1>\n`;\n'},"/index.html":{code:'<!DOCTYPE html>\n<html>\n\n<head>\n  <title>Parcel Sandbox</title>\n  <meta charset="UTF-8" />\n</head>\n\n<body>\n  <div id="app"></div>\n\n  <script src="index.ts">\n  <\/script>\n</body>\n\n</html>'},"/package.json":{code:JSON.stringify({dependencies:{},devDependencies:{typescript:"^4.0.0"},main:"/index.ts"})}}),main:"/index.ts",environment:"parcel"},Me={files:{"/src/styles.css":de["/styles.css"],"/src/App.vue":{code:"<template>\n  <h1>Hello {{ msg }}</h1>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nconst msg = ref('world');\n<\/script>"},"/src/main.js":{code:"import { createApp } from 'vue'\nimport App from './App.vue'\nimport \"./styles.css\";\n\ncreateApp(App).mount('#app')\n"},"/public/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="utf-8" />\n    <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n    <meta name="viewport" content="width=device-width,initial-scale=1.0" />\n    <title>codesandbox</title>\n  </head>\n  <body>\n    <noscript>\n      <strong\n        >We\'re sorry but codesandbox doesn\'t work properly without JavaScript\n        enabled. Please enable it to continue.</strong\n      >\n    </noscript>\n    <div id="app"></div>\n    \x3c!-- built files will be auto injected --\x3e\n  </body>\n</html>\n'},"/package.json":{code:JSON.stringify({name:"vue3",version:"0.1.0",private:!0,main:"/src/main.js",scripts:{serve:"vue-cli-service serve",build:"vue-cli-service build"},dependencies:{"core-js":"^3.26.1",vue:"^3.2.45"},devDependencies:{"@vue/cli-plugin-babel":"^5.0.8","@vue/cli-service":"^5.0.8"}})}},main:"/src/App.vue",environment:"vue-cli"},Le={files:{"/src/styles.css":de["/styles.css"],"/src/App.vue":{code:"<template>\n  <h1>Hello {{ msg }}</h1>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nconst msg = ref<string>('world');\n<\/script>"},"/src/main.ts":{code:"import { createApp } from 'vue'\nimport App from './App.vue'\nimport \"./styles.css\";\n\ncreateApp(App).mount('#app')\n"},"/src/shims-vue.d.ts":'/* eslint-disable */\ndeclare module "*.vue" {\n  import type { DefineComponent } from "vue";\n  const component: DefineComponent<{}, {}, any>;\n  export default component;\n}',"/public/index.html":{code:'<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="utf-8" />\n    <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n    <meta name="viewport" content="width=device-width,initial-scale=1.0" />\n    <title>codesandbox</title>\n  </head>\n  <body>\n    <noscript>\n      <strong\n        >We\'re sorry but codesandbox doesn\'t work properly without JavaScript\n        enabled. Please enable it to continue.</strong\n      >\n    </noscript>\n    <div id="app"></div>\n    \x3c!-- built files will be auto injected --\x3e\n  </body>\n</html>\n'},"/package.json":{code:JSON.stringify({name:"vue3-ts",version:"0.1.0",private:!0,main:"/src/main.ts",scripts:{serve:"vue-cli-service serve",build:"vue-cli-service build"},dependencies:{"core-js":"^3.26.1",vue:"^3.2.45"},devDependencies:{"@vue/cli-plugin-babel":"^5.0.8","@vue/cli-plugin-typescript":"^5.0.8","@vue/cli-service":"^5.0.8",typescript:"^4.9.3"}})},"/tsconfig.json":{code:JSON.stringify({compilerOptions:{target:"esnext",module:"esnext",strict:!0,jsx:"preserve",moduleResolution:"node",experimentalDecorators:!0,skipLibCheck:!0,esModuleInterop:!0,allowSyntheticDefaultImports:!0,forceConsistentCasingInFileNames:!0,useDefineForClassFields:!0,sourceMap:!1,baseUrl:".",types:["webpack-env"],paths:{"@/*":["src/*"]},lib:["esnext","dom","dom.iterable","scripthost"]},include:["src/**/*.ts","src/**/*.tsx","src/**/*.vue","tests/**/*.ts","tests/**/*.tsx"],exclude:["node_modules"]})}},main:"/src/App.vue",environment:"vue-cli"},Ie={static:{files:$($({},de),{"/index.html":{code:'<!DOCTYPE html>\n<html>\n\n<head>\n  <title>Parcel Sandbox</title>\n  <meta charset="UTF-8" />\n  <link rel="stylesheet" href="/styles.css" />\n</head>\n\n<body>\n  <h1>

1Hello world</h1>\n</body>\n\n</html>'},"/package.json":{code:JSON.stringify({dependencies:{},main:"/index.html"})}}),main:"/index.html",environment:"static"},angular:je,react:ke,"react-ts":Ce,solid:Se,svelte:Ne,"test-ts":Oe,"vanilla-ts":Ae,vanilla:Ee,vue:Me,"vue-ts":Le,node:fe,nextjs:pe,vite:ve,"vite-react":me,"vite-react-ts":he,"vite-preact":ge,"vite-preact-ts":be,"vite-vue":we,"vite-vue-ts":$e,"vite-svelte":xe,"vite-svelte-ts":ye,astro:ue},Re=function(e){var n,t,o,r,i,s,c=(0,a.f)(e.files),l=Fe({template:e.template,customSetup:e.customSetup,files:c}),d=(0,a.f)(null!==(t=null===(n=e.options)||void 0===n?void 0:n.visibleFiles)&&void 0!==t?t:[]),u=(null===(o=e.options)||void 0===o?void 0:o.activeFile)?De(null===(r=e.options)||void 0===r?void 0:r.activeFile,l.files):void 0;0===d.length&&c&&Object.keys(c).forEach((function(e){var n=c[e];"string"!==typeof n?(!u&&n.active&&(u=e,!0===n.hidden&&d.push(e)),n.hidden||d.push(e)):d.push(e)})),0===d.length&&(d=[l.main]),l.entry&&!l.files[l.entry]&&(l.entry=De(l.entry,l.files)),!u&&l.main&&(u=l.main),u&&l.files[u]||(u=d[0]),d.includes(u)||d.push(u);var p=(0,a.d)(l.files,null!==(i=l.dependencies)&&void 0!==i?i:{},null!==(s=l.devDependencies)&&void 0!==s?s:{},l.entry);return{visibleFiles:d.filter((function(e){return p[e]})),activeFile:u,files:p,environment:l.environment,shouldUpdatePreview:!0}},De=function(e,n){var t=(0,a.f)(n),o=(0,a.f)(e);if(o in t)return o;if(!e)return null;for(var r=null,i=0,s=[".js",".jsx",".ts",".tsx"];!r&&i<s.length;){var c=""+o.split(".")[0]+s[i];void 0!==t[c]&&(r=c),i++}return r},Fe=function(e){var n=e.files,t=e.template,o=e.customSetup;if(!t){if(!o){var r=Ie.vanilla;return $($({},r),{files:$($({},r.files),Te(n))})}if(!n||0===Object.keys(n).length)throw new Error("[sandpack-react]: without a template, you must pass at least one file");return $($({},o),{files:Te(n)})}var i=Ie[t];if(!i)throw new Error('[sandpack-react]: invalid template "'+t+'" provided');return o||n?{files:Te($($({},i.files),n)),dependencies:$($({},i.dependencies),null===o||void 0===o?void 0:o.dependencies),devDependencies:$($({},i.devDependencies),null===o||void 0===o?void 0:o.devDependencies),entry:(0,a.f)(null===o||void 0===o?void 0:o.entry),main:i.main,environment:(null===o||void 0===o?void 0:o.environment)||i.environment}:i},Te=function(e){return e?Object.keys(e).reduce((function(n,t){return"string"===typeof e[t]?n[t]={code:e[t]}:n[t]=e[t],n}),{}):{}},He=r.createContext(null),Pe=function(e){var n,t,i=e.children,l=e.options,d=e.style,u=e.className,p=e.theme,f=function(e){var n=Re(e),t=(0,r.useState)(n),o=t[0],i=t[1],s=(0,r.useRef)(!1);(0,r.useEffect)((function(){s.current?i(Re(e)):s.current=!0}),[e.files,e.customSetup,e.template]);var c=function(e,n,t){void 0===t&&(t=!0),i((function(o){var r,i=o.files;return"string"===typeof e&&"string"===typeof n?i=$($({},i),((r={})[e]={code:n},r)):"object"===typeof e&&(i=$($({},i),Te(e))),$($({},o),{files:(0,a.f)(i),shouldUpdatePreview:t})}))},l={openFile:function(e){i((function(n){var t=n.visibleFiles,o=j(n,["visibleFiles"]),r=t.includes(e)?t:S(S([],t,!0),[e],!1);return $($({},o),{activeFile:e,visibleFiles:r})}))},resetFile:function(e){i((function(t){var o;return $($({},t),{files:$($({},t.files),(o={},o[e]=n.files[e],o))})}))},resetAllFiles:function(){i((function(e){return $($({},e),{files:n.files})}))},setActiveFile:function(e){o.files[e]&&i((function(n){return $($({},n),{activeFile:e})}))},updateCurrentFile:function(e,n){void 0===n&&(n=!0),c(o.activeFile,e,n)},updateFile:c,addFile:c,closeFile:function(e){1!==o.visibleFiles.length&&i((function(n){var t=n.visibleFiles,o=n.activeFile,r=j(n,["visibleFiles","activeFile"]),i=t.indexOf(e),s=t.filter((function(n){return n!==e}));return $($({},r),{activeFile:e===o?0===i?t[1]:t[i-1]:o,visibleFiles:s})}))},deleteFile:function(e,n){void 0===n&&(n=!0),i((function(t){var o=t.visibleFiles,r=t.files,i=t.activeFile,s=j(t,["visibleFiles","files","activeFile"]),a=$({},r);delete a[e];var c=o.filter((function(n){return n!==e}));if(0===c.length){var l=Object.keys(r)[Object.keys(r).length-1];return $($({},s),{visibleFiles:[l],activeFile:l,files:a,shouldUpdatePreview:n})}return $($({},s),{visibleFiles:c,activeFile:e===i?c[c.length-1]:i,files:a,shouldUpdatePreview:n})}))}};return[$($({},o),{visibleFilesFromProps:n.visibleFiles}),l]}(e),v=f[0],m=f[1],h=function(e,n){var t,o,i,s=e.options,l=e.customSetup,d=e.teamId,u=e.sandboxId;null!==s&&void 0!==s||(s={}),null!==l&&void 0!==l||(l={});var p=(null===s||void 0===s?void 0:s.initMode)||"lazy",f=(0,r.useState)({startRoute:null===s||void 0===s?void 0:s.startRoute,bundlerState:void 0,error:null,initMode:p,reactDevTools:void 0,status:null===(t=null===s||void 0===s?void 0:s.autorun)||void 0===t||t?"initial":"idle"}),v=f[0],m=f[1],h=(0,r.useRef)(null),g=(0,r.useRef)(null),b=(0,r.useRef)({}),x=(0,r.useRef)({}),y=(0,r.useRef)(null),w=(0,r.useRef)({}),j=(0,r.useRef)(),S=(0,r.useRef)({global:{}}),N=(0,r.useRef)(),O=(0,r.useRef)(n.environment),E=(0,r.useCallback)((function(e,t,o){return k(void 0,void 0,void 0,(function(){var r,i,a,p,f;return C(this,(function(h){switch(h.label){case 0:return x.current[t]&&x.current[t].destroy(),null!==s&&void 0!==s||(s={}),null!==l&&void 0!==l||(l={}),r=null!==(a=null===s||void 0===s?void 0:s.bundlerTimeOut)&&void 0!==a?a:4e4,y.current&&clearTimeout(y.current),"function"!==typeof j.current&&(y.current=setTimeout((function(){A(),m((function(e){return $($({},e),{status:"timeout"})}))}),r)),[4,(0,c.sF)(e,{files:n.files,template:n.environment},{externalResources:s.externalResources,bundlerURL:s.bundlerURL,startRoute:null!==(p=null===o||void 0===o?void 0:o.startRoute)&&void 0!==p?p:s.startRoute,fileResolver:s.fileResolver,skipEval:null!==(f=s.skipEval)&&void 0!==f&&f,logLevel:s.logLevel,showOpenInCodeSandbox:!1,showErrorScreen:!0,showLoadingScreen:!1,reactDevTools:v.reactDevTools,customNpmRegistries:null===l||void 0===l?void 0:l.npmRegistries,teamId:d,sandboxId:u})];case 1:return i=h.sent(),"function"!==typeof j.current&&(j.current=i.listen(D)),w.current[t]=w.current[t]||{}

1,S.current[t]&&(Object.keys(S.current[t]).forEach((function(e){var n=S.current[t][e],o=i.listen(n);w.current[t][e]=o})),S.current[t]={}),Object.entries(S.current.global).forEach((function(e){var n=e[0],o=e[1],r=i.listen(o);w.current[t][n]=r})),x.current[t]=i,[2]}}))}))}),[n.environment,n.files,v.reactDevTools]),A=(0,r.useCallback)((function(){Object.keys(x.current).map(R),"function"===typeof j.current&&(j.current(),j.current=void 0)}),[]),M=(0,r.useCallback)((function(){return k(void 0,void 0,void 0,(function(){return C(this,(function(e){switch(e.label){case 0:return[4,Promise.all(Object.entries(b.current).map((function(e){var n=e[0],t=e[1],o=t.iframe,r=t.clientPropsOverride,i=void 0===r?{}:r;return k(void 0,void 0,void 0,(function(){return C(this,(function(e){switch(e.label){case 0:return[4,E(o,n,i)];case 1:return e.sent(),[2]}}))}))})))];case 1:return e.sent(),m((function(e){return $($({},e),{error:null,status:"running"})})),[2]}}))}))}),[E]),L=(0,r.useCallback)((function(){var e,n,t;if(null===(e=null===s||void 0===s?void 0:s.autorun)||void 0===e||e){var o=null!==(n=null===s||void 0===s?void 0:s.initModeObserverOptions)&&void 0!==n?n:{rootMargin:"1000px 0px"};h.current&&g.current&&(null===(t=h.current)||void 0===t||t.unobserve(g.current)),g.current&&"lazy"===v.initMode?(h.current=new IntersectionObserver((function(e){var n;e.some((function(e){return e.isIntersecting}))&&(M(),g.current&&(null===(n=h.current)||void 0===n||n.unobserve(g.current)))}),o),h.current.observe(g.current)):g.current&&"user-visible"===v.initMode?(h.current=new IntersectionObserver((function(e){e.some((function(e){return e.isIntersecting}))?M():(Object.keys(x.current).map(R),A())}),o),h.current.observe(g.current)):M()}}),[null===s||void 0===s?void 0:s.autorun,null===s||void 0===s?void 0:s.initModeObserverOptions,M,v.initMode,A]),I=(0,r.useCallback)((function(e,n,t){return k(void 0,void 0,void 0,(function(){return C(this,(function(o){switch(o.label){case 0:return b.current[n]={iframe:e,clientPropsOverride:t},"running"!==v.status?[3,2]:[4,E(e,n,t)];case 1:o.sent(),o.label=2;case 2:return[2]}}

1))}))}),[E,v.status]),R=function(e){var n,t,o=x.current[e];o&&(o.destroy(),null===(n=o.iframe.contentWindow)||void 0===n||n.location.replace("about:blank"),o.iframe.removeAttribute("src"),delete x.current[e]),delete b.current[e],y.current&&clearTimeout(y.current),Object.values(null!==(t=w.current[e])&&void 0!==t?t:{}).forEach((function(e){Object.values(e).forEach((function(e){return e()}))}));var r=Object.keys(x.current).length>0?"running":"idle";m((function(e){return $($({},e),{status:r})}))},D=function(e){"start"===e.type?m((function(e){return $($({},e),{error:null})})):"state"===e.type?m((function(n){return $($({},n),{bundlerState:e.state})})):"done"===e.type&&!e.compilatonError||"connected"===e.type?(y.current&&clearTimeout(y.current),m((function(e){return $($({},e),{error:null})}))):"action"===e.type&&"show-error"===e.action?m((function(n){return $($({},n),{error:(0,a.e)(e)})})):"action"===e.type&&"notification"===e.action&&"error"===e.notificationType&&m((function(n){return $($({},n),{error:{message:e.title}})}))},F=null!==(o=null===s||void 0===s?void 0:s.recompileMode)&&void 0!==o?o:"delayed",T=null!==(i=null===s||void 0===s?void 0:s.recompileDelay)&&void 0!==i?i:500;return(0,r.useEffect)((function(){if("running"===v.status&&n.shouldUpdatePreview)return O.current!==n.environment&&(O.current=n.environment,Object.entries(x.current).forEach((function(e){var n=e[0],t=e[1];I(t.iframe,n)}

1))),"immediate"===F&&Object.values(x.current).forEach((function(e){"done"===e.status&&e.updateSandbox({files:n.files,template:n.environment})})),"delayed"===F&&(window.clearTimeout(N.current),N.current=window.setTimeout((function(){Object.values(x.current).forEach((function(e){"done"===e.status&&e.updateSandbox({files:n.files,template:n.environment})}))}),T)),function(){window.clearTimeout(N.current)}}),[n.files,n.environment,n.shouldUpdatePreview,T,F,I,v.status]),(0,r.useEffect)((function(){p!==v.initMode&&(m((function(e){return $($({},e),{initMode:p})})),L())}),[p,L,v.initMode]),(0,r.useEffect)((function(){return function(){"function"===typeof j.current&&j.current(),y.current&&clearTimeout(y.current),N.current&&clearTimeout(N.current),h.current&&h.current.disconnect()}}),[]),[v,{clients:x.current,initializeSandpackIframe:L,runSandpack:M,registerBundler:I,unregisterBundler:R,registerReactDevTools:function(e){m((function(n){return $($({},n),{reactDevTools:e})}))},addListener:function(e,n){if(n){if(x.current[n])return x.current[n].listen(e);var t=Y();return S.current[n]=S.current[n]||{},w.current[n]=w.current[n]||{},S.current[n][t]=e,function(){S.current[n][t]?delete S.current[n][t]:w.current[n][t]&&(w.current[n][t](),delete w.current[n][t])}}var o=Y();S.current.global[o]=e;var r=Object.values(x.current).map((function(n){return n.listen(e)})),i=function(){r.forEach((function(e){return e()})),delete S.current.global[o],Object.values(w.current).forEach((function(e){var n;null===(n=null===e||void 0===e?void 0:e[o])||void 0===n||n.call(e)}))};return i},dispatchMessage:function(e,n){"running"===v.status?n?x.current[n].dispatch(e):Object.values(x.current).forEach((function(n){n.dispatch(e)})):console.warn("[sandpack-react]: dispatch cannot be called while in idle mode")},lazyAnchorRef:g,unsubscribeClientListenersRef:w,queuedListenersRef:S}]}(e,v),g=h[0],b=h[1],x=b.dispatchMessage,y=b.addListener,w=j(b,["dispatchMessage","addListener"]),N=function(e,n){var t=(0,r.useState)({editorState:"pristine",teamId:e.teamId}),o=t[0],i=t[1],a=Re(e),c=(0,s.J)(a.files,n)?"pristine":"dirty";return c!==o.editorState&&i((function(e){return $($({},e),{editorState:c})})),o}(e,v.files);return r.useEffect((function(){w.initializeSandpackIframe()}),[]),(0,o.jsx)(He.Provider,$({value:$($($($($($({},v),g),N),m),w),{autoReload:null===(t=null===(n=e.options)||void 0===n?void 0:n.autoReload)||void 0===t||t,listen:y,dispatch:x})},{children:(0,o.jsx)(re,$({classes:null===l||void 0===l?void 0:l.classes},{children:(0,o.jsx)(le,$({className:u,style:d,theme:p},{children:i}),void 0)}),void 0)}),void 0)};He.Consumer;function Be(){var e=r.useContext(He);if(null===e)throw new Error('[sandpack-react]: "useSandpack" must be wrapped by a "SandpackProvider"');var n=e.dispatch,t=e.listen,o=j(e,["dispatch","listen"]);return{sandpack:$({},o),dispatch:n,listen:t}}var Je,ze,Ue,Ze,We,_e=function(){var e,n,t,o=Be().sandpack;return{code:null===(e=o.files[o.activeFile])||void 0===e?void 0:e.code,readOnly:null!==(t=null===(n=o.files[o.activeFile])||void 0===n?void 0:n.readOnly)&&void 0!==t&&t,updateCode:o.updateCurrentFile}},Ye=Q({svg:{margin:"auto"}}),Ve=Q(((Je={appearance:"none",outline:"none",display:"flex",alignItems:"center",fontSize:"inherit",fontFamily:"inherit",backgroundColor:"transparent",transition:"color $default, background $default",cursor:"pointer",color:"$colors$clickable",border:0,textDecoration:"none","&:disabled":{color:"$colors$disabled"},"&:hover:not(:disabled,[data-active='true'])":{color:"$colors$hover"},'&[data-active="true"]':{color:"$colors$accent"},svg:{minWidth:"$space$4",width:"$space$4",height:"$space$4"}})["&."+Ye]={padding:"$space$1",height:"$space$7",display:"flex"},Je["&."+Ye+"&:not(:has(span))"]={width:"$space$7"},Je["&."+Ye+"&:has(svg + span)"]={paddingRight:"$space$3",paddingLeft:"$space$2",gap:"$space$1"},Je)),qe=Q({backgroundColor:"$colors$surface2",borderRadius:"99999px",border:"1px solid $colors$surface3",'&[data-active="true"]':{color:"$colors$surface1",background:"$colors$accent"},"&:hover:not(:disabled,[data-active='true'])":{backgroundColor:"$colors$surface3"}}),Ge=Q({padding:0}),Xe=K({"0%":{opacity:0}

1,"100%":{opacity:1}}),Qe=Q({position:"absolute",bottom:"0",left:"0",right:"0",top:"0",margin:"0",overflow:"auto",height:"100%",zIndex:"$top"}),Ke=Q(((ze={whiteSpace:"pre-wrap",padding:"$space$10",backgroundColor:"$colors$surface1",display:"flex",gap:"$space$2",flexDirection:"column"})["."+Ve]={width:"auto",gap:"$space$2",padding:"0 $space$3 0 $space$2",marginTop:"$space$1"},ze.variants={solidBg:{true:{backgroundColor:"$colors$errorSurface"}}},ze)),en=Q(((Ue={padding:"$space$10",backgroundColor:"$colors$surface1"})["."+Ve]={marginTop:"$space$6",width:"auto",gap:"$space$2",padding:"0 $space$3 0 $space$2"},Ue)),nn=Q({animation:Xe+" 150ms ease",color:"$colors$error",display:"flex",flexDirection:"column",gap:"$space$3",variants:{errorCode:{true:{fontFamily:"$font$mono"}}},a:{color:"inherit"},p:{margin:0}}),tn=Q({borderBottom:"1px solid $colors$surface2",background:"$colors$surface1"}),on=Q({padding:"0 $space$2",overflow:"auto",display:"flex",flexWrap:"nowrap",alignItems:"stretch",minHeight:"40px",marginBottom:"-1px"}),rn=Q({padding:"0 $space$1 0 $space$1",borderRadius:"$border$radius",marginLeft:"$space$1",width:"$space$5",visibility:"hidden",svg:{width:"$space$3",height:"$space$3",display:"block",position:"relative",top:1}}),sn=Q(((Ze={padding:"0 $space$2",height:"$layout$headerHeight",whiteSpace:"nowrap","&:focus":{outline:"none"}})["&:hover > ."+rn]={visibility:"unset"},Ze)),an=function(e){var n=e.closableTabs,t=e.className,r=j(e,["closableTabs","className"]),i=Be().sandpack,s=ie(),a=i.activeFile,c=i.visibleFiles,l=i.setActiveFile,d=function(e){e.stopPropagation();var n=e.target.closest("[data-active]"),t=null===n||void 0===n?void 0:n.getAttribute("title");t&&i.closeFile(t)},u=function(e){var n=Z(e),t=c.reduce((function(t,o){return o===e?t:Z(o)===n?(t.push(o),t):t}),[]);return 0===t.length?n:function(e,n){var t=("/"===e[0]?e.slice(1):e).split("/"),o=[];if(1===t.length)o.unshift(t[0]);else for(var r=0;r<n.length;r++)for(var i=n[r].split("/"),s=1;s<=t.length;s++){var a=t[t.length-s],c=i[i.length-s];if(o.length<s&&o.unshift(a),a!==c)break}return o.length<t.length&&o.unshift(".."),o.join("/")}(e,t)};return(0,o.jsx)("div",$({className:s("tabs",[tn,t]),translate:"no"},r,{children:(0,o.jsx)("div",$({"aria-label":"Select active file",className:s("tabs-scrollable-container",[on]),role:"tablist"},{children:c.map((function(e){return(0,o.jsxs)("button",$({"aria-selected":e===a,className:s("tab-button",[Ve,sn]),"data-active":e===a,onClick:function(){return l(e)},role:"tab",title:e,type:"button"},{children:[u(e),n&&c.length>1&&(0,o.jsx)("span",$({className:s("close-button",[rn]),onClick:d},{children:(0,o.jsx)(P,{},void 0)}),void 0)]}),e)}))}),void 0)}),void 0)},cn=function(e){var n=e.onClick,t=e.className,r=e.children,i=ie();return(0,o.jsx)("button",$({className:i("button",[i("icon-standalone"),Ve,Ye,qe,t]),onClick:n,type:"button"},{children:r}),void 0)},ln=Q({position:"absolute",bottom:"$space$2",right:"$space$2",paddingRight:"$space$3"}),dn=function(e){e.className;var n=e.onClick,t=j(e,["className","onClick"]),r=Be().sandpack;return(0,o.jsxs)(cn,$({className:ln.toString(),onClick:function(e){r.runSandpack(),null===n||void 0===n||n(e)}},t,{children:[(0,o.jsx)(I,{},void 0),(0,o.jsx)("span",{children:"Run"},void 0)]}),void 0)},un=Q(((We={display:"flex",flexDirection:"column",width:"100%",position:"relative",backgroundColor:"$colors$surface1",gap:1})["&:has(.sp-stack)"]={backgroundColor:"$colors$surface2"},We)),pn=function(e){var n=e.className,t=j(e,["className"]),r=ie();return(0,o.jsx)("div",$({className:r("stack",[un,n])},t),void 0)},fn=function(){var e=r.useContext(ce);return{theme:e.theme,themeId:e.id,themeMode:e.mode}},vn=function(e,n){if(e.length!==n.length)return!1;for(var t=!0,o=0;o<e.length;o++)if(e[o]!==n[o]){t=!1;break}return t},mn=function(e,n){var t=n.line,o=n.column;return e.line(t).from+(null!==o&&void 0!==o?o:0)-1},hn=function(e){return"sp-syntax-"+e},gn=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return r.useCallback((function(n){return e.forEach((function(e){if(e)return"function"===typeof e?e(n):void(e.current=n)}))}),e)};var bn,xn,yn,wn,$n=f.p.line({attributes:{class:"cm-errorLine"}}),jn=f.lg.fromClass(function(){function e(){this.decorations=f.p.none}return e.prototype.update=function(e){var n=this;e.transactions.forEach((function(t){var o=t.annotation("show-error");

1if(void 0!==o){var r=mn(e.view.state.doc,{line:o})+1;n.decorations=f.p.set([$n.range(r)])}else t.annotation("remove-errors")&&(n.decorations=f.p.none)}))},e}(),{decorations:function(e){return e.decorations}}),kn=Q({margin:"0",display:"block",fontFamily:"$font$mono",fontSize:"$font$size",color:"$syntax$color$plain",lineHeight:"$font$lineHeight"}),Cn=Q(["string","plain","comment","keyword","definition","punctuation","property","tag","static"].reduce((function(e,n){var t;return $($({},e),((t={})["."+hn(n)]={color:"$syntax$color$"+n,fontStyle:"$syntax$fontStyle$"+n},t))}),{})),Sn=Q(((bn={flex:1,position:"relative",overflow:"auto",background:"$colors$surface1",".cm-scroller":{padding:"$space$4 0"}})["."+kn]={padding:"$space$4 0"},bn["@media screen and (max-width: 768px)"]={"@supports (-webkit-overflow-scrolling: touch)":{".cm-content":{fontSize:"16px"}}},bn)),Nn=Q({margin:"0",outline:"none",height:"100%"}),On=Q(((xn={fontFamily:"$font$mono",fontSize:"0.8em",position:"absolute",right:"$space$2",bottom:"$space$2",zIndex:"$top",color:"$colors$clickable",backgroundColor:"$colors$surface2",borderRadius:"99999px",padding:"calc($space$1 / 2) $space$2"})["& + ."+Ve]={right:"calc($space$11 * 2)"},xn)),En=r.forwardRef((function(e,n){var t=e.code,i=void 0===t?"":t,s=e.filePath,a=e.fileType,c=e.onCodeUpdate,x=e.showLineNumbers,y=void 0!==x&&x,w=e.showInlineErrors,j=void 0!==w&&w,k=e.wrapContent,C=void 0!==k&&k,N=e.editorState,O=void 0===N?"pristine":N,E=e.readOnly,A=void 0!==E&&E,M=e.showReadOnly,L=void 0===M||M,I=e.decorators,R=e.initMode,D=void 0===R?"lazy":R,F=e.extensions,T=void 0===F?[]:F,H=e.extensionsKeymap,P=void 0===H?[]:H,B=e.additionalLanguages,J=void 0===B?[]:B,z=r.useRef(null),U=gn(z,n),W=r.useRef(),_=fn(),Y=_.theme,V=_.themeId,q=r.useState(i),G=q[0],X=q[1],Q=r.useState("immediate"===D),K=Q[0],ee=Q[1],ne=ie(),te=Be().listen,oe=r.useRef([]),re=r.useRef([]),se=(0,v.Z)(z,{rootMargin:"600px 0px",threshold:.2}).isIntersecting;r.useImperativeHandle(n,(function(){return{getCodemirror:function(){return W.current}}})),r.useEffect((function(){("lazy"===D||"user-visible"===D)&&se&&ee(!0)}),[D,se]);var ae=function(e,n,t){if(!e&&!n)return"javascript";var o=n;if(!o&&e){var r=e.lastIndexOf(".");o=e.slice(r+1)}for(var i=0,s=t;i<s.length;i++){var a=s[i];if(o===a.name||a.extensions.includes(o||""))return a.name}switch(o){case"ts":case"tsx":return"typescript";case"html":case"svelte":case"vue":case"astro":return"html";case"css":case"less":case"scss":return"css";default:return"javascript"}}(s,a,J),ce=function(e,n){for(var t={javascript:(0,g.eJ)({jsx:!0,typescript:!1}),typescript:(0,g.eJ)({jsx:!0,typescript:!0}),html:(0,h.dy)(),css:(0,m.iv)()},o=0,r=n;o<r.length;o++){var i=r[o];if(e===i.name)return i.language}return t[e]}(ae,J),le=function(e){return u.Qf.define([{tag:b.pJ.link,textDecoration:"underline"},{tag:b.pJ.emphasis,fontStyle:"italic"},{tag:b.pJ.strong,fontWeight:"bold"}

1,{tag:b.pJ.keyword,class:hn("keyword")},{tag:[b.pJ.atom,b.pJ.number,b.pJ.bool],class:hn("static")},{tag:b.pJ.variableName,class:hn("plain")},{tag:b.pJ.standard(b.pJ.tagName),class:hn("tag")},{tag:[b.pJ.function(b.pJ.variableName),b.pJ.definition(b.pJ.function(b.pJ.variableName)),b.pJ.tagName],class:hn("definition")},{tag:b.pJ.propertyName,class:hn("property")},{tag:[b.pJ.literal,b.pJ.inserted],class:hn(e.syntax.string?"string":"static")},{tag:b.pJ.punctuation,class:hn("punctuation")},{tag:[b.pJ.comment,b.pJ.quote],class:hn("comment")}])}(Y),de=function(e){var n=e.langSupport,t=e.highlightTheme,o=e.code,i=void 0===o?"":o,s=n.language.parser.parse(i),a=0,c=[],l=function(e,n){if(e>a){var t=i.slice(a,e);c.push(n?(0,r.createElement)("span",{children:t,className:n,key:""+e+a}):t),a=e}};return(0,b.bW)(s,t,(function(e,n,t){l(e,""),l(n,t)})),a<i.length&&(null===i||void 0===i?void 0:i.includes("\n"))&&c.push("\n\n"),c}({langSupport:ce,highlightTheme:le,code:i}),ue=r.useMemo((function(){return I?I.sort((function(e,n){return e.line-n.line})):I}),[I]);r.useEffect((function(){if(z.current&&K){var e,n=[{key:"Tab",run:function(e){var n,t;(0,d.at)(e);var o=P.find((function(e){return"Tab"===e.key}));return null===(t=null===(n=null===o||void 0===o?void 0:o.run)||void 0===n?void 0:n.call(o,e))||void 0===t||t}},{key:"Shift-Tab",run:function(e){var n,t,o=e.state,r=e.dispatch;(0,d.xi)({state:o,dispatch:r});var i=P.find((function(e){return"Shift-Tab"===e.key}));return null===(t=null===(n=null===i||void 0===i?void 0:i.run)||void 0===n?void 0:n.call(i,a))||void 0===t||t}},{key:"Escape",run:function(){return A||z.current&&z.current.focus(),!0}},{key:"mod-Backspace",run:d.fE}],t=S(S([(0,f.AE)(),(0,d.m8)(),(0,l.vQ)()],T,!0),[f.$f.of(S(S(S(S(S([],l.GA,!0),d.wQ,!0),d.f$,!0),n,!0),P,!0)),ce,f.tk.theme({"&":{backgroundColor:"var(--sp-colors-surface1)",color:"var(--sp-syntax-color-plain)",height:"100%"},".cm-matchingBracket, .cm-nonmatchingBracket, &.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket":{color:"inherit",backgroundColor:"rgba(128,128,128,.25)",backgroundBlendMode:"difference"},"&.cm-editor.cm-focused":{outline:"none"},".cm-activeLine":{backgroundColor:"var(--sp-colors-surface3)",borderRadius:"var(--sp-border-radius)"},".cm-errorLine":{backgroundColor:"var(--sp-colors-errorSurface)",borderRadius:"var(--sp-border-radius)"},".cm-content":{caretColor:"var(--sp-colors-accent)",padding:"0 var(--sp-space-4)"},".cm-scroller":{fontFamily:"var(--sp-font-mono)",lineHeight:"var(--sp-font-lineHeight)"},".cm-gutters":{backgroundColor:"var(--sp-colors-surface1)",color:"var(--sp-colors-disabled)",border:"none",paddingLeft:"var(--sp-space-1)"},".cm-gutter.cm-lineNumbers":{fontSize:".6em"},".cm-lineNumbers .cm-gutterElement":{lineHeight:"var(--sp-font-lineHeight)",minWidth:"var(--sp-space-5)"},".cm-content .cm-line":{paddingLeft:"var(--sp-space-1)"},".cm-content.cm-readonly .cm-line":{paddingLeft:0}}),(0,u.nF)(le)],!1);A?(t.push(p.yy.readOnly.of(!0)),t.push(f.tk.editable.of(!1))):(t.push((0,u.n$)()),t.push((0,f.ZO)())),ue&&t.push((e=ue,f.lg.fromClass(function(){function n(e){this.decorations=this.getDecoration(e)}return n.prototype.update=function(e){},n.prototype.getDecoration=function(n){if(!e)return f.p.none;var t=e.map((function(e){var t,o,r,i=f.p.line({attributes:{class:null!==(t=e.className)&&void 0!==t?t:""}}),s=f.p.mark({class:null!==(o=e.className)&&void 0!==o?o:"",attributes:null!==(r=e.elementAttributes)&&void 0!==r?r:void 0}),a=mn(n.state.doc,{line:e.line,column:e.startColumn})+1;if(e.startColumn&&e.endColumn){var c=mn(n.state.doc,{line:e.line,column:e.endColumn})+1;return s.range(a,c)}return i.range(a)}));return f.p.set(t)},n}(),{decorations:function(e){return e.decorations}}))),C&&t.push(f.tk.lineWrapping),y&&t.push((0,f.Eu)()),j&&t.push(jn);var o=z.current,r=o.querySelector(".sp-pre-placeholder");r&&o.removeChild(r);var a=new f.tk({doc:i,extensions:t,parent:o,dispatch:function(e){if(a.update([e]),e.docChanged){var n=e.newDoc.sliceString(0,e.newDoc.length);X(n),null===c||void 0===c||c(n)}}});return a.contentDOM.setAttribute("data-gramm","false"),a.contentDOM.setAttribute("data-lt-active","false"),a.contentDOM.setAttribute("aria-label",s?"Code Editor for "+Z(s):"Code Editor"),A?a.contentDOM.classList.add("cm-readonly"):a.contentDOM.setAttribute("tabIndex","-1"),W.current=a,function(){var e;null===(e=W.current)||void 0===e||e.destroy()}}}),[K,y,C,V,ue,A]),r.useEffect((function(){var e=W.current,n=!vn(T,oe.current)||!vn(P,re.current);e&&n&&(e.dispatch({effects:p.Py.appendConfig.of(T)}),e.dispatch({effects:p.Py.appendConfig.of(f.$f.of(S([],P,!0)))}),oe.current=T,re.current=P)}),[T,P]),r.useEffect((function(){W.current&&"dirty"===O&&window.matchMedia("(min-width: 768px)").matches&&W.current.contentDOM.focus()}),[]),r.useEffect((function(){if(W.current&&"string"===typeof i&&i!==G){var e=W.current,n=e.state.selection.ranges.some((function(e){var n=e.to,t=e.from;return n>i.length||t>i.length}))?p.jT.cursor(i.length):e.state.selection,t={from:0,to:e.state.doc.length,insert:i};e.dispatch({changes:t,selection:n})}}),[i]),r.useEffect((function(){if(j){var e=te((function(e){var n=W.current;"success"===e.type?null===n||void 0===n||n.dispatch({annotations:[new p.q6("remove-errors",!0)]}):"action"===e.type&&"show-error"===e.action&&e.path===s&&e.line&&(null===n||void 0===n||n.dispatch({annotations:[new p.q6("show-error",e.line)]}))}));return function(){return e()}}}),[te,j]);var pe=function(){var e=4;return y&&(e+=6),A||(e+=1),"var(--sp-space-"+e+")"};return A?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("pre",$({ref:U,className:ne("cm",[ne(O),ne(ae),Nn,Cn]),translate:"no"},{children:(0,o.jsx)("code",$({className:ne("pre-placeholder",[kn]),style:{marginLeft:pe()}},{children:de}),void 0)}),void 0),A&&L&&(0,o.jsx)("span",$({className:ne("read-only",[On])},{},{children:"Read-only"}),void 0)]},void 0):(0,o.jsx)("div",$({ref:U,"aria-autocomplete":"list","aria-label":s?"Code Editor for "+Z(s):"Code Editor","aria-multiline":"true",className:ne("cm",[ne(O),ne(ae),Nn,Cn]),onKeyDown:function(e){"Enter"===e.key&&W.current&&(e.preventDefault(),W.current.contentDOM.focus())},role:"textbox",tabIndex:0,translate:"no",suppressHydrationWarning:!0},{children:(0,o.jsx)("pre",$({className:ne("pre-placeholder",[kn]),style:{marginLeft:pe()}},{children:de}),void 0)}),void 0)})),An=((0,r.forwardRef)((function(e,n){var t=e.showTabs,r=e.showLineNumbers,i=void 0!==r&&r,s=e.showInlineErrors,a=void 0!==s&&s,c=e.showRunButton,l=void 0===c||c,d=e.wrapContent,u=void 0!==d&&d,p=e.closableTabs,f=void 0!==p&&p,v=e.initMode,m=e.extensions,h=e.extensionsKeymap,g=e.readOnly,b=e.showReadOnly,x=e.additionalLanguages,y=e.className,w=j(e,["

1showTabs","showLineNumbers","showInlineErrors","showRunButton","wrapContent","closableTabs","initMode","extensions","extensionsKeymap","readOnly","showReadOnly","additionalLanguages","className"]),k=Be().sandpack,C=_e(),S=C.code,N=C.updateCode,O=C.readOnly,E=k.activeFile,A=k.status,M=k.editorState,L=null!==t&&void 0!==t?t:k.visibleFiles.length>1,I=ie();return(0,o.jsxs)(pn,$({className:I("editor",[y])},w,{children:[L&&(0,o.jsx)(an,{closableTabs:f},void 0),(0,o.jsxs)("div",$({className:I("code-editor",[Sn])},{children:[(0,o.jsx)(En,{ref:n,additionalLanguages:x,code:S,editorState:M,extensions:m,extensionsKeymap:h,filePath:E,initMode:v||k.initMode,onCodeUpdate:function(e){var n;return function(e,n){void 0===n&&(n=!0),N(e,n)}(e,null===(n=k.autoReload)||void 0===n||n)},readOnly:g||O,showInlineErrors:a,showLineNumbers:i,showReadOnly:b,wrapContent:u},E),!l||k.autoReload&&"idle"!==A?null:(0,o.jsx)(dn,{},void 0)]}),void 0)]}),void 0)})),r.forwardRef((function(e,n){var t=e.showTabs,r=e.showLineNumbers,i=e.decorators,s=e.code,a=e.initMode,c=e.wrapContent,l=e.additionalLanguages,d=j(e,["showTabs","showLineNumbers","decorators","code","initMode","wrapContent","additionalLanguages"]),u=Be().sandpack,p=_e().code,f=ie(),v=null!==t&&void 0!==t?t:u.visibleFiles.length>1;return(0,o.jsxs)(pn,$({className:f("editor-viewer")},d,{children:[v?(0,o.jsx)(an,{},void 0):null,(0,o.jsx)("div",$({className:f("code-editor",[Sn])},{children:(0,o.jsx)(En,{ref:n,additionalLanguages:l,code:null!==s&&void 0!==s?s:p,decorators:i,filePath:u.activeFile,initMode:a||u.initMode,showLineNumbers:r,showReadOnly:!1,wrapContent:c,readOnly:!0},void 0)}),void 0),"idle"===u.status?(0,o.jsx)(dn,{},void 0):null]}),void 0)}))),Mn=Q(((yn={border:"1px solid $colors$surface2",display:"flex",flexWrap:"wrap",alignItems:"stretch",borderRadius:"$border$radius",overflow:"hidden",position:"relative",backgroundColor:"$colors$surface2",gap:1})["> ."+un]={flexGrow:1,flexShrink:1,flexBasis:"0",height:"$layout$height",overflow:"hidden","@media print":{height:"auto",display:"block"},"@media screen and (max-width: 768px)":(wn={},wn["&:not(.sp-preview, .sp-editor, .sp-preset-column)"]={height:"calc($layout$height / 2)"},wn.minWidth="100%;",wn)},yn["> .sp-file-explorer"]={flex:.2,minWidth:200,"@media screen and (max-width: 768px)":{flex:1}},yn)),Ln=r.forwardRef((function(e,n){var t=e.children,r=e.className,i=j(e,["children","className"]),s=Be().sandpack,a=ie(),c=gn(s.lazyAnchorRef,n);return(0,o.jsx)("div",$({ref:c,className:a("layout",[Mn,r])},i,{children:t}),void 0)}));var In=function(e){var n=Be(),t=n.sandpack,o=n.listen,i=n.dispatch,s=r.useRef(null),a=r.useRef(Y());r.useEffect((function(){var n=s.current,o=a.current;return null!==n&&t.registerBundler(n,o,e),function(){return t.unregisterBundler(o)}}),[]);return{sandpack:t,getClient:function(){return t.clients[a.current]||null},clientId:a.current,iframe:s,listen:function(e){return o(e,a.current)},dispatch:function(e){return i(e,a.current)}}},Rn=function(e){var n=Be().dispatch;return{restart:function(){return n({type:"shell/restart"},e)},openPreview:function(){return n({type:"shell/openPreview"},e)}}},Dn=function(e){var n=r.useState(!1),t=n[0],o=n[1],i=r.useState(),s=i[0],a=i[1],c=r.useState(null),l=c[0],d=c[1],u=null===e||void 0===e?void 0:e.timeout,p=null===e||void 0===e?void 0:e.clientId,f=Be().listen;return r.useEffect((function(){var e,n=f((function(n){"start"===n.type&&n.firstLoad&&o(!1),u&&(e=setTimeout((function(){d(null)}),u)),"shell/progress"!==n.type||t||(s||"downloaded_module"!==n.data.state||a(n.data.totalPending),void 0!==s&&d(function(e,n){var t;switch(e.state){case"downloading_manifest":return"[1/3] Downloading manifest";case"downloaded_module":return"[2/3] Downloaded "+e.name+" ("+(n-e.totalPending)+"/"+n+")";case"starting_command":return"[3/3] Starting command";case"command_running":return'[3/3] Running "'+(null===(t=e.command)||void 0===t?void 0:t.trim())+'"'}}(n.data,s))),"done"===n.type&&!1===n.compilatonError&&(d(null),o(!0),clearTimeout(e))}),p);return function(){e&&clearTimeout(e),n()}}),[p,t,s,u]),l},Fn=function(e){var n=e.clientId,t=e.maxMessageCount,o=void 0===t?800:t;e.resetOnPreviewRestart;var i=r.useState([]),s=i[0],a=i[1],c=Be().listen;return r.useEffect((function(){return c((function(e){"start"===e.type?a([]):"stdout"===e.type&&e.payload.data&&Boolean(e.payload.data.trim())&&a((function(n){for(var t=S(S([],n,!0),[{data:e.payload.data,id:Y()}],!1);t.length>

1o;)t.shift();return t}))}),n)}),[o,n]),{logs:s,reset:function(){return a([])}}},Tn=function(e){var n=e.replace("[sandpack-client]: ","");if(/process.exit/.test(n)){var t=n.match(/process.exit\((\d+)\)/);return t?0===Number(t[1])?"Server is not running, would you like to start it again?":"Server has crashed with status code "+t[1]+", would you like to restart the server?":n}return n},Hn=function(e){var n=e.children,t=e.className,r=j(e,["children","className"]),i=function(){var e,n=Be().sandpack.error;return null!==(e=null===n||void 0===n?void 0:n.message)&&void 0!==e?e:null}(),s=Rn().restart,a=ie(),c=Be().sandpack,l=c.runSandpack,d=c.teamId,u=Be().dispatch;if(!i&&!n)return null;var p=null===i||void 0===i?void 0:i.startsWith("[sandpack-client]");return(null===i||void 0===i?void 0:i.includes("NPM_REGISTRY_UNAUTHENTICATED_REQUEST"))?(0,o.jsxs)("div",$({className:a("overlay",[a("error"),Qe,en,t])},e,{children:[(0,o.jsx)("p",$({className:a("error-message",[nn])},{children:(0,o.jsx)("strong",{children:"Unable to fetch required dependency."},void 0)}),void 0),(0,o.jsx)("div",$({className:a("error-message",[nn])},{children:(0,o.jsxs)("p",{children:["Authentication required. Please sign in to your account (make sure to allow pop-ups to this page) and try again. If the issue persists, contact"," ",(0,o.jsx)("a",$({href:"mailto:[email protected]?subject=Sandpack Timeout Error"},{children:"support"}),void 0)," ","for further assistance."]},void 0)}),void 0),(0,o.jsx)("div",{children:(0,o.jsxs)("button",$({className:a("button",[Ve,Ye,qe]),onClick:function(){d&&u({type:"sign-in",teamId:d})}},{children:[(0,o.jsx)(A,{},void 0),(0,o.jsx)("span",{children:"Sign in"},void 0)]}),void 0)},void 0)]}),void 0):p&&i?(0,o.jsx)("div",$({className:a("overlay",[a("error"),Qe,en,t])},r,{children:(0,o.jsxs)("div",$({className:a("error-message",[nn])},{children:[(0,o.jsx)("p",$({className:a("error-title",[Q({fontWeight:"bold"})])},{children:"Couldn't connect to server"}),void 0),(0,o.jsx)("p",{children:Tn(i)},void 0),(0,o.jsx)("div",{children:(0,o.jsxs)("button",$({className:a("button",[a("icon-standalone"),Ve,Ye,qe]),onClick:function(){s(),l()},title:"Restart script",type:"button"},{children:[(0,o.jsx)(L,{},void 0)," ",(0,o.jsx)("span",{children:"Restart"},void 0)]}),void 0)},void 0)]}),void 0)}),void 0):(0,o.jsxs)("div",$({className:a("overlay",[a("error"),Qe,Ke({solidBg:!0}),t]),translate:"no"},r,{children:[(0,o.jsx)("p",$({className:a("error-message",[nn])},{children:(0,o.jsx)("strong",{children:"Something went wrong"},void 0)}),void 0),(0,o.jsx)("p",$({className:a("error-message",[nn({errorCode:!0})])},{children:i||n}),void 0)]}),void 0)};function Pn(e,n,t,o){var i=n?null:function(e){var n={};switch(e.bg&&(n.backgroundColor="rgb("+e.bg+")"),e.fg&&(n.color="rgb("+e.fg+")"),e.decoration){case"bold":n.fontWeight="bold";break;case"dim":n.opacity="0.5";break;case"italic":n.fontStyle="italic";break;case"hidden":n.visibility="hidden";break;case"strikethrough":n.textDecoration="line-through";break;case"underline":n.textDecoration="underline";break;case"blink":n.textDecoration="blink"}return n}(t),s=n?function(e){var n="";return e.bg&&(n+=e.bg+"-bg "),e.fg&&(n+=e.fg+"-fg "),e.decoration&&(n+="ansi-"+e.decoration+" "),""===n?null:n=n.substring(0,n.length-1)}(t):null;if(!e)return r.createElement("span",{style:i,key:o,className:s},t.content);for(var a,c=[],l=/(\s|^)(https?:\/\/(?:www\.|(?!www))[^\s.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/g,d=0;null!==(a=l.exec(t.content));){var u=a[1],p=a[2],f=a.index+u.length;f>d&&c.push(t.content.substring(d,f));var v=p.startsWith("www.")?"http://"+p:p;c.push(r.createElement("a",{key:d,href:v,target:"_blank"},""+p)),d=l.lastIndex}return d<t.content.length&&c.push(t.content.substring(d)),r.createElement("span",{style:i,key:o,className:s},c)}function Bn(e){var n,t,o=e.className,i=e.useClasses,s=e.children,a=e.linkify;return r.createElement("code",{className:o},(n=null!==s&&void 0!==s?s:"",t=null!==i&&void 0!==i&&i,void 0===t&&(t=!1),n=(0,y.escapeCarriageReturn)(function(e){var n=e;do{n=(e=n).replace(/[^\n]\x08/gm,"")}while(n.length<e.length);return e}(n)),x.ansiToJson(n,{json:!0,remove_empty:!0,use_classes:t})).map(Pn.bind(null,null!==a&&void 0!==a&&a,null!==i&&void 0!==i&&i)))}var Jn,zn,Un,Zn,Wn=function(e){var n=e.data,t=ie();return(0,o.jsx)(o.Fragment,{children:n.map((function(e){var n=e.data,r=e.id;return(0,o.jsx)("div",$({className:t("console-item",[_n])},{children:(0,o.jsx)(Bn,{children:n},void 0)}),r)}))},void 0)},_n=Q({width:"100%",padding:"$space$3 $space$2",fontSize:".85em",position:"relative",whiteSpace:"pre","&:not(:first-child):after":{content:"",position:"absolute",top:0,left:0,right:0,height:1,background:"$colors$surface3"}}),Yn="https://codesandbox.io/api/v1/sandboxes/define",Vn=function(e,n){var t,o=Object.keys(e).reduce((function(n,t){var o,r=t.replace("/",""),i={content:e[t].code,isBinary:!1};return $($({},n),((o={})[r]=i,o))}),{});return t=$({files:o},n?{template:n}:null),w.compressToBase64(JSON.stringify(t)).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")},qn=function(e){var n,t,i,s=e.children,a=j(e,["children"]),c=Be().sandpack,l=r.useRef(null),d=r.useState(),u=d[0],p=d[1];return r.useEffect((function(){var e=setTimeout((function(){var e=Vn(c.files,c.environment),n=new URLSearchParams({parameters:e,query:new URLSearchParams({file:c.activeFile,utm_medium:"sandpack"}).toString()});p(n)}),600);return function(){clearTimeout(e)}}),[c.activeFile,c.environment,c.files]),(null!==(i=null===(t=null===(n=null===u||void 0===u?void 0:u.get)||void 0===n?void 0:n.call(u,"parameters"))||void 0===t?void 0:t.length)&&void 0!==i?i:0)>1500?(0,o.jsxs)("button",$({onClick:function(){var e;return null===(e=l.current)||void 0===e?void 0:e.submit()},title:"Open in CodeSandbox",type:"button"},a,{children:[(0,o.jsxs)("form",$({ref:l,action:Yn,method:"POST",style:{visibility:"hidden"},target:"_blank"},{children:[(0,o.jsx)("input",{name:"environment",type:"hidden",value:"node"===c.environment?"server"

1:c.environment},void 0),Array.from(u,(function(e){var n=e[0],t=e[1];return(0,o.jsx)("input",{name:n,type:"hidden",value:t},n)}))]}),void 0),s]}),void 0):(0,o.jsx)("a",$({href:Yn+"?"+(null===u||void 0===u?void 0:u.toString())+"&environment="+("node"===c.environment?"server":c.environment),rel:"noreferrer noopener",target:"_blank",title:"Open in CodeSandbox"},a,{children:s}),void 0)},Gn=function(){var e=ie();return(0,o.jsxs)(qn,$({className:e("button",[e("icon-standalone"),Ve,Ye,qe])},{children:[(0,o.jsx)(H,{},void 0),(0,o.jsx)("span",{children:"Open Sandbox"},void 0)]}),void 0)},Xn=Q({transform:"translate(-4px, 9px) scale(0.13, 0.13)","*":{position:"absolute",width:"96px",height:"96px"}}),Qn=Q(((Jn={position:"absolute",right:"$space$2",bottom:"$space$2",zIndex:"$top",width:"32px",height:"32px",borderRadius:"$border$radius"})["."+Xn]={display:"flex"},Jn[".sp-button."+Ve]={display:"none"},Jn["&:hover .sp-button."+Ve]={display:"flex"},Jn["&:hover .sp-button."+Ve+" > span"]={display:"none"},Jn["&:hover ."+Xn]={display:"none"},Jn)),Kn=K({"0%":{transform:"rotateX(-25.5deg) rotateY(45deg)"},"100%":{transform:"rotateX(-25.5deg) rotateY(405deg)"}}),et=Q({animation:Kn+" 1s linear infinite",animationFillMode:"forwards",transformStyle:"preserve-3d",transform:"rotateX(-25.5deg) rotateY(45deg)","*":{border:"10px solid $colors$clickable",borderRadius:"8px",background:"$colors$surface1"},".top":{transform:"rotateX(90deg) translateZ(44px)",transformOrigin:"50% 50%"},".bottom":{transform:"rotateX(-90deg) translateZ(44px)",transformOrigin:"50% 50%"},".front":{transform:"rotateY(0deg) translateZ(44px)",transformOrigin:"50% 50%"},".back":{transform:"rotateY(-180deg) translateZ(44px)",transformOrigin:"50% 50%"},".left":{transform:"rotateY(-90deg) translateZ(44px)",transformOrigin:"50% 50%"},".right":{transform:"rotateY(90deg) translateZ(44px)",transformOrigin:"50% 50%"}}),nt=function(e){var n=e.className,t=e.showOpenInCodeSandbox,r=j(e,["className","showOpenInCodeSandbox"]),i=ie();return(0,o.jsxs)("div",$({className:i("cube-wrapper",[Qn,n]),title:"Open in CodeSandbox"},r,{children:[t&&(0,o.jsx)(Gn,{},void 0),(0,o.jsx)("div",$({className:i("cube",[Xn])},{children:(0,o.jsxs)("div",$({className:i("sides",[et])},{children:[(0,o.jsx)("div",{className:"top"},void 0),(0,o.jsx)("div",{className:"right"},void 0),(0,o.jsx)("div",{className:"bottom"},void 0),(0,o.jsx)("div",{className:"left"},void 0),(0,o.jsx)("div",{className:"front"},void 0),(0,o.jsx)("div",{className:"back"},void 0)]}),void 0)}),void 0)]}),void 0)},tt=Q({backgroundColor:"$colors$surface1"}),ot=function(e){var n=e.clientId,t=e.loading,i=e.className,s=e.style,a=e.showOpenInCodeSandbox,c=j(e,["clientId","loading","className","style","showOpenInCodeSandbox"]),l=ie(),d=Be().sandpack,u=d.runSandpack,p=d.environment,f=r.useState(!1),v=f[0],m=f[1],h=function(e,n){var t=Be(),o=t.sandpack,i=t.listen,s=r.useState("LOADING"),a=s[0],c=s[1];return r.useEffect((function(){var n=i((function(e){"start"===e.type&&!0===e.firstLoad&&c("LOADING"),"done"===e.type&&c((function(e){return"LOADING"===e?"PRE_FADING":"HIDDEN"}))}),e);return function(){n()}}),[e,"idle"===o.status]),r.useEffect((function(){var e;return"PRE_FADING"!==a||n?"FADING"===a&&(e=setTimeout((function(){return c("HIDDEN")}),200)):c("FADING"),function(){clearTimeout(e)}}),[a,n]),"timeout"===o.status?"TIMEOUT":"running"!==o.status?"HIDDEN":a}(n,t),g=Dn({clientId:n}),b=Fn({clientId:n}).logs;if(r.useEffect((function(){var e;return(null===g||void 0===g?void 0:g.includes("Running"))&&(e=setTimeout((function(){m(!0)}),3e3)),function(){e&&clearTimeout(e)}}),[g]),"HIDDEN"===h)return null;if("TIMEOUT"===h)return(0,o.jsx)("div",$({className:l("overlay",[l("error"),Qe,Ke,en,i])},c,{children:(0,o.jsxs)("div",$({className:l("error-message",[nn])},{children:[(0,o.jsx)("p",$({className:l("error-title",[Q({fontWeight:"bold"})])},{children:"Couldn't connect to server"}),void 0),(0,o.jsx)("div",$({className:l("error-message",[nn])},{children:(0,o.jsxs)("p",{children:["This means sandpack cannot connect to the runtime or your network is having some issues. Please check the network tab in your browser and try again. If the problem persists, report it via"," ",(0,o.jsx)("a",$({href:"mailto:[email protected]?subject=Sandpack Timeout Error"},{children:"email"}),void 0)," ","or submit an issue on"," ",(0,o.jsx)("a",$({href:"https://github.com/codesandbox/sandpack/issues",rel:"noreferrer noopener",target:"_blank"},{children:"GitHub."}),void 0)]},void 0)}),void 0),(0,o.jsxs)("p",$({className:l("error-message",[nn({errorCode:!0})])},{children:["ENV: ",p,(0,o.jsx)("br",{},void 0),"ERROR: TIME_OUT"]}),void 0),(0,o.jsx)("div",{children:(0,o.jsxs)("button",$({className:l("button",[l("icon-standalone"),Ve,Ye,qe]),onClick:u,title:"Restart script",type:"button"},{children:[(0,o.jsx)(L,{},void 0)," ",(0,o.jsx)("span",{children:"Try again"},void 0)]}),void 0)},void 0)]}),void 0)}),void 0);var x="LOADING"===h||"PRE_FADING"===h;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",$({className:l("overlay",[l("loading"),Qe,tt,i]),style:$($({},s),{opacity:x?1:0,transition:"opacity 200ms ease-out"})},c,{children:[v&&(0,o.jsx)("div",$({className:rt.toString()},{children:(0,o.jsx)(Wn,{data:b},void 0)}),void 0),(0,o.jsx)(nt,{showOpenInCodeSandbox:a},void 0)]}),void 0),g&&(0,o.jsx)("div",$({className:it.toString()},{children:(0,o.jsx)("p",{children:g},void 0)}),void 0)]},void 0)},rt=Q({position:"absolute",left:0,right:0,bottom:"$space$8",overflow:"auto",opacity:.5,overflowX:"hidden"}),it=Q({position:"absolute",left:"$space$5",bottom:"$space$4",zIndex:"$top",color:"$colors$clickable",animation:Xe+" 150ms ease",fontFamily:"$font$mono",fontSize:".8em",width:"75%",p:{whiteSpace:"nowrap",margin:0,textOverflow:"ellipsis",overflow:"hidden"}}),st=function(e){var n=e.clientId,t=Dn({timeout:3e3,clientId:n}

1);return t?(0,o.jsx)("div",$({className:at.toString()},{children:(0,o.jsx)("p",{children:t},void 0)}),void 0):null},at=Q({position:"absolute",left:"$space$5",bottom:"$space$4",zIndex:"$top",color:"$colors$clickable",animation:Xe+" 150ms ease",fontFamily:"$font$mono",fontSize:".8em",width:"75%",p:{whiteSpace:"nowrap",margin:0,textOverflow:"ellipsis",overflow:"hidden"}}),ct=(Q({borderRadius:"0",width:"100%",padding:0,marginBottom:"$space$2",span:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},svg:{marginRight:"$space$1"}}),Q({padding:"$space$3",overflow:"auto",height:"100%"}),Q({display:"flex",alignItems:"center",height:"$layout$headerHeight",borderBottom:"1px solid $colors$surface2",padding:"$space$3 $space$2",background:"$colors$surface1"})),lt=Q({backgroundColor:"$colors$surface2",color:"$colors$clickable",padding:"$space$1 $space$3",borderRadius:"99999px",border:"1px solid $colors$surface2",height:"24px",lineHeight:"24px",fontSize:"inherit",outline:"none",flex:1,marginLeft:"$space$4",width:"0",transition:"background $transitions$default","&:hover":{backgroundColor:"$colors$surface3"},"&:focus":{backgroundColor:"$surface1",border:"1px solid $colors$accent",color:"$colors$base"}}),dt=function(e){var n,t=e.clientId,i=e.onURLChange,s=e.className,a=e.startRoute,c=j(e,["clientId","onURLChange","className","startRoute"]),l=r.useState(""),d=l[0],u=l[1],p=Be(),f=p.sandpack,v=p.dispatch,m=p.listen,h=r.useState(null!==(n=null!==a&&void 0!==a?a:f.startRoute)&&void 0!==n?n:"/"),g=h[0],b=h[1],x=r.useState(!1),y=x[0],w=x[1],k=r.useState(!1),C=k[0],S=k[1],N=ie();r.useEffect((function(){var e=m((function(e){if("urlchange"===e.type){var n=e.url,t=e.back,o=e.forward,r=function(e){var n=e.match(/(https?:\/\/.*?)\//);return n&&n[1]?[n[1],e.replace(n[1],"")]:[e,"/"]}(n),i=r[0],s=r[1];u(i),b(s),w(t),S(o)}}),t);return function(){return e()}}),[]);var O=N("button",[N("icon"),Ve,Ge,Q({minWidth:"$space$6",justifyContent:"center"})]);return(0,o.jsxs)("div",$({className:N("navigator",[ct,s])},c,{children:[(0,o.jsx)("button",$({"aria-label":"Go back one page",className:O,disabled:!y,onClick:function(){v({type:"urlback"})},type:"button"},{children:(0,o.jsx)(R,{},void 0)}),void 0),(0,o.jsx)("button",$({"aria-label":"Go forward one page",className:O,disabled:!C,onClick:function(){v({type:"urlforward"})},type:"button"},{children:(0,o.jsx)(D,{},void 0)}),void 0),(0,o.jsx)("button",$({"aria-label":"Refresh page",className:O,onClick:function(){v({type:"refresh"})},type:"button"},{children:(0,o.jsx)(F,{},void 0)}),void 0),(0,o.jsx)("input",{"aria-label":"Current Sandpack URL",className:N("input",[lt]),name:"Current Sandpack URL",onChange:function(e){var n=e.target.value.startsWith("/")?e.target.value:"/"+e.target.value;b(n)},onKeyDown:function(e){"Enter"===e.code&&(e.preventDefault(),e.stopPropagation(),"function"===typeof i&&i(d+e.currentTarget.value))},type:"text",value:g},void 0)]}),void 0)},ut=Q(((zn={flex:1,display:"flex",flexDirection:"column",background:"white",overflow:"auto",position:"relative"})[".sp-bridge-frame"]={border:0,position:"absolute",left:"$space$2",bottom:"$space$2",zIndex:"$top",height:12,width:"30%",mixBlendMode:"multiply",pointerEvents:"none"},zn)),pt=Q({border:"0",outline:"0",width:"100%",height:"100%",minHeight:"160px",maxHeight:"2000px",flex:1}),ft=Q({display:"flex",position:"absolute",bottom:"$space$2",right:"$space$2",zIndex:"$overlay",gap:"$space$2"}),vt=(r.forwardRef((function(e,n){var t=e.showNavigator,i=void 0!==t&&t,s=e.showRefreshButton,a=void 0===s||s,c=e.showOpenInCodeSandbox,l=void 0===c||c,d=e.showSandpackErrorOverlay,u=void 0===d||d;e.showOpenNewtab;var p=e.showRestartButton,f=void 0===p||p,v=e.actionsChildren,m=void 0===v?(0,o.jsx)(o.Fragment,{},void 0):v,h=e.children,g=e.className,b=e.startRoute,x=void 0===b?"/":b,y=j(e,["showNavigator","showRefreshButton","showOpenInCodeSandbox","showSandpackErrorOverlay","showOpenNewtab","showRestartButton","actionsChildren","children","className","startRoute"]),w=In({startRoute:x}),k=w.sandpack,C=w.listen,S=w.iframe,N=w.getClient,O=w.clientId,E=w.dispatch,A=r.useState(null),I=A[0],R=A[1],D=k.status,T=function(e){var n=Be().dispatch;return{refresh:function(){return n({type:"refresh"},e)},back:function(){return n({type:"urlback"},e)},forward:function(){return n({type:"urlforward"},e)}}}(O).refresh,H=Rn(O).restart,P=ie();r.useEffect((function(){return C((function(e){"resize"===e.type&&R(e.height)}))}),[]),r.useImperativeHandle(n,(function(){return{clientId:O,getClient:N}}),[N,O]);return(0,o.jsxs)(pn,$({className:P("preview",[g])},y,{children:[i&&(0,o.jsx)(dt,{clientId:O,onURLChange:function(e){

1S.current&&(S.current.src=e)},startRoute:x},void 0),(0,o.jsxs)("div",$({className:P("preview-container",[ut])},{children:[(0,o.jsx)("iframe",{ref:S,className:P("preview-iframe",[pt]),style:{height:I||void 0},title:"Sandpack Preview"},void 0),(0,o.jsxs)("div",$({className:P("preview-actions",[ft])},{children:[m,f&&"node"===k.environment&&(0,o.jsx)(cn,$({onClick:H},{children:(0,o.jsx)(L,{},void 0)}),void 0),!i&&a&&"running"===D&&(0,o.jsx)(cn,$({onClick:T},{children:(0,o.jsx)(F,{},void 0)}),void 0),k.teamId&&(0,o.jsx)("button",$({className:P("button",[P("icon-standalone"),Ve,Ye,qe]),onClick:function(){return E({type:"sign-out"})},title:"Sign out",type:"button"},{children:(0,o.jsx)(M,{},void 0)}),void 0),l&&(0,o.jsx)(Gn,{},void 0)]}),void 0),(0,o.jsx)(ot,{clientId:O,showOpenInCodeSandbox:l},void 0),u&&(0,o.jsx)(Hn,{},void 0),h]}),void 0)]}),void 0)})),Q(((Un={display:"flex",flexDirection:"column",width:"100%",position:"relative",overflow:"auto",minHeight:"160px",flex:1})[".sp-stack"]={height:"100%"},Un)),Q({justifyContent:"space-between",borderBottom:"1px solid $colors$surface2",padding:"0 $space$2",fontFamily:"$font$mono",height:"$layout$headerHeight",minHeight:"$layout$headerHeight",overflowX:"auto",whiteSpace:"nowrap"}),Q({display:"flex",flexDirection:"row",alignItems:"center",gap:"$space$2"}),Q({variants:{status:{pass:{color:"var(--test-pass)"},fail:{color:"var(--test-fail)"},skip:{color:"var(--test-skip)"},title:{color:"var(--test-title)"}}}})),mt=(vt({status:"pass"}),vt({status:"fail"}),vt({status:"skip"}),vt({status:"title"}),Q({variants:{status:{pass:{background:"var(--test-pass)",color:"$colors$surface1"},fail:{background:"var(--test-fail)",color:"$colors$surface1"},run:{background:"var(--test-run)",color:"$colors$surface1"}}}})),ht=(mt({status:"run"}),mt({status:"pass"}),mt({status:"fail"}),Q({marginLeft:"$space$4"}),Q({marginBottom:"$space$2",color:"$colors$clickable"}),Q({marginBottom:"$space$2",color:"$colors$hover"}),Q({marginLeft:"$space$2"}),Q({marginRight:"$space$2"}),Q({color:"$colors$hover",marginBottom:"$space$2"}),Q({marginLeft:"$space$4"}),Q({color:"$colors$hover",fontSize:"$font$size",padding:"$space$2",whiteSpace:"pre-wrap"}),Q({display:"flex",flexDirection:"row",alignItems:"center",marginBottom:"$space$2"}),Q({marginBottom:"$space$2"}),Q({fontWeight:"bold"}),Q({borderRadius:"calc($border$radius / 2)"}),Q({padding:"$space$1 $space$2",fontFamily:"$font$mono",textTransform:"uppercase",marginRight:"$space$2"}),Q({fontFamily:"$font$mono",cursor:"pointer",display:"inline-block"}),Q({color:"$colors$clickable",textDecorationStyle:"dotted",textDecorationLine:"underline"}),Q({color:"$colors$hover",fontWeight:"bold",textDecorationStyle:"dotted",textDecorationLine:"underline"}),Q({marginBottom:"$space$2"}),Q({fontWeight:"bold",color:"$colors$hover",whiteSpace:"pre-wrap"}),Q({fontWeight:"bold",color:"$colors$clickable"}),Q({display:"flex",position:"absolute",bottom:"$space$2",right:"$space$2",zIndex:"$overlay","> *":{marginLeft:"$space$2"}}),Q({padding:"$space$4",height:"100%",overflow:"auto",display:"flex",flexDirection:"column",position:"relative",fontFamily:"$font$mono"}),Q({fontWeight:"bold",color:"$colors$base"}),["SyntaxError: ","Error in sandbox:"]),gt={id:"random",method:"clear",data:["Console was cleared"]},bt=(0,eval)("this"),xt="function"===typeof ArrayBuffer,yt="function"===typeof Map,wt="function"===typeof Set;!function(e){e[e.infinity=0]="infinity",e[e.minusInfinity=1]="minusInfinity",e[e.minusZero=2]="minusZero"}(Zn||(Zn={}));var $t,jt={Arithmetic:function(e){return e===Zn.infinity?1/0:e===Zn.minusInfinity?-1/0:e===Zn.minusZero?-0:e},HTMLElement:function(e){var n=document.implementation.createHTMLDocument("sandbox");try{var t=n.createElement(e.tagName);t.innerHTML=e.innerHTML;for(var o=0,r=Object.keys(e.attributes);o<r.length;o++){var i=r[o];try{t.setAttribute(i,e.attributes[i])}catch(wn){}}return t}catch(s){return e}},Function:function(e){var n=function(){};return Object.defineProperty(n,"toString",{value:function(){return"function "+e.name+"() {"+e.body+"}"}}),n},"[[NaN]]":function(){return NaN},"[[undefined]]":function(){},"[[Date]]":function(e){var n=new Date;return n.setTime(e),n},"[[RegExp]]":function(e){return new RegExp(e.src,e.flags)},"[[Error]]":function(e){var n=new(bt[e.name]||Error)(e.message);return n.stack=e.stack,n},"[[ArrayBuffer]]":function(e){if(xt){var n=new ArrayBuffer(e.length);return new Int8Array(n).set(e),n}return e},"[[TypedArray]]":function(e){return"function"===typeof bt[e.ctorName]?new bt[e.ctorName](e.arr):e.arr},"[[Map]]":function(e){if(yt){for(var n=new Map,t=0;t<e.length;t+=2)n.set(e[t],e[t+1]);return n}for(var o=[],r=0;r<e.length;r+=2)o.push([e[t],e[t+1]]);return o},"[[Set]]":function(e){if(wt){for(var n=new Set,t=0;t<e.length;t++)n.add(e[t]);return n}return e}},kt=function(e){var n;if("string"===typeof e||"number"===typeof e||null===e)return e;if(Array.isArray(e))return e.map(kt);if("object"==typeof e&&"@t"in e){var t=e["@t"];return(0,jt[t])(e.data)}if("object"==typeof e&&"#@t"in e){t=e["#@t"];return(0,jt[t])(e.data)}if("object"==typeof e&&"NodeList"===(null===(n=e.constructor)||void 0===n?void 0:n.name)){var o={};return Object.entries(e).forEach((function(e){var n=e[0],t=e[1];o[n]=kt(t)})),o}return e},Ct=function(e,n,t){var o,r;void 0===t&&(t=0);try{var i=kt(e);if(Array.isArray(i))return function(e,n,t){return"["+e.reduce((function(e,o,r){return e+(r?", ":"")+Ct(o,n,t)}),"")+"]"}(i,n,t+1);switch("undefined"===typeof i?"undefined":(r=i)&&"undefined"!==typeof Symbol&&r.constructor===Symbol?"symbol":typeof r){case"string":return('"'+i+'"').slice(0,1e4);case"number":case"function":case"symbol":return i.toString();case"boolean":return String(i);case"undefined":return"undefined";default:if(i instanceof RegExp||i instanceof Error||i instanceof Date)return i.toString();if(null===i)return String(null);if(i instanceof HTMLElement)return i.outerHTML.slice(0,1e4);if(0===Object.entries(i).length)return"{}";if("@r"in i){if(t>2)return"Unable to print information";var s=n[i["@r"]];return Ct(s,n,t+1)}if("NodeList"===(null===(o=i.constructor)||void 0===o?void 0:o.name)){var a=i.length,c=new Array(a).fill(null).map((function(e,t){return Ct(i[t],n)}));return"NodeList("+i.length+")["+c+"]"}return function(e,n,t){var o="Object"!==e.constructor.name?e.constructor.name+" ":"";if(t>2)return o;var r=Object.entries(e),i=Object.entries(e).reduce((function(e,o,i){var s=o[0],a=o[1],c=0===i?"":", ",l=r.length>10?"\n  ":"",d=Ct(a,n,t);return 400===i?e+l+"...":i>400?e:e+""+c+l+s+": "+d}),"");return o+"{ "+i+(r.length>10?"\n":" ")+"}"}(i,n,t+1)}}catch(wn){return"Unable to print information"}},St=function(e){switch(e){case"warn":return"warning";case"clear":return"clear";case"error":return"error";default:return"info"}},Nt=function(e){var n=e.data,t=ie();return(0,o.jsx)(o.Fragment,{children:n.map((function(e,n,i){var s=e.data,a=e.id,c=e.method;return s&&Array.isArray(s)?(0,o.jsx)(r.Fragment,{children:s.map((function(e,r){var s=i.slice(n,i.length);return(0,o.jsx)("div",$({className:t("console-item",[Ot({variant:St(c)})])},{children:(0,o.jsx)(En,{code:"clear"===c?e:Ct(e,s),fileType:"js",initMode:"user-visible",showReadOnly:!1,readOnly:!0,wrapContent:!0},void 0)}),a+"-"+r)}))},a):null}))},void 0)},Ot=Q((($t={width:"100%",padding:"$space$3 $space$2",fontSize:".8em",position:"relative","&:not(:first-child):after":{content:"",position:"absolute",top:0,left:0,right:0,height:1,background:"$colors$surface3"},".sp-cm":{padding:0},".cm-editor":{background:"none"},".cm-content":{padding:0}})[".sp-pre-placeholder"]={margin:"0 !important",fontSize:"1em"},$t.variants={variant:{error:{color:"$colors$error",background:"$colors$errorSurface","&:not(:first-child):after":{background:"$colors$error",opacity:.07}},warning:{color:"$colors$warning",background:"$colors$warningSurface","&:not(:first-child):after":{background:"$colors$warning",opacity:.07}},clear:{fontStyle:"italic"},info:{}}},$t)),Et=Q({justifyContent:"space-between",borderBottom:"1px solid $colors$surface2",padding:"0 $space$2",fontFamily:"$font$mono",height:"$layout$headerHeight",minHeight:"$layout$headerHeight",overflowX:"auto",whiteSpace:"nowrap"}),At=Q({display:"flex",flexDirection:"row",alignItems:"center",gap:"$space$2"}),Mt=function(e){var n=e.currentTab,t=e.setCurrentTab,r=e.node,i=ie(),s=i("console-header-button",[Ve,qe,Q({padding:"$space$1 $space$3"})]);return(0,o.jsxs)("div",$({className:i("console-header",[Et,At])},{children:[(0,o.jsxs)("p",$({className:i("console-header-title",[Q({lineHeight:1,margin:0,color:"$colors$base",fontSize:"$font$size",display:"flex",alignItems:"center",gap:"$space$2"})])},{children:[(0,o.jsx)(B,{},void 0),(0,o.jsx)("span",{children:"Terminal"},void 0)]}),void 0),r&&(0,o.jsxs)("div",$({className:i("console-header-actions",[At])},{children:[(0,o.jsx)("button",$({className:s,"data-active":"server"===n,onClick:function(){return t("server")},type:"button"},{children:"Server"}),void 0),(0,o.jsx)("button",$({className:s,"data-active":"client"===n,onClick:function(){return t("client")},type:"button"},{children:"Client"}),void 0)]}),void 0)]}),void 0)};r.forwardRef((function(e,n){var t,i=e.showHeader,s=void 0===i||i,a=e.showSyntaxError,c=void 0!==a&&a,l=e.maxMessageCount,d=e.onLogsChange,u=e.className;e.showSetupProgress;var p=e.resetOnPreviewRestart,f=void 0!==p&&p,v=e.actionsChildren,m=void 0===v?(0,o.jsx)(o.Fragment,{},void 0):v,h=e.standalone,g=void 0!==h&&h,b=j(e,["showHeader","showSyntaxError","maxMessageCount","onLogsChange","className","showSetupProgress","resetOnPreviewRestart","actionsChildren","standalone"]),x=Be().sandpack.environment,y=In(),w=y.iframe,k=y.clientId,C=Rn().restart,N=r.useState("node"===x?"server"

1:"client"),O=N[0],E=N[1],A=g?k:void 0,M=function(e){var n=e.clientId,t=e.maxMessageCount,o=void 0===t?800:t,i=e.showSyntaxError,s=void 0!==i&&i,a=e.resetOnPreviewRestart,c=void 0!==a&&a,l=r.useState([]),d=l[0],u=l[1],p=Be().listen;return r.useEffect((function(){var e=p((function(e){if(c&&"start"===e.type)u([]);else if("console"===e.type&&e.codesandbox){var n=Array.isArray(e.log)?e.log:[e.log];if(n.find((function(e){return"clear"===e.method})))return u([gt]);var t=s?n:n.filter((function(e){var n,t,o;return(null!==(o=null===(t=null===(n=null===e||void 0===e?void 0:e.data)||void 0===n?void 0:n.filter)||void 0===t?void 0:t.call(n,(function(e){return"string"!==typeof e||0===ht.filter((function(n){return e.startsWith(n)})).length})))&&void 0!==o?o:[]).length>0}));if(!t)return;u((function(e){for(var n=S(S([],e,!0),t,!0).filter((function(e,n,t){return n===t.findIndex((function(n){return n.id===e.id}))}));n.length>o;)n.shift();return n}))}}),n);return e}),[s,o,n,c]),{logs:d,reset:function(){return u([])}}}({maxMessageCount:l,showSyntaxError:c,resetOnPreviewRestart:f,clientId:A}),I=M.logs,R=M.reset,D=Fn({maxMessageCount:l,resetOnPreviewRestart:f,clientId:A}),F=D.logs,H=D.reset,P=r.useRef(null);r.useEffect((function(){null===d||void 0===d||d(I),P.current&&(P.current.scrollTop=P.current.scrollHeight)}),[d,I,F,O]);var B="server"===O,J="node"===x;r.useImperativeHandle(n,(function(){return{reset:function(){R(),H()}}}));var z=ie();return(0,o.jsxs)(pn,$({className:z("console",[Q((t={height:"100%",background:"$surface1",iframe:{display:"none"}},t[".sp-bridge-frame"]={display:"block",border:0,position:"absolute",left:"$space$2",bottom:"$space$2",zIndex:"$top",height:12,width:"30%",mixBlendMode:"multiply",pointerEvents:"none"},t)),u])},b,{children:[s&&J&&(0,o.jsx)(Mt,{currentTab:O,node:J,setCurrentTab:E},void 0),(0,o.jsx)("div",$({ref:P,className:z("console-list",[Q({overflow:"auto",scrollBehavior:"smooth"})])},{children:B?(0,o.jsx)(Wn,{data:F},void 0):(0,o.jsx)(Nt,{data:I},void 0)}),void 0),(0,o.jsxs)("div",$({className:z("console-actions",[Q({position:"absolute",bottom:"$space$2",right:"$space$2",display:"flex",gap:"$space$2"})])},{children:[m,B&&(0,o.jsx)(cn,$({onClick:function(){C(),R(),H()}},{children:(0,o.jsx)(L,{},void 0)}),void 0),(0,o.jsx)(cn,$({onClick:function(){"client"===O?R():H()}},{children:(0,o.jsx)(T,{},void 0)}),void 0)]}),void 0),g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(st,{clientId:A},void 0),(0,o.jsx)("iframe",{ref:w},void 0)]},void 0)]}),void 0)})),Q({position:"absolute",zIndex:"$top",variants:{direction:{vertical:{right:0,left:0,height:10,cursor:"ns-resize"},horizontal:{top:0,bottom:0,width:10,cursor:"ew-resize"}}},"@media screen and (max-width: 768px)":{display:"none"}}),Q({position:"relative",strong:{background:"$colors$clickable",color:"$colors$surface1",minWidth:12,height:12,padding:"0 2px",borderRadius:12,fontSize:8,lineHeight:"12px",position:"absolute",top:0,right:0,fontWeight:"normal"}}),Q({width:"100%",overflow:"hidden"}),Q({flexDirection:"row-reverse","@media screen and (max-width: 768px)":{flexFlow:"wrap-reverse !important",flexDirection:"initial"}})}}]);
2//# sourceMappingURL=9f4e7b93-081638fdd6d8594a.js.map