https://reshadow.dev/static/js/code-editor.7b5dc9df.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{

1"./configs/stubs/postcss-plugin.js":function(e,_){e.exports=function(){return function(){return null}}},"./node_modules/postcss-color-mod-function sync recursive":function(e,_){function r(e){var _=new Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}r.keys=function(){return[]},r.resolve=r,e.exports=r,r.id="./node_modules/postcss-color-mod-function sync recursive"},"./node_modules/postcss-custom-media sync recursive":function(e,_){function r(e){var _=new Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}r.keys=function(){return[]},r.resolve=r,e.exports=r,r.id="./node_modules/postcss-custom-media sync recursive"},"./node_modules/postcss-custom-properties sync recursive":function(e,_){function r(e){var _=new Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}r.keys=function(){return[]},r.resolve=r,e.exports=r,r.id="./node_modules/postcss-custom-properties sync recursive"},"./node_modules/postcss-custom-selectors sync recursive":function(e,_){function r(e){var _=new Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}r.keys=function(){return[]},r.resolve=r,e.exports=r,r.id="./node_modules/postcss-custom-selectors sync recursive"},"./node_modules/postcss-env-function sync recursive":function(e,_){function r(e){var _=new Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}r.keys=function(){return[]},r.resolve=r,e.exports=r,r.id="./node_modules/postcss-env-function sync recursive"},

