ddd-react 1.3.0 → 1.3.2

package/dist/index.js

@@ -0,0 +1,558 @@
+import { D as c, e as g, a as x, A as y, b as F, h as U, c as I } from "./h-BbaMkkC7.mjs";
+import { d as Pt, f as mt } from "./h-BbaMkkC7.mjs";
+function v(e, t) {
+  if (e === null || t === null || e === void 0 || t === void 0)
+    return e === t;
+  if (typeof e != typeof t)
+    return !1;
+  if (Object.is(e, t))
+    return !0;
+  if (typeof e == "object") {
+    if (e.constructor !== t.constructor)
+      return !1;
+    if (Array.isArray(e)) {
+      if (e.length !== t.length)
+        return !1;
+      for (let r = 0; r < e.length; ++r)
+        if (!v(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (e.constructor === RegExp)
+      return e.source === t.source && e.flags === t.flags;
+    if (e.valueOf !== Object.prototype.valueOf)
+      return e.valueOf() === t.valueOf();
+    if (e.toString !== Object.prototype.toString)
+      return e.toString() === t.toString();
+    const n = Object.keys(e);
+    if (n.length !== Object.keys(t).length)
+      return !1;
+    for (let r = 0; r < n.length; ++r)
+      if (!Object.prototype.hasOwnProperty.call(t, n[r]))
+        return !1;
+    for (let r = 0; r < n.length; ++r) {
+      const s = n[r];
+      if (!(s === "_owner" && e.$$typeof) && !v(e[s], t[s]))
+        return !1;
+    }
+    return !0;
+  }
+  return !1;
+}
+function S(e, t, n, r = null) {
+  function s(o) {
+    const i = o;
+    r ? t.call(r, i) : t(i);
+  }
+  return n.addEventListener(e, s), s;
+}
+function $(e = {}, t, n = null) {
+  const r = {};
+  return Object.entries(e).forEach(([s, o]) => {
+    r[s] = S(
+      s,
+      o,
+      t,
+      n
+    );
+  }), r;
+}
+function q(e = {}, t) {
+  Object.entries(e).forEach(([n, r]) => {
+    t.removeEventListener(n, r);
+  });
+}
+function p(e) {
+  const { type: t } = e;
+  switch (t) {
+    case c.TEXT: {
+      G(e);
+      break;
+    }
+    case c.ELEMENT: {
+      W(e);
+      break;
+    }
+    case c.FRAGMENT: {
+      B(e);
+      break;
+    }
+    case c.COMPONENT: {
+      e.component?.unmount();
+      break;
+    }
+    case c.PORTAL: {
+      X(e);
+      break;
+    }
+    default:
+      throw new Error(`Can't destroy DOM of type: ${t}`);
+  }
+  delete e.el;
+}
+function G(e) {
+  const { el: t } = e;
+  t && t.remove();
+}
+function W(e) {
+  const { el: t, children: n, listeners: r, props: s } = e;
+  s?.ref && typeof s.ref == "object" && "current" in s.ref && (s.ref.current = null), t && t.remove(), n && n.forEach(p), r && t && (q(r, t), delete e.listeners);
+}
+function B(e) {
+  const { children: t } = e;
+  t && t.forEach(p);
+}
+function X(e) {
+  const { children: t } = e;
+  t && t.forEach(p);
+}
+function L(e, t, n) {
+  e.style[t] = n.toString();
+}
+function _(e, t) {
+  e.style[t] = null;
+}
+function J(e, t) {
+  const { class: n, style: r, ...s } = t;
+  n && K(e, n), r && Object.entries(r).forEach(([o, i]) => {
+    L(e, o, i);
+  });
+  for (const [o, i] of Object.entries(s))
+    w(e, o, i);
+}
+function K(e, t) {
+  if (e instanceof SVGElement) {
+    e.removeAttribute("class"), typeof t == "string" ? e.setAttribute("class", t) : Array.isArray(t) && e.classList.add(...t);
+    return;
+  }
+  e.className = "", typeof t == "string" ? e.className = t : Array.isArray(t) && e.classList.add(...t);
+}
+function w(e, t, n) {
+  n == null ? C(e, t) : e.setAttribute(t, String(n));
+}
+function C(e, t) {
+  e[t] = null, e.removeAttribute(t);
+}
+let O = !1;
+const P = [];
+function E(e) {
+  P.push(e), Y();
+}
+function Y() {
+  O || (O = !0, queueMicrotask(H));
+}
+function H() {
+  for (; P.length > 0; ) {
+    const e = P.shift();
+    let t;
+    try {
+      t = e();
+    } catch (n) {
+      console.error(`[scheduler]: ${n}`);
+      continue;
+    }
+    Promise.resolve(t).then(
+      () => {
+      },
+      (n) => {
+        console.error(`[scheduler]: ${n}`);
+      }
+    );
+  }
+  O = !1;
+}
+function A(e) {
+  const { on: t = {}, ...n } = e.props;
+  return delete n.key, { props: n, events: t };
+}
+function h(e, t, n = null, r = null) {
+  switch (e.type) {
+    case c.TEXT: {
+      z(e, t, n);
+      break;
+    }
+    case c.ELEMENT: {
+      Z(e, t, n, r);
+      break;
+    }
+    case c.FRAGMENT: {
+      Q(e, t, n, r);
+      break;
+    }
+    case c.COMPONENT: {
+      tt(e, t, n, r);
+      const s = e.component;
+      s && E(() => s.onMount());
+      break;
+    }
+    case c.PORTAL: {
+      et(e, r);
+      break;
+    }
+    default:
+      throw new Error(`Can't mount DOM of type: ${e.type}`);
+  }
+}
+function z(e, t, n) {
+  const { value: r } = e, s = document.createTextNode(r);
+  e.el = s, j(s, t, n);
+}
+function Q(e, t, n, r) {
+  const { children: s } = e;
+  e.el = t, s?.forEach((o, i) => {
+    h(o, t, n != null ? n + i : null, r);
+  });
+}
+function Z(e, t, n, r) {
+  const { tag: s, children: o } = e, u = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
+  V(u, e, r), e.el = u, o?.forEach((l) => {
+    h(l, u, null, r);
+  }), j(u, t, n);
+}
+function V(e, t, n) {
+  const { props: r, events: s } = A(t);
+  r.ref && typeof r.ref == "object" && "current" in r.ref && (r.ref.current = e, delete r.ref), t.listeners = $(s, e, n), J(e, r);
+}
+function tt(e, t, n, r) {
+  const s = e.tag, { props: o } = A(e), i = new s(o, r);
+  i.mount(t, n), e.component = i, e.el = i.firstElement || null;
+}
+function j(e, t, n) {
+  if (n == null) {
+    t.append(e);
+    return;
+  }
+  if (n < 0)
+    throw new Error(`Index must be a positive integer, got ${n}`);
+  const r = t.childNodes;
+  n >= r.length ? t.append(e) : t.insertBefore(e, r[n]);
+}
+function et(e, t) {
+  const { children: n, container: r } = e;
+  n?.forEach((s) => {
+    h(s, r, null, t);
+  });
+}
+function D(e, t) {
+  if (e.type !== t.type)
+    return !1;
+  if (e.type === c.ELEMENT) {
+    const n = e, r = t, {
+      tag: s,
+      props: { key: o }
+    } = n, {
+      tag: i,
+      props: { key: u }
+    } = r;
+    return s === i && o === u;
+  }
+  if (e.type === c.COMPONENT) {
+    const n = e, r = t, { tag: s } = n, { tag: o } = r;
+    return s === o;
+  }
+  if (e.type === c.PORTAL) {
+    const n = e, r = t;
+    return n.container === r.container;
+  }
+  return !0;
+}
+function T(e, t) {
+  const n = Object.keys(e), r = Object.keys(t), s = [], o = [];
+  for (const i of r)
+    i in e ? e[i] !== t[i] && o.push(i) : s.push(i);
+  return {
+    added: s,
+    removed: n.filter((i) => !(i in t)),
+    updated: o
+  };
+}
+function nt(e) {
+  return e !== "";
+}
+function N(e) {
+  return nt(e.trim());
+}
+function m(e, t, n, r = null) {
+  if (!D(e, t)) {
+    const s = rt(n, e.el);
+    return p(e), h(t, n, s, r), t;
+  }
+  switch (t.el = e.el, t.type) {
+    case c.TEXT:
+      return st(e, t), t;
+    case c.ELEMENT: {
+      ot(e, t, r);
+      break;
+    }
+    case c.COMPONENT: {
+      lt(e, t);
+      break;
+    }
+    case c.PORTAL: {
+      at(e, t, r);
+      break;
+    }
+  }
+  return R(e, t, r), t;
+}
+function rt(e, t) {
+  if (!t) return null;
+  const n = Array.from(e.childNodes).indexOf(t);
+  return n < 0 ? null : n;
+}
+function st(e, t) {
+  const n = e.el, { value: r } = e, { value: s } = t;
+  r !== s && n && (n.nodeValue = s);
+}
+function ot(e, t, n) {
+  const r = e.el, {
+    class: s,
+    style: o,
+    on: i,
+    ...u
+  } = e.props ?? {}, {
+    class: l,
+    style: f,
+    on: a,
+    ...d
+  } = t.props ?? {}, { listeners: b } = e;
+  it(r, u, d), ct(r, s, l), ft(
+    r,
+    o,
+    f
+  ), t.listeners = ut(
+    r,
+    b,
+    i ?? {},
+    a ?? {},
+    n
+  );
+}
+function it(e, t = {}, n = {}) {
+  const r = t.ref, s = n.ref;
+  r !== s && (r && typeof r == "object" && "current" in r && (r.current = null), s && typeof s == "object" && "current" in s && (s.current = e));
+  const o = { ...t }, i = { ...n };
+  delete o.ref, delete i.ref;
+  const { added: u, removed: l, updated: f } = T(o, i);
+  for (const a of l)
+    C(e, a);
+  for (const a of u.concat(f))
+    w(e, a, i[a]);
+}
+function ct(e, t, n) {
+  const r = M(t), s = M(n), { added: o, removed: i } = F(r, s);
+  i.length > 0 && e.classList.remove(...i), o.length > 0 && e.classList.add(...o);
+}
+function M(e = "") {
+  return Array.isArray(e) ? e.filter(N) : String(e).split(/(\s+)/).filter(N);
+}
+function ft(e, t = {}, n = {}) {
+  const { added: r, removed: s, updated: o } = T(t, n);
+  for (const i of s)
+    _(e, i);
+  for (const i of r.concat(o))
+    L(e, i, n[i]);
+}
+function ut(e, t = {}, n = {}, r = {}, s = null) {
+  const { removed: o, added: i, updated: u } = T(n, r);
+  for (const f of o.concat(u)) {
+    const a = t?.[f];
+    a && e.removeEventListener(f, a);
+  }
+  const l = {};
+  for (const f of i.concat(u))
+    l[f] = S(
+      f,
+      r[f],
+      e,
+      s
+    );
+  return l;
+}
+function R(e, t, n) {
+  const r = g(e), s = g(t), o = e.el, i = x(r, s, D), u = n?.offset ?? 0;
+  for (const l of i)
+    if (l.op === y.NOOP) {
+      const { originalIndex: f, index: a } = l;
+      m(r[f], s[a], o, n);
+    }
+  for (const l of i)
+    switch (l.op) {
+      case y.MOVE: {
+        const { from: f, index: a } = l, d = r[f].el, b = o.childNodes[a + u];
+        d && (o.insertBefore(d, b), m(r[f], s[a], o, n));
+        break;
+      }
+      case y.REMOVE: {
+        const { item: f } = l;
+        p(f);
+        break;
+      }
+      case y.ADD: {
+        const { index: f, item: a } = l;
+        h(a, o, f + u, n);
+        break;
+      }
+    }
+}
+function lt(e, t) {
+  const { component: n } = e, { props: r } = A(t);
+  n.updateProps(r), t.component = n, t.el = n.firstElement;
+}
+function at(e, t, n) {
+  if (e.container !== t.container) {
+    p(e), h(t, document.body, null, n);
+    return;
+  }
+  R(e, t, n);
+}
+const ht = (e) => e.constructor.name.includes("Provider"), pt = (e) => e.constructor.name.includes("Consumer");
+class k {
+  constructor(t = {}, n) {
+    this.isMounted = !1, this.vdom = null, this.hostEl = null, this.parent = null, this.state = {}, this.context = null, this.dependencies = [], this.subscribedProvider = null, this.props = t, this.parent = n;
+  }
+  addDependency({ consumer: t }) {
+    this.dependencies.some((n) => n.consumer === t) || (this.dependencies.push({ consumer: t }), t.subscribedProvider = this);
+  }
+  removeDependency({ consumer: t }) {
+    const n = this.dependencies.findIndex((r) => r.consumer === t);
+    n !== -1 && (this.dependencies.splice(n, 1), t.subscribedProvider = null);
+  }
+  notify() {
+    this.dependencies.forEach(({ consumer: t }) => {
+      t.isMounted && t.updateContext() && t.patch();
+    });
+  }
+  onMount() {
+    return Promise.resolve();
+  }
+  onUnmount() {
+    return Promise.resolve();
+  }
+  onUpdate() {
+    return Promise.resolve();
+  }
+  onWillUnmount() {
+    return Promise.resolve();
+  }
+  get elements() {
+    return this.vdom == null ? [] : this.vdom.type === c.FRAGMENT ? g(this.vdom).flatMap((t) => t.type === c.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;
+  }
+  updateProps(t) {
+    const n = { ...this.props, ...t }, r = this.props;
+    this.props = n;
+    let s = this.updateContext();
+    v(r, n) && !s || (ht(this) && this.notify(), this.patch());
+  }
+  setState(t) {
+    typeof t == "function" ? this.state = {
+      ...this.state,
+      ...t(this.state, this.props)
+    } : this.state = { ...this.state, ...t }, this.patch();
+  }
+  mount(t, n = null) {
+    if (this.isMounted)
+      throw new Error("Component is already mounted");
+    pt(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext(), this.vdom = this.render(), h(this.vdom, t, n, this), this.hostEl = t, this.isMounted = !0;
+  }
+  unmount() {
+    this.isMounted && (E(() => this.onWillUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
+      t.subscribedProvider = null;
+    }), this.dependencies = [], this.vdom && p(this.vdom), E(() => this.onUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1);
+  }
+  patch() {
+    if (!this.isMounted || !this.hostEl || !this.vdom)
+      return;
+    const t = this.render();
+    this.vdom = m(this.vdom, t, this.hostEl, this), E(() => this.onUpdate());
+  }
+  updateContext() {
+    const t = Object.getPrototypeOf(this).constructor.contextType;
+    let n = this.parent;
+    if (t != null) {
+      for (; n; ) {
+        if (Object.getPrototypeOf(n).constructor === t.Provider)
+          return this.context = n.props.value, !0;
+        n = n.parent;
+      }
+      n == null && (this.context = t.defaultValue);
+    }
+    return !1;
+  }
+  subscribeToProvider() {
+    const t = Object.getPrototypeOf(this).constructor.contextType;
+    if (!t)
+      return;
+    let n = this.parent;
+    for (; n; ) {
+      if (Object.getPrototypeOf(n).constructor === t.Provider) {
+        n.addDependency({ consumer: this });
+        break;
+      }
+      n = n.parent;
+    }
+  }
+}
+function yt(e) {
+  class t extends k {
+    render() {
+      let o = [];
+      return Array.isArray(this.props.children) ? o = this.props.children : this.props.children ? o = [this.props.children] : o = [], U(o);
+    }
+  }
+  const r = class r extends k {
+    render() {
+      let o = this.props.children;
+      if (Array.isArray(o))
+        if (o.length === 1 && typeof o[0] == "function")
+          o = o[0];
+        else
+          throw new Error(
+            "Consumer: expected single function child, got array"
+          );
+      if (typeof o != "function")
+        throw new Error("Consumer: children is not a function");
+      return o(this.context);
+    }
+  };
+  r.contextType = {
+    Provider: t,
+    defaultValue: e
+  };
+  let n = r;
+  return {
+    Provider: t,
+    Consumer: n,
+    defaultValue: e
+  };
+}
+function Et(e, t) {
+  if (!t)
+    throw new Error("Container element is not provided for rendering.");
+  h(e, t);
+}
+function bt(e = null) {
+  return {
+    current: e
+  };
+}
+function gt(e, t) {
+  const n = Array.isArray(e) ? e : [e];
+  return I(n, t);
+}
+export {
+  k as Component,
+  yt as createContext,
+  gt as createPortal,
+  bt as createRef,
+  Pt as h,
+  U as hFragment,
+  mt as hString,
+  Et as render
+};

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1 @@
+export { Fragment, jsxDEV } from './jsx/jsx-dev-runtime';

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,5 @@
+import { Fragment as x, jsx as a } from "./jsx-runtime.js";
+export {
+  x as Fragment,
+  a as jsxDEV
+};

package/dist/jsx-runtime.d.ts

@@ -0,0 +1 @@
+export { Fragment, jsx } from './jsx/jsx-runtime';

package/dist/jsx-runtime.js

@@ -0,0 +1,38 @@
+import { h as p, d as c, f as a } from "./h-BbaMkkC7.mjs";
+const b = /* @__PURE__ */ Symbol("Fragment");
+function l(n) {
+  return n == null || n === !1 ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? a(String(n)) : n;
+}
+function j(n, o, ...r) {
+  if (n === b) {
+    const t = r.flat().map(l).filter((e) => e != null);
+    return p(t);
+  }
+  let f = {}, i = {};
+  if (o && Object.entries(o).forEach(([t, e]) => {
+    if (t.startsWith("on") && typeof e == "function") {
+      const s = t.slice(2).toLowerCase();
+      f[s] = e;
+    } else t === "ref" ? i.ref = e : t === "className" ? i.class = e : t === "style" && typeof e == "object" ? i.style = e : t === "colorInterpolationFilters" ? i["color-interpolation-filters"] = e : t === "viewbox" ? i.viewBox = e : t !== "children" && t !== "key" && (i[t] = e);
+  }), typeof n == "function")
+    try {
+      return n({ ...i, on: f });
+    } catch {
+    }
+  if (typeof n == "function" || typeof n == "object" && n != null && "render" in n) {
+    const t = { ...o ?? {} };
+    return r.length > 0 && (t.children = r.flat().map(l).filter((e) => e != null)), c(n, t);
+  }
+  f = {}, i = {}, o && Object.entries(o).forEach(([t, e]) => {
+    if (t.startsWith("on") && typeof e == "function") {
+      const s = t.slice(2).toLowerCase();
+      f[s] = e;
+    } else t === "ref" ? i.ref = e : t === "className" ? i.class = e : t === "style" && typeof e == "object" ? i.style = e : t === "colorInterpolationFilters" ? i["color-interpolation-filters"] = e : t === "filterUnits" ? i.filterUnits = e : t === "clipPath" ? i["clip-path"] = e : t === "floodOpacity" ? i["flood-opacity"] = e : t === "stdDeviation" ? i.stdDeviation = e : t === "viewbox" ? i.viewBox = e : t !== "children" && t !== "key" && (i[t] = e);
+  });
+  const m = r.flat().map(l).filter((t) => t != null);
+  return c(n, { ...i, on: f }, m);
+}
+export {
+  b as Fragment,
+  j as jsx
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddd-react",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "type-check": "tsc --noEmit",
@@ -15,6 +15,20 @@
     "frontend",
     "typescript"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./jsx-runtime": {
+      "import": "./dist/jsx-runtime.js",
+      "types": "./dist/jsx-runtime.d.ts"
+    },
+    "./jsx-dev-runtime": {
+      "import": "./dist/jsx-dev-runtime.js",
+      "types": "./dist/jsx-dev-runtime.d.ts"
+    }
+  },
   "author": "DDD Team",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",