feat: new panels: evaluations and transformations

README.md

@@ -9,7 +9,7 @@ npm install
 npm start
 ```
 
-Follow [Official Tutorial](https://developer.chrome.com/extensions/getstarted), when loading unpacked extension, choose the `brick-next-devtools/extension` directory.
+Follow [official tutorial](https://developer.chrome.com/extensions/getstarted), when loading unpacked extension, choose the `brick-next-devtools/extension` directory.
 
 ## Testing
 
@@ -32,7 +32,7 @@ npm test src/some-file.spec.ts -- --watch
 To test a specified file and collect coverage from related files only:
 
 ```
-npm test src/some-file.spec.ts -- no-collect-coverage-from
+npm test src/some-file.spec.ts -- --no-collect-coverage-from
 ```
 
 ## Publish

extension/manifest.json

@@ -30,7 +30,9 @@
     "build/devtools.js",
     "build/hook.js",
     "build/panel.html",
+    "build/panel.css",
     "build/panel.js",
+    "build/panel.js.map",
     "build/icons-16.eot",
     "build/icons-16.ttf",
     "build/icons-16.woff",

package.json

@@ -34,7 +34,6 @@
     "babel-jest": "^25.2.6",
     "babel-loader": "^8.1.0",
     "clean-webpack-plugin": "^3.0.0",
-    "copy-webpack-plugin": "^5.1.1",
     "coveralls": "^3.0.11",
     "cross-env": "^7.0.2",
     "css-loader": "^3.4.2",
@@ -50,8 +49,8 @@
     "husky": "^4.2.3",
     "jest": "^25.2.7",
     "lint-staged": "^10.1.2",
+    "mini-css-extract-plugin": "^0.9.0",
     "prettier": "^2.0.3",
-    "style-loader": "^1.1.3",
     "typescript": "^3.8.3",
     "webpack": "^4.42.1",
     "webpack-cli": "^3.3.11"