v-wave - npm Package Compare versions

Comparing version 1.6.0-beta.1 to 1.6.0-beta.2

dist/cjs/index.js

@@ -17,3 +17,3 @@ 'use strict';
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
@@ -32,2 +32,7 @@
 
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 var DEFAULT_PLUGIN_OPTIONS = {
@@ -34,0 +39,0 @@ directive: 'wave',

dist/iife/index.js

@@ -16,2 +16,2 @@ this.window=this.window||{},this.window.VWave=function(){"use strict";
     ***************************************************************************** */
-/* global Reflect, Promise */var t=function(){return t=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},t.apply(this,arguments)},e={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},n=function(t){return"string"==typeof t&&"auto"!==t},i=function(t,e){t.dataset.vWaveBoundary=n(e)?e:"true"};function r(t,e,n,i){var r=t-n,o=e-i;return Math.sqrt(r*r+o*o)}var o="vWaveCountInternal";function a(t,e){t.dataset[o]=e.toString()}function c(t){var e;return parseInt(null!==(e=t.dataset[o])&&void 0!==e?e:"0",10)}var u=function(t,e,n){var i=e.getBoundingClientRect(),u=window.getComputedStyle(e),d=function(t,e){var n=t.x,i=t.y,r=e.top;return{x:n-e.left,y:i-r}}(t,i),s=d.x,v=d.y,l=2.05*function(t,e,n){var i=n.width,o=n.height,a=r(t,e,0,0),c=r(t,e,i,0),u=r(t,e,0,o),d=r(t,e,i,o);return Math.max(a,c,u,d)}(s,v,i),p=function(t,e){var n=t.borderTopLeftRadius,i=t.borderTopRightRadius,r=t.borderBottomLeftRadius,o=t.borderBottomRightRadius,a=document.createElement(e);return a.style.top="0",a.style.left="0",a.style.width="100%",a.style.height="100%",a.style.display="block",a.style.position="absolute",a.style.borderRadius="".concat(n," ").concat(i," ").concat(o," ").concat(r),a.style.overflow="hidden",a.style.pointerEvents="none",a.style.webkitMaskImage="-webkit-radial-gradient(white, black)",a}(u,n.tagName),g=function(t,e,n,i){var r=document.createElement("div");return r.style.position="absolute",r.style.width="".concat(n,"px"),r.style.height="".concat(n,"px"),r.style.top="".concat(e,"px"),r.style.left="".concat(t,"px"),r.style.background=i.color,r.style.borderRadius="50%",r.style.opacity="".concat(i.initialOpacity),r.style.transform="translate(-50%,-50%) scale(0)",r.style.transition="transform ".concat(i.duration,"s ").concat(i.easing,", opacity ").concat(i.duration,"s ").concat(i.easing),r}(s,v,l,n);!function(t){a(t,c(t)+1)}(e);var f="";"static"===u.position&&(e.style.position&&(f=e.style.position),e.style.position="relative"),p.appendChild(g),e.appendChild(p);var y=!1,m=function(t){void 0!==t&&(document.removeEventListener("pointerup",m),document.removeEventListener("pointercancel",m)),y?h():y=!0},h=function(){g.style.transition="opacity ".concat(n.dissolveDuration,"s linear"),g.style.opacity="0",setTimeout((function(){p.remove(),function(t){a(t,c(t)-1)}(e),0===c(e)&&(!function(t){delete t.dataset[o]}(e),e.style.position=f)}),1e3*n.dissolveDuration)};document.addEventListener("pointerup",m),document.addEventListener("pointercancel",m);var w=setTimeout((function(){document.removeEventListener("pointercancel",b),requestAnimationFrame((function(){g.style.transform="translate(-50%,-50%) scale(1)",g.style.opacity="".concat(n.finalOpacity),setTimeout((function(){return m()}),1e3*n.duration)}))}),n.cancellationPeriod),b=function(){clearTimeout(w),p.remove(),document.removeEventListener("pointerup",m),document.removeEventListener("pointercancel",m),document.removeEventListener("pointercancel",b)};document.addEventListener("pointercancel",b)},d=new WeakMap,s=function(r,o){var a,c;void 0===r&&(r={}),void 0===o&&(o="vue3");var s=t(t({},e),r),v=function(t){var e;return e="vue2"!==t&&("vue3"===t||function(t){return"config"in t&&"globalProperties"in t.config}(t)),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}}(o),l=function(e){var n=e.currentTarget.dataset.vWaveTrigger;document.querySelectorAll('[data-v-wave-boundary="'.concat(n,'"]')).forEach((function(n){return u(e,n,t(t({},s),d.get(n)))}))},p=((a={})[v.mounted]=function(e,r){var o,a=r.value,c=void 0===a?{}:a;d.set(e,c),i(e,null!==(o=c&&c.trigger)&&void 0!==o?o:s.trigger),e.addEventListener("pointerdown",(function(i){if(!1!==d.get(e)){var r=t(t({},s),d.get(e));if(!1===r.trigger)return u(i,e,r);if(!n(r.trigger)){var o=e.querySelector('[data-v-wave-trigger="true"]');(o||!0!==r.trigger)&&(o&&!i.composedPath().includes(o)||u(i,e,r))}}}))},a[v.updated]=function(t,e){var n,r=e.value,o=void 0===r?{}:r;d.set(t,o),i(t,null!==(n=o&&o.trigger)&&void 0!==n?n:s.trigger)},a),g=((c={})[v.mounted]=function(t,e){var n=e.arg,i=void 0===n?"true":n;t.dataset.vWaveTrigger=i,"true"!==i&&t.addEventListener("pointerdown",l)},c[v.updated]=function(t,e){var n=e.arg,i=void 0===n?"true":n;t.dataset.vWaveTrigger=i,"true"===i?t.removeEventListener("pointerdown",l):t.addEventListener("pointerdown",l)},c);return{wave:p,vWave:p,waveTrigger:g,vWaveTrigger:g}};return{install:function(n,i){if(void 0===i&&(i={}),!this.installed){this.installed=!0;var r=t(t({},e),i),o=s(r,n),a=o.vWave,c=o.vWaveTrigger;n.directive(r.directive,a),n.directive("".concat(r.directive,"-trigger"),c)}},installed:!1,createLocalWaveDirective:s}}();
+/* global Reflect, Promise, SuppressedError, Symbol */var t=function(){return t=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},t.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var e={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},n=function(t){return"string"==typeof t&&"auto"!==t},r=function(t,e){t.dataset.vWaveBoundary=n(e)?e:"true"};function i(t,e,n,r){var i=t-n,o=e-r;return Math.sqrt(i*i+o*o)}var o="vWaveCountInternal";function a(t,e){t.dataset[o]=e.toString()}function c(t){var e;return parseInt(null!==(e=t.dataset[o])&&void 0!==e?e:"0",10)}var u=function(t,e,n){var r=e.getBoundingClientRect(),u=window.getComputedStyle(e),d=function(t,e){var n=t.x,r=t.y,i=e.top;return{x:n-e.left,y:r-i}}(t,r),s=d.x,v=d.y,l=2.05*function(t,e,n){var r=n.width,o=n.height,a=i(t,e,0,0),c=i(t,e,r,0),u=i(t,e,0,o),d=i(t,e,r,o);return Math.max(a,c,u,d)}(s,v,r),p=function(t,e){var n=t.borderTopLeftRadius,r=t.borderTopRightRadius,i=t.borderBottomLeftRadius,o=t.borderBottomRightRadius,a=document.createElement(e);return a.style.top="0",a.style.left="0",a.style.width="100%",a.style.height="100%",a.style.display="block",a.style.position="absolute",a.style.borderRadius="".concat(n," ").concat(r," ").concat(o," ").concat(i),a.style.overflow="hidden",a.style.pointerEvents="none",a.style.webkitMaskImage="-webkit-radial-gradient(white, black)",a}(u,n.tagName),g=function(t,e,n,r){var i=document.createElement("div");return i.style.position="absolute",i.style.width="".concat(n,"px"),i.style.height="".concat(n,"px"),i.style.top="".concat(e,"px"),i.style.left="".concat(t,"px"),i.style.background=r.color,i.style.borderRadius="50%",i.style.opacity="".concat(r.initialOpacity),i.style.transform="translate(-50%,-50%) scale(0)",i.style.transition="transform ".concat(r.duration,"s ").concat(r.easing,", opacity ").concat(r.duration,"s ").concat(r.easing),i}(s,v,l,n);!function(t){a(t,c(t)+1)}(e);var f="";"static"===u.position&&(e.style.position&&(f=e.style.position),e.style.position="relative"),p.appendChild(g),e.appendChild(p);var y=!1,m=function(t){void 0!==t&&(document.removeEventListener("pointerup",m),document.removeEventListener("pointercancel",m)),y?h():y=!0},h=function(){g.style.transition="opacity ".concat(n.dissolveDuration,"s linear"),g.style.opacity="0",setTimeout((function(){p.remove(),function(t){a(t,c(t)-1)}(e),0===c(e)&&(!function(t){delete t.dataset[o]}(e),e.style.position=f)}),1e3*n.dissolveDuration)};document.addEventListener("pointerup",m),document.addEventListener("pointercancel",m);var w=setTimeout((function(){document.removeEventListener("pointercancel",E),requestAnimationFrame((function(){g.style.transform="translate(-50%,-50%) scale(1)",g.style.opacity="".concat(n.finalOpacity),setTimeout((function(){return m()}),1e3*n.duration)}))}),n.cancellationPeriod),E=function(){clearTimeout(w),p.remove(),document.removeEventListener("pointerup",m),document.removeEventListener("pointercancel",m),document.removeEventListener("pointercancel",E)};document.addEventListener("pointercancel",E)},d=new WeakMap,s=function(i,o){var a,c;void 0===i&&(i={}),void 0===o&&(o="vue3");var s=t(t({},e),i),v=function(t){var e;return e="vue2"!==t&&("vue3"===t||function(t){return"config"in t&&"globalProperties"in t.config}(t)),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}}(o),l=function(e){var n=e.currentTarget.dataset.vWaveTrigger;document.querySelectorAll('[data-v-wave-boundary="'.concat(n,'"]')).forEach((function(n){return u(e,n,t(t({},s),d.get(n)))}))},p=((a={})[v.mounted]=function(e,i){var o,a=i.value,c=void 0===a?{}:a;d.set(e,c),r(e,null!==(o=c&&c.trigger)&&void 0!==o?o:s.trigger),e.addEventListener("pointerdown",(function(r){if(!1!==d.get(e)){var i=t(t({},s),d.get(e));if(!1===i.trigger)return u(r,e,i);if(!n(i.trigger)){var o=e.querySelector('[data-v-wave-trigger="true"]');(o||!0!==i.trigger)&&(o&&!r.composedPath().includes(o)||u(r,e,i))}}}))},a[v.updated]=function(t,e){var n,i=e.value,o=void 0===i?{}:i;d.set(t,o),r(t,null!==(n=o&&o.trigger)&&void 0!==n?n:s.trigger)},a),g=((c={})[v.mounted]=function(t,e){var n=e.arg,r=void 0===n?"true":n;t.dataset.vWaveTrigger=r,"true"!==r&&t.addEventListener("pointerdown",l)},c[v.updated]=function(t,e){var n=e.arg,r=void 0===n?"true":n;t.dataset.vWaveTrigger=r,"true"===r?t.removeEventListener("pointerdown",l):t.addEventListener("pointerdown",l)},c);return{wave:p,vWave:p,waveTrigger:g,vWaveTrigger:g}};return{install:function(n,r){if(void 0===r&&(r={}),!this.installed){this.installed=!0;var i=t(t({},e),r),o=s(i,n),a=o.vWave,c=o.vWaveTrigger;n.directive(i.directive,a),n.directive("".concat(i.directive,"-trigger"),c)}},installed:!1,createLocalWaveDirective:s}}();

