WIP Extract or duplicate more functionalities of Cluster Overview from the monolith to a Feature

Co-authored-by: Juho Heikka <juho.heikka@gmail.com>

Signed-off-by: Iku-turso <mikko.aspiala@gmail.com>

packages/infrastructure/jest/package.json

@@ -23,7 +23,7 @@
     "@swc/core": "^1.3.38",
     "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^12.1.5",
     "@types/jest": "^29.2.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.5.0",

packages/infrastructure/webpack/src/get-react-config.js

@@ -1,9 +1,11 @@
 const getNodeConfig = require("./get-node-config");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
 const path = require("path");
 
 // hack: hard-coded
-const sassCommonVars = "/Users/maspiala/work/lens/packages/core/src/renderer";
+const sassCommonVars =
+  "/Users/maspiala/work/lens/packages/core/src/renderer/components/vars.scss";
 
 module.exports =
   ({ miniCssExtractPluginLoader = MiniCssExtractPlugin.loader } = {}) =>
@@ -22,6 +24,13 @@ module.exports =
         new MiniCssExtractPlugin({
           filename: "[name].css",
         }),
+
+        // see also: https://github.com/Microsoft/monaco-editor-webpack-plugin#options
+        new MonacoWebpackPlugin({
+          languages: ["json", "yaml"],
+          // Hack: should be true only for development.
+          globalAPI: true
+        }),
       ],
 
       module: {
@@ -55,7 +64,8 @@ module.exports =
                 options: {
                   sourceMap: false,
                   postcssOptions: {
-                    plugins: ["tailwindcss"],
+                    // hack: commented
+                    // plugins: ["tailwindcss"],
                   },
                 },
               },