vue-router-query-sync 0.0.6 → 0.0.8

package/dist/index.js

@@ -1 +1 @@
-(function(n,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],u):(n=typeof globalThis<"u"?globalThis:n||self,u(n.VueRouterQuerySync={},n.Vue,n.VueRouter))})(this,(function(n,u,S){"use strict";let c={};const l=new Set;let q=!1;function f(o,r){const d=S.useRouter();r===null?o in c||l.add(o):(c[o]=r,l.delete(o)),q||(q=!0,queueMicrotask(()=>{const y={...d.currentRoute.value.query};l.forEach(a=>{delete y[a]});const s={...y,...c};d.replace({query:s}),c={},l.clear(),q=!1}))}function R(o,r,d,y={}){const s=S.useRoute();console.log("!!!!",s);const{deps:a=[],context:m}=y,t=m?`${m}_${o}`:o,h=(e,p=!1)=>{if(typeof e=="string"){const i=isNaN(Number(e))?e:Number(e);if(p||i!==r()){d(i);const Q=r();Q!==i&&Q!==null&&f(t,Q)}}else{const i=r();i!==null&&f(t,i)}};u.onBeforeMount(()=>{a.length>0?u.watch(a,()=>h(s.query[t])):h(s.query[t])}),u.watch(r,e=>{const p=s.query[t];e===null?p!==void 0&&f(t,null):p!==String(e)&&f(t,e)}),u.watch(()=>s.query[t],e=>{h(e)}),u.onBeforeUnmount(()=>{f(t,null)})}n.useQuerySync=R,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.VueRouterQuerySync={},n.Vue,n.VueRouter))})(this,(function(n,e,R){"use strict";let f={};const d=new Set;let m=!1;function c(r,s){const a=e.getCurrentInstance();if(!a)throw new Error("useReplaceRouterQueue must be called within a Vue component setup.");const l=a.appContext.config.globalProperties.$router;if(!l)throw new Error("Router not found. Ensure app.use(router) is called in your main.ts.");s===null?r in f||d.add(r):(f[r]=s,d.delete(r)),m||(m=!0,queueMicrotask(()=>{const o={...l.currentRoute.value.query};d.forEach(y=>{delete o[y]});const p={...o,...f};l.replace({query:p}),f={},d.clear(),m=!1}))}function w(r,s,a,l={}){const o=R.useRoute();console.log("!!!!",o);const{deps:p=[],context:y}=l,u=y?`${y}_${r}`:r,q=(t,h=!1)=>{if(typeof t=="string"){const i=isNaN(Number(t))?t:Number(t);if(h||i!==s()){a(i);const Q=s();Q!==i&&Q!==null&&c(u,Q)}}else{const i=s();i!==null&&c(u,i)}};e.onBeforeMount(()=>{p.length>0?e.watch(p,()=>q(o.query[u])):q(o.query[u])}),e.watch(s,t=>{const h=o.query[u];t===null?h!==void 0&&c(u,null):h!==String(t)&&c(u,t)}),e.watch(()=>o.query[u],t=>{q(t)}),e.onBeforeUnmount(()=>{c(u,null)})}n.useQuerySync=w,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/dist/index.mjs

@@ -1,52 +1,57 @@
-import { onBeforeMount as N, watch as m, onBeforeUnmount as R } from "vue";
-import { useRouter as h, useRoute as S } from "vue-router";
-let a = {};
+import { getCurrentInstance as h, onBeforeMount as R, watch as q, onBeforeUnmount as w } from "vue";
+import { useRoute as b } from "vue-router";
+let p = {};
 const d = /* @__PURE__ */ new Set();
-let q = !1;
-function l(u, o) {
-  const s = h();
-  o === null ? u in a || d.add(u) : (a[u] = o, d.delete(u)), q || (q = !0, queueMicrotask(() => {
-    const c = { ...s.currentRoute.value.query };
+let Q = !1;
+function s(u, n) {
+  const c = h();
+  if (!c)
+    throw new Error("useReplaceRouterQueue must be called within a Vue component setup.");
+  const l = c.appContext.config.globalProperties.$router;
+  if (!l)
+    throw new Error("Router not found. Ensure app.use(router) is called in your main.ts.");
+  n === null ? u in p || d.add(u) : (p[u] = n, d.delete(u)), Q || (Q = !0, queueMicrotask(() => {
+    const o = { ...l.currentRoute.value.query };
     d.forEach((f) => {
-      delete c[f];
+      delete o[f];
     });
-    const n = {
-      ...c,
-      ...a
+    const i = {
+      ...o,
+      ...p
     };
-    s.replace({ query: n }), a = {}, d.clear(), q = !1;
+    l.replace({ query: i }), p = {}, d.clear(), Q = !1;
   }));
 }
-function x(u, o, s, c = {}) {
-  const n = S();
-  console.log("!!!!", n);
-  const { deps: f = [], context: Q } = c, t = Q ? `${Q}_${u}` : u, p = (e, i = !1) => {
+function N(u, n, c, l = {}) {
+  const o = b();
+  console.log("!!!!", o);
+  const { deps: i = [], context: f } = l, t = f ? `${f}_${u}` : u, m = (e, a = !1) => {
     if (typeof e == "string") {
       const r = isNaN(Number(e)) ? e : Number(e);
-      if (i || r !== o()) {
-        s(r);
-        const y = o();
-        y !== r && y !== null && l(t, y);
+      if (a || r !== n()) {
+        c(r);
+        const y = n();
+        y !== r && y !== null && s(t, y);
       }
     } else {
-      const r = o();
-      r !== null && l(t, r);
+      const r = n();
+      r !== null && s(t, r);
     }
   };
-  N(() => {
-    f.length > 0 ? m(f, () => p(n.query[t])) : p(n.query[t]);
-  }), m(o, (e) => {
-    const i = n.query[t];
-    e === null ? i !== void 0 && l(t, null) : i !== String(e) && l(t, e);
-  }), m(
-    () => n.query[t],
+  R(() => {
+    i.length > 0 ? q(i, () => m(o.query[t])) : m(o.query[t]);
+  }), q(n, (e) => {
+    const a = o.query[t];
+    e === null ? a !== void 0 && s(t, null) : a !== String(e) && s(t, e);
+  }), q(
+    () => o.query[t],
     (e) => {
-      p(e);
+      m(e);
     }
-  ), R(() => {
-    l(t, null);
+  ), w(() => {
+    s(t, null);
   });
 }
 export {
-  x as useQuerySync
+  N as useQuerySync
 };

package/dist/utils/replaceRouterQueue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"replaceRouterQueue.d.ts","sourceRoot":"","sources":["../../src/utils/replaceRouterQueue.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,QAiCpF"}
+{"version":3,"file":"replaceRouterQueue.d.ts","sourceRoot":"","sources":["../../src/utils/replaceRouterQueue.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,QAyCpF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-router-query-sync",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Vue composable for syncing router query params with store",
   "main": "dist/index.js",
   "module": "dist/index.mjs",