nuxt/index.js

@@ -1,14 +0,27 @@
-const { resolve } = require('path')
+import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
+import pkg from '../package.json'
+import { isNuxt2 } from '@nuxt/kit'
 
-module.exports = function nuxtVWave(moduleOptions) {
-  const options = Object.assign({}, this.options.vWave, moduleOptions)
+export default defineNuxtModule({
+  meta: {
+    name: 'v-wave',
+    version: pkg.version,
+    configKey: 'vWave',
+    compatibility: {
+      nuxt: '^3.0.0 || ^2.16.0',
+      bridge: true
+    }
+  },
+  setup(options, nuxt) {
+    const { resolve } = createResolver(import.meta.url)
 
-  this.addPlugin({
-    ssr: false,
-    src: resolve(__dirname, 'plugin.js'),
-    fileName: 'v-wave-plugin.js',
-    options
-  })
-}
+    if (isNuxt2()) {
+      nuxt.options.publicRuntimeConfig.vWave = options
+    } else {
 
-module.exports.meta = require('../package.json')
+      nuxt.options.runtimeConfig.public.vWave = options
+    }
+
+    addPlugin(resolve('./plugin.js'))
+  }
+})

nuxt/plugin.js

@@ -1,4 +0,24 @@
-import Vue from 'vue'
 import VWave from 'v-wave'
