ddd-react 1.10.5 → 1.10.6

package/dist/index.mjs

@@ -135,7 +135,7 @@ function D(e, t) {
 }
 let P = !1;
 const O = [];
-function h(e) {
+function d(e) {
   O.push(e), Y();
 }
 function Y() {
@@ -165,7 +165,7 @@ 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) {
+function h(e, t, r = null, n = null) {
   switch (e.type) {
     case c.TEXT: {
       z(e, t, r);
@@ -182,7 +182,7 @@ function d(e, t, r = null, n = null) {
     case c.COMPONENT: {
       tt(e, t, r, n);
       const o = e.component;
-      o && h(() => o.didMount());
+      o && d(() => o.didMount());
       break;
     }
     case c.PORTAL: {
@@ -200,14 +200,14 @@ function z(e, t, r) {
 function Q(e, t, r, n) {
   const { children: o } = e;
   e.el = t, o?.forEach((i, s) => {
-    d(i, t, r != null ? r + s : null, n);
+    h(i, t, r != null ? r + s : null, n);
   });
 }
 function Z(e, t, r, n) {
-  const { tag: o, children: i } = e, l = o === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", o) : document.createElement(o);
-  V(l, e, n), e.el = l, i?.forEach((a) => {
-    d(a, l, null, n);
-  }), L(l, t, r);
+  const { tag: o, children: i } = e, u = o === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", o) : document.createElement(o);
+  V(u, e, n), e.el = u, i?.forEach((a) => {
+    h(a, u, null, n);
+  }), L(u, t, r);
 }
 function V(e, t, r) {
   const { props: n, events: o } = A(t);
@@ -215,7 +215,11 @@ function V(e, t, r) {
 }
 function tt(e, t, r, n) {
   const o = e.tag, { props: i } = A(e), s = new o(i, n);
-  s.mount(t, r), e.component = s, e.el = s.firstElement || null;
+  try {
+    s.mount(t, r), e.component = s, e.el = s.firstElement || null;
+  } catch {
+    s.vdom && (e.component = s);
+  }
 }
 function L(e, t, r) {
   if (r == null) {
@@ -230,7 +234,7 @@ function L(e, t, r) {
 function et(e, t) {
   const { children: r, container: n } = e;
   r?.forEach((o) => {
-    d(o, n, null, t);
+    h(o, n, null, t);
   });
 }
 function j(e, t) {
@@ -242,9 +246,9 @@ function j(e, t) {
       props: { key: i }
     } = r, {
       tag: s,
-      props: { key: l }
+      props: { key: u }
     } = n;
-    return o === s && i === l;
+    return o === s && i === u;
   }
   if (e.type === c.COMPONENT) {
     const r = e, n = t, { tag: o } = r, { tag: i } = n;
@@ -272,10 +276,10 @@ function rt(e) {
 function S(e) {
   return rt(e.trim());
 }
-function E(e, t, r, n = null) {
+function y(e, t, r, n = null) {
   if (!j(e, t)) {
     const o = nt(r, e.el);
-    return p(e), d(t, r, o, n), t;
+    return p(e), h(t, r, o, n), t;
   }
   switch (t.el = e.el, t.type) {
     case c.TEXT:
@@ -309,17 +313,17 @@ function st(e, t, r) {
     class: o,
     style: i,
     on: s,
-    ...l
+    ...u
   } = e.props ?? {}, {
     class: a,
-    style: u,
+    style: l,
     on: f,
-    ...y
+    ...E
   } = t.props ?? {}, { listeners: v } = e;
-  it(n, l, y), ct(n, o, a), ut(
+  it(n, u, E), ct(n, o, a), ut(
     n,
     i,
-    u
+    l
   ), t.listeners = lt(
     n,
     v,
@@ -333,10 +337,10 @@ function it(e, t = {}, r = {}) {
   n !== o && (n && typeof n == "object" && "current" in n && (n.current = null), o && typeof o == "object" && "current" in o && (o.current = e));
   const i = { ...t }, s = { ...r };
   delete i.ref, delete s.ref;
-  const { added: l, removed: a, updated: u } = C(i, s);
+  const { added: u, removed: a, updated: l } = C(i, s);
   for (const f of a)
     D(e, f);
-  for (const f of l.concat(u))
+  for (const f of u.concat(l))
     w(e, f, s[f]);
 }
 function ct(e, t, r) {
@@ -354,43 +358,43 @@ function ut(e, t = {}, r = {}) {
     M(e, s, r[s]);
 }
 function lt(e, t = {}, r = {}, n = {}, o = null) {
-  const { removed: i, added: s, updated: l } = C(r, n);
-  for (const u of i.concat(l)) {
-    const f = t?.[u];
-    f && e.removeEventListener(u, f);
+  const { removed: i, added: s, updated: u } = C(r, n);
+  for (const l of i.concat(u)) {
+    const f = t?.[l];
+    f && e.removeEventListener(l, f);
   }
   const a = {};
-  for (const u of s.concat(l))
-    a[u] = N(
-      u,
-      n[u],
+  for (const l of s.concat(u))
+    a[l] = N(
+      l,
+      n[l],
       e,
       o
     );
   return a;
 }
 function F(e, t, r) {
-  const n = m(e), o = m(t), i = e.el, s = R(n, o, j), l = r?.offset ?? 0;
+  const n = m(e), o = m(t), i = e.el, s = R(n, o, j), u = r?.offset ?? 0;
   for (const a of s)
     if (a.op === g.NOOP) {
-      const { originalIndex: u, index: f } = a;
-      E(n[u], o[f], i, r);
+      const { originalIndex: l, index: f } = a;
+      y(n[l], o[f], i, r);
     }
   for (const a of s)
     switch (a.op) {
       case g.MOVE: {
-        const { from: u, index: f } = a, y = n[u].el, v = i.childNodes[f + l];
-        y && (i.insertBefore(y, v), E(n[u], o[f], i, r));
+        const { from: l, index: f } = a, E = n[l].el, v = i.childNodes[f + u];
+        E && (i.insertBefore(E, v), y(n[l], o[f], i, r));
         break;
       }
       case g.REMOVE: {
-        const { item: u } = a;
-        p(u);
+        const { item: l } = a;
+        p(l);
         break;
       }
       case g.ADD: {
-        const { index: u, item: f } = a;
-        d(f, i, u + l, r);
+        const { index: l, item: f } = a;
+        h(f, i, l + u, r);
         break;
       }
     }
@@ -401,12 +405,12 @@ function at(e, t) {
 }
 function ft(e, t, r) {
   if (e.container !== t.container) {
-    p(e), d(t, document.body, null, r);
+    p(e), h(t, document.body, null, r);
     return;
   }
   F(e, t, r);
 }
-const dt = (e) => e.isProvider, ht = (e) => e.isConsumer;
+const ht = (e) => e.isProvider, dt = (e) => e.isConsumer;
 class T {
   isMounted = !1;
   vdom = null;
@@ -433,7 +437,7 @@ class T {
     r !== -1 && (this.dependencies.splice(r, 1), t.subscribedProvider = null);
   }
   notify() {
-    h(() => {
+    d(() => {
       this.dependencies.forEach(({ consumer: t }) => {
         t.isMounted && t.updateContext() && t.patch(t.props, t.state);
       });
@@ -471,7 +475,7 @@ class T {
   }
   updateProps(t) {
     const n = { ...this.getDefaultProps(), ...this.props, ...t }, o = this.props;
-    this.props = n, !this.shouldComponentUpdate(o, n) && (dt(this) && this.notify(), this.patch(o, this.state));
+    this.props = n, !this.shouldComponentUpdate(o, n) && (ht(this) && this.notify(), this.patch(o, this.state));
   }
   setState(t) {
     const r = this.state;
@@ -483,24 +487,24 @@ class T {
   mount(t, r = null) {
     if (this.isMounted)
       throw new Error("Component is already mounted");
-    ht(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext();
+    dt(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext();
     try {
-      this.vdom = this.render(), this.hostEl = t, d(this.vdom, t, r, this), this.isMounted = !0;
+      this.vdom = this.render(), this.hostEl = t, h(this.vdom, t, r, this), this.isMounted = !0;
     } catch (n) {
       this.handleError(n, "mount");
     }
   }
   unmount() {
-    this.isMounted && (h(() => this.willUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
+    this.isMounted && (d(() => this.willUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
       t.subscribedProvider = null;
-    }), this.dependencies = [], this.vdom && p(this.vdom), h(() => this.didUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1, this.error = null);
+    }), this.dependencies = [], this.vdom && p(this.vdom), d(() => 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) {
-      h(() => this.willUpdate(this.props, this.state));
+      d(() => this.willUpdate(this.props, this.state));
       try {
         const n = this.render();
-        this.vdom = E(this.vdom, n, this.hostEl, this), h(() => this.didUpdate(t, r));
+        this.vdom = y(this.vdom, n, this.hostEl, this), d(() => this.didUpdate(t, r));
       } catch (n) {
         this.handleError(n, "patch");
       }
@@ -556,13 +560,13 @@ class T {
           const s = n.render();
           if (s)
             if (n.vdom)
-              console.log("Patching ErrorBoundary"), E(n.vdom, s, n.hostEl, n);
+              console.log("Patching ErrorBoundary"), y(n.vdom, s, n.hostEl, n);
             else {
               console.log("Mounting ErrorBoundary fallback");
-              const l = n.parent?.offset || 0;
+              const u = n.parent?.offset || 0;
               n.hostEl && n.hostEl.children.length > 0 && Array.from(n.hostEl.children).forEach((a) => {
                 a.remove();
-              }), d(s, n.hostEl, l, n.parent), n.vdom = s, n.isMounted = !0;
+              }), h(s, n.hostEl, u, n.parent), n.vdom = s, n.isMounted = !0;
             }
         } catch (s) {
           console.error("Error during ErrorBoundary recovery:", s), n.parent && n.parent.handleError(s, r);
@@ -576,14 +580,14 @@ class T {
       const i = o.getDerivedStateFromError(t);
       this.state = { ...this.state, ...i };
     }
-    h(() => {
+    d(() => {
       if (this.didCatch(t, {
         phase: r,
         componentStack: this.getComponentStack()
       }), this.hostEl && this.isMounted)
         try {
           const i = this.render();
-          i && E(this.vdom, i, this.hostEl, this);
+          i && y(this.vdom, i, this.hostEl, this);
         } catch (i) {
           console.error("Error during error recovery render:", i);
         }
@@ -609,7 +613,7 @@ class T {
     return console.log("isErrorBoundary"), console.log("this.constructor as typeof Component", this.constructor), console.log("(this.constructor as typeof Component).getDerivedStateFromError", this.constructor.getDerivedStateFromError), this.constructor.getDerivedStateFromError !== void 0;
   }
 }
-function Et(e) {
+function yt(e) {
   class t extends T {
     isProvider = !0;
     render() {
@@ -643,10 +647,10 @@ function Et(e) {
     defaultValue: e
   };
 }
-function yt(e, t) {
+function Et(e, t) {
   if (!t)
     throw new Error("Container element is not provided for rendering.");
-  d(e, t);
+  h(e, t);
 }
 function gt(e = null) {
   return {
@@ -659,11 +663,11 @@ function vt(e, t) {
 }
 export {
   T as Component,
-  Et as createContext,
+  yt as createContext,
   vt as createPortal,
   gt as createRef,
   Pt as h,
   B as hFragment,
   Ot as hString,
-  yt as render
+  Et as render
 };

package/package.json

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