e58a7f8f-519f781e9edb1d1e.js

js deep-ml.com collected 2026-10-03 20:16:29 UTC 127,866 bytes, 1 lines download raw bytes

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53344],{3859:function(e,t,n){n.d(t,{Gj:function(){return ny},oT:function(){return e9},sp:function(){return tP},xR:function(){return rO}});var r,o,i,s,a,c,l,d,u,p,f,m,v,h,g,b,x,y=n(57437),w=n(2265),j=n(1470),$=n(75329),C=n(77437),k=n(3738),S=n(90890),N=n(1266),O=n(6494),E=n(62997),M=n(90277),A=n(85911),L=n(69413),F=n(45095),R=n(85755),I=n(93252),T=n(18769),D=n(90955),H=n(52667),B=n(23891),P=function(){return(P=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function z(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)0>t.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n}function J(e,t,n,r){return new(n||(n=Promise))(function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):((t=e.value)instanceof n?t:new n(function(e){e(t)})).then(s,a)}c((r=r.apply(e,t||[])).next())})}function U(e,t){var n,r,o,i,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[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(n)throw TypeError("Generator is already executing.");for(;s;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return s.label++,{value:i[1],done:!1};case 5:s.label++,r=i[1],i=[0];continue;case 7:i=s.ops.pop(),s.trys.pop();continue;default:if(!(o=(o=s.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){s=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){s.label=i[1];break}if(6===i[0]&&s.label<o[1]){s.label=o[1],o=i;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(i);break}o[2]&&s.ops.pop(),s.trys.pop();continue}i=t.call(e,s)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,a])}}}function _(e,t,n){if(n||2==arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}var W=function(e){return(0,y.jsx)("svg",P({fill:"currentColor",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg"},e))},Z=function(){return(0,y.jsxs)(W,{viewBox:"0 0 48 48",children:[(0,y.jsx)("title",{children:"Sign in"}),(0,y.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"})]})},V=function(){return(0,y.jsxs)(W,{viewBox:"0 0 48 48",children:[(0,y.jsx)("title",{children:"Sign out"}),(0,y.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"})]})},q=function(){return(0,y.jsxs)(W,{fill:"none",stroke:"currentColor",children:[(0,y.jsx)("title",{children:"Restart script"}),(0,y.jsx)("path",{d:"M8 2C4.68629 2 2 4.68629 2 8C2 10.0946 3.07333 11.9385 4.7 13.0118",strokeLinecap:"round"}),(0,y.jsx)("path",{d:"M14.0005 7.9998C14.0005 5.82095 12.8391 3.91335 11.1016 2.8623",strokeLinecap:"round"}),(0,y.jsx)("path",{d:"M14.0003 2.3335H11.167C10.8908 2.3335 10.667 2.55735 10.667 2.8335V5.66683",strokeLinecap:"round"}),(0,y.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"}),(0,y.jsx)("path",{d:"M10 10L12 12L10 14",strokeLinecap:"round",strokeLinejoin:"round"}),(0,y.jsx)("path",{d:"M14.667 14L12.667 14",strokeLinecap:"round",strokeLinejoin:"round"})]})},Y=function(){return(0,y.jsxs)(W,{children:[(0,y.jsx)("title",{children:"Run sandbox"}),(0,y.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"})]})},G=function(){return(0,y.jsxs)(W,{children:[(0,y.jsx)("title",{children:"Click to go back"}),(0,y.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"})]})},X=function(){return(0,y.jsxs)(W,{children:[(0,y.jsx)("title",{children:"Click to go forward"}),(0,y.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"})]})},K=function(){return(0,y.jsxs)(W,{children:[(0,y.jsx)("title",{children:"Refresh preview"}),(0,y.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"})]})},Q=function(){return(0,y.jsxs)(W,{fill:"none",stroke:"currentColor",children:[(0,y.jsx)("title",{children:"Clean"}),(0,y.jsx)("circle",{cx:"7.99998",cy:"8.00004",r:"4.66667",strokeLinecap:"round"}),(0,y.jsx)("path",{d:"M4.66669 4.66663L11.3334 11.3333"})]})},ee=function(){return(0,y.jsxs)(W,{fill:"none",stroke:"currentColor",children:[(0,y.jsx)("title",{children:"Open on CodeSandbox"}),(0,y.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"}),(0,y.jsx)("path",{d:"M10 3.33337H12.5667C12.6219 3.33337 12.6667 3.37815 12.6667 3.43337V6.00004",strokeLinecap:"round"}),(0,y.jsx)("path",{d:"M7.33331 8.66668L12.5333 3.46667",strokeLinecap:"round"})]})},et=function(){return jsxs(W,{children:[jsx("title",{children:"Directory"}),jsx("path",{d:"M12.5526 12.6667H3.66675C3.2922 12.6667 2.96575 12.4608 2.79442 12.156L3.81072 8.0908C3.92201 7.64563 4.32199 7.33333 4.78086 7.33333H13.386C14.0365 7.33333 14.5139 7.94472 14.3561 8.57587L13.5228 11.9092C13.4115 12.3544 13.0115 12.6667 12.5526 12.6667Z",fill:"currentColor"}),jsx("path",{d:"M13.3334 6.63333V6.33333C13.3334 5.78105 12.8857 5.33333 12.3334 5.33333H8.30286C8.10543 5.33333 7.91242 5.2749 7.74816 5.16538L6.25201 4.16795C6.08774 4.05844 5.89473 4 5.69731 4H3.66675C3.11446 4 2.66675 4.44772 2.66675 5L2.66675 11.6667C2.66675 12.219 3.11446 12.6667 3.66675 12.6667H12.5526C13.0115 12.6667 13.4115 12.3544 13.5228 11.9092L14.3561 8.57587C14.5139 7.94472 14.0365 7.33333 13.386 7.33333H4.78086C4.32199 7.33333 3.92201 7.64563 3.81072 8.0908L2.75008 12.3333",fill:"none",stroke:"currentColor",strokeLinecap:"round"})]})},en=function(){return jsxs(W,{children:[jsx("title",{children:"Directory"}),jsx("path",{d:"M12.3334 12.6667H3.66675C3.11446 12.6667 2.66675 12.219 2.66675 11.6667V5C2.66675 4.44772 3.11446 4 3.66675 4H5.69731C5.89473 4 6.08774 4.05844 6.25201 4.16795L7.74816 5.16538C7.91242 5.2749 8.10543 5.33333 8.30286 5.33333H12.3334C12.8857 5.33333 13.3334 5.78105 13.3334 6.33333V11.6667C13.3334 12.219 12.8857 12.6667 12.3334 12.6667Z",fill:"currentColor",stroke:"currentColor",strokeLinecap:"round"})]})},er=function(){return jsxs(W,{fill:"currentColor",children:[jsx("title",{children:"File"}),jsx("path",{clipRule:"evenodd",d:"M4.5 4.33325C4.5 4.05711 4.72386 3.83325 5 3.83325H8.16675V6.56659C8.16675 6.89795 8.43538 7.16658 8.76675 7.16658H11.5V12.3333C11.5 12.6094 11.2761 12.8333 11 12.8333H5C4.72386 12.8333 4.5 12.6094 4.5 12.3333V4.33325ZM12.5 6.67568C12.5001 6.67265 12.5001 6.66962 12.5001 6.66658C12.5001 6.66355 12.5001 6.66052 12.5 6.65749V6.41413C12.5 6.01631 12.342 5.63478 12.0607 5.35347L9.97978 3.27259C9.69848 2.99129 9.31694 2.83325 8.91912 2.83325H8.66675H5C4.17157 2.83325 3.5 3.50483 3.5 4.33325V12.3333C3.5 13.1617 4.17157 13.8333 5 13.8333H11C11.8284 13.8333 12.5 13.1617 12.5 12.3333V6.67568ZM9.16675 3.89888C9.20518 3.92078 9.24085 3.94787 9.27267 3.9797L11.3536 6.06058C11.3854 6.09243 11.4125 6.12813 11.4344 6.16658H9.16675V3.89888Z",fillRule:"evenodd"})]})},eo=function(){return(0,y.jsxs)(W,{stroke:"currentColor",children:[(0,y.jsx)("title",{children:"Close file"}),(0,y.jsx)("path",{d:"M12 4L4 12",strokeLinecap:"round"}),(0,y.jsx)("path",{d:"M4 4L12 12",strokeLinecap:"round"})]})},ei=function(){return(0,y.jsxs)(W,{children:[(0,y.jsx)("title",{children:"Open browser console"}),(0,y.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.00

1792 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"}),(0,y.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"})]})},es={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"}},ea={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"}},ec={light:es,dark:ea,auto:"undefined"!=typeof window&&(null===(o=null==window?void 0:window.matchMedia)||void 0===o?void 0:o.call(window,"(prefers-color-scheme: dark)").matches)?ea:es},el=function(e){var t=e.lastIndexOf("/");return e.slice(t+1)},ed=function(e,t){var n=("/"===e[0]?e.slice(1):e).split("/"),r=[];if(1===n.length)r.unshift(n[0]);else for(var o=0;o<t.length;o++)for(var i=t[o].split("/"),s=1;s<=n.length;s++){var a=n[n.length-s],c=i[i.length-s];if(r.length<s&&r.unshift(a),a!==c)break}return r.length<n.length&&r.unshift(".."),r.join("/")},eu=function(e){var t=0,n=0,r=0;if(e.startsWith("#")){if(e.length<7)return!0;t=parseInt(e.substr(1,2),16),n=parseInt(e.substr(3,2),16),r=parseInt(e.substr(5,2),16)}else{var o=e.replace("rgb(","").replace("rgba(","").replace(")","").split(",");if(o.length<3)return!0;t=parseInt(o[0],10),n=parseInt(o[1],10),r=parseInt(o[2],10)}return(299*t+587*n+114*r)/1e3<128},ep=0,ef=function(){return(+(Date.now().toString(10).substr(0,4)+ep++)).toString(16)},em=(i=(0,j.Th)({prefix:"sp"})).createTheme,ev=i.css,eh=(i.getCssText,i.keyframes),eg={space:Array(11).fill(" ").reduce(function(e,t,n){var r;return P(P({},e),((r={})[n+1]="".concat((n+1)*4,"px"),r))},{}),border:{radius:"4px"},layout:{height:"300px",headerHeight:"40px"},transitions:{default:"150ms ease"},zIndices:{base:"1",overlay:"2",top:"3"}},eb=function(e){var t=Object.entries(e.syntax).reduce(function(e,t){var n,r=t[0],o=t[1],i=((n={})["color-".concat(r)]=o,n);return"object"==typeof o&&(i=Object.entries(o).reduce(function(e,t){var n,o=t[0],i=t[1];return P(P({},e),((n={})["".concat(o,"-").concat(r)]=i,n))},{})),P(P({},e),i)},{});return P(P({},eg),{colors:e.colors,font:e.font,syntax:t})},ex=function(e){if(void 0===e&&(e="light"),"string"==typeof e){var t,n,r,o,i,s=ec[e];if(!s)throw Error("[sandpack-react]: invalid theme '".concat(e,"' provided."));return{theme:s,id:e,mode:eu(s.colors.surface1)?"dark":"light"}}var a=eu(null!==(n=null===(t=null==e?void 0:e.colors)||void 0===t?void 0:t.surface1)&&void 0!==n?n:es.colors.surface1)?"dark":"light",c="dark"===a?ea:es,l={colors:P(P({},c.colors),null!==(r=null==e?void 0:e.colors)&&void 0!==r?r:{}),syntax:P(P({},c.syntax),null!==(o=null==e?void 0:e.syntax)&&void 0!==o?o:{}),font:P(P({},c.font),null!==(i=null==e?void 0:e.font)&&void 0!==i?i:{})},d=e?ey(JSON.stringify(l)):"default";return{theme:l,id:"sp-".concat(d),mode:a}},ey=function(e){for(var t=0,n=0;n<e.length;t&=t)t=31*t+e.charCodeAt(n++);return Math.abs(t)},ew=function(){return""};ew.toString=ew;var ej=(0,w.createContext)({}),e$=function(e){var t=e.children,n=e.classes;return(0,y.jsx)(ej.Provider,{value:n||{},children:t})},eC=function(){var e=(0,w.useContext)(ej);return function(t,n){void 0===n&&(n=[]);var r="".concat("sp","-").concat(t);return ek.apply(void 0,_(_([],n,!1),[r,e[r]],!1))}},ek=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")},eS=ev({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"}}),eN=w.createContext({theme:es,id:"light",mode:"light"}),eO=function(e){var t=e.theme,n=e.children,r=e.className,o=z(e,["theme","children","className"]),i=w.useState(t),s=i[0],a=i[1],c=ex(s),l=c.theme,d=c.id,u=c.mode,p=eC(),f=w.useMemo(function(){return em(d,eb(l))},[l,d]);return w.useEffect(function(){if("auto"!==t){a(t);return}

1var e=function(e){a(e.matches?"dark":"light")};return window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",e),function(){window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",e)}},[t]),(0,y.jsx)(eN.Provider,{value:{theme:l,id:d,mode:u},children:(0,y.jsx)("div",P({className:p("wrapper",[f,eS({variant:u}),r])},o,{children:n}))})};eN.Consumer;var eE={"/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}"}},eM={files:{"/src/styles.css":eE["/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"},eA={files:P(P({},eE),{"/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"},eL={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"},eF={files:P(P({},eE),{"/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"},eR={files:P(P({},eE),{"/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"},eI={files:P(P({},eE),{"/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"},eT={files:P(P({},eE),{"/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"},eD={files:P(P({},eE),{"/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:"^19.0.0","react-dom":"^19.0.0"},devDependencies:{"@types/react":"^19.0.8","@types/react-dom":"^19.0.3","@vitejs/plugin-react":"^4.3.4",typescript:"^4.9.5",vite:"4.2.0","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"},eH={files:{"/src/styles.css":eE["/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"},eB={files:{"/src/styles.css":eE["/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"},eP={files:{"/src/styles.css":eE["/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"},ez={files:{"/src/styles.css":eE["/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"},eJ={files:{"/src/app/app.component.css":eE["/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"},eU={files:P(P({},eE),{"/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:"^19.0.0","react-dom":"^19.0.0","react-scripts":"^5.0.0"},main:"/index.js"})}}),main:"/App.js",environment:"create-react-app"},e_={files:P(P({},eE),{"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:"^19.0.0","react-dom":"^19.0.0","react-scripts":"^4.0.0"},devDependencies:{"@types/react":"^19.0.0","@types/react-dom":"^19.0.0",typescript:"^4.0.0"},main:"/index.tsx"})}}),main:"/App.tsx",environment:"create-react-app"},eW={files:P(P({},eE),{"/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"},eZ={files:P(P({},eE),{"/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"},eV={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"},eq={files:P(P({},eE),{"/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"},eY={files:P(P({},eE),{"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"},eG={files:{"/src/styles.css":eE["/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    <!-- built files will be auto injected -->\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"},eX={files:{"/src/styles.css":eE["/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    <!-- built files will be auto injected -->\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"},eK={static:{files:P(P({},eE),{"/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:eJ,react:eU,"react-ts":e_,solid:eW,svelte:eZ,"test-ts":eV,"vanilla-ts":eY,vanilla:eq,vue:eG,"vue-ts":eX,node:eL,nextjs:eA,vite:eF,"vite-react":eT,"vite-react-ts":eD,"vite-preact":eR,"vite-preact-ts":eI,"vite-vue":eP,"vite-vue-ts":ez,"vite-svelte":eH,"vite-svelte-ts":eB,astro:eM},eQ=function(e){var t,n,r,o,i,s,a=(0,C.f)(e.files),c=e1({template:e.template,customSetup:e.customSetup,files:a}),l=(0,C.f)(null!==(n=null===(t=e.options)||void 0===t?void 0:t.visibleFiles)&&void 0!==n?n:[]),d=(null===(r=e.options)||void 0===r?void 0:r.activeFile)?e0(null===(o=e.options)||void 0===o?void 0:o.activeFile,c.files):void 0;0===l.length&&a&&Object.keys(a).forEach(function(e){var t=a[e];if("string"==typeof t){l.push(e);return}!d&&t.active&&(d=e,!0===t.hidden&&l.push(e)),t.hidden||l.push(e)}),0===l.length&&(l=[c.main]),c.entry&&!c.files[c.entry]&&(c.entry=e0(c.entry,c.files)),!d&&c.main&&(d=c.main),d&&c.files[d]||(d=l[0]),l.includes(d)||l.push(d);var u=(0,C.d)(c.files,null!==(i=c.dependencies)&&void 0!==i?i:{},null!==(s=c.devDependencies)&&void 0!==s?s:{},c.entry);return{visibleFiles:l.filter(function(e){return u[e]}),activeFile:d,files:u,environment:c.environment,shouldUpdatePreview:!0}},e0=function(e,t){var n=(0,C.f)(t),r=(0,C.f)(e);if(r in n)return r;if(!e)return null;for(var o=null,i=0,s=[".js",".jsx",".ts",".tsx"];!o&&i<s.length;){var a=r.split(".")[0],c="".concat(a).concat(s[i]);void 0!==n[c]&&(o=c),i++}return o},e1=function(e){var t=e.files,n=e.template,r=e.customSetup;if(!n){if(!r){var o=eK.vanilla;return P(P({},o),{files:P(P({},o.files),e3(t))})}if(!t||0===Object.keys(t).length)throw Error("[sandpack-react]: without a template, you must pass at least one file");return P(P({},r),{files:e3(t)})}var i=eK[n];if(!i)throw Error('[sandpack-react]: invalid template "'.concat(n,'" provided'));return r||t?{files:e3(P(P({},i.files),t)),dependencies:P(P({},i.dependencies),null==r?void 0:r.dependencies),devDependencies:P(P({},i.devDependencies),null==r?void 0:r.devDependencies),entry:(0,C.f)(null==r?void 0:r.entry),main:i.main,environment:(null==r?void 0:r.environment)||i.environment}:i},e3=function(e){return e?Object.keys(e).reduce(function(t,n){return"string"==typeof e[n]?t[n]={code:e[

1n]}:t[n]=e[n],t},{}):{}},e2=function(e,t){var n=(0,w.useState)({editorState:"pristine"}),r=n[0],o=n[1],i=eQ(e),s=(0,$.J)(i.files,t)?"pristine":"dirty";return s!==r.editorState&&o(function(e){return P(P({},e),{editorState:s})}),r},e6=function(e){if("function"!=typeof w.useId)return function(){return e5(ef(),9)};var t=(0,w.useId)();return function(){return J(void 0,void 0,void 0,function(){return U(this,function(n){switch(n.label){case 0:return[4,function(e){return J(this,void 0,void 0,function(){var t,n;return U(this,function(r){switch(r.label){case 0:return t=new TextEncoder().encode(e),[4,crypto.subtle.digest("SHA-256",t)];case 1:return n=Array.from(new Uint8Array(r.sent())),[2,btoa(String.fromCharCode.apply(String,n))]}})})}(Object.entries(e).map(function(e,t){return e+"|"+t}).join("|||")+t+"2.19.8")];case 1:return[2,e5(n.sent().replace(/:/g,"sp").replace(/[^a-zA-Z]/g,""),9)]}})})}};function e5(e,t){return e.length>t?e.slice(0,t):e.padEnd(t,"s")}var e4=function(e,t){var n,r,o,i=e.options,s=e.customSetup,a=e.teamId,c=e.sandboxId;null!=i||(i={}),null!=s||(s={});var l=(null==i?void 0:i.initMode)||"lazy",d=(0,w.useState)({startRoute:null==i?void 0:i.startRoute,bundlerState:void 0,error:null,initMode:l,reactDevTools:void 0,status:null===(n=null==i?void 0:i.autorun)||void 0===n||n?"initial":"idle"}),u=d[0],p=d[1],f=(0,w.useRef)(),m=(0,w.useRef)(null),v=(0,w.useRef)(null),h=(0,w.useRef)({}),g=(0,w.useRef)({}),b=(0,w.useRef)(null),x=(0,w.useRef)({}),y=(0,w.useRef)(),j=(0,w.useRef)({global:{}}),$=(0,w.useRef)(),S=(0,w.useRef)(t.environment),N=e6(t.files),O=(0,w.useCallback)(function(e,n,r){return J(void 0,void 0,void 0,function(){var o,l,d,f,m,v,h,w,$;return U(this,function(C){switch(C.label){case 0:return g.current[n]&&g.current[n].destroy(),null!=i||(i={}),null!=s||(s={}),o=null!==(h=null==i?void 0:i.bundlerTimeOut)&&void 0!==h?h:4e4,b.current&&clearTimeout(b.current),"function"!=typeof y.current&&(b.current=setTimeout(function(){E(),p(function(e){return P(P({},e),{status:"timeout"})})},o)),l=function(){return J(void 0,void 0,void 0,function(){var e,t;return U(this,function(n){switch(n.label){case 0:if(!(null==i?void 0:i.experimental_enableStableServiceWorkerId))return[3,3];if(e="SANDPACK_INTERNAL:URL-CONSISTENT-ID",t=localStorage.getItem(e))return[3,2];return[4,N()];case 1:t=n.sent(),localStorage.setItem(e,t),n.label=2;case 2:return[2,t];case 3:return[4,N()];case 4:return[2,n.sent()]}})})},f=k.sF,m=[e,{files:t.files,template:t.environment}],v={externalResources:i.externalResources,bundlerURL:i.bundlerURL,startRoute:null!==(w=null==r?void 0:r.startRoute)&&void 0!==w?w:i.startRoute,fileResolver:i.fileResolver,skipEval:null!==($=i.skipEval)&&void 0!==$&&$,logLevel:i.logLevel,showOpenInCodeSandbox:!1,showErrorScreen:!0,showLoadingScreen:!1,reactDevTools:u.reactDevTools,customNpmRegistries:null==s?void 0:s.npmRegistries,teamId:a,experimental_enableServiceWorker:!!(null==i?void 0:i.experimental_enableServiceWorker)},[4,l()];case 1:return[4,f.apply(void 0,m.concat([(v.experimental_stableServiceWorkerId=C.sent(),v.sandboxId=c,v)]))];case 2:return d=C.sent(),"function"!=typeof y.current&&(y.current=d.listen(R)),x.current[n]=x.current[n]||{},j.current[n]&&(Object.keys(j.current[n]).forEach(function(e){var t=j.current[n][e],r=d.listen(t);x.current[n][e]=r}),j.current[n]={}),Object.entries(j.current.global).forEach(function(e){var t=e[0],r=e[1],o=d.listen(r);x.current[n][t]=o}),g.current[n]=d,[2]}})})},[t.environment,t.files,u.reactDevTools]),E=(0,w.useCallback)(function(){Object.keys(g.current).map(F),"function"==typeof y.current&&(y.current(),y.current=void 0)},[]),M=(0,w.useCallback)(function(){return J(void 0,void 0,void 0,function(){return U(this,function(e){switch(e.label){case 0:return[4,Promise.all(Object.entries(h.current).map(function(e){var t=e[0],n=e[1],r=n.iframe,o=n.clientPropsOverride,i=void 0===o?{}:o;return J(void 0,void 0,void 0,function(){return U(this,function(e){switch(e.label){case 0:return[4,O(r,t,i)];case 1:return e.sent(),[2]}})})}))];case 1:return e.sent(),p(function(e){return P(P({},e),{error:null,status:"running"})}),[2]}})})},[O]);f.current=function(e){e.some(function(e){return e.isIntersecting})?M():E()};var A=(0,w.useCallback)(function(){if(null===(e=null==i?void 0:i.autorun)||void 0===e||e){var e,t,n,r=null!==(t=null==i?void 0:i.initModeObserverOptions)&&void 0!==t?t:{rootMargin:"1000px 0px"};m.current&&v.current&&(null===(n=m.current)||void 0===n||n.unobserve(v.current)),v.current&&"lazy"===u.initMode?(m.current=ne

1w IntersectionObserver(function(e){var t,n;e.some(function(e){return e.isIntersecting})&&e.some(function(e){return e.isIntersecting})&&v.current&&(null===(t=f.current)||void 0===t||t.call(f,e),null===(n=m.current)||void 0===n||n.unobserve(v.current))},r),m.current.observe(v.current)):v.current&&"user-visible"===u.initMode?(m.current=new IntersectionObserver(function(e){var t;null===(t=f.current)||void 0===t||t.call(f,e)},r),m.current.observe(v.current)):M()}},[null==i?void 0:i.autorun,null==i?void 0:i.initModeObserverOptions,M,u.initMode,E]),L=(0,w.useCallback)(function(e,t,n){return J(void 0,void 0,void 0,function(){return U(this,function(r){switch(r.label){case 0:if(h.current[t]={iframe:e,clientPropsOverride:n},"running"!==u.status)return[3,2];return[4,O(e,t,n)];case 1:r.sent(),r.label=2;case 2:return[2]}})})},[O,u.status]),F=function(e){var t,n,r=g.current[e];r?(r.destroy(),null===(t=r.iframe.contentWindow)||void 0===t||t.location.replace("about:blank"),r.iframe.removeAttribute("src"),delete g.current[e]):delete h.current[e],b.current&&clearTimeout(b.current),Object.values(null!==(n=x.current[e])&&void 0!==n?n:{}).forEach(function(e){Object.values(e).forEach(function(e){return e()})});var o=Object.keys(g.current).length>0?"running":"idle";p(function(e){return P(P({},e),{status:o})})},R=function(e){"start"===e.type?p(function(e){return P(P({},e),{error:null})}):"state"===e.type?p(function(t){return P(P({},t),{bundlerState:e.state})}):("done"!==e.type||e.compilatonError)&&"connected"!==e.type?"action"===e.type&&"show-error"===e.action?(b.current&&clearTimeout(b.current),p(function(t){return P(P({},t),{error:(0,C.e)(e)})})):"action"===e.type&&"notification"===e.action&&"error"===e.notificationType&&p(function(t){return P(P({},t),{error:{message:e.title}})}):(b.current&&clearTimeout(b.current),p(function(e){return P(P({},e),{error:null})}))},I=null!==(r=null==i?void 0:i.recompileMode)&&void 0!==r?r:"delayed",T=null!==(o=null==i?void 0:i.recompileDelay)&&void 0!==o?o:200;return(0,w.useEffect)(function(){if("running"===u.status&&t.shouldUpdatePreview){if(S.current!==t.environment&&(S.current=t.environment,Object.entries(g.current).forEach(function(e){var t=e[0];L(e[1].iframe,t)})),"immediate"===I&&Object.values(g.current).forEach(function(e){"done"===e.status&&e.updateSandbox({files:t.files,template:t.environment})}),"delayed"===I){if("undefined"==typeof window)return;window.clearTimeout($.current),$.current=window.setTimeout(function(){Object.values(g.current).forEach(function(e){"done"===e.status&&e.updateSandbox({files:t.files,template:t.environment})})},T)}return function(){window.clearTimeout($.current)}}},[t.files,t.environment,t.shouldUpdatePreview,T,I,L,u.status]),(0,w.useEffect)(function(){l!==u.initMode&&(p(function(e){return P(P({},e),{initMode:l})}),A())},[l,A,u.initMode]),(0,w.useEffect)(function(){return function(){"function"==typeof y.current&&y.current(),b.current&&clearTimeout(b.current),$.current&&clearTimeout($.current),m.current&&m.current.disconnect()}},[]),[u,{clients:g.current,initializeSandpackIframe:A,runSandpack:M,registerBundler:L,unregisterBundler:F,registerReactDevTools:function(e){p(function(t){return P(P({},t),{reactDevTools:e})})},addListener:function(e,t){if(t){if(g.current[t]){var n=g.current[t].listen(e);return n}var r=ef();j.current[t]=j.current[t]||{},x.current[t]=x.current[t]||{},j.current[t][r]=e;var n=function(){j.current[t][r]?delete j.current[t][r]:x.current[t][r]&&(x.current[t][r](),delete x.current[t][r])};return n}var o=ef();j.current.global[o]=e;var i=Object.values(g.current).map(function(t){return t.listen(e)}),n=function(){i.forEach(function(e){return e()}),delete j.current.global[o],Object.values(x.current).forEach(function(e){var t;null===(t=null==e?void 0:e[o])||void 0===t||t.call(e)})};return n},dispatchMessage:function(e,t){if("running"!==u.status){console.warn("[sandpack-react]: dispatch cannot be called while in idle mode");return}t?g.current[t].dispatch(e):Object.values(g.current).forEach(function(t){t.dispatch(e)})},lazyAnchorRef:v,unsubscribeClientListenersRef:x,queuedListenersRef:j}]},e7=function(e){var t=eQ(e),n=(0,w.useState)(t),r=n[0],o=n[1],i=(0,w.useRef)(!1);(0,w.useEffect)(function(){i.current?o(eQ(e)):i.current=!0},[e.files,e.customSetup,e.template]);var s=function(e,t,n){void 0===n&&(n=!0),o(function(r){var o,i=r.files;return"string"==typeof e&&"string"==typeof t?i=P(P({},i),((o={})[e]=P(P({}

1,i[e]),{code:t}),o)):"object"==typeof e&&(i=P(P({},i),e3(e))),P(P({},r),{files:(0,C.f)(i),shouldUpdatePreview:n})})};return[P(P({},r),{visibleFilesFromProps:t.visibleFiles}),{openFile:function(e){o(function(t){var n=t.visibleFiles,r=z(t,["visibleFiles"]),o=n.includes(e)?n:_(_([],n,!0),[e],!1);return P(P({},r),{activeFile:e,visibleFiles:o})})},resetFile:function(e){o(function(n){var r;return P(P({},n),{files:P(P({},n.files),((r={})[e]=t.files[e],r))})})},resetAllFiles:function(){o(function(e){return P(P({},e),{files:t.files})})},setActiveFile:function(e){r.files[e]&&o(function(t){return P(P({},t),{activeFile:e})})},updateCurrentFile:function(e,t){void 0===t&&(t=!0),s(r.activeFile,e,t)},updateFile:s,addFile:s,closeFile:function(e){1!==r.visibleFiles.length&&o(function(t){var n=t.visibleFiles,r=t.activeFile,o=z(t,["visibleFiles","activeFile"]),i=n.indexOf(e),s=n.filter(function(t){return t!==e});return P(P({},o),{activeFile:e===r?0===i?n[1]:n[i-1]:r,visibleFiles:s})})},deleteFile:function(e,t){void 0===t&&(t=!0),o(function(n){var r=n.visibleFiles,o=n.files,i=n.activeFile,s=z(n,["visibleFiles","files","activeFile"]),a=P({},o);delete a[e];var c=r.filter(function(t){return t!==e});if(0===c.length){var l=Object.keys(o)[Object.keys(o).length-1];return P(P({},s),{visibleFiles:[l],activeFile:l,files:a,shouldUpdatePreview:t})}return P(P({},s),{visibleFiles:c,activeFile:e===i?c[c.length-1]:i,files:a,shouldUpdatePreview:t})})}}]},e8=w.createContext(null),e9=function(e){var t,n,r,o=e.children,i=e.options,s=e.style,a=e.className,c=e.theme,l=e7(e),d=l[0],u=l[1],p=e4(e,d),f=p[0],m=p[1],v=m.dispatchMessage,h=m.addListener,g=z

1(m,["dispatchMessage","addListener"]),b=e2(e,d.files);return w.useEffect(function(){g.initializeSandpackIframe()},[]),(0,y.jsx)(e8.Provider,{value:P(P(P(P(P(P({},d),f),b),u),g),{autoReload:null===(n=null===(t=e.options)||void 0===t?void 0:t.autoReload)||void 0===n||n,teamId:null==e?void 0:e.teamId,exportOptions:null===(r=null==e?void 0:e.customSetup)||void 0===r?void 0:r.exportOptions,listen:h,dispatch:v}),children:(0,y.jsx)(e$,{classes:null==i?void 0:i.classes,children:(0,y.jsx)(eO,{className:a,style:s,theme:c,children:o})})})};function te(){var e=w.useContext(e8);if(null===e)throw Error('[sandpack-react]: "useSandpack" must be wrapped by a "SandpackProvider"');var t=e.dispatch,n=e.listen,r=z(e,["dispatch","listen"]);return{sandpack:P({},r),dispatch:t,listen:n}}e8.Consumer;var tt=function(){var e,t,n,r=te().sandpack;return{code:null===(e=r.files[r.activeFile])||void 0===e?void 0:e.code,readOnly:null!==(n=null===(t=r.files[r.activeFile])||void 0===t?void 0:t.readOnly)&&void 0!==n&&n,updateCode:r.updateCurrentFile}},tn=ev({svg:{margin:"auto"}}),tr=ev(((s={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"}})["&.".concat(tn)]={padding:"$space$1",height:"$space$7",display:"flex"},s["&.".concat(tn,"&:not(:has(span))")]={width:"$space$7"},s["&.".concat(tn,"&:has(svg + span)")]={paddingRight:"$space$3",paddingLeft:"$space$2",gap:"$space$1"},s)),to=ev({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"}}),ti=ev({padding:0}),ts=eh({"0%":{opacity:0},"100%":{opacity:1}}),ta=ev({position:"absolute",bottom:"0",left:"0",right:"0",top:"0",margin:"0",overflow:"auto",height:"100%",zIndex:"$top"}),tc=ev(((a={whiteSpace:"pre-wrap",padding:"$space$10",backgroundColor:"$colors$surface1",display:"flex",gap:"$space$2",flexDirection:"column"})[".".concat(tr)]={width:"auto",gap:"$space$2",padding:"0 $space$3 0 $space$2",marginTop:"$space$1"},a.variants={solidBg:{true:{backgroundColor:"$colors$errorSurface"}}},a)),tl=ev(((c={padding:"$space$10",backgroundColor:"$colors$surface1"})[".".concat(tr)]={marginTop:"$space$6",width:"auto",gap:"$space$2",padding:"0 $space$3 0 $space$2"},c)),td=ev({animation:"".concat(ts," 150ms ease"),color:"$colors$error",display:"flex",flexDirection:"column",gap:"$space$3",variants:{errorCode:{true:{fontFamily:"$font$mono"}}},a:{color:"inherit"},p:{margin:0}}),tu=ev({borderBottom:"1px solid $colors$surface2",background:"$colors$surface1"}),tp=ev({padding:"0 $space$2",overflow:"auto",display:"flex",flexWrap:"nowrap",alignItems:"stretch",minHeight:"40px",marginBottom:"-1px"}),tf=ev({display:"flex",alignItems:"center",outline:"none",position:"relative",paddingRight:"20px",margin:"1px 0","&:has(button:focus)":{outline:"$colors$accent auto 1px"}}),tm=ev({padding:"0 $space$1 0 $space$1",borderRadius:"$border$radius",marginLeft:"$space$1",width:"$space$5",visibility:"hidden",cursor:"pointer",position:"absolute",right:"0px",svg:{width:"$space$3",height:"$space$3",display:"block",position:"relative",top:1}}),tv=ev(((l={padding:"0 $space$2",height:"$layout$headerHeight",whiteSpace:"nowrap","&:focus":{outline:"none"}})["&:hover ~ .".concat(tm)]={visibility:"visible"},l)),th=function(e){var t=e.closableTabs,n=e.className,r=e.activeFileUniqueId,o=z(e,["closableTabs","className","activeFileUniqueId"]),i=te().sandpack,s=eC(),a=i.activeFile,c=i.visibleFiles,l=i.setActiveFile,d=w.useState(null),u=d[0],p=d[1],f=function(e){var t=el(e),n=c.reduce(function(n,r){return r===e||el(r)===t&&n.push(r),n},[]);return 0===n.length?t:ed(e,n)},m=function(e){var t,n,r,o,i=e.e,s=e.index,a=i.currentTarget;switch(i.key){case"ArrowLeft":var d=a.previousElementSibling;d&&(null===(t=d.querySelector("button"))||void 0===t||t.focus(),l(c[s-1]));break;case"ArrowRight":var u=a.nextElementSibling;u&&(null===(n=u.querySelector("button"))||void 0===n||n.focus(),l(c[s+1]));break;case"Home":null===(r=a.parentElement.firstElementChild.querySelector("button"))||void 0===r||r.focus(),l(c[0]);break;case"End":null===(o=a.parentElement.lastElementChild.querySelector("button"))||void 0===o||o.focus(),l(c[-1])}};return(0,y.jsx)("div",P({className:s("tabs",[tu,n]),translate:"no"},o,{children:(0,y.jsx)("div",{"aria-label":"Select active file",className:s("tabs-scrollable-container",[tp]),role:"tablist",children:c.map(function(e,n){return(0,y.jsxs)("div",{"aria-controls":"".concat(e,"-").concat(r,"-tab-panel"),"aria-selected":e===a,className:s("tab-container",[tf]),onKeyDown:function(e){return m({e:e,index:n})},onMouseEnter:function(){return p(n)},onMouseLeave:function(){return p(null)},role:"tab",children:[(0,y.jsx)("button",{className:s("tab-button",[tr,tv]),"data-active":e===a,id:"".concat(e,"-").concat(r,"-tab"),onClick:function(){return l(e)},tabIndex:e===a?0:-1,title:e,type:"button",children:f(e)}),t&&c.length>1&&(0,y.jsx)("span",{className:s("close-button",[tm]),onClick:function(t){t.stopPropagation(),i.closeFile(e)},style:{visibility:e===a||u===n?"visible":"hidden"},tabIndex:e===a?0:-1,children:(0,y.jsx)(eo,{})})]},e)})})}))},tg=function(e){var t=e.onClick,n=e.className,r=e.children,o=eC();return(0,y.jsx)("button",{className:o("button",[o("icon-standalone"),tr,tn,to,n]),onClick:t,type:"button",children:r})},tb=ev({position:"absolute",bottom:"$space$2",right:"$space$2",paddingRight:"$space$3"}),tx=function(e){e.className;var t=e.onClick,n=z(e,["className","onClick"]),r=te().sandpack;return(0,y.jsxs)(tg,P({className:tb.toString(),onClick:function(e){r.runSandpack(),null==t||t(e)}},n,{children:[(0,y.jsx)(Y,{}),(0,y.jsx)("span",{children:"Run"})]}))},ty=ev(((d={display:"flex",flexDirection:"column",width:"100%",position:"relative",backgroundColor:"$colors$surface1",gap:1})["&:has(.".concat("sp","-stack)")]={backgroundColor:"$colors$surface2"},d)),tw=function(e){var t=e.className,n=z(e,["className"]),r=eC();return(0,y.jsx)("div",P({className:r("stack",[ty,t])},n))},tj=function(){var e=w.useContext(eN);return{theme:e.theme,themeId:e.id,themeMode:e.mode}},t$=function(e,t){if(e.length!==t.length)return!1;for(var n=!0,r=0;r<e.length;r++)if(e[r]!==t[r]){n=!1;break}return n},tC=function(e,t){var n=t.line,r=t.column;return e.line(n).from+(null!=r?r:0)-1},tk=function(e){return"".concat("sp","-syntax-").concat(e)},tS=function(e,t,n){if(!e&&!t)return"javascript";var r=t;if(!r&&e){var o=e.lastIndexOf(".");r=e.slice(o+1)}for(var i=0;i<n.length;i++){var s=n[i];if(r===s.name||s.extensions.includes(r||""))return s.name}switch(r){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"}},tN=function(e,t){for(var n={javascript:(0,R.javascript)({jsx:!0,typescript:!1}),typescript:(0,R.javascript)({jsx:!0,typescript:!0}),html:(0,F.html)(),css:(0,L.css)()},r=0;r<t.length;r++){var o=t[r];if(e===o.name)return o.language}return n[e]},tO=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return w.useCallback(function(t){return e.forEach(function(e){if(e){if("function"==typeof e)return e(t);e.current=t}})},e)},tE=M.p.line({attributes:{class:"cm-errorLine"}}),tM=M.lg.fromClass(function(){function e(){this.decorations=M.p.none}return e.prototype.update=function(e){var t=this;e.transactions.forEach(function(n){var r=n.annotation("show-error");

1if(void 0!==r){var o=tC(e.view.state.doc,{line:r})+1;t.decorations=M.p.set([tE.range(o)])}else n.annotation("remove-errors")&&(t.decorations=M.p.none)})},e}(),{decorations:function(e){return e.decorations}}),tA=ev({margin:"0",display:"block",fontFamily:"$font$mono",fontSize:"$font$size",color:"$syntax$color$plain",lineHeight:"$font$lineHeight"}),tL=ev(["string","plain","comment","keyword","definition","punctuation","property","tag","static"].reduce(function(e,t){var n;return P(P({},e),((n={})[".".concat(tk(t))]={color:"$syntax$color$".concat(t),fontStyle:"$syntax$fontStyle$".concat(t)},n))},{})),tF=ev(((u={flex:1,position:"relative",overflow:"auto",background:"$colors$surface1",".cm-scroller":{padding:"$space$4 0"}})[".".concat(tA)]={padding:"$space$4 0"},u["@media screen and (max-width: 768px)"]={"@supports (-webkit-overflow-scrolling: touch)":{".cm-content":{fontSize:"16px"}}},u)),tR=ev({margin:"0",outline:"none",height:"100%"}),tI=ev(((p={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"})["& + .".concat(tr)]={right:"calc($space$11 * 2)"},p)),tT=function(e){var t=e.langSupport,n=e.highlightTheme,r=e.code,o=void 0===r?"":r,i=t.language.parser.parse(o),s=0,a=[],c=function(e,t){if(e>s){var n=o.slice(s,e);a.push(t?(0,w.createElement)("span",{children:n,className:t,key:"".concat(e).concat(s)}):n),s=e}};return(0,I.bW)(i,n,function(e,t,n){c(e,""),c(t,n)}),s<o.length&&(null==o?void 0:o.includes("\n"))&&a.push("\n\n"),a},tD=w.forwardRef(function(e,t){var n=e.code,r=void 0===n?"":n,o=e.filePath,i=e.fileType,s=e.onCodeUpdate,a=e.showLineNumbers,c=void 0!==a&&a,l=e.showInlineErrors,d=void 0!==l&&l,u=e.wrapContent,p=void 0!==u&&u,f=e.editorState,m=void 0===f?"pristine":f,v=e.readOnly,h=void 0!==v&&v,g=e.showReadOnly,b=e.decorators,x=e.initMode,j=void 0===x?"lazy":x,$=e.extensions,C=void 0===$?[]:$,k=e.extensionsKeymap,L=void 0===k?[]:k,F=e.additionalLanguages,R=void 0===F?[]:F,T=w.useRef(null),D=tO(T,t),H=w.useRef(),B=tj(),z=B.theme,J=B.themeId,U=w.useState(r),W=U[0],Z=U[1],V=w.useState("immediate"===j),q=V[0],Y=V[1],G=eC(),X=te(),K=X.listen,Q=X.sandpack.autoReload,ee=w.useRef([]),et=w.useRef([]),en=(0,A.Z)(T,{rootMargin:"600px 0px",threshold:.2}).isIntersecting;w.useImperativeHandle(t,function(){return{getCodemirror:function(){return H.current}}}),w.useEffect(function(){("lazy"===j||"user-visible"===j)&&en&&Y(!0)},[j,en]);var er=tS(o,i,R),eo=tN(er,R),ei=O.Qf.define([{tag:I.pJ.link,textDecoration:"underline"},{tag:I.pJ.emphasis,fontStyle:"italic"},{tag:I.pJ.strong,fontWeight:"bold"},{tag:I.pJ.keyword,class:tk("keyword")},{tag:[I.pJ.atom,I.pJ.number,I.pJ.bool],class:tk("static")},{tag:I.pJ.variableName,class:tk("plain")},{tag:I.pJ.standard(I.pJ.tagName),class:tk("tag")},{tag:[I.pJ.function(I.pJ.variableName),I.pJ.definition(I.pJ.function(I.pJ.variableName)),I.pJ.tagName],class:tk("definition")},{tag:I.pJ.propertyName,class:tk("property")},{tag:[I.pJ.literal,I.pJ.inserted],class:tk(z.syntax.string?"string":"static")},{tag:I.pJ.punctuation,class:tk("punctuation")},{tag:[I.pJ.comment,I.pJ.quote],class:tk("comment")}]),es=tT({langSupport:eo,highlightTheme:ei,code:r}),ea=w.useMemo(function(){return b?b.sort(function(e,t){return e.line-t.line}):b},[b]),ec=h&&((null==b?void 0:b.length)===0||void 0===b);w.useEffect(function(){if(T.current&&q&&!ec){var e=T.current,t=e.querySelector(".sp-pre-placeholder");t&&e.removeChild(t);var n=new M.tk({doc:r,extensions:[],parent:e});return n.contentDOM.setAttribute("data-gramm","false"),n.contentDOM.setAttribute("data-lt-active","false"),n.contentDOM.setAttribute("aria-label",o?"Code Editor for ".concat(el(o)):"Code Editor"),n.contentDOM.setAttribute("tabIndex","-1"),H.current=n,function(){var e;null===(e=H.current)||void 0===e||e.destroy()}}},[q,h,ec]),w.useEffect(function(){if(!ec&&H.current){var e=[{key:"Tab",run:function(e){(0,N.at)(e);var t,n,r=L.find(function(e){return"Tab"===e.key});return null===(n=null===(t=null==r?void 0:r.run)||void 0===t?void 0:t.call(r,e))||void 0===n||n}},{key:"Shift-Tab",run:function(e){(0,N.xi)({state:e.state,dispatch:e.dispatch});var t,n,r=L.find(function(e){return"Shift-Tab"===e.key});return null===(n=null===(t=null==r?void 0:r.run)||void 0===t?void 0:t.call(r,e))||void 0===n||n}},{key:"Escape",run:function(){return!!h||(T.current&&T.current.focus(),!0)}},{key:"mod-Backspace",run:N.fE}],t=_(_([(0,M.AE)(),(0,N.m8)(),(0,S.vQ)()],C,!0),[M.$f.of(_(_(_(_(_([],S.GA,!0),N.wQ,!0),N.f$,!0),e,!0),L,!0)),eo,M.tk.theme({"&":{backgroundColor:"var(--".concat("sp","-colors-surface1)"),color:"var(--".concat("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:"transparent"},"&.cm-editor.cm-focused .cm-activeLine":{backgroundColor:"var(--".concat("sp","-colors-surface3)"),borderRadius:"var(--".concat("sp","-border-radius)")},".cm-errorLine":{backgroundColor:"var(--".concat("sp","-colors-errorSurface)"),borderRadius:"var(--".concat("sp","-border-radius)")},".cm-content":{caretColor:"var(--".concat("sp","-colors-accent)"),padding:"0 var(--".concat("sp","-space-4)")},".cm-scroller":{fontFamily:"var(--".concat("sp","-font-mono)"),lineHeight:"var(--".concat("sp","-font-lineHeight)")},".cm-gutters":{backgroundColor:"var(--".concat("sp","-colors-surface1)"),color:"var(--".concat("sp","-colors-disabled)"),border:"none",paddingLeft:"var(--".concat("sp","-space-1)")},".cm-gutter.cm-lineNumbers":{fontSize:".6em"},".cm-lineNumbers .cm-gutterElement":{lineHeight:"var(--".concat("sp","-font-lineHeight)"),minWidth:"var(--".concat("sp","-space-5)")},".cm-content .cm-line":{paddingLeft:"var(--".concat("sp","-space-1)")},".cm-content.cm-readonly .cm-line":{paddingLeft:0}}),(0,O.nF)(ei),M.tk.updateListener.of(function(e){if(e.docChanged){var t=e.state.doc.toString();Z(t),null==s||s(t)}})],!1);h?(t.push(E.yy.readOnly.of(!0)),t.push(M.tk.editable.of(!1))):(t.push((0,O.n$)()),t.push((0,M.ZO)())),ea&&t.push(M.lg.fromClass(function(){function e(e){this.decorations=this.getDecoration(e)}return e.prototype.update=function(e){},e.prototype.getDecoration=function(e){if(!ea)return M.p.none;var t=ea.map(function(t){var n,r,o,i=M.p.line({attributes:{class:null!==(n=t.className)&&void 0!==n?n:""}}),s=M.p.mark({class:null!==(r=t.className)&&void 0!==r?r:"",attributes:null!==(o=t.elementAttributes)&&void 0!==o?o:void 0}),a=tC(e.state.doc,{line:t.line,column:t.startColumn})+1;if(t.startColumn&&t.endColumn){var c=tC(e.state.doc,{line:t.line,column:t.endColumn})+1;return s.range(a,c)}return i.range(a)});return M.p.set(t)},e}(),{decorations:function(e){return e.decorations}}

1)),p&&t.push(M.tk.lineWrapping),c&&t.push((0,M.Eu)()),d&&t.push(tM),H.current.dispatch({effects:E.Py.reconfigure.of(t)})}},[q,ea,c,p,J,h,ec,Q]),w.useEffect(function(){var e=H.current,t=!t$(C,ee.current)||!t$(L,et.current);e&&t&&(e.dispatch({effects:E.Py.appendConfig.of(C)}),e.dispatch({effects:E.Py.appendConfig.of(M.$f.of(_([],L,!0)))}),ee.current=C,et.current=L)},[C,L]),w.useEffect(function(){H.current&&"dirty"===m&&window.matchMedia("(min-width: 768px)").matches&&H.current.contentDOM.focus()},[]),w.useEffect(function(){if(H.current&&"string"==typeof r&&r!==W){var e=H.current,t=e.state.selection.ranges.some(function(e){var t=e.to,n=e.from;return t>r.length||n>r.length})?E.jT.cursor(r.length):e.state.selection,n={from:0,to:e.state.doc.length,insert:r};e.dispatch({changes:n,selection:t})}},[r]),w.useEffect(function(){if(d){var e=K(function(e){var t=H.current;"success"===e.type?null==t||t.dispatch({annotations:[new E.q6("remove-errors",!0)]}):"action"===e.type&&"show-error"===e.action&&e.path===o&&e.line&&(null==t||t.dispatch({annotations:[new E.q6("show-error",e.line)]}))});return function(){return e()}}},[K,d]);var ed=function(){var e=4;return c&&(e+=6),h||(e+=1),"var(--".concat("sp","-space-").concat(e,")")};return ec?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("pre",{ref:D,className:G("cm",[G(m),G(er),tR,tL]),translate:"no",children:(0,y.jsx)("code",{className:G("pre-placeholder",[tA]),style:{marginLeft:ed()},children:es})}),h&&(void 0===g||g)&&(0,y.jsx)("span",P({className:G("read-only",[tI])},{},{children:"Read-only"}))]}):(0,y.jsx)("div",{ref:D,"aria-autocomplete":"list","aria-label":o?"Code Editor for ".concat(el(o)):"Code Editor","aria-multiline":"true",className:G("cm",[G(m),G(er),tR,tL]),onKeyDown:function(e){"Enter"===e.key&&H.current&&(e.preventDefault(),H.current.contentDOM.focus())},role:"textbox",tabIndex:0,translate:"no",suppressHydrationWarning:!0,children:(0,y.jsx)("pre",{className:G("pre-placeholder",[tA]),style:{marginLeft:ed()},children:es})})}),tH=(0,w.forwardRef)(function(e,t){var n=e.showTabs,r=e.showLineNumbers,o=e.showInlineErrors,i=e.showRunButton,s=e.wrapContent,a=e.closableTabs,c=e.initMode,l=e.extensions,d=e.extensionsKeymap,u=e.readOnly,p=e.showReadOnly,f=e.additionalLanguages,m=e.className,v=z(e,["showTabs","showLineNumbers","showInlineErrors","showRunButton","wrapContent","closableTabs","initMode","extensions","extensionsKeymap","readOnly","showReadOnly","additionalLanguages","className"]),h=te().sandpack,g=tt(),b=g.code,x=g.updateCode,j=g.readOnly,$=h.activeFile,C=h.status,k=h.editorState,S=null!=n?n:h.visibleFiles.length>1,N=eC(),O=function(e,t){void 0===t&&(t=!0),x(e,t)},E="function"==typeof w.useId?(0,w.useId)():ef();return(0,y.jsxs)(tw,P({className:N("editor",[m])},v,{children:[S&&(0,y.jsx)(th,{activeFileUniqueId:E,closableTabs:void 0!==a&&a}),(0,y.jsxs)("div",{"aria-labelledby":"".concat($,"-").concat(E,"-tab"),className:N("code-editor",[tF]),id:"".concat($,"-").concat(E,"-tab-panel"),role:"tabpanel",children:[(0,y.jsx)(tD,{ref:t,additionalLanguages:f,code:b,editorState:k,extensions:l,extensionsKeymap:d,filePath:$,initMode:c||h.initMode,onCodeUpdate:function(e){var t;return O(e,null===(t=h.autoReload)||void 0===t||t)},readOnly:u||j,showInlineErrors:void 0!==o&&o,showLineNumbers:void 0!==r&&r,showReadOnly:p,wrapContent:void 0!==s&&s},$),(void 0===i||i)&&(!h.autoReload||"idle"===C)?(0,y.jsx)(tx,{}):null]})]}))}),tB=ev(((f={border:"1px solid $colors$surface2",display:"flex",flexWrap:"wrap",alignItems:"stretch",borderRadius:"$border$radius",overflow:"hidden",position:"relative",backgroundColor:"$colors$surface2",gap:1})["> .".concat(ty)]={flexGrow:1,flexShrink:1,flexBasis:"0",height:"$layout$height",overflow:"hidden","@media print":{height:"auto",display:"block"},"@media screen and (max-width: 768px)":((m={})["&:not(.".concat("sp","-preview, .").concat("sp","-editor, .").concat("sp","-preset-column)")]={height:"calc($layout$height / 2)"},m.minWidth="100%;",m)},f["> .".concat("sp","-file-explorer")]={flex:.2,minWidth:200,"@media screen and (max-width: 768px)":{flex:1}},f)),tP=w.forwardRef(function(e,t){var n=e.children,r=e.className,o=z(e,["children","className"]),i=te().sandpack,s=eC(),a=tO(i.lazyAnchorRef,t);return(0,y.jsx)("div",P({ref:a,className:s("layout",[tB,r])},o,{children:n}))}),tz=function(){var e,t=te().sandpack.error;return null!==(e=null==t?void 0:t.message)&&void 0!==e?e:null},tJ=function(e,t){var n=te(),r=n.sandpack,o=n.listen,i=w.useState("LOADING"),s=i[0],a=i[1];return(w.useEffect(function(){var t=o(function(e){"start"===e.type&&!0===e.firstLoad&&a("LOADING"),"done"===e.type&&a(function(e){return"LOADING"===e?"PRE_FADING":"HIDDEN"})},e);return function(){t()}},[e,"idle"===r.status]),w.useEffect(function(){var e;return"PRE_FADING"!==s||t?"FADING"===s&&(e=setTimeout(function(){return a("HIDDEN")},200)):a("FADING"),function(){clearTimeout(e)}},[s,t]),"timeout"===r.status)?"TIMEOUT":"running"!==r.status?"HIDDEN":s},tU=function(e){var t=te().dispatch;return{refresh:function(){return t({type:"refresh"},e)},back:function(){return t({type:"urlback"},e)},forward:function(){return t({type:"urlforward"},e)}}},t_=function(e){var t=te(),n=t.sandpack,r=t.listen,o=t.dispatch,i=w.useRef(null),s=w.useRef(ef());return w.useEffect(function(){var t=i.current,r=s.current;return null!==t&&n.registerBundler(t,r,e),function(){return n.unregisterBundler(r)}},[]),{sandpack:n,getClient:function(){return n.clients[s.current]||null},clientId:s.current,iframe:i,listen:function(e){return r(e,s.current)},dispatch:function(e){return o(e,s.current)}}},tW=function(e){var t=te().dispatch;return{restart:function(){return t({type:"shell/restart"},e)},openPreview:function(){return t({type:"shell/openPreview"},e)}}},tZ=function(e,t){var n;switch(e.state){case"downloading_manifest":return"[1/3] Downloading manifest";case"downloaded_module":return"[2/3] Downloaded ".concat(e.name," (").concat(t-e.totalPending,"/").concat(t,")");case"starting_command":return"[3/3] Starting command";case"command_running":return'[3/3] Running "'.concat(null===(n=e.command)||void 0===n?void 0:n.trim(),'"')}},tV=function(e){var t=w.useState(!1),n=t[0],r=t[1],o=w.useState(),i=o[0],s=o[1],a=w.useState(null),c=a[0],l=a[1],d=null==e?void 0:e.timeout,u=null==e?void 0:e.clientId,p=te().listen;return w.useEffect(function(){var e,t=p(function(t){"start"===t.type&&t.firstLoad&&r(!1),d&&(e=setTimeout(function(){l(null)},d)),"dependencies"===t.type?l(function(){switch(t.data.state){case"downloading_manifest":return"[1/3] Downloading manifest";case"downloaded_module":return"[2/3] Downloaded ".concat(t.data.name,"

1(").concat(t.data.progress,"/").concat(t.data.total,")");case"starting":return"[3/3] Starting"}return null}):"shell/progress"!==t.type||n||(i||"downloaded_module"!==t.data.state||s(t.data.totalPending),void 0!==i&&l(tZ(t.data,i))),"done"===t.type&&!1===t.compilatonError&&(l(null),r(!0),clearTimeout(e))},u);return function(){e&&clearTimeout(e),t()}},[u,n,i,d]),c},tq=function(e){var t=e.clientId,n=e.maxMessageCount,r=void 0===n?800:n;e.resetOnPreviewRestart;var o=w.useState([]),i=o[0],s=o[1],a=te().listen;return w.useEffect(function(){return a(function(e){"start"===e.type?s([]):"stdout"===e.type&&e.payload.data&&e.payload.data.trim()&&s(function(t){for(var n=_(_([],t,!0),[{data:e.payload.data,id:ef()}],!1);n.length>r;)n.shift();return n})},t)},[r,t]),{logs:i,reset:function(){return s([])}}},tY=function(e){var t=e.replace("[sandpack-client]: ","");if(/process.exit/.test(t)){var n=t.match(/process.exit\((\d+)\)/);return n?0===Number(n[1])?"Server is not running, would you like to start it again?":"Server has crashed with status code ".concat(n[1],", would you like to restart the server?"):t}return t},tG=function(e){var t=e.children,n=e.className,r=z(e,["children","className"]),o=tz(),i=tW().restart,s=eC(),a=te().sandpack,c=a.runSandpack,l=a.teamId,d=te().dispatch;if(!o&&!t)return null;var u=null==o?void 0:o.startsWith("[sandpack-client]");return(null==o?void 0:o.includes("NPM_REGISTRY_UNAUTHENTICATED_REQUEST"))?(0,y.jsxs)("div",P({className:s("overlay",[s("error"),ta,tl,n])},e,{children:[(0,y.jsx)("p",{className:s("error-message",[td]),children:(0,y.jsx)("strong",{children:"Unable to fetch required dependency."})}),(0,y.jsx)("div",{className:s("error-message",[td]),children:(0,y.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,y.jsx)("a",{href:"mailto:[email protected]?subject=Sandpack Timeout Error",children:"support"})," ","for further assistance."]})}),(0,y.jsx)("div",{children:(0,y.jsxs)("button",{className:s("button",[tr,tn,to]),onClick:function(){l&&d({type:"sign-in",teamId:l})},children:[(0,y.jsx)(Z,{}),(0,y.jsx)("span",{children:"Sign in"})]})})]})):u&&o?(0,y.jsx)("div",P({className:s("overlay",[s("error"),ta,tl,n])},r,{children:(0,y.jsxs)("div",{className:s("error-message",[td]),children:[(0,y.jsx)("p",{className:s("error-title",[ev({fontWeight:"bold"})]),children:"Couldn't connect to server"}),(0,y.jsx)("p",{children:tY(o)}),(0,y.jsx)("div",{children:(0,y.jsxs)("button",{className:s("button",[s("icon-standalone"),tr,tn,to]),onClick:function(){i(),c()},title:"Restart script",type:"button",children:[(0,y.jsx)(q,{})," ",(0,y.jsx)("span",{children:"Restart"})]})})]})})):(0,y.jsxs)("div",P({className:s("overlay",[s("error"),ta,tc({solidBg:!0}),n]),translate:"no"},r,{children:[(0,y.jsx)("p",{className:s("error-message",[td]),children:(0,y.jsx)("strong",{children:"Something went wrong"})}),(0,y.jsx)("p",{className:s("error-message",[td({errorCode:!0})]),children:o||t})]}))};function tX(e,t,n,r){var o,i,s=t?null:function(e){var t={};switch(e.bg&&(t.backgroundColor="rgb(".concat(e.bg,")")),e.fg&&(t.color="rgb(".concat(e.fg,")")),e.decoration){case"bold":t.fontWeight="bold";break;case"dim":t.opacity="0.5";break;case"italic":t.fontStyle="italic";break;case"hidden":t.visibility="hidden";break;case"strikethrough":t.textDecoration="line-through";break;case"underline":t.textDecoration="underline";break;case"blink":t.textDecoration="blink"}return t}

1(n),a=t?(o="",(n.bg&&(o+="".concat(n.bg,"-bg ")),n.fg&&(o+="".concat(n.fg,"-fg ")),n.decoration&&(o+="ansi-".concat(n.decoration," ")),""===o)?null:o=o.substring(0,o.length-1)):null;if(!e)return w.createElement("span",{style:s,key:r,className:a},n.content);for(var c=[],l=/(\s|^)(https?:\/\/(?:www\.|(?!www))[^\s.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/g,d=0;null!==(i=l.exec(n.content));){var u=i[1],p=i[2],f=i.index+u.length;f>d&&c.push(n.content.substring(d,f));var m=p.startsWith("www.")?"http://".concat(p):p;c.push(w.createElement("a",{key:d,href:m,target:"_blank"},"".concat(p))),d=l.lastIndex}return d<n.content.length&&c.push(n.content.substring(d)),w.createElement("span",{style:s,key:r,className:a},c)}function tK(e){var t,n,r=e.className,o=e.useClasses,i=e.children,s=e.linkify;return w.createElement("code",{className:r},(t=null!=i?i:"",void 0===(n=null!=o&&o)&&(n=!1),t=(0,D.escapeCarriageReturn)(function(e){var t=e;do t=(e=t).replace(/[^\n]\x08/gm,"");while(t.length<e.length);return e}(t)),T.ansiToJson(t,{json:!0,remove_empty:!0,use_classes:n})).map(tX.bind(null,null!=s&&s,null!=o&&o)))}var tQ=function(e){var t=e.data,n=eC();return(0,y.jsx)(y.Fragment,{children:t.map(function(e){var t=e.data,r=e.id;return(0,y.jsx)("div",{className:n("console-item",[t0]),children:(0,y.jsx)(tK,{children:t})},r)})})},t0=ev({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"}}),t1="https://codesandbox.io/api/v1/sandboxes/define",t3=function(e,t){var n,r=Object.keys(e).reduce(function(t,n){var r,o=n.replace("/",""),i={content:e[n].code,isBinary:!1};return P(P({},t),((r={})[o]=i,r))},{});return n=P({files:r},t?{template:t}:null),H.compressToBase64(JSON.stringify(n)).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")},t2=function(e){var t=te().sandpack;return t.exportOptions?(0,y.jsx)(t6,P({state:t},e)):(0,y.jsx)(t5,P({state:t},e))},t6=function(e){var t=e.children,n=e.state,r=z(e,["children","state"]);return(0,y.jsx)("button",P({onClick:function(){return J(void 0,void 0,void 0,function(){var e,t,r;return U(this,function(o){switch(o.label){case 0:if(!(null===(r=n.exportOptions)||void 0===r?void 0:r.apiToken))throw Error("Missing `apiToken` property");return e=Object.keys(n.files).reduce(function(e,t){var r,o=t.replace("/","");return P(P({},e),((r={})[o]=n.files[t],r))},{}),[4,fetch("https://api.codesandbox.io/sandbox",{method:"POST",body:JSON.stringify({template:n.environment,files:e,privacy:"public"===n.exportOptions.privacy?0:2}),headers:{Authorization:"Bearer ".concat(n.exportOptions.apiToken),"Content-Type":"application/json","X-CSB-API-Version":"2023-07-01"}})];case 1:return[4,o.sent().json()];case 2:return t=o.sent(),window.open("https://codesandbox.io/p/sandbox/".concat(t.data.alias,"?file=/").concat(n.activeFile,"&utm-source=storybook-addon"),"_blank"),[2]}})})},title:"Export to workspace in CodeSandbox",type:"button"},r,{children:t}))},t5=function(e){var t,n,r,o=e.children,i=e.state,s=z(e,["children","state"]),a=w.useRef(null),c=w.useState(),l=c[0],d=c[1];return(w.useEffect(function(){var e=setTimeout(function(){d(new URLSearchParams({parameters:t3(i.files,i.environment),query:new URLSearchParams({file:i.activeFile,utm_medium:"sandpack"}).toString()}))},600);return function(){clearTimeout(e)}},[i.activeFile,i.environment,i.files]),(null!==(r=null===(n=null===(t=null==l?void 0:l.get)||void 0===t?void 0:t.call(l,"parameters"))||void 0===n?void 0:n.length)&&void 0!==r?r:0)>1500)?(0,y.jsxs)("button",P({onClick:function(){var e;return null===(e=a.current)||void 0===e?void 0:e.submit()},title:"Open in CodeSandbox",type:"button"},s,{children:[(0,y.jsxs)("form",{ref:a,action:t1,method:"POST",style:{visibility:"hidden"},target:"_blank",children:[(0,y.jsx)("input",{name:"environment",type:"hidden",value:"node"===i.environment?"server":i.environment}),Array.from(l,function(e){var t=e[0],n=e[1];return(0,y.jsx)("input",{name:t,type:"hidden",value:n},t)})]}),o]})):(0,y.jsx)("a",P({href:"".concat(t1,"?").concat(null==l?void 0:l.toString(),"&environment=").concat("node"===i.environment?"server"

1:i.environment),rel:"noreferrer noopener",target:"_blank",title:"Open in CodeSandbox"},s,{children:o}))},t4=function(){var e=eC();return(0,y.jsxs)(t2,{className:e("button",[e("icon-standalone"),tr,tn,to]),children:[(0,y.jsx)(ee,{}),(0,y.jsx)("span",{children:"Open Sandbox"})]})},t7=ev({transform:"translate(-4px, 9px) scale(0.13, 0.13)","*":{position:"absolute",width:"96px",height:"96px"}}),t8=ev(((v={position:"absolute",right:"$space$2",bottom:"$space$2",zIndex:"$top",width:"32px",height:"32px",borderRadius:"$border$radius"})[".".concat(t7)]={display:"flex"},v[".sp-button.".concat(tr)]={display:"none"},v["&:hover .sp-button.".concat(tr)]={display:"flex"},v["&:hover .sp-button.".concat(tr," > span")]={display:"none"},v["&:hover .".concat(t7)]={display:"none"},v)),t9=eh({"0%":{transform:"rotateX(-25.5deg) rotateY(45deg)"},"100%":{transform:"rotateX(-25.5deg) rotateY(405deg)"}}),ne=ev({animation:"".concat(t9," 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 t=e.className,n=e.showOpenInCodeSandbox,r=z(e,["className","showOpenInCodeSandbox"]),o=eC();return(0,y.jsxs)("div",P({className:o("cube-wrapper",[t8,t]),title:"Open in CodeSandbox"},r,{children:[n&&(0,y.jsx)(t4,{}),(0,y.jsx)("div",{className:o("cube",[t7]),children:(0,y.jsxs)("div",{className:o("sides",[ne]),children:[(0,y.jsx)("div",{className:"top"}),(0,y.jsx)("div",{className:"right"}),(0,y.jsx)("div",{className:"bottom"}),(0,y.jsx)("div",{className:"left"}),(0,y.jsx)("div",{className:"front"}),(0,y.jsx)("div",{className:"back"})]})})]}))},nn=ev({backgroundColor:"$colors$surface1"}),nr=function(e){var t=e.clientId,n=e.loading,r=e.className,o=e.style,i=e.showOpenInCodeSandbox,s=z(e,["clientId","loading","className","style","showOpenInCodeSandbox"]),a=eC(),c=te().sandpack,l=c.runSandpack,d=c.environment,u=w.useState(!1),p=u[0],f=u[1],m=tJ(t,n),v=tV({clientId:t}),h=tq({clientId:t}).logs;return(w.useEffect(function(){var e;return(null==v?void 0:v.includes("Running"))&&(e=setTimeout(function(){f(!0)},3e3)),function(){e&&clearTimeout(e)}},[v]),"HIDDEN"===m)?null:"TIMEOUT"===m?(0,y.jsx)("div",P({className:a("overlay",[a("error"),ta,tc,tl,r])},s,{children:(0,y.jsxs)("div",{className:a("error-message",[td]),children:[(0,y.jsx)("p",{className:a("error-title",[ev({fontWeight:"bold"})]),children:"Couldn't connect to server"}),(0,y.jsx)("div",{className:a("error-message",[td]),children:(0,y.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,y.jsx)("a",{href:"mailto:[email protected]?subject=Sandpack Timeout Error",children:"email"})," ","or submit an issue on"," ",(0,y.jsx)("a",{href:"https://github.com/codesandbox/sandpack/issues",rel:"noreferrer noopener",target:"_blank",children:"GitHub."})]})}),(0,y.jsxs)("p",{className:a("error-message",[td({errorCode:!0})]),children:["ENV: ",d,(0,y.jsx)("br",{}),"ERROR: TIME_OUT"]}),(0,y.jsx)("div",{children:(0,y.jsxs)("button",{className:a("button",[a("icon-standalone"),tr,tn,to]),onClick:l,title:"Restart script",type:"button",children:[(0,y.jsx)(q,{})," ",(0,y.jsx)("span",{children:"Try again"})]})})]})})):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",P({className:a("overlay",[a("loading"),ta,nn,r]),style:P(P({},o),{opacity:"LOADING"===m||"PRE_FADING"===m?1:0,transition:"opacity ".concat(200,"ms ease-out")})},s,{children:[p&&(0,y.jsx)("div",{className:no.toString(),children:(0,y.jsx)(tQ,{data:h})}),(0,y.jsx)(nt,{showOpenInCodeSandbox:i})]})),v&&(0,y.jsx)("div",{className:ni.toString(),children:(0,y.jsx)("p",{children:v})})]})},no=ev({position:"absolute",left:0,right:0,bottom:"$space$8",overflow:"auto",opacity:.5,overflowX:"hidden"}),ni=ev({position:"absolute",left:"$space$5",bottom:"$space$4",zIndex:"$top",color:"$colors$clickable",animation:"".concat(ts," 150ms ease"),fontFamily:"$font$mono",fontSize:".8em",width:"75%",p:{whiteSpace:"nowrap",margin:0,textOverflow:"ellipsis",overflow:"hidden"}}),ns=function(e){var t=tV({timeout:3e3,clientId:e.clientId});return t?(0,y.jsx)("div",{className:na.toString(),children:(0,y.jsx)("p",{children:t})}):null},na=ev({position:"absolute",left:"$space$5",bottom:"$space$4",zIndex:"$top",color:"$colors$clickable",animation:"".concat(ts," 150ms ease"),fontFamily:"$font$mono",fontSize:".8em",width:"75%",p:{whiteSpace:"nowrap",margin:0,textOverflow:"ellipsis",overflow:"hidden"}}),nc=ev({borderRadius:"0",width:"100%",padding:0,marginBottom:"$space$2",span:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},svg:{marginRight:"$space$1"}}),nl=function(e){var t=e.selectFile,n=e.path,r=e.active,o=e.onClick,i=e.depth,s=e.isDirOpen,a=eC(),c=n.split("/").filter(

1Boolean).pop();return jsxs("button",{className:a("button",[a("explorer"),tr,nc]),"data-active":r,onClick:function(e){t&&t(n),null==o||o(e)},style:{paddingLeft:18*i+"px"},title:c,type:"button",children:[t?jsx(er,{}):s?jsx(et,{}):jsx(en,{}),jsx("span",{children:c})]})},nd=function(e){var t=e.prefixedPath,n=e.files,r=e.selectFile,o=e.activeFile,i=e.depth,s=e.autoHiddenFiles,a=e.visibleFiles,c=e.initialCollapsedFolder,l=React.useState(!(null==c?void 0:c.includes(t))),d=l[0],u=l[1];return jsxs("div",{children:[jsx(nl,{depth:i,isDirOpen:d,onClick:function(){return u(function(e){return!e})},path:t+"/"}),d&&jsx(np,{activeFile:o,autoHiddenFiles:s,depth:i+1,files:n,initialCollapsedFolder:c,prefixedPath:t,selectFile:r,visibleFiles:a})]},t)},nu=function(e){var t=e.autoHiddenFiles,n=e.visibleFiles,r=e.files,o=e.prefixedPath,i=n.length>0,s=t&&!i,a=t&&!!i,c=Object.keys(r).filter(function(e){var t,i=e.startsWith(o);return a?i&&n.includes(e):s?i&&!(null===(t=r[e])||void 0===t?void 0:t.hidden):i}).map(function(e){return e.substring(o.length)}),l=new Set(c.filter(function(e){return e.includes("/")}).map(function(e){return"".concat(o).concat(e.split("/")[0],"/")})),d=c.filter(function(e){return!e.includes("/")}).map(function(e){return"".concat(o).concat(e)});return{directories:Array.from(l),modules:d}},np=function(e){var t=e.depth,n=void 0===t?0:t,r=e.activeFile,o=e.selectFile,i=e.prefixedPath,s=e.files,a=e.autoHiddenFiles,c=e.visibleFiles,l=e.initialCollapsedFolder,d=nu({visibleFiles:c,autoHiddenFiles:a,prefixedPath:i,files:s}),u=d.directories,p=d.modules;return jsxs("div",{children:[u.map(function(e){return jsx(nd,{activeFile:r,autoHiddenFiles:a,depth:n,files:s,initialCollapsedFolder:l,prefixedPath:e,selectFile:o,visibleFiles:c},e)}),p.map(function(e){return jsx(nl,{active:r===e,depth:n,path:e,selectFile:o},e)})]})};ev({padding:"$space$3",overflow:"auto",height:"100%"});var nf=function(e){var t=e.match(/(https?:\/\/.*?)\//);return t&&t[1]?[t[1],e.replace(t[1],"")]:[e,"/"]},nm=ev({display:"flex",alignItems:"center",height:"$layout$headerHeight",borderBottom:"1px solid $colors$surface2",padding:"$space$3 $space$2",background:"$colors$surface1"}),nv=ev({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"}}),nh=function(e){var t,n=e.clientId,r=e.onURLChange,o=e.className,i=e.startRoute,s=z(e,["clientId","onURLChange","className","startRoute"]),a=w.useState(""),c=a[0],l=a[1],d=te(),u=d.sandpack,p=d.dispatch,f=d.listen,m=w.useState(null!==(t=null!=i?i:u.startRoute)&&void 0!==t?t:"/"),v=m[0],h=m[1],g=w.useState(!1),b=g[0],x=g[1],j=w.useState(!1),$=j[0],C=j[1],k=eC();w.useEffect(function(){var e=f(function(e){if("urlchange"===e.type){var t=e.url,n=e.back,r=e.forward,o=nf(t),i=o[0],s=o[1];l(i),h(s),x(n),C(r)}},n);return function(){return e()}},[]);var S=k("button",[k("icon"),tr,ti,ev({minWidth:"$space$6",justifyContent:"center"})]);return(0,y.jsxs)("div",P({className:k("navigator",[nm,o])},s,{children:[(0,y.jsx)("button",{"aria-label":"Go back one page",className:S,disabled:!b,onClick:function(){p({type:"urlback"})},type:"button",children:(0,y.jsx)(G,{})}),(0,y.jsx)("button",{"aria-label":"Go forward one page",className:S,disabled:!$,onClick:function(){p({type:"urlforward"})},type:"button",children:(0,y.jsx)(X,{})}),(0,y.jsx)("button",{"aria-label":"Refresh page",className:S,onClick:function(){p({type:"refresh"})},type:"button",children:(0,y.jsx)(K,{})}),(0,y.jsx)("input",{"aria-label":"Current Sandpack URL",className:k("input",[nv]),name:"Current Sandpack URL",onChange:function(e){h(e.target.value.startsWith("/")?e.target.value:"/".concat(e.target.value))},onKeyDown:function(e){"Enter"===e.code&&(e.preventDefault(),e.stopPropagation(),"function"==typeof r&&r(c+e.currentTarget.value))},type:"text",value:v})]}))},ng=ev(((h={flex:1,display:"flex",flexDirection:"column",background:"white",overflow:"auto",position:"relative"})[".".concat("sp","-bridge-frame")]={border:0,position:"absolute",left:"$space$2",bottom:"$space$2",zIndex:"$top",height:12,width:"30%",mixBlendMode:"multiply",pointerEvents:"none"},h)),nb=ev({border:"0",outline:"0",width:"100%",height:"100%",minHeight:"160px",maxHeight:"2000px",flex:1}),nx=ev({display:"flex",position:"absolute",bottom:"$space$2",right:"$space$2",zIndex:"$overlay",gap:"$space$2"}),ny=w.forwardRef(function(e,t){var n=e.showNavigator,r=void 0!==n&&n,o=e.showRefreshButton,i=e.showOpenInCodeSandbox,s=void 0===i||i,a=e.showSandpackErrorOverlay;e.showOpenNewtab;

1var c=e.showRestartButton,l=e.actionsChildren,d=void 0===l?(0,y.jsx)(y.Fragment,{}):l,u=e.children,p=e.className,f=e.startRoute,m=void 0===f?"/":f,v=z(e,["showNavigator","showRefreshButton","showOpenInCodeSandbox","showSandpackErrorOverlay","showOpenNewtab","showRestartButton","actionsChildren","children","className","startRoute"]),h=t_({startRoute:m}),g=h.sandpack,b=h.listen,x=h.iframe,j=h.getClient,$=h.clientId,C=h.dispatch,k=w.useState(null),S=k[0],N=k[1],O=g.status,E=tU($).refresh,M=tW($).restart,A=eC();return w.useEffect(function(){return b(function(e){"resize"===e.type&&N(e.height)})},[]),w.useImperativeHandle(t,function(){return{clientId:$,getClient:j}},[j,$]),(0,y.jsxs)(tw,P({className:A("preview",[p])},v,{children:[r&&(0,y.jsx)(nh,{clientId:$,onURLChange:function(e){x.current&&(x.current.src=e)},startRoute:m}),(0,y.jsxs)("div",{className:A("preview-container",[ng]),children:[(0,y.jsx)("iframe",{ref:x,className:A("preview-iframe",[nb]),style:{height:S||void 0},title:"Sandpack Preview"}),(0,y.jsxs)("div",{className:A("preview-actions",[nx]),children:[d,(void 0===c||c)&&"node"===g.environment&&(0,y.jsx)(tg,{onClick:M,children:(0,y.jsx)(q,{})}),!r&&(void 0===o||o)&&"running"===O&&(0,y.jsx)(tg,{onClick:E,children:(0,y.jsx)(K,{})}),g.teamId&&(0,y.jsx)("button",{className:A("button",[A("icon-standalone"),tr,tn,to]),onClick:function(){return C({type:"sign-out"})},title:"Sign out",type:"button",children:(0,y.jsx)(V,{})}),s&&(0,y.jsx)(t4,{})]}),(0,y.jsx)(nr,{clientId:$,showOpenInCodeSandbox:s}),(void 0===a||a)&&(0,y.jsx)(tG,{}),u]})]}))});ev(((g={display:"flex",flexDirection:"column",width:"100%",position:"relative",overflow:"auto",minHeight:"160px",flex:1})[".".concat("sp","-stack")]={height:"100%"},g));var nw=ev({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"}),nj=ev({display:"flex",flexDirection:"row",alignItems:"center",gap:"$space$2"}),n$=function(e){var t=e.status,n=e.suiteOnly,r=e.setSuiteOnly,o=e.setVerbose,i=e.verbose,s=e.watchMode,a=e.setWatchMode,c=e.showSuitesOnly,l=e.showWatchButton,d=e.showVerboseButton,u=e.hideTestsAndSupressLogs,p=eC(),f=p("test-header-button",[tr,to,ev({padding:"$space$1 $space$3"})]);return(0,y.jsxs)("div",{className:p("test-header",[nw,nj]),children:[(0,y.jsx)("div",{className:p("test-header-wrapper",[nj]),children:(0,y.jsxs)("p",{className:p("test-header-title",[ev({lineHeight:1,margin:0,color:"$colors$base",fontSize:"$font$size",display:"flex",alignItems:"center",gap:"$space$2"})]),children:[(0,y.jsx)(ei,{}),"Tests"]})}),(0,y.jsxs)("div",{className:p("test-header-actions",[nj]),children:[c&&(0,y.jsx)("button",{className:f,"data-active":n,disabled:"initialising"===t,onClick:r,type:"button",children:"Suite only"}),d&&(0,y.jsx)("button",{className:f,"data-active":i,disabled:"initialising"===t||u,onClick:o,type:"button",children:"Verbose"}),l&&(0,y.jsx)("button",{className:f,"data-active":s,disabled:"initialising"===t,onClick:a,type:"button",children:"Watch"})]})]})},nC=function(e){var t=e.onClick;return(0,y.jsx)(tg,{onClick:t,title:"Run tests",children:(0,y.jsx)(Y,{})})},nk=ev({variants:{status:{pass:{color:"var(--test-pass)"},fail:{color:"var(--test-fail)"},skip:{color:"var(--test-skip)"},title:{color:"var(--test-title)"}}}}),nS=nk({status:"pass"}),nN=nk({status:"fail"}),nO=nk({status:"skip"}),nE=nk({status:"title"}),nM=ev({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"}}}}),nA=nM({status:"run"}),nL=nM({status:"pass"}),nF=nM({status:"fail"}),nR=ev({marginLeft:"$space$4"}),nI=ev({marginBottom:"$space$2",color:"$colors$clickable"}),nT=ev({marginBottom:"$space$2",color:"$colors$hover"}),nD=ev({marginLeft:"$space$2"}),nH=ev({marginRight:"$space$2"}),nB=function(e){var t=e.tests;e.style;var n=eC();return(0,y.jsx)("div",{className:n("test",[nR]),children:t.map(function(e){return(0,y.jsxs)("div",{className:n("test-result",[nI]),children:["pass"===e.status&&(0,y.jsx)("span",{className:n("test-pass-text",[nS,nH]),children:"â"}),"fail"===e.status&&(0,y.jsx)("span",{className:n("test-fail-text",[nN,nH]),children:"â"}),"idle"===e.status&&(0,y.jsx)("span",{className:n("test-idle-text",[nO,nH]),children:"â"}),(0,y.jsx)("span",{className:n("test-name-text",[nT]),children:e.name}),void 0!==e.duration&&(0,y.jsxs)("span",{className:n("test-duration-text",[nD]),children:["(",e.duration," ms)"]})]},e.name)})})},nP=function(e){var t,n,r;return(t=Object.values(null!==(n=e.tests)&&void 0!==n?n:{})).concat.apply(t,Object.values(null!==(r=e.describes)&&void 0!==r?r:{}).map(nP))},nz=function(e){return nP(e).reduce(function(e,t){return{pass:"pass"===t.status?e.pass+1:e.pass,fail:"fail"===t.status?e.fail+1:e.fail,skip:"idle"===t.status||"running"===t.status?e.skip+1:e.skip,total:e.total+1}},{pass:0,fail:0,skip:0,total:0})},nJ=function(e){var t,n;return 0===Object.values(null!==(t=e.describes)&&void 0!==t?t:{}).length&&0===Object.values(null!==(n=e.tests)&&void 0!==n?n:{}).length},nU=function(e){var t=e.length-1;return[e.slice(0,t),e[t]]},n_=function(e,t){return e.map(t).reduce(function(e,t){return e.concat(t)},[])},nW=function(e,t){return function(n){return(0,B.Z)(n,e,t)}},nZ=ev({color:"$colors$hover",marginBottom:"$space$2"}),nV=ev({marginLeft:"$space$4"}),nq=function(e){var t=e.describes,n=eC();return(0,y.jsx)(y.Fragment,{children:t.map(function(e){if(nJ(e))return null;var t,r,o=Object.values(null!==(t=e.tests)&&void 0!==t?t:{}),i=Object.values(null!==(r=e.describes)&&void 0!==r?r:{});return(0,y.jsxs)("div",{className:n("test-describe",[nV]),children:[(0,y.jsx)("div",{className:n("test-name",[nZ]),children:e.name}),(0,y.jsx)(nB,{tests:o}),(0,y.jsx)(nq,{describes:i})]},e.name)})})},nY=ev({color:"$colors$hover",fontSize:"$font$size",padding:"$space$2",whiteSpace:"pre-wrap"}),nG=function(e){var t=e.error,n=e.path,r=eC();return(0,y.jsx)("div",{className:r("test-error",[nY]),dangerouslySetInnerHTML:{__html:nK(t,n)}})},nX=function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")},nK=function(e,t){var n,r,o="";if(o=e.matcherResult?"<span>".concat(nX(null!==(n=e.message)&&void 0!==n?n:"").replace(/(expected)/m,'<span class="'.concat(nS,'">$1</span>')).replace(/(received)/m,'<span class="'.concat(nN,'">$1</span>')).replace(/(Difference:)/m,"<span>$1</span>").replace(/(Expected:)(.*)/m,'<span>$1</span><span class="'.concat(nS,'">$2</span>')).replace(/(Received:)(.*)/m,'<span>$1</span><span class="'.concat(nN,'">$2</span>')).replace(/^(-.*)/gm,'<span class="'.concat(nN,'">$1</span>')).replace(/^(\+.*)/gm,'<span class="'.concat(nS,'">$1</span>')),"</span>"):nX(null!==(r=e.message)&&void 0!==r?r:""),e.mappedErrors&&e.mappedErrors[0]&&e.mappedErrors[0].fileName.endsWith(t)&&e.mappedErrors[0]._originalScriptCode){var i=e.mappedErrors[0]._originalScriptCode||[],s=Math.max.apply(Math,i.map(function(e){return(e.lineNumber+"").length}))+2,a=Array.from({length:s}).map(function(){return" "});o+="<br /><br /><div>",i.filter(function(e){return e.content.trim()}

1).forEach(function(e){var t=(e.lineNumber+"").length,n=_([],a,!0);n.length-=t,e.highlight&&(n.length-=2);var r=e.content.indexOf(".to"),i=Array.from({length:a.length+r-(s-1)},function(){return" "}),c=nX(e.content).replace(/(describe|test|it)(\()(&#039;|&quot;|`)(.*)(&#039;|&quot;|`)/m,'<span>$1$2$3</span><span class="'.concat(nE,'">$4</span><span>$5</span>')).replace(/(expect\()(.*)(\)\..*)(to[\w\d]*)(\()(.*)(\))/m,'<span>$1</span><span class="'.concat(nN,'">$2</span><span>$3</span><span style="text-decoration: underline; font-weight: 900">$4</span><span>$5</span><span class="').concat(nS,'">$6</span><span>$7</span>'));o+="<div ".concat(e.highlight?'style="font-weight:200;"':"",">")+(e.highlight?'<span class="'.concat(nN,'">></span> '):"")+n.join("")+nX(""+e.lineNumber)+" | "+c+"</div>"+(e.highlight?"<div>"+a.join("")+" | "+i.join("")+'<span class="'.concat(nN,'">^</span>')+"</div>":"")}),o+="</div>"}return o.replace(/(?:\r\n|\r|\n)/g,"<br />")},nQ=ev({display:"flex",flexDirection:"row",alignItems:"center",marginBottom:"$space$2"}),n0=ev({marginBottom:"$space$2"}),n1=ev({fontWeight:"bold"}),n3=ev({borderRadius:"calc($border$radius / 2)"}),n2=ev({padding:"$space$1 $space$2",fontFamily:"$font$mono",textTransform:"uppercase",marginRight:"$space$2"}),n6=ev({fontFamily:"$font$mono",cursor:"pointer",display:"inline-block"}),n5=ev({color:"$colors$clickable",textDecorationStyle:"dotted",textDecorationLine:"underline"}),n4=ev({color:"$colors$hover",fontWeight:"bold",textDecorationStyle:"dotted",textDecorationLine:"underline"}),n7=function(e){var t=e.specs,n=e.openSpec,r=e.status,o=e.verbose,i=e.hideTestsAndSupressLogs,s=eC();return(0,y.jsx)(y.Fragment,{children:t.map(function(e){if(e.error)return(0,y.jsxs)("div",{className:s("test-spec",[n0]),children:[(0,y.jsx)(n8,{className:s("test-spec-error",[n3,nF]),children:"Error"}),(0,y.jsx)(n9,{onClick:function(){return n(e.name)},path:e.name}),(0,y.jsx)(nG,{error:e.error,path:e.name})]},e.name);if(nJ(e))return null;var t=Object.values(e.tests),a=Object.values(e.describes),c=nz(e);return(0,y.jsxs)("div",{className:s("test-spec-name",[n0]),children:[(0,y.jsxs)("div",{className:s("test-spec-name-container",[nQ]),children:["complete"===r?c.fail>0?(0,y.jsx)(n8,{className:s("test-spec-complete",[n3,nF]),children:"Fail"}):(0,y.jsx)(n8,{className:s("test-spec-pass",[n3,nL]),children:"Pass"}):(0,y.jsx)(n8,{className:s("test-spec-run",[n3,nA]),children:"Run"}),(0,y.jsx)(n9,{onClick:function(){i||n(e.name)},path:e.name})]}),o&&!i&&(0,y.jsx)(nB,{tests:t}),o&&!i&&(0,y.jsx)(nq,{describes:a}),!i&&nP(e).filter(function(e){return"fail"===e.status}).map(function(e){return(0,y.jsxs)("div",{className:s("test-spec-error",[n0]),children:[(0,y.jsxs)("div",{className:s("test-spec-error-text",[n1,nN]),children:["â ",e.blocks.join(" âº ")," âº ",e.name]}),e.errors.map(function(t){return(0,y.jsx)(nG,{error:t,path:e.path},"failing-".concat(e.name,"-error"))})]},"failing-".concat(e.name))})]},e.name)})})},n8=function(e){var t=e.children,n=e.className,r=eC();return(0,y.jsx)("span",{className:r("test-spec-label",[n2,n]),children:t})},n9=function(e){var t=e.onClick,n=e.path.split("/"),r=n.slice(0,n.length-1).join("/")+"/",o=n[n.length-1],i=eC();return(0,y.jsxs)("button",{className:i("test-filename",[tr,n6]),onClick:t,type:"button",children:[(0,y.jsx)("span",{className:i("test-filename-base",[n5]),children:r}),(0,y.jsx)("span",{className:i("test-filename-file",[n4]),children:o})]})},re=ev({marginBottom:"$space$2"}),rt=ev({fontWeight:"bold",color:"$colors$hover",whiteSpace:"pre-wrap"}),rn=ev({fontWeight:"bold",color:"$colors$clickable"}),rr=function(e){var t=e.suites,n=e.tests,r=e.duration,o="Test suites: ",i=function(e){var t=Array.from({length:o.length-e.length},function(){return" "}).join("");return e+t},s=eC();return(0,y.jsxs)("div",{className:s("test-summary",[rn]),children:[(0,y.jsxs)("div",{className:s("test-summary",[re]),children:[(0,y.jsx)("span",{className:s("test-summary-suites-label",[rt]),children:o}),t.fail>0&&(0,y.jsxs)("span",{className:s("test-summary-suites-fail",[nN]),children:[t.fail," failed,"," "]}),t.pass>0&&(0,y.jsxs)("span",{className:s("test-summary-suites-pass",[nS]),children:[t.pass," passed,"," "]}),(0,y.jsxs)("span",{children:[t.total," total"]})]}),(0,y.jsxs)("div",{className:s("test-summary",[re]),children:[(0,y.jsx)("span",{className:s("test-summary-label",[rt]),children:i("Tests:")}),n.fail>0&&(0,y.jsxs)("span",{className:s("test-summary-fail",[nN]),children:[n.fail," failed,"," "]}),n.skip>0&&(0,y.jsxs)("span",{className:s("test-summary-skip",[nO]),children:[n.skip," skipped,"," "]}),n.pass>0&&(0,y.jsxs)("span",{className:s("test-summary-pass",[nS]),children:[n.pass," passed,"," "]}),(0,y.jsxs)("span",{children:[n.total," total"]})]}),(0,y.jsxs)("div",{className:s("test-summary-curation",[rt]),children:[i("Time:"),r/1e3,"s"]})]})},ro=ev({display:"flex",position:"absolute",bottom:"$space$2",right:"$space$2",zIndex:"$overlay","> *":{marginLeft:"$space$2"}}),ri={specs:{},status:"initialising",verbose:!1,watchMode:!0,suiteOnly:!1,specsCount:0},rs=function(e){var t,n=e.verbose,r=e.watchMode,o=e.style,i=e.className,s=e.onComplete,a=e.actionsChildren,c=e.showVerboseButton,l=e.showWatchButton,d=e.hideTestsAndSupressLogs,u=void 0!==d&&d,p=z(e,["verbose","watchMode","style","className","onComplete","actionsChildren","showVerboseButton","showWatchButton","hideTestsAndSupressLogs"]),f=tj(),m=t_(),v=m.getClient,h=m.iframe,g=m.listen,b=m.sandpack,x=w.useState(P(P({}

1,ri),{verbose:void 0!==n&&n,watchMode:void 0===r||r})),j=x[0],$=x[1],C=w.useCallback(function(){$(function(e){return P(P({},e),{status:"running",specs:{}})});var e=v();e&&e.dispatch({type:"run-all-tests"})},[v]),k=w.useCallback(function(){$(function(e){return P(P({},e),{status:"running",specs:{}})});var e=v();e&&e.dispatch({type:"run-tests",path:b.activeFile})},[v,b.activeFile]),S=/.*\.(test|spec)\.[tj]sx?$/,N=null!==b.activeFile.match(S);w.useEffect(function(){var e=[],t="";return g(function(n){if(!j.suiteOnly||(!("path"in n)||n.path===b.activeFile)&&(!("test"in n)||!("path"in n.test)||n.test.path===b.activeFile)){if("action"===n.type&&"clear-errors"===n.action&&"jest"===n.source){t=n.path;return}if("test"===n.type){if("initialize_tests"===n.event)return(e=[],t="",j.watchMode)?C():$(function(e){return P(P({},e),{status:"idle",specs:{}})});if("test_count"===n.event)return $(function(e){return P(P({},e),{specsCount:n.count})});if("total_test_start"===n.event)return e=[],$(function(e){return P(P({},e),{status:"running"})});if("total_test_end"===n.event)return $(function(e){return void 0!==s&&s(e.specs),P(P({},e),{status:"complete"})});if("add_file"===n.event)return $(nW(["specs",n.path],{describes:{},tests:{},name:n.path}));if("remove_file"===n.event)return $(function(e){var t=Object.entries(e.specs).reduce(function(e,t){var r,o=t[0],i=t[1];return o===n.path?e:P(P({},e),((r={})[o]=i,r))},{});return P(P({},e),{specs:t})});if("file_error"===n.event)return $(nW(["specs",n.path,"error"],n.error));if("describe_start"===n.event){e.push(n.blockName);var r=nU(e),o=r[0],i=r[1],a=t;if(void 0===i)return;return $(nW(_(_(["specs",a,"describes"],n_(o,function(e){return[e,"describes"]}),!0),[i],!1),{name:n.blockName,tests:{},describes:{}}))}if("describe_end"===n.event){e.pop();return}if("add_test"===n.event){var c=nU(e),o=c[0],i=c[1],l={status:"idle",errors:[],name:n.testName,blocks:_([],e,!0),path:n.path};return void 0===i?$(nW(["specs",n.path,"tests",n.testName],l)):$(nW(_(_(["specs",n.path,"describes"],n_(o,function(e){return[e,"describes"]}),!0),[i,"tests",n.testName],!1),l))}if("test_start"===n.event){var d=n.test,u=nU(d.blocks),o=u[0],i=u[1],p={status:"running",name:d.name,blocks:d.blocks,path:d.path,errors:[]};return void 0===i?$(nW(["specs",d.path,"tests",d.name],p)):$(nW(_(_(["specs",d.path,"describes"],n_(o,function(e){return[e,"describes"]}),!0),[i,"tests",d.name],!1),p))}if("test_end"===n.event){var f=n.test,m=nU(f.blocks),o=m[0],i=m[1],v={status:f.status,errors:f.errors,duration:f.duration,name:f.name,blocks:f.blocks,path:f.path};return void 0===i?$(nW(["specs",f.path,"tests",f.name],v)):$(nW(_(_(["specs",f.path,"describes"],n_(o,function(e){return[e,"describes"]}),!0),[i,"tests",f.name],!1),v))}}}})},[j.suiteOnly,j.watchMode,b.activeFile]),w.useEffect(function(){return g(function(e){"done"===e.type&&j.watchMode&&(N?k():C())})},[k,C,j.watchMode,N]);var O=Object.values(j.specs),E=n_(O,nP).reduce(function(e,t){return e+(t.duration||0)},0),M=O.map(nz).reduce(function(e,t){return{pass:e.pass+t.pass,fail:e.fail+t.fail,skip:e.skip+t.skip,total:e.total+t.total}},{pass:0,skip:0,fail:0,total:0}),A=O.filter(function(e){var t,n;return Object.values(null!==(t=e.describes)&&void 0!==t?t:{}).length>0||Object.values(null!==(n=e.tests)&&void 0!==n?n:{}).length>0}).map(nz).reduce(function(e,t){return{pass:e.pass+(0===t.fail?1:0),fail:e.fail+(t.fail>0?1:0),total:e.total+1}},{pass:0,fail:0,total:0}),L=eC();return(0,y.jsxs)(tw,P({className:L("tests",[i]),style:P(P({},{"--test-pass":(t="dark"===f.themeMode)?"#18df16":"#15c213","--test-fail":t?"#df162b":"#c21325","--test-skip":t?"#eace2b":"#c2a813","--test-run":t?"#eace2b":"#c2a813","--test-title":t?"#3fbabe":"#256c6f"}),o)},p,{children:[(0,y.jsx)("iframe",{ref:h,style:{display:"none"},title:"Sandpack Tests"}),(0,y.jsx)(n$,{hideTestsAndSupressLogs:u,setSuiteOnly:function(){return $(function(e){return P(P({},e),{suiteOnly:!e.suiteOnly})})},setVerbose:function(){return $(function(e){return P(P({},e),{verbose:!e.verbose})})},setWatchMode:function(){$(function(e){return P(P({},e),{watchMode:!e.watchMode})})},showSuitesOnly:j.specsCount>1,showVerboseButton:void 0===c||c,showWatchButton:void 0===l||l,status:j.status,suiteOnly:j.suiteOnly,verbose

1:j.verbose,watchMode:j.watchMode}),"running"===j.status||"initialising"===j.status?(0,y.jsx)(nt,{showOpenInCodeSandbox:!1}):(0,y.jsxs)("div",{className:ro.toString(),children:[a,(0,y.jsx)(nC,{onClick:j.suiteOnly?k:C})]}),(0,y.jsx)("div",{className:ra.toString(),children:0===O.length&&"complete"===j.status?(0,y.jsxs)("div",{className:rc.toString(),children:[(0,y.jsx)("p",{children:"No test files found."}),(0,y.jsxs)("p",{children:["Test match:"," ",(0,y.jsx)("span",{className:nN.toString(),children:S.toString()})]})]}):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(n7,{hideTestsAndSupressLogs:u,openSpec:function(e){b.setActiveFile(e)},specs:O,status:j.status,verbose:j.verbose}),"complete"===j.status&&M.total>0&&(0,y.jsx)(rr,{duration:E,suites:A,tests:M})]})})]}))},ra=ev({padding:"$space$4",height:"100%",overflow:"auto",display:"flex",flexDirection:"column",position:"relative",fontFamily:"$font$mono"}),rc=ev({fontWeight:"bold",color:"$colors$base"}),rl=["SyntaxError: ","Error in sandbox:"],rd={id:"random",method:"clear",data:["Console was cleared"]},ru=function(){if("undefined"!=typeof globalThis)return globalThis;if("undefined"!=typeof window)return window;if("undefined"!=typeof global)return global;if("undefined"!=typeof self)return self;throw Error("Unable to locate global object")}(),rp="function"==typeof ArrayBuffer,rf="function"==typeof Map,rm="function"==typeof Set;(r=b||(b={}

1))[r.infinity=0]="infinity",r[r.minusInfinity=1]="minusInfinity",r[r.minusZero=2]="minusZero";var rv={Arithmetic:function(e){return e===b.infinity?1/0:e===b.minusInfinity?-1/0:e===b.minusZero?-0:e},HTMLElement:function(e){var t=document.implementation.createHTMLDocument("sandbox");try{var n=t.createElement(e.tagName);n.innerHTML=e.innerHTML;for(var r=0,o=Object.keys(e.attributes);r<o.length;r++){var i=o[r];try{n.setAttribute(i,e.attributes[i])}catch(e){}}return n}catch(t){return e}},Function:function(e){var t=function(){};return Object.defineProperty(t,"toString",{value:function(){return"function ".concat(e.name,"() {").concat(e.body,"}")}}),t},"[[NaN]]":function(){return NaN},"[[undefined]]":function(){},"[[Date]]":function(e){var t=new Date;return t.setTime(e),t},"[[RegExp]]":function(e){return new RegExp(e.src,e.flags)},"[[Error]]":function(e){var t=new(ru[e.name]||Error)(e.message);return t.stack=e.stack,t},"[[ArrayBuffer]]":function(e){if(rp){var t=new ArrayBuffer(e.length);return new Int8Array(t).set(e),t}return e},"[[TypedArray]]":function(e){return"function"==typeof ru[e.ctorName]?new ru[e.ctorName](e.arr):e.arr},"[[Map]]":function(e){if(rf){for(var t=new Map,n=0;n<e.length;n+=2)t.set(e[n],e[n+1]);return t}for(var r=[],o=0;o<e.length;o+=2)r.push([e[n],e[n+1]]);return r},"[[Set]]":function(e){if(rm){for(var t=new Set,n=0;n<e.length;n++)t.add(e[n]);return t}return e}},rh=function(e){var t;if("string"==typeof e||"number"==typeof e||null===e);else if(Array.isArray(e))return e.map(rh);else if("object"==typeof e&&"@t"in e){var n=e["@t"],r=rv[n];return r(e.data)}else if("object"==typeof e&&"#@t"in e){var n=e["#@t"],r=rv[n];return r(e.data)}else if("object"==typeof e&&(null===(t=e.constructor)||void 0===t?void 0:t.name)==="NodeList"){var o={};return Object.entries(e).forEach(function(e){var t=e[0],n=e[1];o[t]=rh(n)}),o}return e},rg=function(e,t,n){var r=e.reduce(function(e,r,o){return"".concat(e).concat(o?", ":"").concat(rx(r,t,n))},"");return"[".concat(r,"]")},rb=function(e,t,n){var r="Object"!==e.constructor.name?"".concat(e.constructor.name," "):"";if(n>2)return r;var o=Object.entries(e),i=Object.entries(e).reduce(function(e,r,i){var s=r[0],a=r[1],c=o.length>10?"\n  ":"",l=rx(a,t,n);return 400===i?e+c+"...":i>400?e:e+"".concat(0===i?"":", ").concat(c).concat(s,": ")+l},"");return"".concat(r,"{ ").concat(i).concat(o.length>10?"\n":" ","}")},rx=function(e,t,n){var r;void 0===n&&(n=0);try{var o=rh(e);if(Array.isArray(o))return rg(o,t,n+1);switch(typeof o){case"string":return'"'.concat(o,'"').slice(0,1e4);case"number":case"function":case"symbol":return o.toString();case"boolean":return String(o);case"undefined":return"undefined";default:if(o instanceof RegExp||o instanceof Error||o instanceof Date)return o.toString();if(null===o)return String(null);if(o instanceof HTMLElement)return o.outerHTML.slice(0,1e4);if(0===Object.entries(o).length)return"{}";if("@r"in o){if(n>2)return"Unable to print information";var i=t[o["@r"]];return rx(i,t,n+1)}if((null===(r=o.constructor)||void 0===r?void 0:r.name)==="NodeList"){var s=o.length,a=Array(s).fill(null).map(function(e,n){return rx(o[n],t)});return"NodeList(".concat(o.length,")[").concat(a,"]")}return rb(o,t,n+1)}}catch(e){return"Unable to print information"}},ry=function(e){switch(e){case"warn":return"warning";case"clear":return"clear";case"error":return"error";default:return"info"}},rw=function(e){var t=e.data,n=eC();return(0,y.jsx)(y.Fragment,{children:t.map(function(e,t,r){var o=e.data,i=e.id,s=e.method;return o&&Array.isArray(o)?(0,y.jsx)(w.Fragment,{children:o.map(function(e,o){var a=r.slice(t,r.length);return(0,y.jsx)("div",{className:n("console-item",[rj({variant:ry(s)})]),children:(0,y.jsx)(tD,{code:"clear"===s?e:rx(e,a),fileType:"js",initMode:"user-visible",showReadOnly:!1,readOnly:!0,wrapContent:!0})},"".concat(i,"-").concat(o))})},i):null})})},rj=ev(((x={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}})[".".concat("sp","-pre-placeholder")]={margin:"0 !important",fontSize:"1em"},x.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:{}}},x)),r$=ev({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"}),rC=ev({display:"flex",flexDirection:"row",alignItems:"center",gap:"$space$2"}

1),rk=function(e){var t=e.currentTab,n=e.setCurrentTab,r=e.node,o=eC(),i=o("console-header-button",[tr,to,ev({padding:"$space$1 $space$3"})]);return(0,y.jsxs)("div",{className:o("console-header",[r$,rC]),children:[(0,y.jsxs)("p",{className:o("console-header-title",[ev({lineHeight:1,margin:0,color:"$colors$base",fontSize:"$font$size",display:"flex",alignItems:"center",gap:"$space$2"})]),children:[(0,y.jsx)(ei,{}),(0,y.jsx)("span",{children:"Terminal"})]}),r&&(0,y.jsxs)("div",{className:o("console-header-actions",[rC]),children:[(0,y.jsx)("button",{className:i,"data-active":"server"===t,onClick:function(){return n("server")},type:"button",children:"Server"}),(0,y.jsx)("button",{className:i,"data-active":"client"===t,onClick:function(){return n("client")},type:"button",children:"Client"})]})]})},rS=function(e){var t=e.clientId,n=e.maxMessageCount,r=void 0===n?800:n,o=e.showSyntaxError,i=void 0!==o&&o,s=e.resetOnPreviewRestart,a=void 0!==s&&s,c=w.useState([]),l=c[0],d=c[1],u=te().listen;return w.useEffect(function(){return u(function(e){if(a&&"start"===e.type)d([]);else if("console"===e.type&&e.codesandbox){var t=Array.isArray(e.log)?e.log:[e.log];if(t.find(function(e){return"clear"===e.method}))return d([rd]);var n=i?t:t.filter(function(e){var t,n,r;return(null!==(r=null===(n=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.filter)||void 0===n?void 0:n.call(t,function(e){return"string"!=typeof e||0===rl.filter(function(t){return e.startsWith(t)}).length}))&&void 0!==r?r:[]).length>0});if(!n)return;d(function(e){for(var t=_(_([],e,!0),n,!0).filter(function(e,t,n){return t===n.findIndex(function(t){return t.id===e.id})});t.length>r;)t.shift();return t})}},t)},[i,r,t,a]),{logs:l,reset:function(){return d([])}}},rN=w.forwardRef(function(e,t){var n,r=e.showHeader,o=e.showSyntaxError,i=e.maxMessageCount,s=e.onLogsChange,a=e.className;e.showSetupProgress;var c=e.showResetConsoleButton,l=e.showRestartButton,d=e.resetOnPreviewRestart,u=void 0!==d&&d,p=e.actionsChildren,f=void 0===p?(0,y.jsx)(y.Fragment,{}):p,m=e.standalone,v=void 0!==m&&m,h=z(e,["showHeader","showSyntaxError","maxMessageCount","onLogsChange","className","showSetupProgress","showResetConsoleButton","showRestartButton","resetOnPreviewRestart","actionsChildren","standalone"]),g=te().sandpack.environment,b=t_(),x=b.iframe,j=b.clientId,$=tW().restart,C=w.useState("node"===g?"server":"client"),k=C[0],S=C[1],N=v?j:void 0,O=rS({maxMessageCount:i,showSyntaxError:void 0!==o&&o,resetOnPreviewRestart:u,clientId:N}),E=O.logs,M=O.reset,A=tq({maxMessageCount:i,resetOnPreviewRestart:u,clientId:N}),L=A.logs,F=A.reset,R=w.useRef(null);w.useEffect(function(){null==s||s(E),R.current&&(R.current.scrollTop=R.current.scrollHeight)},[s,E,L,k]);var I="server"===k,T="node"===g;w.useImperativeHandle(t,function(){return{reset:function(){M(),F()}}});var D=eC();return(0,y.jsxs)(tw,P({className:D("console",[ev(((n={height:"100%",background:"$surface1",iframe:{display:"none"}})[".".concat("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"},n)),a])},h,{children:[(void 0===r||r)&&T&&(0,y.jsx)(rk,{currentTab:k,node:T,setCurrentTab:S}),(0,y.jsx)("div",{ref:R,className:D("console-list",[ev({overflow:"auto",scrollBehavior:"smooth"})]),children:I?(0,y.jsx)(tQ,{data:L}):(0,y.jsx)(rw,{data:E})}),(0,y.jsxs)("div",{className:D("console-actions",[ev({position:"absolute",bottom:"$space$2",right:"$space$2",display:"flex",gap:"$space$2"})]),children:[f,(void 0===l||l)&&I&&(0,y.jsx)(tg,{onClick:function(){$(),M(),F()},children:(0,y.jsx)(q,{})}),(void 0===c||c)&&(0,y.jsx)(tg,{onClick:function(){"client"===k?M():F()},children:(0,y.jsx)(Q,{})})]}),v&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(ns,{clientId:N}),(0,y.jsx)("iframe",{ref:x})]})]}))}),rO=function(e){var t,n,r,o,i,s,a,c,l=e.options,d=e.template,u=e.customSetup,p=e.files,f=e.theme,m=z(e,["options","template","customSetup","files","theme"]);null!=l||(l={}),null!==(t=l.resizablePanels)&&void 0!==t||(l.resizablePanels=!0),null!==(n=l.editorWidthPercentage)&&void 0!==n||(l.editorWidthPercentage=50),null!==(r=l.showConsole)&&void 0!==r||(l.showConsole=!1);var v=null!==(o=null==l?void 0:l.rtl)&&void 0!==o&&o,h={showTabs:l.showTabs,showLineNumbers:l.showLineNumbers,showInlineErrors:l.showInlineErrors,wrapContent:l.wrapContent,closableTabs:l.closableTabs,initMode:l.initMode,extensions:null===(i=l.codeEditor)||void 0===i?void 0:i.extensions,extensionsKeymap:null===(s=l.codeEditor)||void 0===s?void 0:s.extensionsKeymap,readOnly:l.readOnly,showReadOnly:l.showReadOnly,additionalLanguages:null===(a=l.codeEditor)||void 0===a?void 0:a.additionalLanguages},g={activeFile:l.activeFile,visibleFiles:l.visibleFiles,recompileMode:l.recompileMode,recompileDelay:l.recompileDelay,autorun:l.autorun,autoReload:l.autoReload,bundlerURL:l.bundlerURL,startRoute:l.startRoute,skipEval:l.skipEval,fileResolver:l.fileResolver,initMode:l.initMode,initModeObserverOptions:l.initModeObserverOptions,externalResources:l.externalResources,logLevel:l.logLevel,classes:l.classes,experimental_enableServiceWorker:l.experimental_enableServiceWorker,experimental_enableStableServiceWorkerId:l.experimental_enableStableServiceWorkerId},b=w.useState(l.showConsole),x=b[0],j=b[1],$=w.useState(0),C=$[0],k=$[1],S=l.showConsole||l.showConsoleButton,N=null!==(c=eK[d])&&void 0!==c?c:{}

1,O=(null==l?void 0:l.layout)?null==l?void 0:l.layout:"mode"in N?N.mode:"preview",E=l.showConsoleButton?(0,y.jsx)(rM,{counter:C,onClick:function(){return j(function(e){return!e})}}):void 0,M=w.useRef(null),A=w.useState(l.editorWidthPercentage),L=A[0],F=A[1],R=w.useState(70),I=R[0],T=R[1],D=S?tw:w.Fragment,H={flexGrow:100-L,flexShrink:100-L,flexBasis:0,width:100-L+"%",gap:x?1:0,height:l.editorHeight},B=S?{flexGrow:I,flexShrink:I,flexBasis:0,overflow:"hidden"}:H,J=function(e){if(M.current){var t=M.current.parentElement;if(t){var n="horizontal"===M.current.dataset.direction,r=t.getBoundingClientRect(),o=r.left,i=r.top,s=r.height,a=r.width,c=Math.min(Math.max(n?(e.clientX-o)/a*100:(e.clientY-i)/s*100,25),75);n?F(v?100-c:c):T(c),t.querySelectorAll(".".concat("sp","-stack")).forEach(function(e){e.style.pointerEvents="none"})}}},U=function(){var e,t=null===(e=M.current)||void 0===e?void 0:e.parentElement;t&&(t.querySelectorAll(".".concat("sp","-stack")).forEach(function(e){e.style.pointerEvents=""}),M.current=null)};w.useEffect(function(){if(null==l?void 0:l.resizablePanels)return document.body.addEventListener("mousemove",J),document.body.addEventListener("mouseup",U),function(){document.body.removeEventListener("mousemove",J),document.body.removeEventListener("mouseup",U)}},[l]),w.useEffect(function(){var e;j(null!==(e=null==l?void 0:l.showConsole)&&void 0!==e&&e)},[l.showConsole]);var _=S?{className:"sp-preset-column",style:H}:{},W=eC();return(0,y.jsx)(e9,P({customSetup:u,files:p,options:g,template:d,theme:f},m,{children:(0,y.jsxs)(tP,{className:v?W("rtl-layout",[rF]):"",children:[(0,y.jsx)(tH,P({},h,{style:{height:l.editorHeight,flexGrow:L,flexShrink:L,flexBasis:0,overflow:"hidden"}})),l.resizablePanels&&(0,y.jsx)("div",{className:W("resize-handler",[rE({direction:"horizontal"})]),"data-direction":"horizontal",onMouseDown:function(e){M.current=e.target},style:{left:"calc(".concat(v?100-L:L,"% - 5px)")}}),(0,y.jsxs)(D,P({},_,{children:["preview"===O&&(0,y.jsx)(ny,{actionsChildren:E,showNavigator:l.showNavigator,showRefreshButton:l.showRefreshButton,style:B}),"tests"===O&&(0,y.jsx)(rs,{actionsChildren:E,style:B}),"console"===O&&(0,y.jsx)(rN,{actionsChildren:E,style:B,standalone:!0}),(l.showConsoleButton||x)&&(0,y.jsxs)(y.Fragment,{children:[l.resizablePanels&&x&&(0,y.jsx)("div",{className:W("resize-handler",[rE({direction:"vertical"})]),"data-direction":"vertical",onMouseDown:function(e){M.current=e.target},style:{top:"calc(".concat(I,"% - 5px)")}}),(0,y.jsx)("div",{className:W("console-wrapper",[rL]),style:{flexGrow:x?100-I:0,flexShrink:x?100-I:0,flexBasis:0},children:(0,y.jsx)(rN,{onLogsChange:function(e){return k(e.length)},showHeader:!1})})]})]}))]})}),d)},rE=ev({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"}}),rM=function(e){var t=e.onClick,n=e.counter;return(0,y.jsxs)(tg,{className:rA.toString(),onClick:t,children:[(0,y.jsx)(ei,{}),n>0&&(0,y.jsx)("strong",{children:n})]})},rA=ev({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"}}),rL=ev({width:"100%",overflow:"hidden"}),rF=ev({flexDirection:"row-reverse","@media screen and (max-width: 768px)":{flexFlow:"wrap-reverse !important",flexDirection:"initial"}})}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.