vue-tippy - npm Package Compare versions

Comparing version 1.0.0 to 2.0.0

package.json

 {
   "name": "vue-tippy",
-  "version": "1.0.0",
-  "description": "",
-  "main": "vue-tippy.js",
+  "version": "2.0.0",
+  "description": "Directive wrapper for Tippy.js",
+  "author": "Georges KABBOUCHI <[e-mail]>",
+  "main": "dist/vue-tippy.common.js",
+  "module": "dist/vue-tippy.esm.js",
+  "browser": "dist/vue-tippy.js",
+  "unpkg": "dist/vue-tippy.js",
   "files": [
-    "dist/*.js",
-    "vue-tippy.js"
+    "dist",
+    "src"
   ],
   "scripts": {
-    "build": "$(npm bin)/browserify -g browserify-css browserify-me.js -o dist/vue-tippy.js && $(npm bin)/uglifyjs dist/vue-tippy.js -o dist/vue-tippy.min.js && echo Success"
+    "clean": "rimraf dist",
+    "build": "yon run build:common && yon run build:browser && yon run build:browser:min",
+    "build:common": "cross-env NODE_ENV=common webpack --config build/webpack.config.common.js --progress --hide-modules",
+    "build:browser:base": "webpack --config build/webpack.config.browser.js --progress --hide-modules",
+    "build:browser": "cross-env NODE_ENV=browser yon run build:browser:base",
+    "build:browser:min": "cross-env NODE_ENV=production yon run build:browser:base -- -p",
+    "build:dll": "webpack --progress --config build/webpack.config.dll.js",
+    "lint": "yon run lint:js && yon run lint:css",
+    "lint:js": "eslint --ext js --ext jsx --ext vue src test/**/*.spec.js test/*.js build",
+    "lint:js:fix": "yon run lint:js -- --fix",
+    "lint:css": "stylelint src/**/*.{vue,css}",
+    "lint:staged": "lint-staged",
+    "pretest": "yon run lint",
+    "test": "cross-env BABEL_ENV=test karma start test/karma.conf.js --single-run",
+    "dev": "webpack-dashboard -- webpack-dev-server --config build/webpack.config.dev.js --open",
+    "dev:coverage": "cross-env BABEL_ENV=test karma start test/karma.conf.js",
+    "prepublish": "yon run build",
+    "validate": "npm ls"
   },
+  "lint-staged": {
+    "*.{vue,jsx,js}": [
+      "eslint --fix"
+    ],
+    "*.{vue,css}": [
+      "stylefmt",
+      "stylelint"
+    ]
+  },
+  "pre-commit": "lint:staged",
+  "devDependencies": {
+    "add-asset-html-webpack-plugin": "^2.0.0",
+    "babel-core": "^6.24.0",
+    "babel-eslint": "^7.2.0",
+    "babel-helper-vue-jsx-merge-props": "^2.0.0",
+    "babel-loader": "^7.0.0",
+    "babel-plugin-istanbul": "^4.1.0",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-object-rest-spread": "^6.23.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-plugin-transform-vue-jsx": "^3.4.0",
+    "babel-preset-env": "^1.4.0",
+    "chai": "^3.5.0",
+    "chai-dom": "^1.4.0",
+    "cross-env": "^4.0.0",
+    "css-loader": "^0.28.0",
+    "eslint": "^3.19.0",
+    "eslint-config-vue": "^2.0.0",
+    "eslint-plugin-vue": "^2.0.0",
+    "extract-text-webpack-plugin": "^2.1.0",
+    "html-webpack-plugin": "^2.28.0",
+    "karma": "^1.7.0",
+    "karma-chai-dom": "^1.1.0",
+    "karma-chrome-launcher": "^2.1.0",
+    "karma-coverage": "^1.1.0",
+    "karma-mocha": "^1.3.0",
+    "karma-sinon-chai": "^1.3.0",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-spec-reporter": "^0.0.31",
+    "karma-webpack": "^2.0.0",
+    "lint-staged": "^3.4.0",
+    "mocha": "^3.3.0",
+    "mocha-css": "^1.0.1",
+    "null-loader": "^0.1.1",
+    "postcss": "^6.0.0",
+    "postcss-cssnext": "^2.10.0",
+    "pre-commit": "^1.2.0",
+    "precommit-hook": "^3.0.0",
+    "rimraf": "^2.6.0",
+    "sinon": "2.2.0",
+    "sinon-chai": "^2.10.0",
+    "style-loader": "^0.17.0",
+    "stylefmt": "^5.3.0",
+    "stylelint": "^7.10.0",
+    "stylelint-config-standard": "^16.0.0",
+    "stylelint-processor-html": "^1.0.0",
+    "uppercamelcase": "^3.0.0",
+    "vue": "^2.5.9",
+    "vue-loader": "^12.0.0",
+    "vue-template-compiler": "^2.3.0",
+    "webpack": "^2.5.0",
+    "webpack-bundle-analyzer": "^2.4.0",
+    "webpack-dashboard": "^0.4.0",
+    "webpack-dev-server": "^2.4.0",
+    "webpack-merge": "^4.0.0",
+    "yarn-or-npm": "^2.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^2.5.9"
+  },
+  "dllPlugin": {
+    "name": "vuePluginTemplateDeps",
+    "include": [
+      "mocha/mocha.js",
+      "style-loader!css-loader!mocha-css",
+      "html-entities",
+      "vue/dist/vue.js",
+      "chai",
+      "core-js/library",
+      "url",
+      "sockjs-client",
+      "vue-style-loader/lib/addStylesClient.js",
+      "events",
+      "ansi-html",
+      "style-loader/addStyles.js"
+    ]
+  },
   "repository": {
     "type": "git",
-    "url": "git://github.com/kabbouchi/vue-tippy.git"
+    "url": "git+https://github.com/KABBOUCHI/vue-tippy.git"
   },
+  "bugs": {
+    "url": "https://github.com/KABBOUCHI/vue-tippy/issues"
+  },
+  "homepage": "https://github.com/KABBOUCHI/vue-tippy#readme",
+  "license": "MIT",
   "keywords": [
@@ -23,17 +136,5 @@ "tooltip",
   ],
-  "author": "Georges KABBOUCHI <[e-mail]>",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/kabbouchi/vue-tippy/issues"
-  },
-  "devDependencies": {
-    "browserify": "^14.5.0",
-    "browserify-css": "^0.10.1",
-    "uglify-js": "^2.8.29",
-    "vue": "^2.5.9",
-    "webpack": "^2.7.0"
-  },
   "dependencies": {
-    "tippy.js": "^1.4.2"
+    "tippy.js": "^2.0.2"
   }
 }

