air-range-slider - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

package.json

 {
   "name": "air-range-slider",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "jQuery range slider",
@@ -9,3 +9,2 @@ "main": "./dist/main.js",
     "test": "jest",
-    "publish": "git checkout master && git merge development && npm run build && git add . && git commit -am 'Deploy' && git push origin && git checkout @{-1}",
     "start": "webpack --mode=development --env mode=development serve",
@@ -58,2 +57,3 @@ "build": "webpack --mode=production",
     "gh-pages": "^3.1.0",
+    "html-webpack-plugin": "^5.3.1",
     "jest": "^26.6.3",
@@ -71,2 +71,3 @@ "jsdom": "^16.4.0",
     "typescript": "^4.1.2",
+    "typescript-plugin-css-modules": "^3.2.0",
     "webpack": "^5.6.0",
@@ -73,0 +74,0 @@ "webpack-cli": "^4.2.0",

src/index.ts

@@ -9,7 +9,15 @@ import JQuery from 'jquery';
   // eslint-disable-next-line no-param-reassign
+  console.log('JQuery $ : ', $);
+  console.log('$.fn1 : ', $.fn);
   $.fn.slider = function makeCreateSlider(props?: Props): JQuery {
+    console.log('makeCreateSlider this : ', this);
     return createSlider(this, props);
   };
+  console.log('$.fn2 : ', $.fn);
 })(JQuery);
 
+console.log('JQuery : ', JQuery);
+
+console.log('createSlider : ', createSlider);
+
 export default Slider;

tsconfig.json

@@ -71,5 +71,6 @@ {
     "skipLibCheck": true /* Skip type checking of declaration files. */,
-    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+    "plugins": [{ "name": "typescript-plugin-css-modules" }]
   },
-  "exclude": ["node_modules", "dist", "./src/**/*.test.ts", "./*.js", "*.scss"]
+  "exclude": ["node_modules", "dist", "./src/**/*.test.ts", "./*.js"]
 }

webpack.config.js

@@ -10,11 +10,19 @@ "use strict";
 
-  const isProd = mode === "production";
-  const isDev = mode === "development";
+  const isProduction = mode === 'production';
+  const isDevelopment = mode === 'development';
 
   const getStyleLoaders = () => {
     return [
-      isProd ? MiniCssExtractPlugin.loader : "style-loader",
+      isProduction
+        ? {
+            loader: MiniCssExtractPlugin.loader,
+            options: {
+              publicPath: `${path.resolve(__dirname, "dist")}/`,
+            },
+          }
+        : 'style-loader',
+      'css-modules-typescript-loader',
       {
-        loader: "css-loader",
-        options: { sourceMap: isDev },
+        loader: 'css-loader',
+        options: { sourceMap: isDevelopment },
       },
@@ -29,10 +37,7 @@ ];
     ];
-    if (isProd) {
+    if (isProduction) {
       plugins.push(
         new MiniCssExtractPlugin({
-          filename: isDev ? "[name].css" : "[name].[hash].css",
-          chunkFilename: isDev ? "[id].css" : "[id].[hash].css",
-          insertAt: {
-            after: "title",
-          },
+          filename: isDevelopment ? "[name].css" : "[name].[hash].css",
+          chunkFilename: isDevelopment ? "[id].css" : "[id].[hash].css",
         })
@@ -45,5 +50,8 @@ );
   return {
-    entry: "./src/index.ts",
-    mode: isProd ? "production" : isDev && "development",
-    devtool: isDev && "source-map",
+    entry: './src/index.ts',
+    mode: isProduction ? 'production' : isDevelopment && 'development',
+    optimization: {
+      minimize: false,
+    },
+    devtool: isDevelopment && 'source-map',
 
@@ -54,3 +62,3 @@ module: {
           test: /\.ts?$/,
-          use: "ts-loader",
+          use: 'ts-loader',
           exclude: /node_modules/,
@@ -65,3 +73,7 @@ },
           test: /\.(s[ca]ss)$/,
-          use: [...getStyleLoaders(), "resolve-url-loader", "sass-loader"],
+          use: [
+            ...getStyleLoaders(),
+            'resolve-url-loader',
+            'sass-loader',
+          ],
         },
@@ -73,4 +85,4 @@ ],
     output: {
-      path: path.resolve(__dirname, "dist"),
-      chunkFilename: "[id].[chunkhash].js",
+      path: path.resolve(__dirname, 'dist'),
+      chunkFilename: '[id].[hash].js',
     },
@@ -85,6 +97,6 @@
     resolve: {
-      extensions: [".ts", ".js", ".css", ".scss"],
-      modules: ["src", "node_modules"],
+      extensions: ['.ts', '.js', '.css', '.scss'],
+      modules: ['src', 'node_modules'],
     },
   };
 };

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1635016

increased by24.2%

Lines of code

24094

increased by226.83%

Worsened metrics

Dev dependency count

44

increased by4.76%

Number of low supply chain risk alerts

8

increased byInfinity%

Number of medium supply chain risk alerts

5

increased by150%

No dependency changes