@object-ui/plugin-kanban 2.0.0 → 3.0.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @object-ui/plugin-kanban@2.0.0 build /home/runner/work/objectui/objectui/packages/plugin-kanban
+> @object-ui/plugin-kanban@3.0.1 build /home/runner/work/objectui/objectui/packages/plugin-kanban
 > vite build
 
 vite v7.3.1 building client environment for production...
@@ -10,11 +10,11 @@ rendering chunks...
 [vite:dts] Start generate declaration files...
 computing gzip size...
 dist/index.js                     0.28 kB │ gzip:  0.17 kB
-dist/KanbanImpl--kTNN_B8.js       5.41 kB │ gzip:  1.93 kB
-dist/index-a4_RI-v7.js           17.91 kB │ gzip:  5.22 kB
-dist/KanbanEnhanced-BMreTWOT.js  32.18 kB │ gzip:  9.20 kB
-dist/sortable.esm-ZHwgFQIO.js    73.13 kB │ gzip: 19.36 kB
-[vite:dts] Declaration files built in 23587ms.
+dist/KanbanImpl-BfOKAnJS.js       7.48 kB │ gzip:  2.48 kB
+dist/index-CWGTi2xn.js           18.95 kB │ gzip:  5.57 kB
+dist/KanbanEnhanced-BPIKjTDv.js  32.18 kB │ gzip:  9.20 kB
+dist/sortable.esm-CNNHgHk5.js    73.15 kB │ gzip: 19.37 kB
+[vite:dts] Declaration files built in 25103ms.
 
-dist/index.umd.cjs  85.87 kB │ gzip: 28.09 kB
-✓ built in 37.59s
+dist/index.umd.cjs  88.03 kB │ gzip: 28.95 kB
+✓ built in 39.12s

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @object-ui/plugin-kanban
 
+## 3.0.1
+
+### Patch Changes
+
+- Updated dependencies [adf2cc0]
+  - @object-ui/react@3.0.1
+  - @object-ui/components@3.0.1
+  - @object-ui/types@3.0.1
+  - @object-ui/core@3.0.1
+
+## 3.0.0
+
+### Minor Changes
+
+- 87979c3: Upgrade to @objectstack v3.0.0 and console bundle optimization
+  - Upgraded all @objectstack/\* packages from ^2.0.7 to ^3.0.0
+  - Breaking change migrations: Hub → Cloud namespace, definePlugin removed, PaginatedResult.value → .records, PaginatedResult.count → .total, client.meta.getObject() → client.meta.getItem()
+  - Console bundle optimization: split monolithic 3.7 MB chunk into 17 granular cacheable chunks (95% main entry reduction)
+  - Added gzip + brotli pre-compression via vite-plugin-compression2
+  - Lazy MSW loading for build:server (~150 KB gzip saved)
+  - Added bundle analysis with rollup-plugin-visualizer
+
+### Patch Changes
+
+- Updated dependencies [87979c3]
+  - @object-ui/types@3.0.0
+  - @object-ui/core@3.0.0
+  - @object-ui/react@3.0.0
+  - @object-ui/components@3.0.0
+
 ## 2.0.0
 
 ### Major Changes

package/dist/{KanbanEnhanced-BMreTWOT.js → KanbanEnhanced-BPIKjTDv.js}

@@ -1,8 +1,8 @@
-import { j as h } from "./index-a4_RI-v7.js";
+import { j as h } from "./index-CWGTi2xn.js";
 import * as C from "react";
 import { forwardRef as K, createElement as R } from "react";
 import { flushSync as J } from "react-dom";