1"./src/components/LiveCode/CodeEditor.js":function(e,_,r){"use strict";r.r(_);var t=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),o=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty.js"),n=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread.js"),s=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),a=r("./node_modules/react/index.js"),l=r.n(a),c=r("./node_modules/@reshadow/core/index.js"),i=r.n(c),d=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),u=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass.js"),m=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),p=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),b=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits.js"),f=r("./node_modules/prismjs/components/prism-core.js"),O=r.n(f),E=(r("./node_modules/prismjs/components/prism-clike.js"),r("./node_modules/prismjs/components/prism-javascript.js"),r("./node_modules/prismjs/components/prism-css.js"),r("./node_modules/prismjs/components/prism-markup.js"),r("./node_modules/prismjs/components/prism-jsx.js"),r("./node_modules/prismjs/components/prism-scss.js"),r("./node_modules/prismjs/components/prism-sass.js"),r("./node_modules/prismjs/themes/prism-coy.css"),r("./node_modules/react-simple-code-editor/lib/index.js")),h=r.n(E),j=r("./node_modules/common-tags/lib/index.js"),v=Object(c.create)([(Object(c.__css__)(".token.operator{background:none!important}.___root_11mgh_1{max-height:var(--c8_0);overflow:scroll;background:#f6f8fa;padding:1rem 3rem;box-shadow:inset 0 0 3rem -2.5rem;transition:background .3s}.___root_11mgh_1.__focus-within_11mgh_1{background:#fff}.___root_11mgh_1:focus-within{background:#fff}.___root_11mgh_1+.___root_11mgh_1{margin-top:3rem}.___root_11mgh_1 .___path_11mgh_1{font-weight:700;padding:0;float:right;font-size:3rem;color:#29687d;position:-webkit-sticky;position:sticky;top:0;right:2rem}.___root_11mgh_1 textarea:focus{outline:none}","2274969773"),{__root:"___root_11mgh_1","_focus-within":"__focus-within_11mgh_1",__path:"___path_11mgh_1"})]),g=function(e){function _(){var e,r;Object(d.a)(this,_);for(var t=arguments.length,o=new Array(t),n=0;n<t;n++)o[n]=arguments[n];return(r=Object(m.a)(this,(e=Object(p.a)(_)).call.apply(e,[this].concat(o)))).onChange=r.props.onChange,r}return Object(b.a)(_,e),Object(u.a)(_,[{key:"shouldComponentUpdate",value:function(e){return this.props.file!==e.file}},{key:"render",value:function(){var e=this.props,_=e.file,r=e.language,t=e.maxHeight,o=e.path;return i()((Object(c.set)([v],{"--c8_0":t}),l.a.createElement("div",{className:i.a.styles.__root,style:i.a.$$style},o&&l.a.createElement("div",{className:i.a.styles.__path},o),l.a.createElement(h.a,Object(c.map)("BaseEditor",{highlight:function(e){return l.a.createElement("div",Object(c.map)("div",{style:{whiteSpace:"pre"},dangerouslySetInnerHTML:{__html:O.a.highlight(e,O.a.languages[r])}}))},value:Object(j.codeBlock)(_),onValueChange:this.onChange,style:{fontFamily:'"Fira code", "Fira Mono", monospace',fontSize:"3.5rem",overflow:"auto"}})))))}}]),_}(a.Component);"undefined"!==typeof g&&g&&g===Object(g)&&Object.isExtensible(g)&&Object.defineProperty(g,"__filemeta",{enumerable:!0,configurable:!0,value:{name:"Editor",filename:"src/components/LiveCode/Editor.js"}}),"undefined"!==typeof g&&g&&g===Object(g)&&Object.isExtensible(g)&&Object.defineProperty(g,"__filemeta",{enumerable:!0,configurable:!0,value:{name:"Editor",filename:"src/components/LiveCode/Editor.js"}});var w=r("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),P=r("./node_modules/lodash/lodash.js"),D=r("./src/components/LiveCode/evalCode.js");function M(){var e=Object(w.a)(["\n        import React from 'react';\n        import styled from 'reshadow';\n        ",";\n        <>\n            ","\n        </>\n    "]);return M=function(){return e},e}var C=Object(c.create)([(Object(c.__css__)(".___error_8cdrd_1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(234,100,100,.9);padding:3rem;box-sizing:border-box;color:#fff;white-space:pre-wrap;overflow:auto;font-family:monospace;font-size:14px}","504526798"),{__error:"___error_8cdrd_1"})]),y=function(e){function _(){var e,r;Object(d.a)(this,_);for(var t=arguments.length,o=new Array(t),n=0;n<t;n++)o[n]=arguments[n];return(r=Object(m.a)(this,(e=Object(p.a)(_)).call.apply(e,[this].concat(o)))).state={error:null,children:r.props.children},r.stack=[],r}

1return Object(b.a)(_,e),Object(u.a)(_,[{key:"componentDidCatch",value:function(e,_){console.error("Error was catched inside the component",e,_),this.stack.pop(),this.setState({error:e})}},{key:"render",value:function(){var e=this.state.error||this.props.error;if(e){var _=this.stack[this.stack.length-1];return i()((Object(c.set)([C]),l.a.createElement(l.a.Fragment,null,_,l.a.createElement("div",{className:i.a.styles.__error},e.toString()))))}return this.stack=[].concat(Object(t.a)(this.stack.slice(-1)),[this.props.children]),this.props.children}}],[{key:"getDerivedStateFromProps",value:function(e,_){return e.children===_.children?null:{children:e.children,error:null}}}]),_}(l.a.Component),k=Object(c.create)([(Object(c.__css__)(".___preview_1l4xi_1{position:relative;flex:1;display:flex;align-items:center;justify-content:space-around;border-radius:0 3rem 3rem 0;padding:6rem 7rem}","3454853482"),{__preview:"___preview_1l4xi_1"})]),x=l.a.memo(function(e){var _=e.scripts,r=e.files,t=e.filename,o=e.options,a=l.a.useState({element:null}),d=Object(s.a)(a,2),u=d[0],m=d[1],p=function(e){return m({element:e})},b=function(e){return m(function(_){return Object(n.a)({},_,{error:e})})},f=l.a.useMemo(function(){return Object(P.debounce)(function(e){var _=e.setElement,r=e.setError;return function(e,t,o){var n=e.slice(0,-1).map(j.codeBlock).join("\n"),a=e.slice(-1),l=Object(s.a)(a,1)[0],c=Object(j.codeBlock)(M(),n,l);return Object(D.a)(c,function(e){return t[e]},o).then(_).catch(r)}}({setElement:p,setError:b}),200)},[]);return l.a.useEffect(function(){f(_,r,Object(n.a)({},o,{filename:t})),u.element||f.flush()},[_,r]),i()((Object(c.set)([k]),l.a.createElement("div",{className:i.a.styles.__preview},l.a.createElement(y,Object(c.map)("ErrorBoundary",{error:u.error}),u.element))))},function(e,_){var r=e.scripts,t=e.files;return r===_.scripts&&t===_.files}),L=O.a.languages;O.a.languages.insertBefore("jsx","template-string",{"styled-template-string":{pattern:/(styled(\((.|[\r\n])*?\))?|css)`(?:\$\{[^}]+\}|\\\\|\\?[^\\])*?`/,lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:L.jsx}},attr:{pattern:/\[.*?\]/},string:{pattern:/(.|[\r\n])*/,inside:L.scss,alias:"language-scss"}}}});var T=0,U=Object(c.create)([(Object(c.__css__)(".___root_gwztr_1{display:flex;border:1rem solid #f0f4f6;border-radius:3rem;flex-wrap:wrap;margin:7rem 0;overflow:hidden}.___root_gwztr_1.__use--direction_gwztr_1.__use--direction_column_gwztr_1{flex-direction:column}.___editor_gwztr_1{flex:1;font-size:3rem;max-width:100%;background:#f0f4f6}.___editor_gwztr_1 pre{margin:0}.___editor_gwztr_1 pre:focus{outline:none}","1022878050"),{__root:"___root_gwztr_1","_use--direction":"__use--direction_gwztr_1","_use--direction_column":"__use--direction_column_gwztr_1",__editor:"___editor_gwztr_1"})]),B=function(e){var _=e.children,r=e.direction,a=e.maxHeight,d=void 0===a?"350px":a,u=e.options,m=void 0===u?{}:u,p=_.code,b=_.files,f=void 0===b?{}:b,O=_.parts,E=void 0===O?{}:O,h=l.a.useState(p),j=Object(s.a)(h,2),v=j[0],w=j[1],P=l.a.useState(f),D=Object(s.a)(P,2),M=D[0],C=D[1],y=l.a.useRef({});return y.current.hash||(y.current.hash=++T),i()((Object(c.set)([U]),l.a.createElement("div",Object(c.map)("root",Object(c.use)({direction:r})),l.a.createElement("div",{className:i.a.styles.__editor},Object.keys(M).map(function(e){return l.a.createElement(g,Object(c.map)("Editor",{key:e,language:"scss",path:e,file:M[e],maxHeight:d,onChange:function(_){C(function(r){return Object(n.a)({},r,Object(o.a)({},e,_))})}}))}),v.map(function(e,_){return!(E[_]&&E[_].hidden)&&l.a.createElement(g,Object(c.map)("Editor",{key:_,language:"jsx",file:e,maxHeight:d,onChange:function(e){w(function(r){return Object.assign(Object(t.a)(r),Object(o.a)({},_,e))})}}))})),l.a.createElement(x,Object(c.map)("Preview",{scripts:v,files:M,filename:"/".concat(y.current.hash,"/index.js"),options:m})))))};_.default=B;B&&B===Object(B)&&Object.isExtensible(B)&&Object.defineProperty(B,"__filemeta",{enumerable:!0,configurable:!0,value:{name:"CodeEditor",filename:"src/components/LiveCode/CodeEditor.js"}})},