+import { defineNuxtPlugin, useRuntimeConfig } from '#imports'
 
-Vue.use(VWave, <%= serialize(options) %>)
+export default defineNuxtPlugin((app) => {
+  const options = useRuntimeConfig().public.vWave
+  
+  const directive = options.directive || 'wave'
+
+  const { vWave, vWaveTrigger } = VWave.createLocalWaveDirective(options, app.vueApp)
+
+  app.vueApp.directive(directive, {
+    ...vWave,
+    getSSRProps() {
+      return {}
+    }
+  })
+
+  app.vueApp.directive(`${directive}-trigger`, {
+    ...vWaveTrigger,
+    getSSRProps() {
+      return {}
+    }
+  })
+})

package.json

 {
   "name": "v-wave",
-  "version": "1.6.0-beta.1",
+  "version": "1.6.0-beta.2",
   "description": "The material-ripple directive for Vue that actually works",
+  "type": "module",
   "main": "dist/cjs/index.js",
@@ -22,4 +23,3 @@ "module": "dist/es/index.js",
     "prepublishOnly": "npm test && npm run lint",
-    "release": "npm run lint && npm run format && npm run test && standard-version",
-    "postinstall": "node ./nuxt/v3/postinstall.js"
+    "release": "npm run lint && npm run format && npm run test && standard-version"
   },
