B #5422: add css-loader and style-loader (#1427)

src/fireedge/package.json

@@ -32,7 +32,6 @@
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.0-rc.3",
     "cross-env": "7.0.2",
-    "eslint": "7.11.0",
     "eslint-config-prettier": "6.11.0",
     "eslint-config-standard": "14.1.1",
     "eslint-import-resolver-alias": "1.1.2",
@@ -45,6 +44,7 @@
     "eslint-plugin-promise": "4.2.1",
     "eslint-plugin-react": "7.21.4",
     "eslint-plugin-standard": "4.0.1",
+    "eslint": "7.11.0",
     "opennebula-generatepotfile": "1.0.0",
     "opennebula-potojson": "1.0.0",
     "react-refresh": "0.10.0",
@@ -81,15 +81,17 @@
     "copy-webpack-plugin": "9.0.1",
     "core-js": "3.15.2",
     "cors": "2.8.5",
+    "css-loader": "6.2.0",
     "dagre": "0.8.5",
     "dompurify": "2.2.6",
     "express": "4.17.1",
     "fast-xml-parser": "3.19.0",
+    "flatpickr": "^4.6.9",
     "fs-extra": "9.0.1",
     "fuse.js": "6.4.1",
     "helmet": "4.1.1",
-    "http": "0.0.1-security",
     "http-proxy-middleware": "1.0.5",
+    "http": "0.0.1-security",
     "https": "1.0.0",
     "iconoir-react": "1.1.0",
     "immutable": "4.0.0-rc.12",
@@ -107,35 +109,37 @@
     "process": "0.11.10",
     "prop-types": "15.7.2",
     "qrcode": "1.4.4",
-    "react": "17.0.2",
     "react-ace": "9.2.1",
     "react-dom": "17.0.2",
+    "react-flatpickr": "^3.10.7",
     "react-flow-renderer": "9.6.0",
     "react-hook-form": "6.12.0",
     "react-json-pretty": "2.2.0",
     "react-minimal-pie-chart": "8.2.0",
     "react-redux": "7.2.4",
-    "react-router": "5.2.0",
     "react-router-dom": "5.2.0",
+    "react-router": "5.2.0",
     "react-table": "7.7.0",
     "react-transition-group": "4.4.1",
     "react-virtual": "2.7.1",
-    "redux": "4.1.0",
+    "react": "17.0.2",
     "redux-thunk": "2.3.0",
+    "redux": "4.1.0",
     "rimraf": "3.0.2",
-    "socket.io": "4.1.2",
     "socket.io-client": "4.1.2",
+    "socket.io": "4.1.2",
     "speakeasy": "2.0.0",
     "sprintf-js": "1.1.2",
+    "style-loader": "3.2.1",
     "terser-webpack-plugin": "5.1.4",
     "time-fix-plugin": "2.0.7",
     "tiny-worker": "2.3.0",
     "upcast": "4.0.0",
     "url": "0.11.0",
     "uuid": "8.3.1",
-    "webpack": "5.41.0",
     "webpack-cli": "4.7.2",
     "webpack-node-externals": "2.5.2",
+    "webpack": "5.41.0",
     "window-or-global": "1.0.1",
     "winston": "3.3.3",
     "worker-loader": "3.0.8",

src/fireedge/webpack.config.dev.client.js

@@ -51,6 +51,10 @@ const getDevConfiguration = () => {
                 }
               }
             ]
+          },
+          {
+            test: /\.css$/i,
+            use: ['style-loader', 'css-loader']
           }
         ]
       },

src/fireedge/webpack.config.prod.client.js

@@ -27,6 +27,10 @@ const js = {
   loader: 'babel-loader',
   include: path.resolve(__dirname, 'src')
 }
+const css = {
+  test: /\.css$/i,
+  use: ['style-loader', 'css-loader']
+}
 
 /**
  * Bundle app.
@@ -81,7 +85,7 @@ const bundle = ({ assets = false, name = 'sunstone' }) => {
       ]
     },
     module: {
-      rules: [js]
+      rules: [js, css]
     }
   }
 }

src/fireedge/webpack.config.prod.server.js

@@ -27,6 +27,11 @@ const js = {
   include: path.resolve(__dirname, 'src')
 }
 
+const css = {
+  test: /\.css$/i,
+  use: ['style-loader', 'css-loader']
+}
+
 const worker = {
   test: /\.worker\.js$/,
   loader: 'worker-loader',
@@ -67,6 +72,6 @@ module.exports = {
     ]
   },
   module: {
-    rules: [js, worker]
+    rules: [js, worker, css]
   }
 }