chore: small changes

build/loaders/css-minifier-loader.js

@@ -1,12 +0,0 @@
-const cssMap = require('../../src/lib/cssMap')
-const escapeRegExp = require('licia/escapeRegExp')
-const each = require('licia/each')
-
-module.exports = function (src) {
-    each(cssMap, (val, key) => {
-        src = src.replace(new RegExp(escapeRegExp(';' + key + ':'), 'g'), ';$' + val + ':')
-        src = src.replace(new RegExp(escapeRegExp('{' + key + ':'), 'g'), '{$' + val + ':')
-    })    
-
-    return src
-}

build/webpack.base.js

@@ -25,11 +25,6 @@ const postcssLoader = {
   },
 }
 
-const cssMinifierLoader = {
-  loader: path.resolve(__dirname, './loaders/css-minifier-loader'),
-  options: {},
-}
-
 const rawLoader = {
   loader: 'raw-loader',
   options: {
@@ -63,7 +58,11 @@ module.exports = {
     rules: [
       {
         test: /\.js$/,
-        exclude: /node_modules|index\.js/,
+        include: [
+          path.resolve(__dirname, '../src'),
+          path.resolve(__dirname, '../node_modules/luna-console'),
+          path.resolve(__dirname, '../node_modules/luna-modal'),
+        ],
         use: [
           {
             loader: 'babel-loader',
@@ -80,12 +79,12 @@ module.exports = {
       },
       {
         test: /\.scss$/,
-        use: [cssMinifierLoader, 'css-loader', postcssLoader, 'sass-loader'],
+        use: ['css-loader', postcssLoader, 'sass-loader'],
       },
       {
         test: /\.css$/,
         exclude: /luna-dom-highlighter/,
-        use: [cssMinifierLoader, 'css-loader', postcssLoader],
+        use: ['css-loader', postcssLoader],
       },
       {
         test: /luna-dom-highlighter\.css$/,

package.json

@@ -68,10 +68,10 @@
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^5.0.0",
     "licia": "^1.37.0",
-    "luna-console": "^1.1.2",
+    "luna-console": "^1.1.3",
     "luna-data-grid": "^0.2.1",
     "luna-dom-viewer": "^1.0.2",
-    "luna-modal": "^0.1.2",
+    "luna-modal": "^1.0.0",
     "luna-notification": "^0.1.4",
     "luna-object-viewer": "^0.2.2",
     "luna-tab": "^0.1.0",
@@ -81,7 +81,7 @@
     "postcss-prefixer": "^2.1.2",
     "raw-loader": "^4.0.2",
     "sass-loader": "^13.0.2",
-    "webpack": "^5.73.0",
+    "webpack": "^5.75.0",
     "webpack-bundle-analyzer": "^4.7.0",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.9.3"

src/Elements/Elements.scss

@@ -10,6 +10,7 @@
   }
   .parents {
     @include overflow-auto(x);
+    overflow-y: hidden;
     background: var(--darker-background);
     color: var(--primary);
     padding: 0 $padding;

src/lib/cssMap.js

@@ -1,55 +0,0 @@
-module.exports = {
-  background: 'b',
-  'background-image': 'bi',
-  border: 'bo',
-  'border-bottom': 'bb',
-  'border-collapse': 'bc',
-  'border-left-color': 'blc',
-  'border-right': 'br',
-  'border-radius': 'bra',
-  'border-top': 'bt',
-  'border-top-color': 'btc',
-  'box-shadow': 'bs',
-  'box-sizing': 'bsi',
-  clear: 'cl',
-  color: 'c',
-  content: 'co',
-  cursor: 'cu',
-  display: 'd',
-  flex: 'fl',
-  'flex-shrink': 'fsh',
-  float: 'f',
-  'font-family': 'ff',
-  'font-size': 'fs',
-  'font-weight': 'fw',
-  height: 'h',
-  left: 'l',
-  'line-height': 'lh',
-  margin: 'm',
-  'margin-bottom': 'mb',
-  'margin-left': 'ml',
-  'margin-top': 'mt',
-  'min-height': 'mh',
-  outline: 'ou',
-  overflow: 'o',
-  'overflow-x': 'ox',
-  'overflow-y': 'oy',
-  padding: 'p',
-  'padding-bottom': 'pb',
-  'padding-left': 'pl',
-  'padding-top': 'pt',
-  'pointer-events': 'pe',
-  position: 'po',
-  'text-align': 'ta',
-  'text-transform': 'tt',
-  top: 't',
-  transition: 'tr',
-  'user-select': 'us',
-  'vertical-aligin': 'va',
-  visibility: 'v',
-  width: 'w',
-  'will-change': 'wc',
-  'white-space': 'ws',
-  '-webkit-overflow-scrolling': 'wos',
-  'z-index': 'z',
-}

src/lib/evalCss.js

@@ -5,9 +5,7 @@ import isStr from 'licia/isStr'
 import keys from 'licia/keys'
 import kebabCase from 'licia/kebabCase'
 import defaults from 'licia/defaults'
-import escapeRegExp from 'licia/escapeRegExp'
 import themes from './themes'
-import cssMap from './cssMap'
 
 let styleList = []
 let scale = 1
@@ -71,9 +69,6 @@ function resetStyles() {
 function resetStyle({ css, el }) {
   css = css.replace(/(\d+)px/g, ($0, $1) => +$1 * scale + 'px')
   css = css.replace(/_/g, 'eruda-')
-  each(cssMap, (val, key) => {
-    css = css.replace(new RegExp(escapeRegExp(`$${val}:`), 'g'), key + ':')
-  })
   const _keys = keys(themes.Light)
   each(_keys, (key) => {
     css = css.replace(