v-show-slide - npm Package Compare versions

Comparing version 1.6.0 to 1.7.0

.eslintrc.js

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

package.json

 {
   "name": "v-show-slide",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "Vue.js directive for animating element to and from height: auto in a sliding motion",
-  "main": "dist/v-show-slide.js",
+  "main": "dist/v-show-slide.umd.js",
+  "module": "dist/v-show-slide.esm.js",
+  "unpkg": "dist/v-show-slide.min.js",
   "author": "Peter Hegman",
   "license": "GPL-3.0",
+  "keywords": [
+    "Vue.js",
+    "Vue",
+    "animate",
+    "v-show-slide",
+    "v-show",
+    "height auto",
+    "css animations",
+    "easing",
+    "easings",
+    "directive",
+    "slide up",
+    "slide down",
+    "slideUp",
+    "slideDown"
+  ],
   "repository": {
@@ -13,32 +31,56 @@ "type": "git",
   "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",
-    "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",
-    "webpack": "^4.11.0",
-    "webpack-cli": "^3.0.2",
-    "webpack-merge": "^4.1.2"
+    "@types/jest": "^24.0.18",
+    "@types/node": "^12.7.12",
+    "@typescript-eslint/parser": "^2.1.0",
+    "@vue/eslint-config-prettier": "^5.0.0",
+    "@vue/eslint-config-typescript": "^4.0.0",
+    "@vue/test-utils": "^1.0.0-beta.29",
+    "babel-core": "7.0.0-bridge.0",
+    "css-loader": "^3.2.0",
+    "eslint": "^6.3.0",
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-vue": "^5.2.3",
+    "html-webpack-plugin": "^3.2.0",
+    "husky": "^3.0.5",
+    "jest": "^24.9.0",
+    "node-sass": "^4.12.0",
+    "prettier": "^1.18.2",
+    "pretty-quick": "^1.11.1",
+    "rimraf": "^3.0.0",
+    "rollup": "^1.23.1",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-terser": "^5.1.1",
+    "rollup-plugin-typescript2": "^0.24.0",
+    "sass-loader": "^8.0.0",
+    "ts-jest": "^24.1.0",
+    "ts-loader": "^6.0.4",
+    "typescript": "^3.6.2",
+    "vue": "^2.6.10",
+    "vue-class-component": "^7.1.0",
+    "vue-jest": "^3.0.5",
+    "vue-loader": "^15.7.1",
+    "vue-property-decorator": "^8.2.2",
+    "vue-style-loader": "^4.1.2",
+    "vue-template-compiler": "^2.6.10",
+    "webpack": "^4.39.3",
+    "webpack-cli": "^3.3.8",
+    "webpack-dev-server": "^3.8.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:iife & yarn build:demo",
+    "build:umd": "rollup --format umd --file dist/v-show-slide.umd.js --config",
+    "build:esm": "rollup --format esm --file dist/v-show-slide.esm.js --config",
+    "build:iife": "rollup --format iife --file dist/v-show-slide.min.js --config",
+    "build:demo": "webpack --mode production",
+    "lint": "./node_modules/.bin/eslint src/**/*.{vue,ts}",
+    "dev": "webpack-dev-server --mode development",
+    "test": "jest"
   },
-  "dependencies": {
-    "vue": "^2.5.16"
+  "dependencies": {},
+  "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,35 @@ 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'
-        ]
-      }
-    ]
+        use: ['vue-style-loader', 'css-loader', 'sass-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-show-slide.js'
-    },
-    output: {
-      filename: 'v-show-slide.js',
-      libraryTarget: 'umd',
-      library: 'v-show-slide',
-      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

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

Improved metrics

Dependency count

0

decreased by-100%

Number of package files

39

increased by95%

Number of lines in readme file

152

increased by20.63%

Worsened metrics

Total package byte prevSize

195786

decreased by-66.6%

Dev dependency count

37

increased by85%

Lines of code

1114

decreased by-37.03%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedvue@^2.5.16

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

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

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

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

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

• - Removedcsstype@3.1.3(transitive)

• - Removednanoid@3.3.7(transitive)

• - Removedpicocolors@1.1.1(transitive)

• - Removedpostcss@8.4.49(transitive)

• - Removedprettier@2.8.8(transitive)

• - Removedsource-map@0.6.1(transitive)

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

• - Removedvue@2.7.16(transitive)