mobile-debug - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

CONTRIBUTING.md

@@ -8,3 +8,3 @@ # Contributing
 
-`git clone [e-mail]:your-username/critical-webpack-plugin.git`
+`git clone [e-mail]:your-username/mobile-debug.git`
 
@@ -21,3 +21,3 @@ Make sure the tests pass:
 
-[pr]: https://github.com/iGitScor/critical-webpack-plugin/compare/
+[pr]: https://github.com/iGitScor/mobile-debug/compare/
 
@@ -24,0 +24,0 @@ At this point you're waiting on us. We like to at least comment on pull requests

dist/index.js

@@ -7,3 +7,31 @@ /**
 node.id = 'mobile-debug';
-node.innerHTML = '<p class="title">Debug console</p>';
+node.innerHTML = `
+  <style>
+  #mobile-debug { display: none; }
+  #mobile-debug:target {
+    display: block;
+    position: fixed;
+    z-index: 999999999;
+    top: 5px;
+    left: 5px;
+    bottom: 5px;
+    right: 5px;
+    margin: 0px;
+    padding: 10px;
+    color: #333;
+    background-color: rgba(255, 255, 255, 0.95);
+    overflow: scroll;
+    font-family: 'monospace','Lucida Console','Lucida Sans Unicode','Verdana';
+    border-radius: 0px 0px 10px 10px;
+    box-shadow: 0px 0px 10px #000000;
+    transition: .2s
+  }
+
+  #mobile-debug .title { font-size: 18px; }
+  #mobile-debug span, #mobile-debug p { font-size: 12px; margin: 0; }
+  #mobile-debug .input { color: #D64141; }
+  #mobile-debug .value { color: #404040; }
+  #mobile-debug .value.warn { color: #D0A889; }
+  </style>
+  <p class="title">Debug console</p>`;
 document.body.appendChild(node);
@@ -28,3 +56,3 @@
     debugDate.classList.add('input');
-    document.getElementById('mobileDebug').appendChild(debugDate);
+    document.getElementById('mobile-debug').appendChild(debugDate);
     var debugValue = document.createElement('p');
@@ -34,3 +62,3 @@ debugValue.innerHTML = args[index];
     debugValue.classList.add('warn');
-    document.getElementById('mobileDebug').appendChild(debugValue);
+    document.getElementById('mobile-debug').appendChild(debugValue);
   }
@@ -50,7 +78,7 @@
     debugDate.classList.add('input');
-    document.getElementById('mobileDebug').appendChild(debugDate);
+    document.getElementById('mobile-debug').appendChild(debugDate);
     var debugValue = document.createElement('p');
     debugValue.innerHTML = args[index];
     debugValue.classList.add('value');
-    document.getElementById('mobileDebug').appendChild(debugValue);
+    document.getElementById('mobile-debug').appendChild(debugValue);
   }
@@ -57,0 +85,0 @@ };

package.json

 {
   "name": "mobile-debug",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -20,7 +20,2 @@ # Mobile debugger
 
-**Style**
-```html
-<link rel="stylesheet" href="node_modules/mobile-debug/dist/mobile-debug.css">
-```
-
 ## Developing
@@ -27,0 +22,0 @@

No alert changes

Improved metrics

Total package byte prevSize

9056

increased by8.4%

Lines of code

101

increased by40.28%

Worsened metrics

Number of lines in readme file

49

decreased by-9.26%

No dependency changes