@provydon/vue-auto-save 1.1.0 → 1.1.1

package/dist/useAutoSaveForm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),P=["save","applicationId","isDirty","processing","errors","hasErrors","recentlySuccessful","wasSuccessful","data","transform","get","post","put","patch","delete","cancel","reset","clearErrors","setError","setData"];function q(l,p){const{debounce:n=3e3,skipFields:T=[],skipInertiaFields:I=!0,deep:O=!0,debug:o=!1,serialize:D=JSON.stringify,compare:S,saveOnInit:b=!1,onSave:W,onBeforeSave:h,onAfterSave:m,onError:c}=p,u=s.ref(!1),a=s.ref(!0);let r=()=>{},i=()=>{};const j=(t=1e3)=>{a.value=!1,r(),i(),setTimeout(()=>{a.value=!0},t)},z=(t=null)=>{if(a.value=!0,r(),i(),t===null)d();else{const e=A(d,t);i=e.cancel,e.call()}},f=()=>{const t=s.isRef(l)?s.unref(l):l,e={};for(const v of Object.keys(t))I&&P.includes(v)||T.includes(v)||(e[v]=t[v]);return e};let g=b?null:D(f()),y=S?b?null:f():null;const d=()=>{if(!a.value)return;const t=f();if(S){if(y&&S(y,t))return;y=t}else{const e=D(t);if(g!==null&&e===g)return;g=e}o&&console.log("[AutoSave] Detected changes. Saving..."),u.value=!0;try{h==null||h(),Promise.resolve(W()).then(()=>{m==null||m(),o&&console.log("[AutoSave] Save successful.")}).catch(e=>{c==null||c(e),o&&console.error("[AutoSave] Save failed:",e)}).finally(()=>{u.value=!1})}catch(e){c==null||c(e),o&&console.error("[AutoSave] Immediate error:",e),u.value=!1}},F=A(d,n),w=F.call;r=F.cancel;const k=s.watch(()=>f(),w,{deep:O,flush:"post"});return s.onScopeDispose(()=>{k(),r(),i()}),b&&d(),{isAutoSaving:u,blockWatcher:j,unblockWatcher:z,stop:k}}function A(l,p){let n;return{call:()=>{clearTimeout(n),n=setTimeout(()=>l(),p)},cancel:()=>{clearTimeout(n)}}}exports.useAutoSaveForm=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),P=["save","applicationId","isDirty","processing","errors","hasErrors","recentlySuccessful","wasSuccessful","data","transform","get","post","put","patch","delete","cancel","reset","clearErrors","setError","setData"];function q(c,h){const{debounce:n=3e3,skipFields:T=[],skipInertiaFields:I=!0,deep:O=!0,debug:u=!1,serialize:D=JSON.stringify,compare:o,saveOnInit:g=!1,onSave:W,onBeforeSave:m,onAfterSave:y,onError:l}=h,a=s.ref(!1),r=s.ref(!0);let i=()=>{},f=()=>{};const j=(t=1e3)=>{r.value=!1,i(),f(),setTimeout(()=>{r.value=!0},t)},z=(t=null)=>{if(r.value=!0,i(),f(),t===null)d(),o?p=null:v=null,S();else{const e=A(S,t);f=e.cancel,e.call()}},d=()=>{const t=s.isRef(c)?s.unref(c):c,e={};for(const b of Object.keys(t))I&&P.includes(b)||T.includes(b)||(e[b]=t[b]);return e};let v=g?null:D(d()),p=o?g?null:d():null;const S=()=>{if(!r.value)return;const t=d();if(o){if(p&&o(p,t))return;p=t}else{const e=D(t);if(v!==null&&e===v)return;v=e}u&&console.log("[AutoSave] Detected changes. Saving..."),a.value=!0;try{m==null||m(),Promise.resolve(W()).then(()=>{y==null||y(),u&&console.log("[AutoSave] Save successful.")}).catch(e=>{l==null||l(e),u&&console.error("[AutoSave] Save failed:",e)}).finally(()=>{a.value=!1})}catch(e){l==null||l(e),u&&console.error("[AutoSave] Immediate error:",e),a.value=!1}},F=A(S,n),w=F.call;i=F.cancel;const k=s.watch(c,w,{deep:O,flush:"post"});return s.onScopeDispose(()=>{k(),i(),f()}),g&&S(),{isAutoSaving:a,blockWatcher:j,unblockWatcher:z,stop:k}}function A(c,h){let n;return{call:()=>{clearTimeout(n),n=setTimeout(()=>c(),h)},cancel:()=>{clearTimeout(n)}}}exports.useAutoSaveForm=q;

