v-scroll-lock - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

.eslintrc.js

 module.exports = {
-  "env": {
-      "browser": true,
-      "es6": true
+  root: true,
+  env: {
+    node: true,
   },
-  "extends": ["plugin:vue/strongly-recommended", "standard"],
-  "parserOptions": {
-      "sourceType": "module"
+  extends: ['plugin:vue/essential', '@vue/prettier', '@vue/typescript'],
+  rules: {
+    'vue/max-attributes-per-line': 'off',
+    'vue/html-self-closing': 'off',
   },
-  "globals": {
-      "beforeEach": false,
-      "test": false,
-      "expect": false
-  }
-};
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+  },
+}

package.json

 {
   "name": "v-scroll-lock",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "A Vue.js directive for scroll locking",
-  "main": "dist/v-scroll-lock.js",
+  "main": "dist/v-scroll-lock.umd.js",
+  "module": "dist/v-scroll-lock.esm.js",
+  "unpkg": "dist/v-scroll-lock.min.js",
   "author": "Peter Hegman",
   "license": "GPL-3.0",
+  "keywords": [
+    "Vue.js",
+    "Vue",
+    "scroll lock",
+    "prevent scrolling",
+    "iOS",
+    "body scrolling",
+    "directive"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/phegman/v-scroll-lock.git"
+  },
   "dependencies": {
-    "body-scroll-lock": "^2.4.6",
-    "vue": "^2.5.16"
+    "body-scroll-lock": "^2.6.4"
   },
   "devDependencies": {
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.3",
-    "babel-jest": "^23.0.1",
-    "babel-loader": "^7.1.4",
-    "babel-preset-env": "^1.7.0",
-    "css-loader": "^1.0.0",
-    "eslint": "^4.19.1",
-    "eslint-config-standard": "^11.0.0",
-    "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-node": "^6.0.1",
-    "eslint-plugin-promise": "^3.8.0",
-    "eslint-plugin-standard": "^3.1.0",
-    "eslint-plugin-vue": "^4.5.0",
-    "jest": "^23.1.0",
-    "node-sass": "^4.9.0",
-    "regenerator-runtime": "^0.11.1",
-    "sass-loader": "^7.0.3",
-    "vue-loader": "^15.2.4",
-    "vue-template-compiler": "^2.5.17",
-    "webpack": "^4.11.0",
-    "webpack-cli": "^3.0.2",
-    "webpack-merge": "^4.1.2"
+    "@babel/core": "^7.6.4",
+    "@babel/preset-env": "^7.6.3",
+    "@rollup/plugin-replace": "^2.2.0",
+    "@types/body-scroll-lock": "^2.6.1",
+    "@types/node": "^12.12.5",
+    "@typescript-eslint/parser": "^2.5.0",
+    "@vue/eslint-config-prettier": "^5.0.0",
+    "@vue/eslint-config-typescript": "^4.0.0",
+    "css-loader": "^3.2.0",
+    "eslint": "^6.5.1",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-vue": "^5.2.3",
+    "file-loader": "^4.2.0",
+    "focus-trap": "^5.0.2",
+    "html-webpack-plugin": "^3.2.0",
+    "husky": "^3.0.9",
+    "node-sass": "^4.12.0",
+    "prettier": "^1.18.2",
+    "pretty-quick": "^2.0.0",
+    "rimraf": "^3.0.0",
+    "rollup": "^1.25.1",
+    "rollup-plugin-alias": "^2.2.0",
+    "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-terser": "^5.1.2",
+    "rollup-plugin-typescript2": "^0.24.3",
+    "sass-loader": "^8.0.0",
+    "ts-loader": "^6.2.0",
+    "typescript": "^3.6.4",
+    "vue": "^2.6.10",
+    "vue-class-component": "^7.1.0",
+    "vue-loader": "^15.7.1",
+    "vue-property-decorator": "^8.3.0",
+    "vue-style-loader": "^4.1.2",
+    "vue-template-compiler": "^2.6.10",
+    "webpack": "^4.41.2",
+    "webpack-cli": "^3.3.9",
+    "webpack-dev-server": "^3.9.0"
   },
   "scripts": {
-    "build": "node_modules/.bin/webpack",
-    "prepublishOnly": "yarn run build",
-    "test": "jest",
-    "lint": "node_modules/.bin/eslint src --ext .vue"
+    "build": "rimraf dist & yarn build:umd & yarn build:esm & yarn build:esm-no-dep & yarn build:iife & yarn build:demo",
+    "build:umd": "rollup --format umd --file dist/v-scroll-lock.umd.js --config",
+    "build:esm": "rollup --format esm --file dist/v-scroll-lock.esm.js --config",
+    "build:iife": "rollup --format iife --file dist/v-scroll-lock.min.js --config",
+    "build:esm-no-dep": "rollup --format esm --file dist/v-scroll-lock-no-dep.esm.js --config --environment NO_DEP:true",
+    "build:demo": "webpack --mode production",
+    "lint": "./node_modules/.bin/eslint src/**/*.{vue,ts}",
+    "dev": "webpack-dev-server --mode development"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "pretty-quick --staged"
+    }
   }
 }

