@vueuse/integrations - npm Package Compare versions

Comparing version 4.0.5 to 4.0.6

dist/index.cjs.js

@@ -143,18 +143,16 @@ 'use strict';
         : vueDemi.ref(currentProgress);
-    const isLoading = vueDemi.ref(null);
+    const isLoading = vueDemi.computed({
+        set: load => load ? nprogress__default['default'].start() : nprogress__default['default'].done(),
+        get: () => shared.isNumber(progress.value) && progress.value < 1,
+    });
     if (options)
         nprogress__default['default'].configure(options);
-    vueDemi.watch([progress, isLoading], ([p, l]) => {
-        if (shared.isNumber(p)) {
-            nprogress__default['default'].set(p);
-            isLoading.value = p < 1;
-        }
-        else if (shared.isBoolean(l)) {
-            l ? nprogress__default['default'].start() : nprogress__default['default'].done();
-        }
-        else {
-            nprogress__default['default'].remove();
-        }
-    }, {
-        immediate: true,
+    const setProgress = nprogress__default['default'].set;
+    nprogress__default['default'].set = (n) => {
+        progress.value = n;
+        return setProgress.call(nprogress__default['default'], n);
+    };
+    vueDemi.watchEffect(() => {
+        if (shared.isNumber(progress.value))
+            setProgress.call(nprogress__default['default'], progress.value);
     });
@@ -165,13 +163,7 @@ shared.tryOnUnmounted(nprogress__default['default'].remove);
         progress,
-        start: () => {
-            progress.value = null;
-            isLoading.value = true;
-        },
-        done: () => {
-            progress.value = null;
-            isLoading.value = false;
-        },
+        start: nprogress__default['default'].start,
+        done: nprogress__default['default'].done,
         remove: () => {
             progress.value = null;
-            isLoading.value = null;
+            nprogress__default['default'].remove();
         },
@@ -192,3 +184,4 @@ };
     vueDemi.watch(src, async (value) => {
-        result.value = await QRCode__default['default'].toDataURL(value, options);
+        if (src.value)
+            result.value = await QRCode__default['default'].toDataURL(value, options);
     }, { immediate: true });
@@ -195,0 +188,0 @@ return result;

dist/index.d.ts

@@ -1,8 +0,6 @@
-/// <reference types="node" />
-import { Ref } from 'vue-demi';
+import { Ref, WritableComputedRef } from 'vue-demi';
 import { AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios';
-import _mp_rt2_universal_cookie___CookieGetOptions, { CookieGetOptions, CookieSetOptions, CookieChangeListener } from 'universal-cookie';
+import universal_cookie, { CookieGetOptions, CookieSetOptions, CookieChangeListener } from 'universal-cookie';
 import { IncomingMessage } from 'http';
-import { Ref as Ref$1 } from 'vue-demi';
-import { NProgressOptions } from 'nprogress';
+import nprogress, { NProgressOptions } from 'nprogress';
 import { MaybeRef } from '@vueuse/shared';
@@ -61,3 +59,3 @@ import QRCode from 'qrcode';
     autoUpdateDependencies?: boolean | undefined;
-}, cookies?: _mp_rt2_universal_cookie___CookieGetOptions): {
+}, cookies?: universal_cookie): {
     /**
@@ -85,6 +83,6 @@ * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
 declare function useNProgress(currentProgress?: MaybeRef<number | null | undefined>, options?: NProgressOptions | undefined): {
-    isLoading: Ref$1<boolean | null>;
-    progress: Ref$1<number | null | undefined>;
-    start: () => void;
-    done: () => void;
+    isLoading: WritableComputedRef<boolean>;
+    progress: Ref<number | null | undefined>;
+    start: () => nprogress.NProgress;
+    done: (force?: boolean | undefined) => nprogress.NProgress;
     remove: () => void;
@@ -100,4 +98,4 @@ };
  */
-declare function useQRCode(text: MaybeRef<string>, options?: QRCode.QRCodeToDataURLOptions): Ref$1<string>;
+declare function useQRCode(text: MaybeRef<string>, options?: QRCode.QRCodeToDataURLOptions): Ref<string>;
 
 export { createCookies, useAxios, useCookies, useNProgress, useQRCode };

dist/index.esm.js

@@ -1,4 +0,4 @@
-import { ref, isRef, watch } from 'vue-demi';
+import { ref, isRef, computed, watchEffect, watch } from 'vue-demi';
 import axios from 'axios';
-import { tryOnMounted, tryOnUnmounted, isNumber, isBoolean } from '@vueuse/shared';
+import { tryOnMounted, tryOnUnmounted, isNumber } from '@vueuse/shared';
 import Cookie from 'universal-cookie';
@@ -132,18 +132,16 @@ import nprogress from 'nprogress';
         : ref(currentProgress);
-    const isLoading = ref(null);
+    const isLoading = computed({
+        set: load => load ? nprogress.start() : nprogress.done(),
+        get: () => isNumber(progress.value) && progress.value < 1,
+    });
     if (options)
         nprogress.configure(options);
-    watch([progress, isLoading], ([p, l]) => {
-        if (isNumber(p)) {
-            nprogress.set(p);
-            isLoading.value = p < 1;
-        }
-        else if (isBoolean(l)) {
-            l ? nprogress.start() : nprogress.done();
-        }
-        else {
-            nprogress.remove();
-        }
-    }, {
-        immediate: true,
+    const setProgress = nprogress.set;
+    nprogress.set = (n) => {
+        progress.value = n;
+        return setProgress.call(nprogress, n);
+    };
+    watchEffect(() => {
+        if (isNumber(progress.value))
+            setProgress.call(nprogress, progress.value);
     });
@@ -154,13 +152,7 @@ tryOnUnmounted(nprogress.remove);
         progress,
-        start: () => {
-            progress.value = null;
-            isLoading.value = true;
-        },
-        done: () => {
-            progress.value = null;
-            isLoading.value = false;
-        },
+        start: nprogress.start,
+        done: nprogress.done,
         remove: () => {
             progress.value = null;
-            isLoading.value = null;
+            nprogress.remove();
         },
@@ -181,3 +173,4 @@ };
     watch(src, async (value) => {
-        result.value = await QRCode.toDataURL(value, options);
+        if (src.value)
+            result.value = await QRCode.toDataURL(value, options);
     }, { immediate: true });
@@ -184,0 +177,0 @@ return result;

dist/index.umd.js

@@ -138,18 +138,16 @@ (function (global, factory) {
           : vueDemi.ref(currentProgress);
-      const isLoading = vueDemi.ref(null);
+      const isLoading = vueDemi.computed({
+          set: load => load ? nprogress__default['default'].start() : nprogress__default['default'].done(),
+          get: () => shared.isNumber(progress.value) && progress.value < 1,
+      });
       if (options)
           nprogress__default['default'].configure(options);
-      vueDemi.watch([progress, isLoading], ([p, l]) => {
-          if (shared.isNumber(p)) {
-              nprogress__default['default'].set(p);
-              isLoading.value = p < 1;
-          }
-          else if (shared.isBoolean(l)) {
-              l ? nprogress__default['default'].start() : nprogress__default['default'].done();
-          }
-          else {
-              nprogress__default['default'].remove();
-          }
-      }, {
-          immediate: true,
+      const setProgress = nprogress__default['default'].set;
+      nprogress__default['default'].set = (n) => {
+          progress.value = n;
+          return setProgress.call(nprogress__default['default'], n);
+      };
+      vueDemi.watchEffect(() => {
+          if (shared.isNumber(progress.value))
+              setProgress.call(nprogress__default['default'], progress.value);
       });
@@ -160,13 +158,7 @@ shared.tryOnUnmounted(nprogress__default['default'].remove);
           progress,
-          start: () => {
-              progress.value = null;
-              isLoading.value = true;
-          },
-          done: () => {
-              progress.value = null;
-              isLoading.value = false;
-          },
+          start: nprogress__default['default'].start,
+          done: nprogress__default['default'].done,
           remove: () => {
               progress.value = null;
-              isLoading.value = null;
+              nprogress__default['default'].remove();
           },
@@ -187,3 +179,4 @@ };
       vueDemi.watch(src, async (value) => {
-          result.value = await QRCode__default['default'].toDataURL(value, options);
+          if (src.value)
+              result.value = await QRCode__default['default'].toDataURL(value, options);
       }, { immediate: true });
@@ -190,0 +183,0 @@ return result;

dist/index.umd.min.js

@@ -1,1 +0,1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue-demi"),require("axios"),require("@vueuse/shared"),require("universal-cookie"),require("nprogress"),require("qrcode")):"function"==typeof define&&define.amd?define(["exports","vue-demi","axios","@vueuse/shared","universal-cookie","nprogress","qrcode"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).VueUseIntegrations={},e.VueDemi,e.axios,e.VueUseShared,e.UniversalCookie,e.nprogress,e.QRCode)}(this,(function(e,n,t,o,r,a,u){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t),i=s(r),d=s(a),c=s(u);function f(e,{doNotParse:t=!1,autoUpdateDependencies:r=!1}={},a=new i.default){const u=r?[...e||[]]:e;let s=a.getAll({doNotParse:!0});const l=n.ref(0),d=()=>{const e=a.getAll({doNotParse:!0});(function(e,n,t){if(!e)return!0;for(const o of e)if(n[o]!==t[o])return!0;return!1})(u||null,e,s)&&l.value++,s=e};return o.tryOnMounted((()=>{a.addChangeListener(d)})),o.tryOnUnmounted((()=>{a.removeChangeListener(d)})),{get:(...e)=>(r&&u&&!u.includes(e[0])&&u.push(e[0]),l.value,a.get(e[0],Object.assign({doNotParse:t},e[1]))),getAll:(...e)=>(l.value,a.getAll(Object.assign({doNotParse:t},e[0]))),set:(...e)=>a.set(...e),remove:(...e)=>a.remove(...e),addChangeListener:(...e)=>a.addChangeListener(...e),removeChangeListener:(...e)=>a.removeChangeListener(...e)}}e.createCookies=function(e){const n=new i.default(e?e.headers.cookie:null);return(e,{doNotParse:t=!1,autoUpdateDependencies:o=!1}={})=>f(e,{doNotParse:t,autoUpdateDependencies:o},n)},e.useAxios=function(e,t){const o=n.ref(null),r=n.ref(void 0),a=n.ref(!1),u=n.ref(!1),s=n.ref(),i=l.default.CancelToken.source();return l.default(e,Object.assign(Object.assign({},t),{cancelToken:i.token})).then((e=>{o.value=e,r.value=e.data,a.value=!0})).catch((e=>{s.value=e,a.value=!0})),{response:o,data:r,error:s,finished:a,cancel:e=>{i.cancel(e),u.value=!0},canceled:u}},e.useCookies=f,e.useNProgress=function(e=null,t){const r=n.isRef(e)?e:n.ref(e),a=n.ref(null);return t&&d.default.configure(t),n.watch([r,a],(([e,n])=>{o.isNumber(e)?(d.default.set(e),a.value=e<1):o.isBoolean(n)?n?d.default.start():d.default.done():d.default.remove()}),{immediate:!0}),o.tryOnUnmounted(d.default.remove),{isLoading:a,progress:r,start:()=>{r.value=null,a.value=!0},done:()=>{r.value=null,a.value=!1},remove:()=>{r.value=null,a.value=null}}},e.useQRCode=function(e,t){const o=n.ref(e),r=n.ref("");return n.watch(o,(async e=>{r.value=await c.default.toDataURL(e,t)}),{immediate:!0}),r},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue-demi"),require("axios"),require("@vueuse/shared"),require("universal-cookie"),require("nprogress"),require("qrcode")):"function"==typeof define&&define.amd?define(["exports","vue-demi","axios","@vueuse/shared","universal-cookie","nprogress","qrcode"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VueUseIntegrations={},e.VueDemi,e.axios,e.VueUseShared,e.UniversalCookie,e.nprogress,e.QRCode)}(this,(function(e,t,n,o,r,a,u){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(n),d=s(r),i=s(a),f=s(u);function c(e,{doNotParse:n=!1,autoUpdateDependencies:r=!1}={},a=new d.default){const u=r?[...e||[]]:e;let s=a.getAll({doNotParse:!0});const l=t.ref(0),i=()=>{const e=a.getAll({doNotParse:!0});(function(e,t,n){if(!e)return!0;for(const o of e)if(t[o]!==n[o])return!0;return!1})(u||null,e,s)&&l.value++,s=e};return o.tryOnMounted((()=>{a.addChangeListener(i)})),o.tryOnUnmounted((()=>{a.removeChangeListener(i)})),{get:(...e)=>(r&&u&&!u.includes(e[0])&&u.push(e[0]),l.value,a.get(e[0],Object.assign({doNotParse:n},e[1]))),getAll:(...e)=>(l.value,a.getAll(Object.assign({doNotParse:n},e[0]))),set:(...e)=>a.set(...e),remove:(...e)=>a.remove(...e),addChangeListener:(...e)=>a.addChangeListener(...e),removeChangeListener:(...e)=>a.removeChangeListener(...e)}}e.createCookies=function(e){const t=new d.default(e?e.headers.cookie:null);return(e,{doNotParse:n=!1,autoUpdateDependencies:o=!1}={})=>c(e,{doNotParse:n,autoUpdateDependencies:o},t)},e.useAxios=function(e,n){const o=t.ref(null),r=t.ref(void 0),a=t.ref(!1),u=t.ref(!1),s=t.ref(),d=l.default.CancelToken.source();return l.default(e,Object.assign(Object.assign({},n),{cancelToken:d.token})).then((e=>{o.value=e,r.value=e.data,a.value=!0})).catch((e=>{s.value=e,a.value=!0})),{response:o,data:r,error:s,finished:a,cancel:e=>{d.cancel(e),u.value=!0},canceled:u}},e.useCookies=c,e.useNProgress=function(e=null,n){const r=t.isRef(e)?e:t.ref(e),a=t.computed({set:e=>e?i.default.start():i.default.done(),get:()=>o.isNumber(r.value)&&r.value<1});n&&i.default.configure(n);const u=i.default.set;return i.default.set=e=>(r.value=e,u.call(i.default,e)),t.watchEffect((()=>{o.isNumber(r.value)&&u.call(i.default,r.value)})),o.tryOnUnmounted(i.default.remove),{isLoading:a,progress:r,start:i.default.start,done:i.default.done,remove:()=>{r.value=null,i.default.remove()}}},e.useQRCode=function(e,n){const o=t.ref(e),r=t.ref("");return t.watch(o,(async e=>{o.value&&(r.value=await f.default.toDataURL(e,n))}),{immediate:!0}),r},Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

 {
   "name": "@vueuse/integrations",
   "description": "Integration wrappers for utility libraries",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "main": "dist/index.cjs.js",
@@ -30,3 +30,3 @@ "types": "dist/index.d.ts",
   "dependencies": {
-    "@vueuse/shared": "4.0.5",
+    "@vueuse/shared": "4.0.6",
     "vue-demi": "latest"
@@ -38,3 +38,3 @@ },
     "qrcode": "^1.4.4",
-    "universal-cookie": "^4.0.0"
+    "universal-cookie": "^4.0.4"
   },
@@ -44,7 +44,8 @@ "devDependencies": {
     "@types/qrcode": "^1.3.5",
-    "@types/universal-cookie": "^2.2.0",
+    "@types/universal-cookie": "^3.0.0",
     "nprogress": "^0.2.0",
     "qrcode": "^1.4.4",
     "universal-cookie": "^4.0.4"
-  }
+  },
+  "funding": "https://github.com/sponsors/antfu"
 }

README.md

@@ -17,8 +17,7 @@ # @vueuse/integrations
 <!--FUNCTIONS_LIST_STARTS-->
+  - [`useAxios`](https://vueuse.js.org/integrations/useAxios/) — wrapper for [`axios`](https://github.com/axios/axios)
+  - [`useCookies`](https://vueuse.js.org/integrations/useCookies/) — wrapper for [`universal-cookie`](https://www.npmjs.com/package/universal-cookie)
+  - [`useNProgress`](https://vueuse.js.org/integrations/useNProgress/) — reactive wrapper for [`nprogress`](https://github.com/rstacruz/nprogress)
+  - [`useQRCode`](https://vueuse.js.org/integrations/useQRCode/) — wrapper for [`qrcode`](https://github.com/soldair/node-qrcode)
 
-- /Integrations
-  - [`useAxios`](https://vueuse.js.org/?path=/story/integrations--useaxios) — wrapper for [`axios`](https://github.com/axios/axios)
-  - [`useCookies`](https://vueuse.js.org/?path=/story/integrations--usecookies) — wrapper for [`universal-cookie`](https://www.npmjs.com/package/universal-cookie)
-  - [`useNProgress`](https://vueuse.js.org/?path=/story/integrations--usenprogress) — reactive wrapper for [`nprogress`](https://github.com/rstacruz/nprogress)
-  - [`useQRCode`](https://vueuse.js.org/?path=/story/integrations--useqrcode) — wrapper for [`qrcode`](https://github.com/soldair/node-qrcode)
 
@@ -29,2 +28,2 @@ <!--FUNCTIONS_LIST_ENDS-->
 
-[MIT License](https://github.com/antfu/vueuse/blob/master/LICENSE) © 2019-2020 [Anthony Fu](https://github.com/antfu)
+[MIT License](https://github.com/antfu/vueuse/blob/master/LICENSE) © 2019-PRESENT [Anthony Fu](https://github.com/antfu)

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

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

Total package byte prevSize

32026

increased by0.07%

Worsened metrics

Lines of code

641

decreased by-3.46%

Number of lines in readme file

28

decreased by-3.45%

Dependency changes

• + Added@vueuse/shared@4.0.6(transitive)

• - Removed@vueuse/shared@4.0.5(transitive)

• Updated@vueuse/shared@4.0.6