readme.md

@@ -1,3 +0,5 @@
-# vue-tippy
+# VueTippy
 
+[![npm](https://img.shields.io/npm/v/vue-tippy.svg)](https://www.npmjs.com/package/vue-tippy) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)
+
 > Directive wrapper for Tippy.js
@@ -7,21 +9,26 @@
 
-## Install
+<aside class="notice">
+<a href="https://github.com/KABBOUCHI/vue-tippy/tree/v1">For tippyJS v1 use v1 branch</a>
+</aside>
 
-#### CDN
-  
-  [unpkg.com](https://unpkg.com/vue-tippy/dist/vue-tippy.min.js)  
-  [cdn.jsdelivr.net](https://cdn.jsdelivr.net/npm/vue-tippy/dist/vue-tippy.min.js)  
+## Installation
 
-#### Available through npm as `vue-tippy`.
+```bash
+npm install --save vue-tippy
+```
 
-  ``` js
-    var vueTippy = require('vue-tippy')
-    Vue.use(vueTippy)
-  
-    //or with default options
-  
-    Vue.use(vueTippy,{
+## Usage
+
+### Bundler (Webpack, Rollup)
+
+```js
+import Vue from 'vue'
+import VueTippy from 'vue-tippy'
+
+Vue.use(VueTippy)
+// or
+Vue.use(VueTippy,{
         flipDuration: 0,
-            popperOptions: {
-            modifiers: {
+        popperOptions: {
+             modifiers: {
                 preventOverflow: {
@@ -33,8 +40,11 @@ enabled: false
    })
-  ```
-  
+```
 
-## Usage
+### Browser
 
-#### Using the `v-tippy` directive
+```html
+<!-- From CDN -->
+<script src="https://unpkg.com/vue-tippy/dist/vue-tippy.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-tippy/dist/vue-tippy.min.js"></script>
+```
 
@@ -44,3 +54,3 @@ #### Basic
 <button title="Hi!" v-tippy> My Button! </button>
-```
+
 #### Bind title
@@ -58,6 +68,6 @@ ```html
 ```html
-<button data-html="#contentpopup1" data-interactive="true" v-tippy> My Button! </button>
+<button data-tippy-html="#contentpopup1" data-tippy-interactive="true" v-tippy> My Button! </button>
 ```
 ```html
-<div id="contentpopup1" style="display: none">
+<div id="contentpopup1" style="display: none" v-tippy-html>
         <div>
@@ -70,5 +80,6 @@ <h3> Header</h3>
 
+
 #### HTML Template 2 (with reactivity)
 ```html
-<button v-tippy="{ html : '#contentpopup2'  , interactive : true }"> My Button! </button>
+<button v-tippy="{ html : '#contentpopup2'  , interactive : true , reactive : true }"> My Button! </button>
 ```
@@ -83,17 +94,15 @@ ```html
  </div>
-```
+ 
+ #### Vue component
+ ```html
+ <button  v-tippy="{ html : '#comppopup'  , interactive : true, reactive : true }"> My Button! </button>
+ ```
+ ```html
+ <vue-component-test id="comppopup"></vue-component-test>
+ ```
+ 
+> For more info on TippyJS view the documentation and demo here: https://atomiks.github.io/tippyjs/
 
-#### Vue component
-```html
-<button  v-tippy="{ html : '#comppopup'  , interactive : true }"> My Button! </button>
-```
-```html
-<vue-component-test id="comppopup"></vue-component-test>
-```
-
-#### Bugs
-- ~~Constant updating HTML or VueComponent will cause small delay for tooltip to pickup the new content, 
-  if your tooltip depend on it, you can use  ```this.$tippy.forceUpdateHtml()``` to update it instantly.~~ fixed in v0.2.9
 ## License
 
 [MIT](http://opensource.org/licenses/MIT)

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

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 2 instances 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

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

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

445848

increased by74.73%

Number of package files

8

increased by33.33%

Lines of code

8624

increased by104.26%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

103

increased by9.57%

Worsened metrics

Dependency count

2

increased by100%

Dev dependency count

55

increased by1000%

Number of medium supply chain risk alerts

2

increased byInfinity%

Dependency changes

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

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

• + Added@babel/parser@7.26.3(transitive)

• + Added@babel/types@7.26.3(transitive)

• + Added@vue/compiler-sfc@2.7.16(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addednanoid@3.3.8(transitive)

• + Addedpicocolors@1.1.1(transitive)

• + Addedpostcss@8.4.49(transitive)

• + Addedprettier@2.8.8(transitive)

• + Addedsource-map@0.6.1(transitive)

• + Addedsource-map-js@1.2.1(transitive)

• + Addedtippy.js@2.6.0(transitive)

• + Addedvue@2.7.16(transitive)

• - Removedtippy.js@1.4.2(transitive)

• Updatedtippy.js@^2.0.2