package/dist/useAutoSaveForm.mjs

@@ -21,69 +21,69 @@ const R = [
   "setError",
   "setData"
 ];
-function C(s, v) {
+function C(c, h) {
   const {
-    debounce: l = 3e3,
+    debounce: s = 3e3,
     skipFields: I = [],
     skipInertiaFields: T = !0,
     deep: O = !0,
     debug: n = !1,
     serialize: y = JSON.stringify,
-    compare: p,
-    saveOnInit: S = !1,
+    compare: o,
+    saveOnInit: b = !1,
     onSave: W,
-    onBeforeSave: h,
-    onAfterSave: m,
-    onError: c
-  } = v, o = F(!1), a = F(!0);
-  let u = () => {
-  }, r = () => {
+    onBeforeSave: m,
+    onAfterSave: g,
+    onError: l
+  } = h, u = F(!1), a = F(!0);
+  let r = () => {
+  }, i = () => {
   };
   const z = (t = 1e3) => {
-    a.value = !1, u(), r(), setTimeout(() => {
+    a.value = !1, r(), i(), setTimeout(() => {
       a.value = !0;
     }, t);
   }, j = (t = null) => {
-    if (a.value = !0, u(), r(), t === null)
-      f();
+    if (a.value = !0, r(), i(), t === null)
+      f(), o ? v = null : d = null, p();
     else {
-      const e = A(f, t);
-      r = e.cancel, e.call();
+      const e = A(p, t);
+      i = e.cancel, e.call();
     }
-  }, i = () => {
-    const t = N(s) ? P(s) : s, e = {};
-    for (const d of Object.keys(t))
-      T && R.includes(d) || I.includes(d) || (e[d] = t[d]);
+  }, f = () => {
+    const t = N(c) ? P(c) : c, e = {};
+    for (const S of Object.keys(t))
+      T && R.includes(S) || I.includes(S) || (e[S] = t[S]);
     return e;
   };
-  let b = S ? null : y(i()), g = p ? S ? null : i() : null;
-  const f = () => {
+  let d = b ? null : y(f()), v = o ? b ? null : f() : null;
+  const p = () => {
     if (!a.value) return;
-    const t = i();
-    if (p) {
-      if (g && p(g, t)) return;
-      g = t;
+    const t = f();
+    if (o) {
+      if (v && o(v, t)) return;
+      v = t;
     } else {
       const e = y(t);
-      if (b !== null && e === b) return;
-      b = e;
+      if (d !== null && e === d) return;
+      d = e;
     }
-    n && console.log("[AutoSave] Detected changes. Saving..."), o.value = !0;
+    n && console.log("[AutoSave] Detected changes. Saving..."), u.value = !0;
     try {
-      h == null || h(), Promise.resolve(W()).then(() => {
-        m == null || m(), n && console.log("[AutoSave] Save successful.");
+      m == null || m(), Promise.resolve(W()).then(() => {
+        g == null || g(), n && console.log("[AutoSave] Save successful.");
       }).catch((e) => {
-        c == null || c(e), n && console.error("[AutoSave] Save failed:", e);
+        l == null || l(e), n && console.error("[AutoSave] Save failed:", e);
       }).finally(() => {
-        o.value = !1;
+        u.value = !1;
       });
     } catch (e) {
-      c == null || c(e), n && console.error("[AutoSave] Immediate error:", e), o.value = !1;
+      l == null || l(e), n && console.error("[AutoSave] Immediate error:", e), u.value = !1;
     }
-  }, D = A(f, l), w = D.call;
-  u = D.cancel;
+  }, D = A(p, s), w = D.call;
+  r = D.cancel;
   const k = x(
-    () => i(),
+    c,
     w,
     {
       deep: O,
@@ -91,22 +91,22 @@ function C(s, v) {
     }
   );
   return J(() => {
-    k(), u(), r();
-  }), S && f(), {
-    isAutoSaving: o,
+    k(), r(), i();
+  }), b && p(), {
+    isAutoSaving: u,
     blockWatcher: z,
     unblockWatcher: j,
     stop: k
   };
 }
-function A(s, v) {
-  let l;
+function A(c, h) {
+  let s;
   return {
     call: () => {
-      clearTimeout(l), l = setTimeout(() => s(), v);
+      clearTimeout(s), s = setTimeout(() => c(), h);
     },
     cancel: () => {
-      clearTimeout(l);
+      clearTimeout(s);
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provydon/vue-auto-save",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A Vue 3 composable that autosaves forms with debounce, optional field skipping, and blockable watchers.",
   "main": "./dist/useAutoSaveForm.cjs",
   "module": "./dist/useAutoSaveForm.mjs",