-import { u as Q, a as X, P as ee, D as te, c as se, b as ne, d as ie, e as Z, S as re, v as oe, C as le } from "./sortable.esm-ZHwgFQIO.js";
+import { u as Q, a as X, D as ee, c as te, b as se, d as ne, P as ie, e as Z, S as re, v as oe, C as le } from "./sortable.esm-CNNHgHk5.js";
 import { Button as ae, Badge as F, Card as ce, CardHeader as he, CardTitle as de, CardDescription as ue, CardContent as fe } from "@object-ui/components";
 function N(n, l, e) {
   let s = e.initialDeps ?? [], t, i = !0;
@@ -814,7 +814,7 @@ function He({
     d(a);
   }, [a]);
   const v = Q(
-    X(ee, {
+    X(ie, {
       activationConstraint: {
         distance: 8
       }
@@ -830,7 +830,7 @@ function He({
     const M = p(x), I = p(z) || y(z);
     if (!(!M || !I))
       if (M.id === I.id) {
-        const O = [...M.cards], j = O.findIndex((S) => S.id === x), D = O.findIndex((S) => S.id === z), V = ie(O, j, D);
+        const O = [...M.cards], j = O.findIndex((S) => S.id === x), D = O.findIndex((S) => S.id === z), V = ne(O, j, D);
         d(
           (S) => S.map(
             (A) => A.id === M.id ? { ...A, cards: V } : A
@@ -863,10 +863,10 @@ function He({
     ), e?.(f, g);
   }, [e]);
   return /* @__PURE__ */ h.jsxs(
-    te,
+    ee,
     {
       sensors: v,
-      collisionDetection: se,
+      collisionDetection: te,
       onDragStart: u,
       onDragEnd: b,
       children: [
@@ -883,7 +883,7 @@ function He({
             f.id
           );
         }) }),
-        /* @__PURE__ */ h.jsx(ne, { children: o ? /* @__PURE__ */ h.jsx(W, { card: o }) : null })
+        /* @__PURE__ */ h.jsx(se, { children: o ? /* @__PURE__ */ h.jsx(W, { card: o }) : null })
       ]
     }
   );

package/dist/KanbanImpl-BfOKAnJS.js

@@ -0,0 +1,194 @@
+import { j as e } from "./index-CWGTi2xn.js";
+import * as h from "react";
+import { u as H, a as B, D as L, c as q, b as z, d as G, T as J, P as M, e as E, S as Q, v as U, C as V } from "./sortable.esm-CNNHgHk5.js";
+import { Badge as K, ScrollArea as W, Card as X, CardHeader as Y, CardTitle as Z, CardDescription as _, CardContent as ee } from "@object-ui/components";
+import { useHasDndProvider as se, useDnd as re } from "@object-ui/react";
+const R = (...s) => s.filter(Boolean).join(" ");
+function T({ card: s, onCardClick: i }) {
+  const {
+    attributes: x,
+    listeners: n,
+    setNodeRef: t,
+    transform: d,
+    transition: c,
+    isDragging: C
+  } = E({ id: s.id }), o = {
+    transform: V.Transform.toString(d),
+    transition: c,
+    opacity: C ? 0.5 : void 0
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: t,
+      style: o,
+      ...x,
+      ...n,
+      role: "listitem",
+      "aria-label": s.title,
+      onClick: () => i?.(s),
+      children: /* @__PURE__ */ e.jsxs(X, { className: "mb-2 cursor-grab active:cursor-grabbing border-border bg-card/60 hover:border-primary/40 hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group touch-manipulation", children: [
+        /* @__PURE__ */ e.jsxs(Y, { className: "p-2 sm:p-4", children: [
+          /* @__PURE__ */ e.jsx(Z, { className: "text-xs sm:text-sm font-medium font-mono tracking-tight text-foreground group-hover:text-primary transition-colors", children: s.title }),
+          s.description && /* @__PURE__ */ e.jsx(_, { className: "text-xs text-muted-foreground font-mono line-clamp-2 sm:line-clamp-none", children: s.description })
+        ] }),
+        s.badges && s.badges.length > 0 && /* @__PURE__ */ e.jsx(ee, { className: "p-2 sm:p-4 pt-0", children: /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: s.badges.map((b, S) => /* @__PURE__ */ e.jsx(K, { variant: b.variant || "default", className: "text-xs", children: b.label }, S)) }) })
+      ] })
+    }
+  );
+}
+function te({
+  column: s,
+  cards: i,
+  onCardClick: x
+}) {
+  const n = i || [], { setNodeRef: t } = E({
+    id: s.id,
+    data: {
+      type: "column"
+    }
+  }), d = s.limit && n.length >= s.limit;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: t,
+      role: "group",
+      "aria-label": s.title,
+      className: R(
+        "flex flex-col w-[85vw] sm:w-80 flex-shrink-0 rounded-lg border border-border bg-card/20 backdrop-blur-sm shadow-xl snap-start",
+        s.className
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "p-3 sm:p-4 border-b border-border/50 bg-muted/20", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ e.jsx("h3", { id: `kanban-col-${s.id}`, className: "font-mono text-xs sm:text-sm font-semibold tracking-wider text-primary/90 uppercase truncate", children: s.title }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e.jsxs("span", { className: "font-mono text-xs text-muted-foreground", "aria-label": `${n.length} cards${s.limit ? ` of ${s.limit} maximum` : ""}`, children: [
+              n.length,
+              s.limit && ` / ${s.limit}`
+            ] }),
+            d && /* @__PURE__ */ e.jsx(K, { variant: "destructive", className: "text-xs", children: "Full" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e.jsx(W, { className: "flex-1 p-4", children: /* @__PURE__ */ e.jsx(
+          Q,
+          {
+            items: n.map((c) => c.id),
+            strategy: U,
+            children: /* @__PURE__ */ e.jsx("div", { className: "space-y-2", role: "list", "aria-label": `${s.title} cards`, children: n.map((c) => /* @__PURE__ */ e.jsx(T, { card: c, onCardClick: x }, c.id)) })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ae({ children: s }) {
+  const i = re();
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: s(i) });
+}
+function le({ columns: s, onCardMove: i, onCardClick: x, className: n }) {
+  return se() ? /* @__PURE__ */ e.jsx(ae, { children: (d) => /* @__PURE__ */ e.jsx($, { columns: s, onCardMove: i, onCardClick: x, className: n, dnd: d }) }) : /* @__PURE__ */ e.jsx($, { columns: s, onCardMove: i, onCardClick: x, className: n, dnd: null });
+}
+function $({ columns: s, onCardMove: i, onCardClick: x, className: n, dnd: t }) {
+  const [d, c] = h.useState(null), C = h.useMemo(() => (s || []).map((r) => ({
+    ...r,
+    cards: r.cards || []
+  })), [s]), [o, b] = h.useState(C);
+  h.useEffect(() => {
+    b(C);
+  }, [C]);
+  const S = H(
+    B(M, {
+      activationConstraint: {
+        distance: 5
+      }
+    }),
+    B(J, {
+      activationConstraint: {
+        delay: 200,
+        tolerance: 5
+      }
+    })
+  ), O = (r) => {
+    const { active: m } = r, a = A(m.id);
+    if (c(a), t && a) {
+      const l = w(a.id);
+      l && t.startDrag({ id: a.id, type: "kanban-card", data: a, sourceId: l.id });
+    }
+  }, P = (r) => {
+    const { active: m, over: a } = r;
+    if (c(null), !a) {
+      t && t.endDrag();
+      return;
+    }
+    const l = m.id, v = a.id;
+    if (l === v) {
+      t && t.endDrag();
+      return;
+    }
+    const u = w(l), p = w(v) || F(v);
+    if (!u || !p) {
+      t && t.endDrag();
+      return;
+    }
+    if (u.id === p.id) {
+      const g = [...u.cards], j = g.findIndex((f) => f.id === l), I = g.findIndex((f) => f.id === v), k = G(g, j, I);
+      b(
+        (f) => f.map(
+          (D) => D.id === u.id ? { ...D, cards: k } : D
+        )
+      );
+    } else {
+      const g = [...u.cards], j = [...p.cards], I = g.findIndex((N) => N.id === l), f = v === p.id ? j.length : j.findIndex((N) => N.id === v), [D] = g.splice(I, 1);
+      j.splice(f, 0, D), b(
+        (N) => N.map((y) => y.id === u.id ? { ...y, cards: g } : y.id === p.id ? { ...y, cards: j } : y)
+      ), i && i(l, u.id, p.id, f);
+    }
+    t && t.endDrag(p.id);
+  }, A = h.useCallback(
+    (r) => {
+      for (const m of o) {
+        const a = m.cards.find((l) => l.id === r);
+        if (a) return a;
+      }
+      return null;
+    },
+    [o]
+  ), w = h.useCallback(
+    (r) => o.find((m) => m.cards.some((a) => a.id === r)) || null,
+    [o]
+  ), F = h.useCallback(
+    (r) => o.find((m) => m.id === r) || null,
+    [o]
+  );
+  return /* @__PURE__ */ e.jsxs(
+    L,
+    {
+      sensors: S,
+      collisionDetection: q,
+      onDragStart: O,
+      onDragEnd: P,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex sm:hidden items-center justify-between px-3 pb-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ e.jsxs("span", { children: [
+            o.length,
+            " columns"
+          ] }),
+          /* @__PURE__ */ e.jsx("span", { children: "← Swipe to navigate →" })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: R("flex gap-3 sm:gap-4 overflow-x-auto snap-x snap-mandatory p-2 sm:p-4 [-webkit-overflow-scrolling:touch]", n), role: "region", "aria-label": "Kanban board", children: o.map((r) => /* @__PURE__ */ e.jsx(
+          te,
+          {
+            column: r,
+            cards: r.cards,
+            onCardClick: x
+          },
+          r.id
+        )) }),
+        /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsx("div", { "aria-live": "assertive", "aria-label": d ? `Dragging ${d.title}` : void 0, children: d ? /* @__PURE__ */ e.jsx(T, { card: d }) : null }) })
+      ]
+    }
+  );
+}
+export {
+  le as default
+};