1"./src/components/LiveCode/evalCode.js":function(module,__webpack_exports__,__webpack_require__){"use strict";(function(__dirname,__filename){var _vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator/index.js"),_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__),_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread.js"),fs__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/node-libs-browser/mock/empty.js"),fs__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(fs__WEBPACK_IMPORTED_MODULE_4__),resolve__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/resolve/index.js"),resolve__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(resolve__WEBPACK_IMPORTED_MODULE_5__),_babel_standalone__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/standalone/babel.js"),_babel_standalone__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_babel_standalone__WEBPACK_IMPORTED_MODULE_6__),_babel_preset_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@babel/preset-react/lib/index.js"),_babel_preset_react__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_babel_preset_react__WEBPACK_IMPORTED_MODULE_7__),reshadow_babel__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/reshadow/babel.js"),reshadow_babel__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(reshadow_babel__WEBPACK_IMPORTED_MODULE_8__),_babel_plugin_transform_modules_commonjs__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@babel/plugin-transform-modules-commonjs/lib/index.js"),_babel_plugin_transform_modules_commonjs__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_babel_plugin_transform_modules_commonjs__WEBPACK_IMPORTED_MODULE_9__);fs__WEBPACK_IMPORTED_MODULE_4___default.a.stat=function(){return""},fs__WEBPACK_IMPORTED_MODULE_4___default.a.readFile=function(){return""},resolve__WEBPACK_IMPORTED_MODULE_5___default.a.sync=function(e){return e},Object(_babel_standalone__WEBPACK_IMPORTED_MODULE_6__.registerPlugin)("reshadow/babel",reshadow_babel__WEBPACK_IMPORTED_MODULE_8___default.a),Object(_babel_standalone__WEBPACK_IMPORTED_MODULE_6__.registerPlugin)("@babel/plugin-transform-modules-commonjs",_babel_plugin_transform_modules_commonjs__WEBPACK_IMPORTED_MODULE_9___default.a),Object(_babel_standalone__WEBPACK_IMPORTED_MODULE_6__.registerPreset)("@babel/preset-react",_babel_preset_react__WEBPACK_IMPORTED_MODULE_7___default.a);var getOptions=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{root:__dirname,filename:__filename,presets:[["@babel/preset-react",{throwIfNamespace:!1,useBuiltIns:!0}]],plugins:[["reshadow/babel",Object(_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_3__.a)({postcss:!0,files:/\.css$/},e.reshadow)],"@babel/plugin-transform-modules-commonjs"]}};window.require=function(e){switch(e){case"polished":return __webpack_require__("./node_modules/polished/lib/index.js");case"reshadow":return __webpack_require__("./node_modules/reshadow/index.js");case"react":return __webpack_require__("./node_modules/react/index.js");case"@reshadow/core":return __webpack_require__("./node_modules/@reshadow/core/index.js")}};var evalCode=function(){var _ref2=Object(_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__.a)(_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(source,readFile,_ref){var filename,options,_ref3,code,result;return _vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return filename=_ref.filename,options=Object(_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__.a)(_ref,["filename"]),fs__WEBPACK_IMPORTED_MODULE_4___default.a.readFileSync=readFile,_context.next=4,Object(_babel_standalone__WEBPACK_IMPORTED_MODULE_6__.transform)(source,Object(_vercel_path0_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_3__.a)({},getOptions(options),{filename:filename}));case 4:return _ref3=_context.sent,code=_ref3.code,result=eval(code),_context.abrupt("return",result);case 8:case"end":return _context.stop()}},_callee)}));return function(e,_,r){return _ref2.apply(this,arguments)}}();__webpack_exports__.a=evalCode,"undefined"!==typeof evalCode&&evalCode&&evalCode===Object(evalCode)&&Object.isExtensible(evalCode)&&Object.defineProperty(evalCode,"__filemeta",{enumerable:!0,configurable:!0,value:{name:"evalCode",filename:"src/components/LiveCode/evalCode.js"}})}).call(this,"/","/index.js")}

1,1:function(e,_){},2:function(e,_){},3:function(e,_){},4:function(e,_){},5:function(e,_){},6:function(e,_){},7:function(e,_){},8:function(e,_){},9:function(e,_){}}]);
2//# sourceMappingURL=code-editor.3dc81bfa77a1aec4a966.js.map