@@ -76,3 +76,6 @@ "husky": {
     "vue": "^2.0.0 || ^3.0.0"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.8.2"
   }
 }

Fixed alerts

Install scripts

Supply chain risk

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

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

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

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Improved metrics

Number of high supply chain risk alerts

0

decreased by-100%

Number of low supply chain risk alerts

0

decreased by-100%

Is type module

Yes

Worsened metrics

Total package byte prevSize

54988

decreased by-0.24%

Dependency count

2

increased by100%

Number of package files

21

decreased by-12.5%

Lines of code

734

decreased by-0.54%

Dependency changes

• + Added@nuxt/kit@^3.8.2

• + Added@nodelib/fs.scandir@2.1.5(transitive)

• + Added@nodelib/fs.stat@2.0.5(transitive)

• + Added@nodelib/fs.walk@1.2.8(transitive)

• + Added@nuxt/kit@3.16.0(transitive)

• + Added@sindresorhus/merge-streams@2.3.0(transitive)

• + Added@types/estree@1.0.6(transitive)

• + Addedacorn@8.14.1(transitive)

• + Addedbraces@3.0.3(transitive)

• + Addedc12@3.0.2(transitive)

• + Addedchokidar@4.0.3(transitive)

• + Addedcitty@0.1.6(transitive)

• + Addedconfbox@0.1.80.2.1(transitive)

• + Addedconsola@3.4.0(transitive)

• + Addeddefu@6.1.4(transitive)

• + Addeddestr@2.0.3(transitive)

• + Addeddotenv@16.4.7(transitive)

• + Addederrx@0.1.0(transitive)

• + Addedescape-string-regexp@5.0.0(transitive)

• + Addedestree-walker@3.0.3(transitive)

• + Addedexsolve@1.0.4(transitive)

• + Addedfast-glob@3.3.3(transitive)

• + Addedfastq@1.19.1(transitive)

• + Addedfdir@6.4.3(transitive)

• + Addedfill-range@7.1.1(transitive)

• + Addedgiget@2.0.0(transitive)

• + Addedglob-parent@5.1.2(transitive)

• + Addedglobby@14.1.0(transitive)

• + Addedignore@7.0.3(transitive)

• + Addedis-extglob@2.1.1(transitive)

• + Addedis-glob@4.0.3(transitive)

• + Addedis-number@7.0.0(transitive)

• + Addedjiti@2.4.2(transitive)

• + Addedjs-tokens@9.0.1(transitive)

• + Addedklona@2.0.6(transitive)

• + Addedknitwork@1.2.0(transitive)

• + Addedlocal-pkg@1.1.1(transitive)

• + Addedmerge2@1.4.1(transitive)

• + Addedmicromatch@4.0.8(transitive)

• + Addedmlly@1.7.4(transitive)

• + Addednode-fetch-native@1.6.6(transitive)

• + Addednypm@0.6.0(transitive)

• + Addedohash@2.0.11(transitive)

• + Addedpath-type@6.0.0(transitive)

• + Addedpathe@2.0.3(transitive)

• + Addedperfect-debounce@1.0.0(transitive)

• + Addedpicomatch@2.3.14.0.2(transitive)

• + Addedpkg-types@1.3.12.1.0(transitive)

• + Addedquansync@0.2.8(transitive)

• + Addedqueue-microtask@1.2.3(transitive)

• + Addedrc9@2.1.2(transitive)

• + Addedreaddirp@4.1.2(transitive)

• + Addedreusify@1.1.0(transitive)

• + Addedrun-parallel@1.2.0(transitive)

• + Addedscule@1.3.0(transitive)

• + Addedsemver@7.7.1(transitive)

• + Addedslash@5.1.0(transitive)

• + Addedstd-env@3.8.1(transitive)

• + Addedstrip-literal@3.0.0(transitive)

• + Addedtinyexec@0.3.2(transitive)

• + Addedtinyglobby@0.2.12(transitive)

• + Addedto-regex-range@5.0.1(transitive)

• + Addedufo@1.5.4(transitive)

• + Addedunctx@2.4.1(transitive)

• + Addedunicorn-magic@0.3.0(transitive)

• + Addedunimport@4.1.2(transitive)

• + Addedunplugin@2.2.0(transitive)

• + Addedunplugin-utils@0.2.4(transitive)

• + Addeduntyped@2.0.0(transitive)

• + Addedwebpack-virtual-modules@0.6.2(transitive)