@codesandbox/sandpack-client
Version:
<img style="width:100%" src="https://user-images.githubusercontent.com/4838076/143581035-ebee5ba2-9cb1-4fe8-a05b-2f44bd69bb4b.gif" alt="Component toolkit for live running code editing experiences" />
1 lines • 361 kB
JavaScript
!function(e){function t(t){for(var s,i,a=t[0],l=t[1],c=t[2],u=0,p=[];u<a.length;u++)i=a[u],Object.prototype.hasOwnProperty.call(r,i)&&r[i]&&p.push(r[i][0]),r[i]=0;for(s in l)Object.prototype.hasOwnProperty.call(l,s)&&(e[s]=l[s]);for(d&&d(t);p.length;)p.shift()();return o.push.apply(o,c||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],s=!0,a=1;a<n.length;a++){var l=n[a];0!==r[l]&&(s=!1)}s&&(o.splice(t--,1),e=i(i.s=n[0]))}return e}var s={},r={sandbox:0},o=[];function i(t){if(s[t])return s[t].exports;var n=s[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.e=function(e){var t=[],n=r[e];if(0!==n)if(n)t.push(n[2]);else{var s=new Promise((function(t,s){n=r[e]=[t,s]}));t.push(n[2]=s);var o,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({"css-loader":"css-loader","vendors~css-modules-loader-core":"vendors~css-modules-loader-core","css-modules-loader-core":"css-modules-loader-core","vendors~postcss-compiler~vue-style-compiler":"vendors~postcss-compiler~vue-style-compiler","vendors~postcss-compiler":"vendors~postcss-compiler","postcss-compiler":"postcss-compiler","vendors~vue-style-compiler":"vendors~vue-style-compiler","vue-style-compiler":"vue-style-compiler","vendors~react-devtools-backend":"vendors~react-devtools-backend","vendors~vue-loader~vue-selector~vue-template-compiler":"vendors~vue-loader~vue-selector~vue-template-compiler","vendors~vue-template-compiler":"vendors~vue-template-compiler","vue-template-compiler":"vue-template-compiler","vue-loader":"vue-loader","vue-selector":"vue-selector"}[e]||e)+"."+{0:"483b0f0f9",1:"390d5cd6d",2:"f916e8469",3:"732764890",6:"5df64e83c",7:"33c8239f0",8:"ae1ec3a24",9:"2553176dc","css-loader":"64087c7f5","vendors~css-modules-loader-core":"05c653935","css-modules-loader-core":"2b4823c95","vendors~postcss-compiler~vue-style-compiler":"49745dd34","vendors~postcss-compiler":"993e66d30","postcss-compiler":"7fedbbb56","vendors~vue-style-compiler":"8f51b5006","vue-style-compiler":"f0f11a7be","vendors~react-devtools-backend":"f9bb808e7","vendors~vue-loader~vue-selector~vue-template-compiler":"869041708","vendors~vue-template-compiler":"a8c77cdee","vue-template-compiler":"b8f7afc7a","vue-loader":"36a4d8407","vue-selector":"91b0cc6f0"}[e]+".chunk.js"}(e);var l=new Error;o=function(t){a.onerror=a.onload=null,clearTimeout(c);var n=r[e];if(0!==n){if(n){var s=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;l.message="Loading chunk "+e+" failed.\n("+s+": "+o+")",l.name="ChunkLoadError",l.type=s,l.request=o,n[1](l)}r[e]=void 0}};var c=setTimeout((function(){o({type:"timeout",target:a})}),12e4);a.onerror=a.onload=o,document.head.appendChild(a)}return Promise.all(t)},i.m=e,i.c=s,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)i.d(n,s,function(t){return e[t]}.bind(null,s));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this.csbJsonP=this.csbJsonP||[],l=a.push.bind(a);a.push=t,a=a.slice();for(var c=0;c<a.length;c++)t(a[c]);var d=l;o.push([0,"vendors~sandbox","default~sandbox~sandbox-startup"]),n()}({"../../node_modules/raw-loader/index.js!./src/sandbox/eval/transpilers/vue/v2/style-loader/addStylesClient.js":function(e,t){e.exports="/* eslint-disable */\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined';\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n if (!hasDocument) {\n throw new Error(\n 'vue-style-loader cannot be used in a non-browser environment. ' +\n \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n );\n }\n}\n\nvar listToStyles = require('./listToStyles');\n\n/*\n* type StyleObject = {\n* id: number;\n* parts: Array<StyleObjectPart>\n* }\n*\n* type StyleObjectPart = {\n* css: string;\n* media: string;\n* sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {\n /*\n * [id: number]: {\n * id: number,\n * refs: number,\n * parts: Array<(obj?: StyleObjectPart) => void>\n * }\n */\n};\n\nvar head =\n hasDocument && (document.head || document.getElementsByTagName('head')[0]);\nvar singletonElement = null;\nvar singletonCounter = 0;\nvar isProduction = false;\nvar noop = function() {};\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE =\n typeof navigator !== 'undefined' &&\n /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());\n\nmodule.exports = function(parentId, list, _isProduction) {\n isProduction = _isProduction;\n\n var styles = listToStyles(parentId, list);\n addStylesToDom(styles);\n\n return function update(newList) {\n var mayRemove = [];\n for (var i = 0; i < styles.length; i++) {\n var item = styles[i];\n var domStyle = stylesInDom[item.id];\n domStyle.refs--;\n mayRemove.push(domStyle);\n }\n if (newList) {\n styles = listToStyles(parentId, newList);\n addStylesToDom(styles);\n } else {\n styles = [];\n }\n for (var i = 0; i < mayRemove.length; i++) {\n var domStyle = mayRemove[i];\n if (domStyle.refs === 0) {\n for (var j = 0; j < domStyle.parts.length; j++) {\n domStyle.parts[j]();\n }\n delete stylesInDom[domStyle.id];\n }\n }\n };\n};\n\nfunction addStylesToDom(styles /* Array<StyleObject> */) {\n for (var i = 0; i < styles.length; i++) {\n var item = styles[i];\n var domStyle = stylesInDom[item.id];\n if (domStyle) {\n domStyle.refs++;\n for (var j = 0; j < domStyle.parts.length; j++) {\n domStyle.parts[j](item.parts[j]);\n }\n for (; j < item.parts.length; j++) {\n domStyle.parts.push(addStyle(item.parts[j]));\n }\n if (domStyle.parts.length > item.parts.length) {\n domStyle.parts.length = item.parts.length;\n }\n } else {\n var parts = [];\n for (var j = 0; j < item.parts.length; j++) {\n parts.push(addStyle(item.parts[j]));\n }\n stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts };\n }\n }\n}\n\nfunction createStyleElement() {\n var styleElement = document.createElement('style');\n styleElement.type = 'text/css';\n head.appendChild(styleElement);\n return styleElement;\n}\n\nfunction addStyle(obj /* StyleObjectPart */) {\n var update, remove;\n var styleElement = document.querySelector(\n 'style[data-vue-ssr-id~=\"' + obj.id + '\"]'\n );\n\n if (styleElement) {\n if (isProduction) {\n // has SSR styles and in production mode.\n // simply do nothing.\n return noop;\n } else {\n // has SSR styles but in dev mode.\n // for some reason Chrome can't handle source map in server-rendered\n // style tags - source maps in <style> only works if the style tag is\n // created and inserted dynamically. So we remove the server rendered\n // styles and inject new ones.\n styleElement.parentNode.removeChild(styleElement);\n }\n }\n\n if (isOldIE) {\n // use singleton mode for IE9.\n var styleIndex = singletonCounter++;\n styleElement =\n singletonElement || (singletonElement = createStyleElement());\n update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\n remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\n } else {\n // use multi-style-tag mode in all other cases\n styleElement = createStyleElement();\n update = applyToTag.bind(null, styleElement);\n remove = function() {\n styleElement.parentNode.removeChild(styleElement);\n };\n }\n\n update(obj);\n\n return function updateStyle(newObj /* StyleObjectPart */) {\n if (newObj) {\n if (\n newObj.css === obj.css &&\n newObj.media === obj.media &&\n newObj.sourceMap === obj.sourceMap\n ) {\n return;\n }\n update((obj = newObj));\n } else {\n remove();\n }\n };\n}\n\nvar replaceText = (function() {\n var textStore = [];\n\n return function(index, replacement) {\n textStore[index] = replacement;\n return textStore.filter(Boolean).join('\\n');\n };\n})();\n\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\n var css = remove ? '' : obj.css;\n\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = replaceText(index, css);\n } else {\n var cssNode = document.createTextNode(css);\n var childNodes = styleElement.childNodes;\n if (childNodes[index]) styleElement.removeChild(childNodes[index]);\n if (childNodes.length) {\n styleElement.insertBefore(cssNode, childNodes[index]);\n } else {\n styleElement.appendChild(cssNode);\n }\n }\n}\n\nfunction applyToTag(styleElement, obj) {\n var css = obj.css;\n var media = obj.media;\n var sourceMap = obj.sourceMap;\n\n if (media) {\n styleElement.setAttribute('media', media);\n }\n\n if (sourceMap) {\n // https://developer.chrome.com/devtools/docs/javascript-debugging\n // this makes source maps inside style tags work properly in Chrome\n css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */';\n // http://stackoverflow.com/a/26603875\n css +=\n '\\n/*# sourceMappingURL=data:application/json;base64,' +\n btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) +\n ' */';\n }\n\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n styleElement.appendChild(document.createTextNode(css));\n }\n}\n"},"../../node_modules/raw-loader/index.js!./src/sandbox/eval/transpilers/vue/v2/style-loader/listToStyles.js":function(e,t){e.exports="/* eslint-disable */\n/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles(parentId, list) {\n var styles = [];\n var newStyles = {};\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = item[0];\n var css = item[1];\n var media = item[2];\n var sourceMap = item[3];\n var part = {\n id: parentId + ':' + i,\n css: css,\n media: media,\n sourceMap: sourceMap,\n };\n if (!newStyles[id]) {\n styles.push((newStyles[id] = { id: id, parts: [part] }));\n } else {\n newStyles[id].parts.push(part);\n }\n }\n return styles;\n};\n"},"../../node_modules/raw-loader/index.js!./src/sandbox/status-screen/indicator-screen.html":function(e,t){e.exports='<style>\n body {\n color: #fff;\n font-family: \'Inter\', sans-serif;\n background: transparent;\n -webkit-font-smoothing: antialiased;\n }\n\n .container {\n display: flex;\n align-items: center;\n flex-direction: row;\n }\n\n .text {\n font-size: 0.8rem;\n width: 100%;\n font-weight: 400;\n margin-left: 1rem;\n }\n\n .cube {\n transform: translate(-34px, 15px) scale(0.25, 0.25);\n }\n\n .cube,\n .cube * {\n position: absolute;\n width: 6rem;\n height: 6rem;\n }\n .cube .sides * {\n box-sizing: border-box;\n border: 10px solid rgba(0,0,0,0.7);\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.6);\n }\n\n @keyframes rotate {\n 0% {\n transform: rotateX(-25.5deg) rotateY(45deg);\n }\n\n 100% {\n transform: rotateX(-25.5deg) rotateY(405deg);\n }\n }\n\n .sides {\n animation: rotate 0.8s linear infinite;\n animation-fill-mode: forwards;\n transform-style: preserve-3d;\n transform: rotateX(-25.5deg) rotateY(45deg);\n }\n\n .cube .sides .top {\n animation: top-animation 3s ease infinite;\n animation-delay: 0ms;\n transform: rotateX(90deg) translateZ(44px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n .cube .sides .bottom {\n animation: bottom-animation 3s ease infinite;\n animation-delay: 0ms;\n transform: rotateX(-90deg) translateZ(44px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n .cube .sides .front {\n animation: front-animation 3s ease infinite;\n animation-delay: 100ms;\n transform: rotateY(0deg) translateZ(44px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n .cube .sides .back {\n animation: back-animation 3s ease infinite;\n animation-delay: 100ms;\n transform: rotateY(-180deg) translateZ(44px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n .cube .sides .left {\n animation: left-animation 3s ease infinite;\n animation-delay: 100ms;\n transform: rotateY(-90deg) translateZ(44px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n .cube .sides .right {\n animation: right-animation 3s ease infinite;\n animation-delay: 100ms;\n transform: rotateY(90deg) translateZ(44px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n</style>\n<div class="container">\n <div class="cube">\n <div class="sides">\n <div class="top"></div>\n <div class="right"></div>\n <div class="bottom"></div>\n <div class="left"></div>\n <div class="front"></div>\n <div class="back"></div>\n </div>\n </div>\n</div>\n<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400&display=swap" rel="stylesheet">\n'},"../../node_modules/raw-loader/index.js!./src/sandbox/status-screen/loading-screen.html":function(e,t){e.exports='<style>\n body {\n color: #fff;\n font-family: \'Inter\', sans-serif;\n background: #151515;\n }\n\n .container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n }\n\n .text {\n margin-top: 22rem;\n font-size: 1rem;\n width: 100%;\n font-weight: 200;\n text-align: center;\n }\n\n .cube,\n .cube * {\n position: absolute;\n width: 6rem;\n height: 6rem;\n }\n .cube .sides * {\n box-sizing: border-box;\n border: 0.12rem solid white;\n border-radius: 0.25rem;\n background: rgba(255, 255, 255, 0.1);\n }\n\n @keyframes rotate {\n 0% {\n transform: rotateX(-37.5deg) rotateY(45deg);\n }\n 50% {\n transform: rotateX(-37.5deg) rotateY(405deg);\n }\n 100% {\n transform: rotateX(-37.5deg) rotateY(405deg);\n }\n }\n\n .sides {\n animation: rotate 3s ease infinite;\n animation-delay: 0.8s;\n transform-style: preserve-3d;\n transform: rotateX(-37.5deg) rotateY(45deg);\n }\n\n .cube .sides .top {\n animation: top-animation 3s ease infinite;\n animation-delay: 0ms;\n transform: rotateX(90deg) translateZ(96px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n @keyframes top-animation {\n 0% {\n opacity: 1;\n transform: rotateX(90deg) translateZ(100px);\n }\n 20% {\n opacity: 1;\n transform: rotateX(90deg) translateZ(48px);\n }\n 70% {\n opacity: 1;\n transform: rotateX(90deg) translateZ(48px);\n }\n 90% {\n opacity: 1;\n transform: rotateX(90deg) translateZ(100px);\n }\n 100% {\n opacity: 1;\n transform: rotateX(90deg) translateZ(100px);\n }\n }\n .cube .sides .bottom {\n animation: bottom-animation 3s ease infinite;\n animation-delay: 0ms;\n transform: rotateX(-90deg) translateZ(96px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n @keyframes bottom-animation {\n 0% {\n opacity: 1;\n transform: rotateX(-90deg) translateZ(100px);\n }\n 20% {\n opacity: 1;\n transform: rotateX(-90deg) translateZ(48px);\n }\n 70% {\n opacity: 1;\n transform: rotateX(-90deg) translateZ(48px);\n }\n 90% {\n opacity: 1;\n transform: rotateX(-90deg) translateZ(100px);\n }\n 100% {\n opacity: 1;\n transform: rotateX(-90deg) translateZ(100px);\n }\n }\n .cube .sides .front {\n animation: front-animation 3s ease infinite;\n animation-delay: 100ms;\n transform: rotateY(0deg) translateZ(96px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n @keyframes front-animation {\n 0% {\n opacity: 1;\n transform: rotateY(0deg) translateZ(96px);\n }\n 20% {\n opacity: 1;\n transform: rotateY(0deg) translateZ(48px);\n }\n 70% {\n opacity: 1;\n transform: rotateY(0deg) translateZ(48px);\n }\n 90% {\n opacity: 1;\n transform: rotateY(0deg) translateZ(96px);\n }\n 100% {\n opacity: 1;\n transform: rotateY(0deg) translateZ(96px);\n }\n }\n .cube .sides .back {\n animation: back-animation 3s ease infinite;\n animation-delay: 100ms;\n transform: rotateY(-180deg) translateZ(96px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n @keyframes back-animation {\n 0% {\n opacity: 1;\n transform: rotateY(-180deg) translateZ(96px);\n }\n 20% {\n opacity: 1;\n transform: rotateY(-180deg) translateZ(48px);\n }\n 70% {\n opacity: 1;\n transform: rotateY(-180deg) translateZ(48px);\n }\n 90% {\n opacity: 1;\n transform: rotateY(-180deg) translateZ(96px);\n }\n 100% {\n opacity: 1;\n transform: rotateY(-180deg) translateZ(96px);\n }\n }\n .cube .sides .left {\n animation: left-animation 3s ease infinite;\n animation-delay: 100ms;\n transform: rotateY(-90deg) translateZ(96px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n @keyframes left-animation {\n 0% {\n opacity: 1;\n transform: rotateY(-90deg) translateZ(96px);\n }\n 20% {\n opacity: 1;\n transform: rotateY(-90deg) translateZ(48px);\n }\n 70% {\n opacity: 1;\n transform: rotateY(-90deg) translateZ(48px);\n }\n 90% {\n opacity: 1;\n transform: rotateY(-90deg) translateZ(96px);\n }\n 100% {\n opacity: 1;\n transform: rotateY(-90deg) translateZ(96px);\n }\n }\n .cube .sides .right {\n animation: right-animation 3s ease infinite;\n animation-delay: 100ms;\n transform: rotateY(90deg) translateZ(96px);\n animation-fill-mode: forwards;\n transform-origin: 50% 50%;\n }\n\n @keyframes right-animation {\n 0% {\n opacity: 1;\n transform: rotateY(90deg) translateZ(96px);\n }\n 20% {\n opacity: 1;\n transform: rotateY(90deg) translateZ(48px);\n }\n 70% {\n opacity: 1;\n transform: rotateY(90deg) translateZ(48px);\n }\n 90% {\n opacity: 1;\n transform: rotateY(90deg) translateZ(96px);\n }\n 100% {\n opacity: 1;\n transform: rotateY(90deg) translateZ(96px);\n }\n }\n</style>\n<div class="container">\n <div class="cube">\n <div class="sides">\n <div class="top"></div>\n <div class="right"></div>\n <div class="bottom"></div>\n <div class="left"></div>\n <div class="front"></div>\n <div class="back"></div>\n </div>\n </div>\n <div class="text">Downloading dependencies</div>\n</div>\n<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400&display=swap" rel="stylesheet">\n'},"../../node_modules/raw-loader/index.js!./src/sandbox/status-screen/run-on-click-screen.html":function(e,t){e.exports='<style>\n body {\n color: #fff;\n font-family: \'Inter\', sans-serif;\n background: #151515;\n cursor: pointer;\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\n .container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n }\n\n .text {\n margin-top: 24rem;\n font-size: 1rem;\n line-height: 1.4;\n width: 100%;\n max-width: 600px;\n font-weight: 400;\n text-align: center;\n }\n\n .cube,\n .cube * {\n position: absolute;\n width: 6rem;\n height: 6rem;\n }\n .cube .sides * {\n opacity: 0.1;\n box-sizing: border-box;\n border: 0.12rem solid white;\n border-radius: 0.25rem;\n background: rgba(255, 255, 255, 0.1);\n }\n .sides {\n transform-style: preserve-3d;\n transform: rotateX(-37.5deg) rotateY(45deg);\n }\n\n .cube .sides .top {\n transform: rotateX(90deg) translateZ(48px);\n transform-origin: 50% 50%;\n }\n\n .cube .sides .bottom {\n transform: rotateX(-90deg) translateZ(48px);\n transform-origin: 50% 50%;\n }\n\n .cube .sides .front {\n transform: rotateY(0deg) translateZ(48px);\n transform-origin: 50% 50%;\n }\n\n .cube .sides .back {\n transform: rotateY(-180deg) translateZ(48px);\n transform-origin: 50% 50%;\n }\n .cube .sides .left {\n transform: rotateY(-90deg) translateZ(48px);\n transform-origin: 50% 50%;\n }\n\n .cube .sides .right {\n transform: rotateY(90deg) translateZ(48px);\n transform-origin: 50% 50%;\n }\n\n .play {\n position: absolute;\n background-color: white;\n text-align: left;\n }\n .play:before,\n .play:after {\n content: \'\';\n position: absolute;\n background-color: inherit;\n }\n .play,\n .play:before,\n .play:after {\n width: 1rem;\n height: 1rem;\n border-top-right-radius: 30%;\n }\n\n .play {\n transform: rotate(-90deg) skewX(-30deg) scale(1, 0.866);\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n }\n .play:before {\n transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707)\n translate(0, -50%);\n }\n .play:after {\n transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);\n }\n</style>\n<div class="container">\n <div class="cube">\n <div class="sides">\n <div class="top"></div>\n <div class="right"></div>\n <div class="bottom"></div>\n <div class="left"></div>\n <div class="front"></div>\n <div class="back"></div>\n </div>\n </div>\n <div class="play"></div>\n <div class="text">\n <h1>Aw, Snap?</h1>\n <p style="color:rgba(255,255,255,0.9)">\n We noticed that the sandbox didn\'t complete its last run. This could be\n because of some code that crashed the browser. We paused execution so you\n can check the code.\n </p>\n <p style="color:rgba(255,255,255,0.9)">Click to continue execution</p>\n </div>\n</div>\n<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400&display=swap" rel="stylesheet">\n'},"../../node_modules/url-loader/dist/cjs.js?limit=false&name=sw.[hash:8].worker.js!./src/sandbox/worker/sw.no-webpack.js":function(e,t,n){e.exports=n.p+"sw.80f6d573.worker.js"},"../../node_modules/worker-loader/dist/cjs.js?publicPath=/&name=coffee-transpiler.[hash:8].worker.js!./src/sandbox/eval/transpilers/coffee/coffee-worker.ts":function(e,t){e.exports=function(){return new Worker("/coffee-transpiler.6abe87e8.worker.js")}},"../../node_modules/worker-loader/dist/cjs.js?publicPath=/&name=less-transpiler.[hash:8].worker.js!./src/sandbox/eval/transpilers/less/less-worker.ts":function(e,t){e.exports=function(){return new Worker("/less-transpiler.74a88bd2.worker.js")}},"../../node_modules/worker-loader/dist/cjs.js?publicPath=/&name=parcel-html-transpiler.[hash:8].worker.js!./src/sandbox/eval/presets/parcel/transpilers/html-worker.ts":function(e,t){e.exports=function(){return new Worker("/parcel-html-transpiler.e0273d5a.worker.js")}},"../../node_modules/worker-loader/dist/cjs.js?publicPath=/&name=pug-transpiler.[hash:8].worker.js!./src/sandbox/eval/transpilers/pug/pug-worker.ts":function(e,t){e.exports=function(){return new Worker("/pug-transpiler.41006669.worker.js")}},"../../node_modules/worker-loader/dist/cjs.js?publicPath=/&name=sass-transpiler.[hash:8].worker.js!./src/sandbox/eval/transpilers/sass/worker/index.ts":function(e,t){e.exports=function(){return new Worker("/sass-transpiler.d0a9e805.worker.js")}},"../../node_modules/worker-loader/dist/cjs.js?publicPath=/&name=stylus-transpiler.[hash:8].worker.js!./src/sandbox/eval/transpilers/stylus/stylus-worker.ts":function(e,t){e.exports=function(){return new Worker("/stylus-transpiler.428164ba.worker.js")}},"../../node_modules/worker-loader/dist/cjs.js?publicPath=/&name=svelte-transpiler.[hash:8].worker.js!./src/sandbox/eval/transpilers/svelte/svelte-worker.ts":function(e,t){e.exports=function(){return new Worker("/svelte-transpiler.9ca0e0b3.worker.js")}},"../../node_modules/worker-loader/dist/cjs.js?publicPath=/&name=typescript-transpiler.[hash:8].worker.js!./src/sandbox/eval/transpilers/typescript/typescript-worker.ts":function(e,t){e.exports=function(){return new Worker("/typescript-transpiler.1585b49f.worker.js")}},"../../standalone-packages/codesandbox-browserfs/dist/shims/fs.js":function(e,t){e.exports=BrowserFS.BFSRequire("fs")},"../common/lib/forked-vendors/jsonlint.browser.js":function(e,t,n){"use strict";var s,r,o=(s={trace:function(){},yy:{},symbols_:{error:2,JSONString:3,STRING:4,JSONNumber:5,NUMBER:6,JSONNullLiteral:7,NULL:8,JSONBooleanLiteral:9,TRUE:10,FALSE:11,JSONText:12,JSONValue:13,EOF:14,JSONObject:15,JSONArray:16,"{":17,"}":18,JSONMemberList:19,JSONMember:20,":":21,",":22,"[":23,"]":24,JSONElementList:25,$accept:0,$end:1},terminals_:{2:"error",4:"STRING",6:"NUMBER",8:"NULL",10:"TRUE",11:"FALSE",14:"EOF",17:"{",18:"}",21:":",22:",",23:"[",24:"]"},productions_:[0,[3,1],[5,1],[7,1],[9,1],[9,1],[12,2],[13,1],[13,1],[13,1],[13,1],[13,1],[13,1],[15,2],[15,3],[20,3],[19,1],[19,3],[16,2],[16,3],[25,1],[25,3]],performAction:function(e,t,n,s,r,o,i){var a=o.length-1;switch(r){case 1:this.$=e.replace(/\\(\\|")/g,"$1").replace(/\\n/g,"\n").replace(/\\r/g,"\r").replace(/\\t/g,"\t").replace(/\\v/g,"\v").replace(/\\f/g,"\f").replace(/\\b/g,"\b");break;case 2:this.$=Number(e);break;case 3:this.$=null;break;case 4:this.$=!0;break;case 5:this.$=!1;break;case 6:return this.$=o[a-1];case 13:this.$={};break;case 14:this.$=o[a-1];break;case 15:this.$=[o[a-2],o[a]];break;case 16:this.$={},this.$[o[a][0]]=o[a][1];break;case 17:this.$=o[a-2],o[a-2][o[a][0]]=o[a][1];break;case 18:this.$=[];break;case 19:this.$=o[a-1];break;case 20:this.$=[o[a]];break;case 21:this.$=o[a-2],o[a-2].push(o[a])}},table:[{3:5,4:[1,12],5:6,6:[1,13],7:3,8:[1,9],9:4,10:[1,10],11:[1,11],12:1,13:2,15:7,16:8,17:[1,14],23:[1,15]},{1:[3]},{14:[1,16]},{14:[2,7],18:[2,7],22:[2,7],24:[2,7]},{14:[2,8],18:[2,8],22:[2,8],24:[2,8]},{14:[2,9],18:[2,9],22:[2,9],24:[2,9]},{14:[2,10],18:[2,10],22:[2,10],24:[2,10]},{14:[2,11],18:[2,11],22:[2,11],24:[2,11]},{14:[2,12],18:[2,12],22:[2,12],24:[2,12]},{14:[2,3],18:[2,3],22:[2,3],24:[2,3]},{14:[2,4],18:[2,4],22:[2,4],24:[2,4]},{14:[2,5],18:[2,5],22:[2,5],24:[2,5]},{14:[2,1],18:[2,1],21:[2,1],22:[2,1],24:[2,1]},{14:[2,2],18:[2,2],22:[2,2],24:[2,2]},{3:20,4:[1,12],18:[1,17],19:18,20:19},{3:5,4:[1,12],5:6,6:[1,13],7:3,8:[1,9],9:4,10:[1,10],11:[1,11],13:23,15:7,16:8,17:[1,14],23:[1,15],24:[1,21],25:22},{1:[2,6]},{14:[2,13],18:[2,13],22:[2,13],24:[2,13]},{18:[1,24],22:[1,25]},{18:[2,16],22:[2,16]},{21:[1,26]},{14:[2,18],18:[2,18],22:[2,18],24:[2,18]},{22:[1,28],24:[1,27]},{22:[2,20],24:[2,20]},{14:[2,14],18:[2,14],22:[2,14],24:[2,14]},{3:20,4:[1,12],20:29},{3:5,4:[1,12],5:6,6:[1,13],7:3,8:[1,9],9:4,10:[1,10],11:[1,11],13:30,15:7,16:8,17:[1,14],23:[1,15]},{14:[2,19],18:[2,19],22:[2,19],24:[2,19]},{3:5,4:[1,12],5:6,6:[1,13],7:3,8:[1,9],9:4,10:[1,10],11:[1,11],13:31,15:7,16:8,17:[1,14],23:[1,15]},{18:[2,17],22:[2,17]},{18:[2,15],22:[2,15]},{22:[2,21],24:[2,21]}],defaultActions:{16:[2,6]},parseError:function(e,t){throw new Error(e)},parse:function(e){var t=this,n=[0],s=[null],r=[],o=this.table,i="",a=0,l=0,c=0;this.lexer.setInput(e),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var d=this.lexer.yylloc;function u(){var e;return"number"!=typeof(e=t.lexer.lex()||1)&&(e=t.symbols_[e]||e),e}r.push(d),"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var p,m,f,h,b,y,g,j,v,x,w={};;){if(f=n[n.length-1],this.defaultActions[f]?h=this.defaultActions[f]:(null==p&&(p=u()),h=o[f]&&o[f][p]),void 0===h||!h.length||!h[0]){if(!c){for(y in v=[],o[f])this.terminals_[y]&&y>2&&v.push("'"+this.terminals_[y]+"'");var _="";_=this.lexer.showPosition?"Parse error on line "+(a+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+this.terminals_[p]+"'":"Parse error on line "+(a+1)+": Unexpected "+(1==p?"end of input":"'"+(this.terminals_[p]||p)+"'"),this.parseError(_,{text:this.lexer.match,token:this.terminals_[p]||p,line:this.lexer.yylineno,loc:d,expected:v})}if(3==c){if(1==p)throw new Error(_||"Parsing halted.");l=this.lexer.yyleng,i=this.lexer.yytext,a=this.lexer.yylineno,d=this.lexer.yylloc,p=u()}for(;!(2..toString()in o[f]);){if(0==f)throw new Error(_||"Parsing halted.");x=1,n.length=n.length-2*x,s.length=s.length-x,r.length=r.length-x,f=n[n.length-1]}m=p,p=2,h=o[f=n[n.length-1]]&&o[f][2],c=3}if(h[0]instanceof Array&&h.length>1)throw new Error("Parse Error: multiple actions possible at state: "+f+", token: "+p);switch(h[0]){case 1:n.push(p),s.push(this.lexer.yytext),r.push(this.lexer.yylloc),n.push(h[1]),p=null,m?(p=m,m=null):(l=this.lexer.yyleng,i=this.lexer.yytext,a=this.lexer.yylineno,d=this.lexer.yylloc,c>0&&c--);break;case 2:if(g=this.productions_[h[1]][1],w.$=s[s.length-g],w._$={first_line:r[r.length-(g||1)].first_line,last_line:r[r.length-1].last_line,first_column:r[r.length-(g||1)].first_column,last_column:r[r.length-1].last_column},void 0!==(b=this.performAction.call(w,i,l,a,this.yy,h[1],s,r)))return b;g&&(n=n.slice(0,-1*g*2),s=s.slice(0,-1*g),r=r.slice(0,-1*g)),n.push(this.productions_[h[1]][0]),s.push(w.$),r.push(w._$),j=o[n[n.length-2]][n[n.length-1]],n.push(j);break;case 3:return!0}}return!0}},r=function(){var e={EOF:1,parseError:function(e,t){if(!this.yy.parseError)throw new Error(e);this.yy.parseError(e,t)},setInput:function(e){return this._input=e,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this},input:function(){var e=this._input[0];return this.yytext+=e,this.yyleng++,this.match+=e,this.matched+=e,e.match(/\n/)&&this.yylineno++,this._input=this._input.slice(1),e},unput:function(e){return this._input=e+this._input,this},more:function(){return this._more=!0,this},less:function(e){this._input=this.match.slice(e)+this._input},pastInput:function(){var e=this.matched.substr(0,this.matched.length-this.match.length);return(e.length>20?"...":"")+e.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var e=this.match;return e.length<20&&(e+=this._input.substr(0,20-e.length)),(e.substr(0,20)+(e.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var e=this.pastInput(),t=new Array(e.length+1).join("-");return e+this.upcomingInput()+"\n"+t+"^"},next:function(){if(this.done)return this.EOF;var e,t,n,s,r;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var o=this._currentRules(),i=0;i<o.length&&(!(n=this._input.match(this.rules[o[i]]))||t&&!(n[0].length>t[0].length)||(t=n,s=i,this.options.flex));i++);return t?((r=t[0].match(/\n.*/g))&&(this.yylineno+=r.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:r?r[r.length-1].length-1:this.yylloc.last_column+t[0].length},this.yytext+=t[0],this.match+=t[0],this.yyleng=this.yytext.length,this._more=!1,this._input=this._input.slice(t[0].length),this.matched+=t[0],e=this.performAction.call(this,this.yy,this,o[s],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),e||void 0):""===this._input?this.EOF:void this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var e=this.next();return void 0!==e?e:this.lex()},begin:function(e){this.conditionStack.push(e)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(e){this.begin(e)},options:{},performAction:function(e,t,n,s){switch(n){case 0:break;case 1:return 6;case 2:return t.yytext=t.yytext.substr(1,t.yyleng-2),4;case 3:return 17;case 4:return 18;case 5:return 23;case 6:return 24;case 7:return 22;case 8:return 21;case 9:return 10;case 10:return 11;case 11:return 8;case 12:return 14;case 13:return"INVALID"}},rules:[/^(?:\s+)/,/^(?:(-?([0-9]|[1-9][0-9]+))(\.[0-9]+)?([eE][-+]?[0-9]+)?\b)/,/^(?:"(?:\\[\\"bfnrt/]|\\u[a-fA-F0-9]{4}|[^\\\0-\x09\x0a-\x1f"])*")/,/^(?:\{)/,/^(?:\})/,/^(?:\[)/,/^(?:\])/,/^(?:,)/,/^(?::)/,/^(?:true\b)/,/^(?:false\b)/,/^(?:null\b)/,/^(?:$)/,/^(?:.)/],conditions:{INITIAL:{rules:[0,1,2,3,4,5,6,7,8,9,10,11,12,13],inclusive:!0}}};return e}(),s.lexer=r,s);t.parser=o,t.parse=function(){return o.parse.apply(o,arguments)}},"../common/lib/load-dynamic-polyfills.js":function(e,t,n){"use strict";var s=this&&this.__createBinding||(Object.create?function(e,t,n,s){void 0===s&&(s=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,s,r)}:function(e,t,n,s){void 0===s&&(s=n),e[s]=t[n]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&s(t,e,n);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){const e=[];return void 0===Error.captureStackTrace&&e.push(Promise.resolve().then(()=>o(n("../../node_modules/error-polyfill/index.js")))),Promise.all(e)}},"../common/lib/prettify-default-config.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={printWidth:80,tabWidth:2,useTabs:!1,semi:!0,singleQuote:!1,trailingComma:"none",bracketSpacing:!0,jsxBracketSameLine:!1}},"../common/lib/registerServiceWorker.js":function(e,t,n){"use strict";(function(e){Object.defineProperty(t,"__esModule",{value:!0}),t.unregister=void 0;const n=Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)),s=Boolean("http:"===window.location.protocol);function r(e,{onUpdated:t,onInstalled:n}={}){navigator.serviceWorker.register(e).then(e=>{e.onupdatefound=()=>{const s=e.installing;s.onstatechange=()=>{"installed"===s.state?navigator.serviceWorker.controller?t&&t():n&&n():"redundant"===s.state&&"storage"in navigator&&"estimate"in navigator.storage&&navigator.storage.estimate().then(t=>{t.usage/t.quota>=.95&&(e.unregister(),self.caches.keys().then(e=>{e.forEach(e=>{self.caches.delete(e)})}))})}}}).catch(e=>{console.error("Error during service worker registration:",e)})}t.default=function(t,o={}){if("serviceWorker"in navigator){if(new URL(e.env.PUBLIC_URL||"/",window.location).origin!==window.location.origin)return;n||s?n&&function(e,{onUpdated:t,onInstalled:n}){fetch(e).then(s=>{404===s.status||-1===s.headers.get("content-type").indexOf("javascript")?navigator.serviceWorker.ready.then(e=>{e.unregister().then(()=>{window.location.reload()})}):r(e,{onUpdated:t,onInstalled:n})}).catch(e=>{console.log("No internet connection found. App is running in offline mode.",e)})}(t,o):r(t,o)}},t.unregister=function(){"serviceWorker"in navigator&&navigator.serviceWorker.ready.then(e=>{e.unregister()})}}).call(this,n("../../node_modules/process/browser.js"))},"../common/lib/sandbox/modules.js":function(e,t,n){"use strict";var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.inDirectory=t.resolveDirectoryWrapped=t.resolveModuleWrapped=t.findCurrentModule=t.findMainModule=t.isMainModule=t.getChildren=t.getDirectoryPath=t.getModulePath=t.resolveModule=t.getModulesInDirectory=t.getModulesAndDirectoriesInDirectory=t.resolveDirectory=void 0;const r=s(n("../../node_modules/lodash/memoize.js")),o=s(n("../common/lib/templates/index.js")),i=s(n("../common/lib/templates/configuration/parse.js")),a=(e,t,n)=>e===t||n.some(n=>e===`${t}.${n}`),l=e=>{throw new Error("Cannot find module in "+e)};function c(e,t,n,s){if(!e)return l("");let r=e,o=s;r.startsWith("{{sandboxRoot}}")&&(o=void 0,r=e.replace("{{sandboxRoot}}/","./"));const i=r.replace(/^.\//,"").split("/").filter(Boolean),c=i.reduce((e,t,s)=>{if(s===i.length)return e;if(".."===t){const t=n.find(t=>t.shortid===e);return null==t&&l(r),t.directoryShortid}const o=n.filter(t=>t.directoryShortid==e).find(e=>a(e.title,t,[]));return null==o&&l(r),o.shortid},o);return n.find(e=>e.shortid===c)}function d(e,t,n,s){if(!e)return l("");let r=e;r.startsWith("{{sandboxRoot}}")&&(r=e.replace("{{sandboxRoot}}/","./"));const o=r.replace(/^.\//,"").split("/").filter(Boolean),i=r.replace(/^.\//,"").split("/").filter(Boolean);i.pop();const a=c(i.join("/")||"/",0,n,s),d=a?a.shortid:null,u=o[o.length-1];return{modules:t.filter(e=>e.directoryShortid==d),foundDirectoryShortid:d,lastPath:u,splitPath:o}}t.resolveDirectory=c,t.getModulesAndDirectoriesInDirectory=function(e,t,n){const{path:s}=e,r=s+"/";return{removedModules:t.filter(e=>e.path.startsWith(r)),removedDirectories:n.filter(t=>t.path.startsWith(r)&&t!==e)}},t.getModulesInDirectory=d;function u(e,t){return e.find(e=>e.shortid===t)}t.resolveModule=(e,t,n,s,r=["js","jsx","json"])=>{const{modules:o,lastPath:i,splitPath:c,foundDirectoryShortid:u}=d(e,t,n,s),p=o.find(e=>a(e.title,i,r));if(p)return p;const m=n.filter(e=>e.directoryShortid==u).find(e=>a(e.title,i,r));if(m){const n=t.find(e=>e.directoryShortid==m.shortid&&a(e.title,"index",r));return null==n&&l(e),n}if(""===c[c.length-1]){const e=o.find(e=>a(e.title,"index",r));if(e)return e}return l(e)};const p=(e,t,n,s)=>{const r=function(e,t){return e.find(e=>e.id===t)}(e,s);if(!r)return"";let o=u(n,r.directoryShortid),i="/";if(null==o&&r.directoryShortid)return"";for(;null!=o;){i=`/${o.title}${i}`;const e=o.directoryShortid;if(o=u(n,o.directoryShortid),!o&&e)return""}return`${i}${r.title}`};t.getModulePath=(e,t,n)=>p(e,0,t,n);t.getDirectoryPath=(e,t,n)=>p(t,0,t,n),t.getChildren=(0,r.default)((e=[],t=[],n)=>[...t.filter(e=>e.directoryShortid===n),...e.filter(e=>e.directoryShortid===n)],(e,t,n)=>n+e.map(e=>e.id+e.title+e.directoryShortid).join(",")+t.map(e=>e.id+e.title+e.directoryShortid).join(","));t.isMainModule=(e,n,s,r="index.js")=>(0,t.getModulePath)(n,s,e.id).replace("/","")===r;t.findMainModule=e=>{const n=(0,t.resolveModuleWrapped)(e),s=(0,o.default)(e.template),r=(0,i.default)(e.template,s.configurationFiles,n,e),a=s.getDefaultOpenedFiles(r).map(e=>n(e)).find(e=>Boolean(e));if(a)return a;const l=n(e.entry);return l||e.modules[0]};t.findCurrentModule=(e,n,s="",r)=>{const o=decodeURIComponent(s).replace("/","");let i=null;try{i=(0,t.resolveModule)(o,e,n)}catch(e){}return i||e.find(e=>e.id===s)||e.find(e=>e.shortid===s)||r};t.resolveModuleWrapped=e=>n=>{try{return(0,t.resolveModule)(n,e.modules,e.directories)}catch(e){return}};t.resolveDirectoryWrapped=e=>t=>{try{return c(t,e.modules,e.directories)}catch(e){return}};t.inDirectory=(0,r.default)((e,t,n)=>{let s=u(e,n);for(;s;){if(s.directoryShortid===t)return!0;s=u(e,s.directoryShortid)}return!1},(e,t,n)=>t+n+e.map(e=>e.id+e.title+e.directoryShortid).join(","))},"../common/lib/templates/adonis.js":function(e,t,n){"use strict";var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const r=s(n("../common/lib/templates/template.js")),o=n("../common/lib/utils/decorate-selector.js");t.default=new r.default("adonis","AdonisJs","https://adonisjs.com/","github/adonisjs/adonis-starter-codesandbox",(0,o.decorateSelector)(()=>"#fff"),{mainFile:["/start/routes.js"],showOnHomePage:!0,staticDeployment:!1})},"../common/lib/templates/angular.js":function(e,t,n){"use strict";var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const r=n("../common/lib/utils/path.js"),o=s(n("../common/lib/templates/template.js")),i=s(n("../common/lib/templates/configuration/index.js")),a=n("../common/lib/utils/decorate-selector.js");class l extends o.default{getEntries(e){let t=[];try{if(e["angular-config"].generated){const{parsed:n}=e["angular-cli"];t=t.concat(function(e){const t=[];if(e){const n=e.apps&&e.apps[0];n&&n.root&&n.main&&t.push((0,r.absolute)((0,r.join)(n.root,n.main)))}return t}(n))}else{const{parsed:n}=e["angular-config"];t=t.concat(function(e){const t=[];if(e){const{defaultProject:n}=e,s=e.projects[n];if(s&&s.architect){const{build:e}=s.architect;e.options.main&&t.push((0,r.absolute)((0,r.join)(s.root,e.options.main)))}}return t}(n))}}catch(t){console.warn(`${e["angular-config"].path} is malformed: ${t.message}`)}return e.package.parsed&&e.package.parsed.main&&t.push((0,r.absolute)(e.package.parsed.main)),t.push("/src/main.ts"),t.push("/main.ts"),t}getHTMLEntries(e){let t=[];if(e["angular-config"].generated){if(e["angular-cli"]){const{parsed:n}=e["angular-cli"];t=t.concat(function(e){if(e){const t=e.apps&&e.apps[0];if(t&&t.root&&t.index)return[(0,r.absolute)((0,r.join)(t.root,t.index))]}return[]}(n))}}else{const{parsed:n}=e["angular-config"];t=t.concat(function(e){if(e){const{defaultProject:t}=e,n=e.projects[t];if(n&&n.architect){const{build:e}=n.architect;if(e&&null!=n.root&&e.options&&e.options.index)return[(0,r.absolute)((0,r.join)(n.root,e.options.index))]}}return[]}(n))}return t.push("/public/index.html"),t.push("/index.html"),t}}t.default=new l("angular-cli","Angular","https://github.com/angular/angular","angular",(0,a.decorateSelector)(()=>"#DD0031"),{extraConfigurations:{"/.angular-cli.json":i.default.angularCli,"/angular.json":i.default.angularJSON,"/tsconfig.json":i.default.tsconfig},staticDeployment:!1,isTypescript:!0,distDir:"dist",showOnHomePage:!0,popular:!0,main:!0})},"../common/lib/templates/apollo-server.js":function(e,t,n){"use strict";var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const r=s(n("../common/lib/templates/template.js")),o=n("../common/lib/utils/decorate-selector.js");t.default=new r.default("apollo","Apollo","https://www.apollographql.com/docs/apollo-server/","apollo-server",(0,o.decorateSelector)(()=>"#c4198b"),{staticDeployment:!1,mainFile:["/src/index.js"],showOnHomePage:!0})},"../common/lib/templates/babel.js":function(e,t,n){"use strict";var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const r=s(n("../common/lib/templates/template.js")),o=n("../common/lib/utils/decorate-selector.js"),i=s(n("../common/lib/templates/configuration/index.js"));t.default=new r.default("babel-repl","Babel","https://github.com/@babel/core","babel",(0,o.decorateSelector)(()=>"#F5DA55"),{extraConfigurations:{"/.babelrc":i.default.babelrc,"/babel-transpiler.json":i.default.babelTranspiler}})},"../common/lib/templates/configuration/angular-cli/index.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const s={title:".angular-cli.json",type:"angular-cli",description:"The configuration used for angular-cli, the cli to run angular projects.",moreInfoUrl:"https://github.com/angular/angular-cli/wiki/angular-cli",getDefaultCode:()=>JSON.stringify({apps:[{root:"src",outDir:"dist",index:"index.html",main:"main.ts",polyfills:"polyfills.ts",styles:[],scripts:[]}]},null,2),schema:"https://raw.githubusercontent.com/angular/angular-cli/master/packages/@angular/cli/lib/config/schema.json"};t.default=s},"../common/lib/templates/configuration/angular-json/index.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const s={title:"angular.json",type:"angular-config",description:"The configuration used for angular-cli v6, the new cli to run angular projects.",moreInfoUrl:"https://github.com/angular/angular-cli/wiki/angular-cli",partialSupportDisclaimer:"Only `project.build` field is supported.",getDefaultCode:()=>JSON.stringify({version:1,newProjectRoot:"projects",projects:{codesandbox:{root:"",sourceRoot:"src",projectType:"application",prefix:"app",schematics:{},architect:{build:{builder:"@angular-devkit/build-angular:browser",options:{outputPath:"dist/codesandbox",index:"src/index.html",main:"src/main.ts",polyfills:"src/polyfills.ts",tsConfig:"src/tsconfig.app.json",assets:["src/favicon.png","src/assets"],styles:["src/styles.css"],scripts:[]},configurations:{production:{fileReplacements:[{replace:"src/environments/environment.ts",with:"src/environments/environment.prod.ts"}],optimization:!0,outputHashing:"all",sourceMap:!1,extractCss:!0,namedChunks:!1,aot:!0,extractLicenses:!0,vendorChunk:!1,buildOptimizer:!0}}},serve:{builder:"@angular-devkit/build-angular:dev-server",options:{browserTarget:"codesandbox:build"},configurations:{production:{browserTarget:"codesandbox:build:production"}}},"extract-i18n":{builder:"@angular-devkit/build-angular:extract-i18n",options:{browserTarget:"codesandbox:build"}},test:{builder:"@angular-devkit/build-angular:karma",options:{main:"src/test.ts",polyfills:"src/polyfills.ts",tsConfig:"src/tsconfig.spec.json",karmaConfig:"src/karma.conf.js",styles:["src/styles.css"],scripts:[],assets:["src/favicon.png","src/assets"]}},lint:{builder:"@angular-devkit/build-angular:tslint",options:{tsConfig:["src/tsconfig.app.json","src/tsconfig.spec.json"],exclude:["**/node_modules/**"]}}}},"codesandbox-e2e":{root:"e2e/",projectType:"application",architect:{e2e:{builder:"@angular-devkit/build-angular:protractor",options:{protractorConfig:"e2e/protractor.conf.js",devServerTarget:"codesandbox:serve"},configurations:{production:{devServerTarget:"codesandbox:serve:production"}}},lint:{builder:"@angular-devkit/build-angular:tslint",options:{tsConfig:"e2e/tsconfig.e2e.json",exclude:["**/node_modules/**"]}}}}},defaultProject:"codesandbox"},null,2),schema:"https://raw.githubusercontent.com/angular/angular-cli/master/packages/angular/cli/lib/config/schema.json"};t.default=s},"../common/lib/templates/configuration/babel-transpiler/index.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={title:"babel-transpiler.json",type:"babelTranspiler",description:"Configuration for the Babel REPL.",moreInfoUrl:"https://eslint.org/docs/user-guide/configuring",getDefaultCode:()=>"{}"}},"../common/lib/templates/configuration/babelrc/index.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const s=n("../common/lib/utils/is-babel-7.js"),r=n("../common/lib/utils/is-preact-10.js"),o={react:"React.createElement",preact:"h"},i={title:".babelrc",type:"babel",description:"Custom configuration for Babel, the transpiler we use.",moreInfoUrl:"https://babeljs.io/docs/usage/babelrc/",getDefaultCode:(e,t)=>{let n=!1,i=!1;try{const e=t("/package.json"),o=JSON.parse(e.code||"");n=(0,s.isBabel7)(o.dependencies,o.devDependencies),i=(0,r.isPreact10)(o.dependencies,o.devDependencies)}catch(e){console.error(e)}if("preact-cli"===e)return i?JSON.stringify({presets:["env","typescript"],plugins:["syntax-dynamic-import","transform-object-assign",["proposal-decorators",{legacy:!0}],["proposal-class-properties",{loose:!0}],"proposal-object-rest-spread","babel-plugin-macros",["transform-react-jsx",{pragma:"h",pragmaFrag:"Fragment"}],["jsx-pragmatic",{module:"preact",export:"h",import:"h"}]]},null,2):JSON.stringify({presets:["latest","stage-1"],plugins:["transform-object-assign","transform-decorators-legacy",["transform-react-jsx",{pragma:"h"}],["jsx-pragmatic",{module:"preact",export:"h",import:"h"}]]},null,2);if("vue-cli"===e)return n?JSON.stringify({presets:[["env",{modules:!1,targets:{browsers:[">0.25%","not ie 11","not op_mini all"]}}]],plugins:["@vue/babel-plugin-jsx","@babel/plugin-syntax-dynamic-import",["@babel/plugin-proposal-decorators",{decoratorsBeforeExport:!1,legacy:!1}],["@babel/plugin-proposal-class-properties",{loose:!1}]]}):JSON.stringify({presets:[["env",{modules:!1,targets:{browsers:["> 1%","last 2 versions","not ie <= 8"]}}],"stage-2"],plugins:["transform-vue-jsx","transform-runtime"],env:{test:{presets:["env","stage-2"],plugins:["transform-vue-jsx","transform-es2015-modules-commonjs","dynamic-import-node"]}}},null,2);if("parcel"===e){const e=["env"],s=n?["transform-runtime"]:[["transform-runtime",{polyfill:!1,regenerator:!0}],"transform-object-rest-spread"],r=n?{plugins:["dynamicImport"]}:{},i=t("/package.json");if(i)try{const e=JSON.parse(i.code);let t=null;Object.keys(o).forEach(n=>{(e.dependencies&&e.dependencies[n]||e.devDependencies&&e.devDependencies[n])&&(t=o[n])}),null!==t&&s.