UNPKG

react-mobile-console-logger

Version:

Show console detail's on mobile devices in react application

2 lines 9.77 kB
/*! For license information please see react-mobile-console-logger.js.LICENSE.txt */ (()=>{"use strict";var n={485:(n,e,t)=>{t.d(e,{Z:()=>i});var o=t(645),r=t.n(o)()((function(n){return n[1]}));r.push([n.id,".rcl-action-button {\n position: fixed;\n bottom: 2%;\n right: 2%;\n width: 50px;\n height: 50px;\n background: var(--action-button);\n border: 2px solid var(--action-button-border);\n color: var(--action-button-border);\n border-radius: 5px;\n cursor: pointer;\n font-size: 1.5em;\n line-height: 0.5em;\n appearance: none;\n padding: 0 10px 10px 10px;\n z-index: 1000;\n}\n.rcl-action-button:focus {\n outline: none;\n border-color: var(--action-button-focus);\n}\n",""]);const i=r},345:(n,e,t)=>{t.d(e,{Z:()=>i});var o=t(645),r=t.n(o)()((function(n){return n[1]}));r.push([n.id,".console-container {\n position: fixed;\n width: 100%;\n height: 30%;\n bottom: 0;\n left: 0;\n right: 0;\n background: var(--console-background);\n z-index: 999;\n opacity: 1;\n visibility: visible;\n transition: all 0.3s ease-out;\n transition-property: opacity, visibility;\n overflow-y: scroll;\n padding: 5px 0;\n}\n.console-container.hidden {\n visibility: hidden;\n opacity: 0;\n}\n",""]);const i=r},489:(n,e,t)=>{t.d(e,{Z:()=>i});var o=t(645),r=t.n(o)()((function(n){return n[1]}));r.push([n.id,':root {\n --console-background: #252525;\n --action-button: #ff6768;\n --action-button-border: #141414;\n --action-button-focus: #a54242;\n --log-title-info: #3282b8;\n --log-title-warn: #d65a31;\n --log-title-error: #ca3e47;\n --log-title-debug: #bef992;\n --log-body: #dbd8e3;\n}\n\n.log-row {\n display: flex;\n flex-direction: row;\n font-size: 1em;\n color: var(--log-body);\n}\n.log-row > .log-title {\n font-size: 0.9em;\n min-width: 80px;\n}\n.log-row > .log-body {\n padding: 0;\n margin: 0 5px;\n}\n\n.log-row[logtype="log"] > .log-title,\n.log-row[logtype="info"] > .log-title,\n.log-row[logtype="count"] > .log-title {\n color: var(--log-title-info);\n}\n.log-row[logtype="error"] > .log-title {\n color: var(--log-title-error);\n}\n.log-row[logtype="debug"] > .log-title {\n color: var(--log-title-debug);\n}\n.log-row[logtype="warn"] > .log-title {\n color: var(--log-title-warn);\n}\n',""]);const i=r},645:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t=n(e);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t})).join("")},e.i=function(n,t,o){"string"==typeof n&&(n=[[null,n,""]]);var r={};if(o)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(r[a]=!0)}for(var l=0;l<n.length;l++){var c=[].concat(n[l]);o&&r[c[0]]||(t&&(c[2]?c[2]="".concat(t," and ").concat(c[2]):c[2]=t),e.push(c))}},e}},379:(n,e,t)=>{var o,r=function(){var n={};return function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}n[e]=t}return n[e]}}(),i=[];function a(n){for(var e=-1,t=0;t<i.length;t++)if(i[t].identifier===n){e=t;break}return e}function l(n,e){for(var t={},o=[],r=0;r<n.length;r++){var l=n[r],c=e.base?l[0]+e.base:l[0],u=t[c]||0,d="".concat(c," ").concat(u);t[c]=u+1;var s=a(d),f={css:l[1],media:l[2],sourceMap:l[3]};-1!==s?(i[s].references++,i[s].updater(f)):i.push({identifier:d,updater:v(f,e),references:1}),o.push(d)}return o}function c(n){var e=document.createElement("style"),o=n.attributes||{};if(void 0===o.nonce){var i=t.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach((function(n){e.setAttribute(n,o[n])})),"function"==typeof n.insert)n.insert(e);else{var a=r(n.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(e)}return e}var u,d=(u=[],function(n,e){return u[n]=e,u.filter(Boolean).join("\n")});function s(n,e,t,o){var r=t?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(n.styleSheet)n.styleSheet.cssText=d(e,r);else{var i=document.createTextNode(r),a=n.childNodes;a[e]&&n.removeChild(a[e]),a.length?n.insertBefore(i,a[e]):n.appendChild(i)}}function f(n,e,t){var o=t.css,r=t.media,i=t.sourceMap;if(r?n.setAttribute("media",r):n.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),n.styleSheet)n.styleSheet.cssText=o;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(o))}}var p=null,g=0;function v(n,e){var t,o,r;if(e.singleton){var i=g++;t=p||(p=c(e)),o=s.bind(null,t,i,!1),r=s.bind(null,t,i,!0)}else t=c(e),o=f.bind(null,t,e),r=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)};return o(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;o(n=e)}else r()}}n.exports=function(n,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=(void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o));var t=l(n=n||[],e);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var o=0;o<t.length;o++){var r=a(t[o]);i[r].references--}for(var c=l(n,e),u=0;u<t.length;u++){var d=a(t[u]);0===i[d].references&&(i[d].updater(),i.splice(d,1))}t=c}}}}},e={};function t(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={id:o,exports:{}};return n[o](i,i.exports,t),i.exports}t.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return t.d(e,{a:e}),e},t.d=(n,e)=>{for(var o in e)t.o(e,o)&&!t.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),t.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var o={};(()=>{t.r(o),t.d(o,{default:()=>C});const n=require("react");var e=t.n(n),r="React-Console-Logger",i=["info","warn","error","log","debug","count"],a={},l=function(){};function c(n){null!=n&&(r=n)}function u(){return r}function d(n,e){if(void 0!==n&&""!==n&&null!==n&&"undefined"!=typeof document){var t=new CustomEvent(n,{detail:e});document.dispatchEvent(t)}}function s(n){if("undefined"!=typeof document){var e,t=null!==(e=n.detail)&&void 0!==e?e:null,o=document.getElementById("console-container");if(o&&t){var r=t.title,i=t.type,a=t.body;if(a.hasOwnProperty("length")&&a.length>=0&&"string"==typeof a[0]){var l=function(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(null!=n&&null!=e){var o=t.type,r=document.createElement("div"),i=document.createElement("span"),a=document.createElement("p");return r.classList.add("log-row"),r.setAttribute("logtype",o||"log"),i.classList.add("log-title"),i.appendChild(document.createTextNode(n)),a.classList.add("log-body"),a.appendChild(document.createTextNode(e)),r.appendChild(i),r.appendChild(a),r}}(r,a[0],{type:i});o.appendChild(l)}}}}function f(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(void 0===n&&null===n)throw"Source value is undefined or null.";if(void 0===e&&void 0===e)throw"Target value is undefined or null.";if("function"!=typeof e)throw"Target is not a function!";e(n)}function p(){i.map((function(n){a[n]=console[n],console[n]=function(){d("log-update",{title:"".concat(n.toUpperCase(),": ").concat(u()," - "),type:n,body:arguments}),a[n].apply(console,arguments)}}))}l.prototype.setLogPrefix=c,l.prototype.getLogPrefix=u,l.prototype.validateAndBind=f,l.prototype.init=function(n){f(n,c),p(),"undefined"!=typeof document&&document.addEventListener("log-update",s),"undefined"!=typeof window&&(window.onerror=function(n,e,t,o,r){console.error([n,e,t,o].join(" "))},window.onabort=function(n){console.error(n)})},l.prototype.bind=p;var g=t(379),v=t.n(g),y=t(485);function m(){return(m=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n}).apply(this,arguments)}function b(n){return e().createElement(e().Fragment,null,e().createElement("button",m({className:["rcl-action-button",n.className].join(" ").trim()},n),"..."))}v()(y.Z,{insert:"head",singleton:!1}),y.Z.locals;var h=t(345);function w(n){var t=n.isShow;return e().createElement("div",{id:"console-container",className:["console-container",t?"":"hidden"].join(" ").trim()})}v()(h.Z,{insert:"head",singleton:!1}),h.Z.locals;var x=t(489);function S(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t<e;t++)o[t]=n[t];return o}function E(t){var o,r,i=t.perfix,a=(o=(0,n.useState)(!1),r=2,function(n){if(Array.isArray(n))return n}(o)||function(n,e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(n)){var t=[],o=!0,r=!1,i=void 0;try{for(var a,l=n[Symbol.iterator]();!(o=(a=l.next()).done)&&(t.push(a.value),!e||t.length!==e);o=!0);}catch(n){r=!0,i=n}finally{try{o||null==l.return||l.return()}finally{if(r)throw i}}return t}}(o,r)||function(n,e){if(n){if("string"==typeof n)return S(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(n,e):void 0}}(o,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=a[0],u=a[1],d=new l;return(0,n.useEffect)((function(){d.init(i)}),[]),e().createElement("div",{className:"main-layout"},e().createElement(b,{onClick:function(){u(!c)}}),e().createElement(w,{isShow:c}))}function C(){return e().createElement(E,null)}v()(x.Z,{insert:"head",singleton:!1}),x.Z.locals})(),module.exports=o})();