release: v2.8.3

CHANGELOG.md

@@ -1,3 +1,12 @@
+## 2.8.3 (13 Dec 2022)
+
+* fix(network): remove data grid ios outline
+* chore: update luna console and luna object viewer 
+
+## 2.8.2 (12 Dec 2022)
+
+* fix: some variables not reset when destroy
+
 ## 2.8.1 (12 Dec 2022)
 
 * fix: remove luna syntax highlighter

build/webpack.base.js

@@ -64,6 +64,7 @@ module.exports = {
           path.resolve(__dirname, '../node_modules/luna-modal'),
           path.resolve(__dirname, '../node_modules/luna-tab'),
           path.resolve(__dirname, '../node_modules/luna-data-grid'),
+          path.resolve(__dirname, '../node_modules/luna-object-viewer'),
         ],
         use: [
           {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eruda",
-  "version": "2.8.1",
+  "version": "2.8.3",
   "description": "Console for Mobile Browsers",
   "main": "eruda.js",
   "browserslist": [
@@ -68,12 +68,12 @@
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^5.0.0",
     "licia": "^1.37.0",
-    "luna-console": "^1.1.3",
+    "luna-console": "^1.2.0",
-    "luna-data-grid": "^0.3.0",
+    "luna-data-grid": "^0.3.1",
     "luna-dom-viewer": "^1.0.2",
     "luna-modal": "^1.0.0",
     "luna-notification": "^0.1.4",
-    "luna-object-viewer": "^0.2.2",
+    "luna-object-viewer": "^0.2.4",
     "luna-tab": "^0.1.2",
     "node-sass": "^7.0.1",
     "postcss-clean": "^1.1.0",

src/Network/Network.scss

@@ -14,9 +14,11 @@
   .request-error {
     color: var(--console-error-foreground);
   }
-  .luna-data-grid-data-container:focus {
+  .luna-data-grid:focus {
-    .request-error.luna-data-grid-selected {
+    .luna-data-grid-data-container {
-      background: var(--console-error-background);
+      .request-error.luna-data-grid-selected {
+        background: var(--console-error-background);
+      }
     }
   }
   .luna-data-grid {

src/eruda.js

@@ -106,6 +106,8 @@ export default {
     $(this._container).remove()
     evalCss.clear()
     this._isInit = false
+    this._container = null
+    this._shadowRoot = null
   },
   scale(s) {
     if (isNum(s)) {

src/style/luna.scss

@@ -94,6 +94,22 @@
   .luna-console-code {
     @include luna-console-highlight();
   }
+  .luna-console-log-content {
+    .luna-console-undefined,
+    .luna-console-null {
+      color: var(--operator-color);
+    }
+    .luna-console-number {
+      color: var(--number-color);
+    }
+    .luna-console-boolean {
+      color: var(--keyword-color);
+    }
+    .luna-console-symbol,
+    .luna-console-regexp {
+      color: var(--var-color);
+    }
+  }
 }
 
 .luna-console-preview {
@@ -132,12 +148,6 @@
   border-top-color: transparent;
   border-left-color: var(--foreground);
 }
-.luna-object-viewer-icon-caret-right {
-  top: 0;
-}
-.luna-object-viewer-icon-caret-down {
-  top: 1px;
-}
 
 .luna-notification {
   pointer-events: none !important;
@@ -166,6 +176,13 @@
   color: var(--foreground);
   background: var(--background);
   border-color: var(--border);
+  &:focus {
+    .luna-data-grid-data-container {
+      .luna-data-grid-node.luna-data-grid-selected {
+        background: var(--accent);
+      }
+    }
+  }
   th,
   td {
     border-color: var(--border);
@@ -181,11 +198,6 @@
     }
   }
   .luna-data-grid-data-container {
-    &:focus {
-      .luna-data-grid-node.luna-data-grid-selected {
-        background: var(--accent);
-      }
-    }
     .luna-data-grid-node.luna-data-grid-selected {
       background: var(--highlight);
     }

src/style/style.scss

@@ -36,6 +36,13 @@
   h4 {
     margin: 0;
   }
+  h2 {
+    font-size: $font-size;
+    [class^='icon-'],
+    [class*=' icon-'] {
+      font-weight: normal;
+    }
+  }
 }
 
 .hidden {
@@ -69,11 +76,3 @@
 .string-color {
   color: var(--string-color);
 }
-
-h2 {
-  font-size: $font-size;
-  [class^='icon-'],
-  [class*=' icon-'] {
-    font-weight: normal;
-  }
-}

test/manual.html

@@ -126,6 +126,11 @@
       addClickEvent('log', function () {
         console.clear()
         console.log('log')
+        console.log('number:', 5)
+        console.log('boolean:', true, false)
+        console.log('null:', null)
+        console.log('undefined:', undefined)
+        console.log('regexp:', /test/gi)
         for (var i = 0; i < 10; i++) {
           console.log('repeat log')
         }