itworx-hub-modal - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

package.json

 {
     "name": "itworx-hub-modal",
-    "version": "1.0.6",
+    "version": "1.0.7",
     "description": "",
@@ -16,5 +16,8 @@ "main": "index.js",
     "devDependencies": {
-        "babel-cli": "^6.26.0",
-        "babel-core": "^6.26.0",
-        "babel-loader": "^7.1.4",
+        "babel-core": "6.26.0",
+        "babel-eslint": "7.2.3",
+        "babel-jest": "20.0.3",
+        "babel-loader": "7.1.2",
+        "babel-preset-react-app": "^3.1.1",
+        "babel-runtime": "6.26.0",
         "babel-plugin-transform-class-properties": "^6.24.1",
@@ -24,4 +27,2 @@ "babel-polyfill": "^6.26.0",
         "babel-preset-es2015-ie": "^6.7.0",
-        "babel-preset-es2016": "^6.24.1",
-        "babel-preset-react": "^6.24.1",
         "clean-webpack-plugin": "^0.1.19",
@@ -34,3 +35,2 @@ "css-loader": "^0.28.11",
         "html-webpack-plugin": "^3.2.0",
-        "mini-css-extract-plugin": "^0.2.0",
         "node-sass": "^4.8.3",
@@ -40,5 +40,5 @@ "react-cosmos": "^4.0.0-beta.5",
         "style-loader": "^0.20.3",
-        "webpack": "^4.4.1",
+        "webpack": "3.8.1",
         "webpack-cli": "^2.0.13",
-        "webpack-dev-server": "^3.1.1"
+        "webpack-dev-server": "2.9.4"
     },
@@ -45,0 +45,0 @@ "dependencies": {

README.md

@@ -5,1 +5,8 @@ # itworxhub-modal
 Check it out: https://mennanader.github.io/itworxhub-modal/
+
+
+#####HubModal needs the following props: 
+
+-  onCloseModal: PropTypes.func.isRequired,
+-  open: PropTypes.bool.isRequired,
+-  children: PropTypes.node

webpack.config.js

@@ -15,7 +15,8 @@ const webpack = require("webpack");
 const CleanWebpackPlugin = require("clean-webpack-plugin");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+process.env.BABEL_ENV = 'development';
+process.env.NODE_ENV = 'development';
 module.exports = {
   context: path.join(process.cwd(), ""),
-  entry: ["babel-polyfill", "./example.jsx"],
+  entry: ["babel-polyfill", "./example.js"],
 
@@ -29,16 +30,5 @@ output: {
   devtool: "source-map",
-  mode: "development",
   module: {
     rules: [
       {
-        test: /\.jsx$/,
-        use: {
-          loader: "babel-loader",
-          options: {
-            presets: ["es2016", "react", "es2015-ie"],
-            plugins: ["transform-class-properties"]
-          }
-        }
-      },
-      {
         test: /\.js$/,
@@ -48,3 +38,3 @@ use: {
           options: {
-            presets: ["es2016", "react", "es2015-ie"],
+            presets: ["env", "react-app", "es2015-ie"],
             plugins: ["transform-class-properties"]
@@ -55,24 +45,8 @@ }
       {
-        enforce: "pre", //to check source files, not modified by other loaders (like babel-loader)
-        test: /\.js$/,
-        loader: "eslint-loader"
-      },
-      {
         test: /\.(scss|css)$/,
 
-        use: [
-          MiniCssExtractPlugin.loader,
-          {
-            loader: "css-loader",
-            options: {
-              sourceMap: true
-            }
-          },
-          {
-            loader: "sass-loader",
-            options: {
-              sourceMap: true
-            }
-          }
-        ]
+        use: ExtractTextPlugin.extract({
+          fallback: "style-loader",
+          use: ['css-loader', 'sass-loader']
+        })
       }
@@ -85,14 +59,2 @@ ]
   },
-  optimization: {
-    splitChunks: {
-      cacheGroups: {
-        styles: {
-          name: "styles",
-          test: /\.css$/,
-          chunks: "all",
-          enforce: true
-        }
-      }
-    }
-  },
   devServer: {
@@ -116,10 +78,11 @@ publicPath: "/",
     }),
-    new MiniCssExtractPlugin({
-      // Options similar to the same options in webpackOptions.output
-      // both options are optional
+    new ExtractTextPlugin({
       filename: "[name].css",
-      chunkFilename: "[id].css"
+      allChunks: true
     }),
     new webpack.HotModuleReplacementPlugin()
-  ]
+  ],
+  performance: {
+    hints: false,
+  },
 };

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Improved metrics

Number of lines in readme file

11

increased by120%

Worsened metrics

Total package byte prevSize

2418167

decreased by-0.03%

Lines of code

24911

decreased by-0.14%

Number of low supply chain risk alerts

3

increased by200%

No dependency changes