@ea-lab/reactive-json 2.0.1 → 2.1.0

package/dist/component/element/special/DataSync.js

@@ -1,100 +1,109 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { useContext as x, useRef as m, useCallback as q, useEffect as T } from "react";
-import { ActionDependant as A } from "../../../engine/Actions.js";
-import { GlobalDataContext as $ } from "../../../engine/GlobalDataContext.js";
-import { useStore as B } from "../../../engine/StoreContext.js";
-import { TemplateContext as G } from "../../../engine/TemplateContext.js";
-import { dataLocationToPath as v } from "../../../engine/TemplateSystem.js";
-import { a as M } from "../../../index-BUPRVmV-.js";
-import { l as C } from "../../../lodash-CYNxjS-I.js";
-const E = (t) => t === "data" ? "" : t && t.startsWith("data.") ? t.substring(5) : t, Q = ({ props: t }) => {
-  const S = x($), y = x(G), e = B(), p = m(void 0), d = m(null), a = m(null), u = m(null), g = m(!1), c = m(0), b = t.mode || "onIdle", R = t.idleDelay || 1e3, D = t.maxRetries ?? 0, I = t.retryDelay ?? 5e3;
-  let o = null;
+import { jsx as L } from "react/jsx-runtime";
+import { useContext as P, useRef as l, useCallback as H, useEffect as k } from "react";
+import { ActionDependant as M } from "../../../engine/Actions.js";
+import { GlobalDataContext as N } from "../../../engine/GlobalDataContext.js";
+import { useStore as U } from "../../../engine/StoreContext.js";
+import { TemplateContext as W } from "../../../engine/TemplateContext.js";
+import { dataLocationToPath as w } from "../../../engine/TemplateSystem.js";
+import { a as j } from "../../../index-BUPRVmV-.js";
+import { l as _ } from "../../../lodash-CYNxjS-I.js";
+const q = (t) => t === "data" ? "" : t && t.startsWith("data.") ? t.substring(5) : t, tt = ({ props: t }) => {
+  const x = P(N), h = P(W), e = U(), D = l(void 0), g = l(null), u = l(null), f = l(null), v = l(!1), c = l(0), b = l(null), S = t.mode || "onIdle", R = t.idleDelay || 1e3, C = t.maxRetries ?? 0, A = t.retryDelay ?? 5e3;
+  let n = null;
   try {
-    o = E(v({
+    n = q(w({
       dataLocation: t.path,
-      currentPath: y.templatePath,
-      globalDataContext: S,
-      templateContext: y
+      currentPath: h.templatePath,
+      globalDataContext: x,
+      templateContext: h
     }));
   } catch (r) {
     console.error("DataSync: Invalid path", t.path, r);
   }
-  let i = null;
+  let m = null;
   if (t.trigger)
     try {
-      i = E(v({
+      m = q(w({
         dataLocation: t.trigger,
-        currentPath: y.templatePath,
-        globalDataContext: S,
-        templateContext: y
+        currentPath: h.templatePath,
+        globalDataContext: x,
+        templateContext: h
       }));
     } catch (r) {
       console.error("DataSync: Invalid trigger path", t.trigger, r);
     }
-  const l = q(async (r) => {
-    var f;
+  const d = H(async (r) => {
+    var y, a, i, E, T, I;
     if (!r || !r.submission_url) {
       r && console.warn("DataSync: Missing submission_url in data object", r);
       return;
     }
-    if (!g.current && !(c.current > D)) {
-      g.current = !0, c.current++, p.current = r.data, e.set(`${o}.status`, {
+    if (!v.current && !(c.current > C)) {
+      v.current = !0, c.current++, D.current = r.data, e.set(`${n}.status`, {
         type: "info",
         // TODO: translate this.
         message: "Synchronisation en cours..."
       });
       try {
-        const { submission_url: n } = r, h = (await M.post(n, r)).data;
-        d.current = h, c.current = 0, e.set(o, h);
-      } catch (n) {
-        console.error("DataSync error:", n);
-        const s = (f = n.response) == null ? void 0 : f.data;
-        if (s && typeof s == "object" && s.status) {
-          d.current = s, c.current = 0, e.set(o, s), g.current = !1;
+        const { submission_url: s } = r, o = await j.post(s, r), p = o.data;
+        g.current = p, c.current = 0, e.set(n, p), (y = b.current) == null || y.dispatchEvent(new CustomEvent("syncSuccess", {
+          bubbles: !0,
+          detail: { value: p, responseContext: { status: o.status } }
+        }));
+      } catch (s) {
+        console.error("DataSync error:", s);
+        const o = (a = s.response) == null ? void 0 : a.data;
+        if (o && typeof o == "object" && o.status) {
+          g.current = o, c.current = 0, e.set(n, o), (E = b.current) == null || E.dispatchEvent(new CustomEvent("syncError", {
+            bubbles: !0,
+            detail: { value: o, responseContext: { status: (i = s.response) == null ? void 0 : i.status } }
+          })), v.current = !1;
           return;
         }
-        const h = {
+        const p = {
           type: "error",
-          message: n.message || "Unknown error"
+          message: s.message || "Unknown error"
         };
-        e.set(`${o}.status`, h);
-        const L = n.response && n.response.status >= 500, P = !n.response && typeof navigator < "u" && !navigator.onLine;
-        (L || P) && c.current <= D && (u.current = setTimeout(() => {
-          const k = e.get(o);
-          l(k);
-        }, I));
+        e.set(`${n}.status`, p), (I = b.current) == null || I.dispatchEvent(new CustomEvent("syncError", {
+          bubbles: !0,
+          detail: { value: o, responseContext: { status: (T = s.response) == null ? void 0 : T.status } }
+        }));
+        const $ = s.response && s.response.status >= 500, B = !s.response && typeof navigator < "u" && !navigator.onLine;
+        ($ || B) && c.current <= C && (f.current = setTimeout(() => {
+          const G = e.get(n);
+          d(G);
+        }, A));
       } finally {
-        g.current = !1;
+        v.current = !1;
       }
     }
-  }, [e, o, D]);
-  return T(() => {
-    if (!e || o === null) return;
+  }, [e, n, C]);
+  return k(() => {
+    if (!e || n === null) return;
     const r = () => {
-      const n = e.get(o);
-      if (!n || n === d.current)
+      const a = e.get(n);
+      if (!a || a === g.current)
         return;
-      const s = n.data;
-      p.current !== void 0 && C.isEqual(s, p.current) || d.current && C.isEqual(s, d.current.data) || (c.current = 0, u.current && (clearTimeout(u.current), u.current = null), b === "immediate" ? l(n) : b === "onIdle" && (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
-        l(n);
+      const i = a.data;
+      D.current !== void 0 && _.isEqual(i, D.current) || g.current && _.isEqual(i, g.current.data) || (c.current = 0, f.current && (clearTimeout(f.current), f.current = null), S === "immediate" ? d(a) : S === "onIdle" && (u.current && clearTimeout(u.current), u.current = setTimeout(() => {
+        d(a);
       }, R)));
-    }, f = e.subscribe(o, r);
+    }, y = e.subscribe(n, r);
     return () => {
-      f(), a.current && clearTimeout(a.current), u.current && clearTimeout(u.current);
+      y(), u.current && clearTimeout(u.current), f.current && clearTimeout(f.current);
     };
-  }, [e, o, b, R, l]), T(() => {
-    if (!e || i === null) return;
+  }, [e, n, S, R, d]), k(() => {
+    if (!e || m === null) return;
     const r = () => {
-      if (e.get(i) === !0) {
-        e.set(i, !1), a.current && (clearTimeout(a.current), a.current = null), c.current = 0;
-        const s = e.get(o);
-        l(s);
+      if (e.get(m) === !0) {
+        e.set(m, !1), u.current && (clearTimeout(u.current), u.current = null), c.current = 0;
+        const i = e.get(n);
+        d(i);
       }
-    }, f = e.subscribe(i, r);
-    return () => f();
-  }, [e, i, o, l]), /* @__PURE__ */ _(A, { ...t });
+    }, y = e.subscribe(m, r);
+    return () => y();
+  }, [e, m, n, d]), /* @__PURE__ */ L(M, { ...t, attributesHolderRef: b, children: /* @__PURE__ */ L("span", { ref: b, style: { display: "none" } }) });
 };
 export {
-  Q as DataSync
+  tt as DataSync
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ea-lab/reactive-json",
   "private": false,
-  "version": "2.0.1",
+  "version": "2.1.0",
   "type": "module",
   "repository": {
     "type": "git",