rn-web-cli
Version:
React Native for Web
1 lines • 4.46 kB
Source Map (JSON)
{"version":3,"sources":["node_modules\\webpack-hot-middleware\\client-overlay.js"],"names":["clientOverlay","document","createElement","id","styles","background","color","lineHeight","whiteSpace","fontFamily","fontSize","position","zIndex","padding","left","right","top","bottom","overflow","dir","textAlign","key","style","ansiHTML","require","colors","reset","black","red","green","yellow","blue","magenta","cyan","lightgrey","darkgrey","setColors","Entities","AllHtmlEntities","entities","exports","showProblems","type","lines","innerHTML","forEach","msg","encode","div","marginBottom","problemType","appendChild","body","clear","parentNode","removeChild","problemColors","errors","warnings","slice","toUpperCase"],"mappings":";;AAEA,GAAIA,eAAgBC,SAASC,aAAT,CAAuB,KAAvB,CAApB;AACAF,cAAcG,EAAd,CAAmB,sCAAnB;AACA,GAAIC,QAAS;AACXC,WAAY,kBADD;AAEXC,MAAO,SAFI;AAGXC,WAAY,KAHD;AAIXC,WAAY,KAJD;AAKXC,WAAY,4BALD;AAMXC,SAAU,MANC;AAOXC,SAAU,OAPC;AAQXC,OAAQ,IARG;AASXC,QAAS,MATE;AAUXC,KAAM,CAVK;AAWXC,MAAO,CAXI;AAYXC,IAAK,CAZM;AAaXC,OAAQ,CAbG;AAcXC,SAAU,MAdC;AAeXC,IAAK,KAfM;AAgBXC,UAAW,MAhBA,CAAb;;AAkBA,IAAK,GAAIC,IAAT,GAAgBjB,OAAhB,CAAwB;AACtBJ,cAAcsB,KAAd,CAAoBD,GAApB,EAA2BjB,OAAOiB,GAAP,CAA3B;AACD;;AAED,GAAIE,UAAWC,QAAQ,WAAR,CAAf;AACA,GAAIC,QAAS;AACXC,MAAO,CAAC,aAAD,CAAgB,aAAhB,CADI;AAEXC,MAAO,QAFI;AAGXC,IAAK,QAHM;AAIXC,MAAO,QAJI;AAKXC,OAAQ,QALG;AAMXC,KAAM,QANK;AAOXC,QAAS,QAPE;AAQXC,KAAM,QARK;AASXC,UAAW,QATA;AAUXC,SAAU,QAVC,CAAb;;AAYAZ,SAASa,SAAT,CAAmBX,MAAnB;;AAEA,GAAIY,UAAWb,QAAQ,eAAR,EAAyBc,eAAxC;AACA,GAAIC,UAAW,GAAIF,SAAJ,EAAf;;AAEAG,QAAQC,YAAR;AACA,QAASA,aAAT,CAAsBC,IAAtB,CAA4BC,KAA5B,CAAmC;AACjC3C,cAAc4C,SAAd,CAA0B,EAA1B;AACAD,MAAME,OAAN,CAAc,SAASC,GAAT,CAAc;AAC1BA,IAAMvB,SAASgB,SAASQ,MAAT,CAAgBD,GAAhB,CAAT,CAAN;AACA,GAAIE,KAAM/C,SAASC,aAAT,CAAuB,KAAvB,CAAV;AACA8C,IAAI1B,KAAJ,CAAU2B,YAAV,CAAyB,MAAzB;AACAD,IAAIJ,SAAJ,CAAgBM,YAAYR,IAAZ,EAAoB,MAApB,CAA6BI,GAA7C;AACA9C,cAAcmD,WAAd,CAA0BH,GAA1B;AACD,CAND;AAOA,GAAI/C,SAASmD,IAAb,CAAmB;AACjBnD,SAASmD,IAAT,CAAcD,WAAd,CAA0BnD,aAA1B;AACD;AACF,CAbD;;AAeAwC,QAAQa,KAAR;AACA,QAASA,MAAT,EAAiB;AACf,GAAIpD,SAASmD,IAAT,EAAiBpD,cAAcsD,UAAnC,CAA+C;AAC7CrD,SAASmD,IAAT,CAAcG,WAAd,CAA0BvD,aAA1B;AACD;AACF,CALD;;AAOA,GAAIwD,eAAgB;AAClBC,OAAQhC,OAAOG,GADG;AAElB8B,SAAUjC,OAAOK,MAFC,CAApB;;;AAKA,QAASoB,YAAT,CAAsBR,IAAtB,CAA4B;AAC1B,GAAIpC,OAAQkD,cAAcd,IAAd,GAAuBjB,OAAOG,GAA1C;AACA;AACE,kCAAoCtB,KAApC,CAA4C,qDAA5C;AACEoC,KAAKiB,KAAL,CAAW,CAAX,CAAc,CAAC,CAAf,EAAkBC,WAAlB,EADF;AAEA,SAHF;;AAKD","file":"client-overlay.js","sourceRoot":"D:/Work/Office/react-native-on-web/cli/tmpl/project","sourcesContent":["/*eslint-env browser*/\n\nvar clientOverlay = document.createElement('div');\nclientOverlay.id = 'webpack-hot-middleware-clientOverlay';\nvar styles = {\n background: 'rgba(0,0,0,0.85)',\n color: '#E8E8E8',\n lineHeight: '1.2',\n whiteSpace: 'pre',\n fontFamily: 'Menlo, Consolas, monospace',\n fontSize: '13px',\n position: 'fixed',\n zIndex: 9999,\n padding: '10px',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n overflow: 'auto',\n dir: 'ltr',\n textAlign: 'left'\n};\nfor (var key in styles) {\n clientOverlay.style[key] = styles[key];\n}\n\nvar ansiHTML = require('ansi-html');\nvar colors = {\n reset: ['transparent', 'transparent'],\n black: '181818',\n red: 'E36049',\n green: 'B3CB74',\n yellow: 'FFD080',\n blue: '7CAFC2',\n magenta: '7FACCA',\n cyan: 'C3C2EF',\n lightgrey: 'EBE7E3',\n darkgrey: '6D7891'\n};\nansiHTML.setColors(colors);\n\nvar Entities = require('html-entities').AllHtmlEntities;\nvar entities = new Entities();\n\nexports.showProblems =\nfunction showProblems(type, lines) {\n clientOverlay.innerHTML = '';\n lines.forEach(function(msg) {\n msg = ansiHTML(entities.encode(msg));\n var div = document.createElement('div');\n div.style.marginBottom = '26px';\n div.innerHTML = problemType(type) + ' in ' + msg;\n clientOverlay.appendChild(div);\n });\n if (document.body) {\n document.body.appendChild(clientOverlay);\n }\n};\n\nexports.clear =\nfunction clear() {\n if (document.body && clientOverlay.parentNode) {\n document.body.removeChild(clientOverlay);\n }\n};\n\nvar problemColors = {\n errors: colors.red,\n warnings: colors.yellow\n};\n\nfunction problemType (type) {\n var color = problemColors[type] || colors.red;\n return (\n '<span style=\"background-color:#' + color + '; color:#fff; padding:2px 4px; border-radius: 2px\">' +\n type.slice(0, -1).toUpperCase() +\n '</span>'\n );\n}\n"]}