ddd-react 1.10.13 → 1.10.15

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { D as c, e as m, a as R, A as g, b as x, h as U, c as B } from "./h-BbaMkkC7.mjs";
+import { D as u, e as m, a as F, A as v, b as x, h as U, c as B } from "./h-BbaMkkC7.mjs";
 import { d as Pt, f as Ot } from "./h-BbaMkkC7.mjs";
 function b(e, t) {
   if (e === null || t === null || e === void 0 || t === void 0)
@@ -65,23 +65,23 @@ function $(e = {}, t) {
 function p(e) {
   const { type: t } = e;
   switch (t) {
-    case c.TEXT: {
+    case u.TEXT: {
       q(e);
       break;
     }
-    case c.ELEMENT: {
+    case u.ELEMENT: {
       G(e);
       break;
     }
-    case c.FRAGMENT: {
+    case u.FRAGMENT: {
       _(e);
       break;
     }
-    case c.COMPONENT: {
+    case u.COMPONENT: {
       e.component?.unmount();
       break;
     }
-    case c.PORTAL: {
+    case u.PORTAL: {
       X(e);
       break;
     }
@@ -161,31 +161,31 @@ function H() {
   }
   P = !1;
 }
-function C(e) {
+function A(e) {
   const { on: t = {}, ...r } = e.props;
   return delete r.key, { props: r, events: t };
 }
 function d(e, t, r = null, n = null) {
   switch (e.type) {
-    case c.TEXT: {
+    case u.TEXT: {
       z(e, t, r);
       break;
     }
-    case c.ELEMENT: {
+    case u.ELEMENT: {
       Z(e, t, r, n);
       break;
     }
-    case c.FRAGMENT: {
+    case u.FRAGMENT: {
       Q(e, t, r, n);
       break;
     }
-    case c.COMPONENT: {
+    case u.COMPONENT: {
       tt(e, t, r, n);
       const s = e.component;
       s && h(() => s.didMount());
       break;
     }
-    case c.PORTAL: {
+    case u.PORTAL: {
       et(e, n);
       break;
     }
@@ -195,7 +195,7 @@ function d(e, t, r = null, n = null) {
 }
 function z(e, t, r) {
   const { value: n } = e, s = document.createTextNode(n);
-  e.el = s, L(s, t, r);
+  e.el = s, j(s, t, r);
 }
 function Q(e, t, r, n) {
   const { children: s } = e;
@@ -204,20 +204,20 @@ function Q(e, t, r, n) {
   });
 }
 function Z(e, t, r, n) {
-  const { tag: s, children: i } = e, l = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
-  V(l, e, n), e.el = l, i?.forEach((a) => {
-    d(a, l, null, n);
-  }), L(l, t, r);
+  const { tag: s, children: i } = e, f = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
+  V(f, e, n), e.el = f, i?.forEach((a) => {
+    d(a, f, null, n);
+  }), j(f, t, r);
 }
 function V(e, t, r) {
-  const { props: n, events: s } = C(t);
+  const { props: n, events: s } = A(t);
   n.ref && typeof n.ref == "object" && "current" in n.ref && (n.ref.current = e, delete n.ref), t.listeners = I(s, e, r), K(e, n);
 }
 function tt(e, t, r, n) {
-  const s = e.tag, { props: i } = C(e), o = new s(i, n);
+  const s = e.tag, { props: i } = A(e), o = new s(i, n);
   o.mount(t, r), e.component = o, e.el = o.firstElement || null;
 }
-function L(e, t, r) {
+function j(e, t, r) {
   if (r == null) {
     t.append(e);
     return;
@@ -233,30 +233,30 @@ function et(e, t) {
     d(s, n, null, t);
   });
 }
-function j(e, t) {
+function L(e, t) {
   if (e.type !== t.type)
     return !1;
-  if (e.type === c.ELEMENT) {
+  if (e.type === u.ELEMENT) {
     const r = e, n = t, {
       tag: s,
       props: { key: i }
     } = r, {
       tag: o,
-      props: { key: l }
+      props: { key: f }
     } = n;
-    return s === o && i === l;
+    return s === o && i === f;
   }
-  if (e.type === c.COMPONENT) {
+  if (e.type === u.COMPONENT) {
     const r = e, n = t, { tag: s } = r, { tag: i } = n;
     return s === i;
   }
-  if (e.type === c.PORTAL) {
+  if (e.type === u.PORTAL) {
     const r = e, n = t;
     return r.container === n.container;
   }
   return !0;
 }
-function A(e, t) {
+function S(e, t) {
   const r = Object.keys(e), n = Object.keys(t), s = [], i = [];
   for (const o of n)
     o in e ? e[o] !== t[o] && i.push(o) : s.push(o);
@@ -269,31 +269,31 @@ function A(e, t) {
 function rt(e) {
   return e !== "";
 }
-function S(e) {
+function C(e) {
   return rt(e.trim());
 }
 function y(e, t, r, n = null) {
-  if (!j(e, t)) {
+  if (!L(e, t)) {
     const s = nt(r, e.el);
     return p(e), d(t, r, s, n), t;
   }
   switch (t.el = e.el, t.type) {
-    case c.TEXT:
+    case u.TEXT:
       return st(e, t), t;
-    case c.ELEMENT: {
+    case u.ELEMENT: {
       ot(e, t, n);
       break;
     }
-    case c.COMPONENT: {
-      at(e, t);
+    case u.COMPONENT: {
+      ft(e, t);
       break;
     }
-    case c.PORTAL: {
-      ft(e, t, n);
+    case u.PORTAL: {
+      lt(e, t, n);
       break;
     }
   }
-  return F(e, t, n), t;
+  return R(e, t, n), t;
 }
 function nt(e, t) {
   if (!t) return null;
@@ -309,22 +309,22 @@ function ot(e, t, r) {
     class: s,
     style: i,
     on: o,
-    ...l
+    ...f
   } = e.props ?? {}, {
     class: a,
-    style: u,
-    on: f,
+    style: c,
+    on: l,
     ...E
-  } = t.props ?? {}, { listeners: v } = e;
-  it(n, l, E), ct(n, s, a), ut(
+  } = t.props ?? {}, { listeners: g } = e;
+  it(n, f, E), ct(n, s, a), ut(
     n,
     i,
-    u
-  ), t.listeners = lt(
+    c
+  ), t.listeners = at(
     n,
-    v,
+    g,
     o ?? {},
-    f ?? {},
+    l ?? {},
     r
   );
 }
@@ -333,78 +333,77 @@ function it(e, t = {}, r = {}) {
   n !== s && (n && typeof n == "object" && "current" in n && (n.current = null), s && typeof s == "object" && "current" in s && (s.current = e));
   const i = { ...t }, o = { ...r };
   delete i.ref, delete o.ref;
-  const { added: l, removed: a, updated: u } = A(i, o);
-  for (const f of a)
-    D(e, f);
-  for (const f of l.concat(u))
-    w(e, f, o[f]);
+  const { added: f, removed: a, updated: c } = S(i, o);
+  for (const l of a)
+    D(e, l);
+  for (const l of f.concat(c))
+    w(e, l, o[l]);
 }
 function ct(e, t, r) {
   const n = T(t), s = T(r), { added: i, removed: o } = x(n, s);
   o.length > 0 && e.classList.remove(...o), i.length > 0 && e.classList.add(...i);
 }
 function T(e = "") {
-  return Array.isArray(e) ? e.filter(S) : String(e).split(/(\s+)/).filter(S);
+  return Array.isArray(e) ? e.filter(C) : String(e).split(/(\s+)/).filter(C);
 }
 function ut(e, t = {}, r = {}) {
-  const { added: n, removed: s, updated: i } = A(t, r);
+  const { added: n, removed: s, updated: i } = S(t, r);
   for (const o of s)
     J(e, o);
   for (const o of n.concat(i))
     M(e, o, r[o]);
 }
-function lt(e, t = {}, r = {}, n = {}, s = null) {
-  const { removed: i, added: o, updated: l } = A(r, n);
-  for (const u of i.concat(l)) {
-    const f = t?.[u];
-    f && e.removeEventListener(u, f);
-  }
-  const a = {};
-  for (const u of o.concat(l))
-    a[u] = N(
-      u,
-      n[u],
+function at(e, t = {}, r = {}, n = {}, s = null) {
+  const { removed: i, added: o, updated: f } = S(r, n), a = { ...t };
+  for (const c of i.concat(f)) {
+    const l = t?.[c];
+    l && (e.removeEventListener(c, l), delete a[c]);
+  }
+  for (const c of o.concat(f))
+    a[c] = N(
+      c,
+      n[c],
       e,
       s
     );
   return a;
 }
-function F(e, t, r) {
-  const n = m(e), s = m(t), i = e.el, o = R(n, s, j), l = r?.offset ?? 0;
+function R(e, t, r) {
+  const n = m(e), s = m(t), i = e.el, o = F(n, s, L), f = r?.offset ?? 0;
   for (const a of o)
-    if (a.op === g.NOOP) {
-      const { originalIndex: u, index: f } = a;
-      y(n[u], s[f], i, r);
+    if (a.op === v.NOOP) {
+      const { originalIndex: c, index: l } = a;
+      y(n[c], s[l], i, r);
     }
   for (const a of o)
     switch (a.op) {
-      case g.MOVE: {
-        const { from: u, index: f } = a, E = n[u].el, v = i.childNodes[f + l];
-        E && (i.insertBefore(E, v), y(n[u], s[f], i, r));
+      case v.MOVE: {
+        const { from: c, index: l } = a, E = n[c].el, g = i.childNodes[l + f];
+        E && (i.insertBefore(E, g), y(n[c], s[l], i, r));
         break;
       }
-      case g.REMOVE: {
-        const { item: u } = a;
-        p(u);
+      case v.REMOVE: {
+        const { item: c } = a;
+        p(c);
         break;
       }
-      case g.ADD: {
-        const { index: u, item: f } = a;
-        d(f, i, u + l, r);
+      case v.ADD: {
+        const { index: c, item: l } = a;
+        d(l, i, c + f, r);
         break;
       }
     }
 }
-function at(e, t) {
-  const { component: r } = e, { props: n } = C(t);
+function ft(e, t) {
+  const { component: r } = e, { props: n } = A(t);
   r.updateProps(n), t.component = r, t.el = r.firstElement;
 }
-function ft(e, t, r) {
+function lt(e, t, r) {
   if (e.container !== t.container) {
     p(e), d(t, document.body, null, r);
     return;
   }
-  F(e, t, r);
+  R(e, t, r);
 }
 const ht = (e) => e.isProvider, dt = (e) => e.isConsumer;
 class k {
@@ -461,13 +460,13 @@ class k {
     return b(t, r);
   }
   get elements() {
-    return this.vdom == null ? [] : this.vdom.type === c.FRAGMENT ? m(this.vdom).flatMap((t) => t.type === c.COMPONENT && t.component ? t.component.elements : t.el ? [t.el] : []) : this.vdom.el ? [this.vdom.el] : [];
+    return this.vdom == null ? [] : this.vdom.type === u.FRAGMENT ? m(this.vdom).flatMap((t) => t.type === u.COMPONENT && t.component ? t.component.elements : t.el ? [t.el] : []) : this.vdom.el ? [this.vdom.el] : [];
   }
   get firstElement() {
     return this.elements[0];
   }
   get offset() {
-    return this.vdom?.type === c.FRAGMENT && this.hostEl && this.firstElement ? Array.from(this.hostEl.children).indexOf(this.firstElement) : 0;
+    return this.vdom?.type === u.FRAGMENT && this.hostEl && this.firstElement ? Array.from(this.hostEl.children).indexOf(this.firstElement) : 0;
   }
   updateProps(t) {
     const n = { ...this.getDefaultProps(), ...this.props, ...t }, s = this.props;
@@ -496,7 +495,7 @@ class k {
     }), this.dependencies = [], this.vdom && p(this.vdom), h(() => this.didUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1, this.error = null);
   }
   patch(t, r) {
-    if (!(!this.isMounted || !this.hostEl || !this.vdom) && !this.error) {
+    if (!(!this.isMounted || !this.hostEl || !this.vdom)) {
       h(() => this.willUpdate(this.props, this.state));
       try {
         const n = this.render();
@@ -536,20 +535,14 @@ class k {
     return this.constructor.defaultProps || {};
   }
   handleError(t, r) {
-    console.log("handleError");
     const n = this.findClosestErrorBoundary();
-    if (console.log("errorBoundary", n), n) {
-      console.log("Found error boundary");
+    if (n) {
       const i = n.constructor;
       if (i.getDerivedStateFromError) {
-        console.log("Calling getDerivedStateFromError");
         const o = i.getDerivedStateFromError(t);
         n.state = { ...n.state, ...o };
       }
-      for (; n.hostEl.firstChild; )
-        n.hostEl.removeChild(n.hostEl.firstChild);
-      if (n.hostEl && n.isMounted) {
-        console.log("Rendering fallback UI");
+      if (n.hostEl && n.isMounted)
         try {
           const o = n.render();
           o && (n.vdom = y(n.vdom, o, n.hostEl, n), h(() => {
@@ -560,12 +553,10 @@ class k {
             });
           }));
         } catch (o) {
-          console.error("Error during ErrorBoundary recovery:", o), n.parent && n.parent.handleError(o, r);
+          n.parent && n.parent.handleError(o, r);
         }
-      }
       return;
     }
-    console.log("No error boundary found, handling locally");
     const s = this.constructor;
     if (s.getDerivedStateFromError) {
       const i = s.getDerivedStateFromError(t);
@@ -643,20 +634,20 @@ function Et(e, t) {
     throw new Error("Container element is not provided for rendering.");
   d(e, t);
 }
-function gt(e = null) {
+function vt(e = null) {
   return {
     current: e
   };
 }
-function vt(e, t) {
+function gt(e, t) {
   const r = Array.isArray(e) ? e : [e];
   return B(r, t);
 }
 export {
   k as Component,
   yt as createContext,
-  vt as createPortal,
-  gt as createRef,
+  gt as createPortal,
+  vt as createRef,
   Pt as h,
   U as hFragment,
   Ot as hString,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddd-react",
-  "version": "1.10.13",
+  "version": "1.10.15",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "type-check": "tsc --noEmit",