webpack.config.js

 const path = require('path')
-const merge = require('webpack-merge')
 const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
 
-var config = {
-  mode: 'development',
+module.exports = {
+  entry: {
+    index: path.resolve(__dirname, './src/demo.ts'),
+  },
   output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: '[name].js'
+    path: path.resolve(__dirname, './dist'),
+    filename: 'demo.min.js',
   },
@@ -15,40 +17,43 @@ module: {
         test: /\.vue$/,
-        loader: 'vue-loader'
+        loader: 'vue-loader',
       },
       {
-        test: /\.js$/,
-        loader: 'babel-loader'
+        test: /\.tsx?$/,
+        loader: 'ts-loader',
+        exclude: [/node_modules/],
+        options: {
+          appendTsSuffixTo: [/\.vue$/],
+        },
       },
       {
         test: /\.scss$/,
+        use: ['vue-style-loader', 'css-loader', 'sass-loader'],
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)$/i,
         use: [
-          'vue-style-loader',
-          'css-loader',
-          'sass-loader'
-        ]
-      }
-    ]
+          {
+            loader: 'file-loader',
+          },
+        ],
+      },
+    ],
   },
+  resolve: {
+    extensions: ['.ts', '.js', '.vue', '.json'],
+    alias: {
+      vue$: 'vue/dist/vue.esm.js',
+    },
+  },
   plugins: [
-    new VueLoaderPlugin()
-  ]
+    new VueLoaderPlugin(),
+    new HtmlWebpackPlugin({
+      template: path.resolve(__dirname, './src/index.html'),
+    }),
+  ],
+  devServer: {
+    contentBase: path.resolve(__dirname, './dist'),
+    port: 8080,
+    hot: true,
+  },
 }
-
-module.exports = [
-  merge(config, {
-    entry: {
-      main: './src/main.js'
-    }
-  }),
-  merge(config, {
-    entry: {
-      vSlide: './src/v-scroll-lock.js'
-    },
-    output: {
-      filename: 'v-scroll-lock.js',
-      libraryTarget: 'umd',
-      library: 'v-scroll-lock',
-      umdNamedDefine: true
-    }
-  })
-]

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Environment variable access

Supply chain risk

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Dependency count

1

decreased by-50%

Number of package files

36

increased by125%

Number of lines in readme file

117

increased by32.95%

Worsened metrics

Total package byte prevSize

248857

decreased by-64.17%

Dev dependency count

39

increased by77.27%

Lines of code

945

decreased by-45.28%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedvue@^2.5.16

• - Removed@babel/helper-string-parser@7.24.8(transitive)

• - Removed@babel/helper-validator-identifier@7.24.7(transitive)

• - Removed@babel/parser@7.25.6(transitive)

• - Removed@babel/types@7.25.6(transitive)

• - Removed@vue/compiler-sfc@2.7.16(transitive)

• - Removedcsstype@3.1.3(transitive)

• - Removednanoid@3.3.7(transitive)

• - Removedpicocolors@1.1.0(transitive)

• - Removedpostcss@8.4.47(transitive)

• - Removedprettier@2.8.8(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedsource-map-js@1.2.1(transitive)

• - Removedto-fast-properties@2.0.0(transitive)

• - Removedvue@2.7.16(transitive)

• Updatedbody-scroll-lock@^2.6.4