@btst/stack 2.0.1 → 2.2.0

package/dist/packages/stack/src/plugins/kanban/api/getters.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+async function hydrateColumnsWithTasks(adapter, board) {
+  const columnIds = (board.column || []).map((c) => c.id);
+  const tasksByColumn = /* @__PURE__ */ new Map();
+  if (columnIds.length > 0) {
+    const taskResults = await Promise.all(
+      columnIds.map(
+        (columnId) => adapter.findMany({
+          model: "kanbanTask",
+          where: [
+            { field: "columnId", value: columnId, operator: "eq" }
+          ],
+          sortBy: { field: "order", direction: "asc" }
+        })
+      )
+    );
+    for (let i = 0; i < columnIds.length; i++) {
+      const columnId = columnIds[i];
+      const tasks = taskResults[i];
+      if (columnId && tasks) {
+        tasksByColumn.set(columnId, tasks);
+      }
+    }
+  }
+  const columns = (board.column || []).sort((a, b) => a.order - b.order).map((col) => ({ ...col, tasks: tasksByColumn.get(col.id) || [] }));
+  const { column: _, ...boardWithoutJoin } = board;
+  return { ...boardWithoutJoin, columns };
+}
+async function getAllBoards(adapter, params) {
+  const query = params ?? {};
+  const whereConditions = [];
+  if (query.slug) {
+    whereConditions.push({
+      field: "slug",
+      value: query.slug,
+      operator: "eq"
+    });
+  }
+  if (query.ownerId) {
+    whereConditions.push({
+      field: "ownerId",
+      value: query.ownerId,
+      operator: "eq"
+    });
+  }
+  if (query.organizationId) {
+    whereConditions.push({
+      field: "organizationId",
+      value: query.organizationId,
+      operator: "eq"
+    });
+  }
+  const where = whereConditions.length > 0 ? whereConditions : void 0;
+  const [boards, total] = await Promise.all([
+    adapter.findMany({
+      model: "kanbanBoard",
+      limit: query.limit ?? 50,
+      offset: query.offset ?? 0,
+      where,
+      sortBy: { field: "createdAt", direction: "desc" },
+      join: { kanbanColumn: true }
+    }),
+    adapter.count({ model: "kanbanBoard", where })
+  ]);
+  const items = await Promise.all(
+    boards.map((board) => hydrateColumnsWithTasks(adapter, board))
+  );
+  return { items, total, limit: query.limit, offset: query.offset };
+}
+async function getBoardById(adapter, id) {
+  const board = await adapter.findOne({
+    model: "kanbanBoard",
+    where: [{ field: "id", value: id, operator: "eq" }],
+    join: { kanbanColumn: true }
+  });
+  if (!board) {
+    return null;
+  }
+  return hydrateColumnsWithTasks(adapter, board);
+}
+
+exports.getAllBoards = getAllBoards;
+exports.getBoardById = getBoardById;

package/dist/packages/stack/src/plugins/kanban/api/getters.mjs

@@ -0,0 +1,81 @@
+async function hydrateColumnsWithTasks(adapter, board) {
+  const columnIds = (board.column || []).map((c) => c.id);
+  const tasksByColumn = /* @__PURE__ */ new Map();
+  if (columnIds.length > 0) {
+    const taskResults = await Promise.all(
+      columnIds.map(
+        (columnId) => adapter.findMany({
+          model: "kanbanTask",
+          where: [
+            { field: "columnId", value: columnId, operator: "eq" }
+          ],
+          sortBy: { field: "order", direction: "asc" }
+        })
+      )
+    );
+    for (let i = 0; i < columnIds.length; i++) {
+      const columnId = columnIds[i];
+      const tasks = taskResults[i];
+      if (columnId && tasks) {
+        tasksByColumn.set(columnId, tasks);
+      }
+    }
+  }
+  const columns = (board.column || []).sort((a, b) => a.order - b.order).map((col) => ({ ...col, tasks: tasksByColumn.get(col.id) || [] }));
+  const { column: _, ...boardWithoutJoin } = board;
+  return { ...boardWithoutJoin, columns };
+}
+async function getAllBoards(adapter, params) {
+  const query = params ?? {};
+  const whereConditions = [];
+  if (query.slug) {
+    whereConditions.push({
+      field: "slug",
+      value: query.slug,
+      operator: "eq"
+    });
+  }
+  if (query.ownerId) {
+    whereConditions.push({
+      field: "ownerId",
+      value: query.ownerId,
+      operator: "eq"
+    });
+  }
+  if (query.organizationId) {
+    whereConditions.push({
+      field: "organizationId",
+      value: query.organizationId,
+      operator: "eq"
+    });
+  }
+  const where = whereConditions.length > 0 ? whereConditions : void 0;
+  const [boards, total] = await Promise.all([
+    adapter.findMany({
+      model: "kanbanBoard",
+      limit: query.limit ?? 50,
+      offset: query.offset ?? 0,
+      where,
+      sortBy: { field: "createdAt", direction: "desc" },
+      join: { kanbanColumn: true }
+    }),
+    adapter.count({ model: "kanbanBoard", where })
+  ]);
+  const items = await Promise.all(
+    boards.map((board) => hydrateColumnsWithTasks(adapter, board))
+  );
+  return { items, total, limit: query.limit, offset: query.offset };
+}
+async function getBoardById(adapter, id) {
+  const board = await adapter.findOne({
+    model: "kanbanBoard",
+    where: [{ field: "id", value: id, operator: "eq" }],
+    join: { kanbanColumn: true }
+  });
+  if (!board) {
+    return null;
+  }
+  return hydrateColumnsWithTasks(adapter, board);
+}
+
+export { getAllBoards, getBoardById };

package/dist/packages/stack/src/plugins/kanban/api/plugin.cjs

@@ -4,10 +4,15 @@ const api = require('@btst/stack/plugins/api');
 const db = require('../db.cjs');
 const utils = require('../utils.cjs');
 const schemas = require('../schemas.cjs');
+const getters = require('./getters.cjs');
 
 const kanbanBackendPlugin = (hooks) => api.defineBackendPlugin({
   name: "kanban",
   dbPlugin: db.kanbanSchema,
+  api: (adapter) => ({
+    getAllBoards: (params) => getters.getAllBoards(adapter, params),
+    getBoardById: (id) => getters.getBoardById(adapter, id)
+  }),
   routes: (adapter) => {
     const listBoards = api.createEndpoint(
       "/boards",
@@ -27,86 +32,9 @@ const kanbanBackendPlugin = (hooks) => api.defineBackendPlugin({
               });
             }
           }
-          const whereConditions = [];
-          if (query.slug) {
-            whereConditions.push({
-              field: "slug",
-              value: query.slug,
-              operator: "eq"
-            });
-          }
-          if (query.ownerId) {
-            whereConditions.push({
-              field: "ownerId",
-              value: query.ownerId,
-              operator: "eq"
-            });
-          }
-          if (query.organizationId) {
-            whereConditions.push({
-              field: "organizationId",
-              value: query.organizationId,
-              operator: "eq"
-            });
-          }
-          const boards = await adapter.findMany({
-            model: "kanbanBoard",
-            limit: query.limit ?? 50,
-            offset: query.offset ?? 0,
-            where: whereConditions,
-            sortBy: {
-              field: "createdAt",
-              direction: "desc"
-            },
-            join: {
-              kanbanColumn: true
-            }
-          });
-          const columnIds = [];
-          for (const board of boards) {
-            if (board.column) {
-              for (const col of board.column) {
-                columnIds.push(col.id);
-              }
-            }
-          }
-          const tasksByColumn = /* @__PURE__ */ new Map();
-          if (columnIds.length > 0) {
-            const taskQueries = columnIds.map(
-              (columnId) => adapter.findMany({
-                model: "kanbanTask",
-                where: [
-                  {
-                    field: "columnId",
-                    value: columnId,
-                    operator: "eq"
-                  }
-                ],
-                sortBy: { field: "order", direction: "asc" }
-              })
-            );
-            const taskResults = await Promise.all(taskQueries);
-            for (let i = 0; i < columnIds.length; i++) {
-              const columnId = columnIds[i];
-              const tasks = taskResults[i];
-              if (columnId && tasks) {
-                tasksByColumn.set(columnId, tasks);
-              }
-            }
-          }
-          const result = boards.map((board) => {
-            const columns = (board.column || []).sort((a, b) => a.order - b.order).map((col) => ({
-              ...col,
-              tasks: tasksByColumn.get(col.id) || []
-            }));
-            const { column: _, ...boardWithoutJoin } = board;
-            return {
-              ...boardWithoutJoin,
-              columns
-            };
-          });
+          const result = await getters.getAllBoards(adapter, query);
           if (hooks?.onBoardsRead) {
-            await hooks.onBoardsRead(result, query, context);
+            await hooks.onBoardsRead(result.items, query, context);
           }
           return result;
         } catch (error) {
@@ -134,52 +62,10 @@ const kanbanBackendPlugin = (hooks) => api.defineBackendPlugin({
               });
             }
           }
-          const board = await adapter.findOne({
-            model: "kanbanBoard",
-            where: [
-              { field: "id", value: params.id, operator: "eq" }
-            ],
-            join: {
-              kanbanColumn: true
-            }
-          });
-          if (!board) {
+          const result = await getters.getBoardById(adapter, params.id);
+          if (!result) {
             throw ctx.error(404, { message: "Board not found" });
           }
-          const columnIds = (board.column || []).map((c) => c.id);
-          const tasksByColumn = /* @__PURE__ */ new Map();
-          if (columnIds.length > 0) {
-            const taskQueries = columnIds.map(
-              (columnId) => adapter.findMany({
-                model: "kanbanTask",
-                where: [
-                  {
-                    field: "columnId",
-                    value: columnId,
-                    operator: "eq"
-                  }
-                ],
-                sortBy: { field: "order", direction: "asc" }
-              })
-            );
-            const taskResults = await Promise.all(taskQueries);
-            for (let i = 0; i < columnIds.length; i++) {
-              const columnId = columnIds[i];
-              const tasks = taskResults[i];
-              if (columnId && tasks) {
-                tasksByColumn.set(columnId, tasks);
-              }
-            }
-          }
-          const columns = (board.column || []).sort((a, b) => a.order - b.order).map((col) => ({
-            ...col,
-            tasks: tasksByColumn.get(col.id) || []
-          }));
-          const { column: _, ...boardWithoutJoin } = board;
-          const result = {
-            ...boardWithoutJoin,
-            columns
-          };
           if (hooks?.onBoardRead) {
             await hooks.onBoardRead(result, context);
           }

package/dist/packages/stack/src/plugins/kanban/api/plugin.mjs

@@ -2,10 +2,15 @@ import { defineBackendPlugin, createEndpoint } from '@btst/stack/plugins/api';
 import { kanbanSchema } from '../db.mjs';
 import { slugify } from '../utils.mjs';
 import { BoardListQuerySchema, createBoardSchema, updateBoardSchema, createColumnSchema, updateColumnSchema, reorderColumnsSchema, createTaskSchema, updateTaskSchema, moveTaskSchema, reorderTasksSchema } from '../schemas.mjs';
+import { getBoardById, getAllBoards } from './getters.mjs';
 
 const kanbanBackendPlugin = (hooks) => defineBackendPlugin({
   name: "kanban",
   dbPlugin: kanbanSchema,
+  api: (adapter) => ({
+    getAllBoards: (params) => getAllBoards(adapter, params),
+    getBoardById: (id) => getBoardById(adapter, id)
+  }),
   routes: (adapter) => {
     const listBoards = createEndpoint(
       "/boards",
@@ -25,86 +30,9 @@ const kanbanBackendPlugin = (hooks) => defineBackendPlugin({
               });
             }
           }
-          const whereConditions = [];
-          if (query.slug) {
-            whereConditions.push({
-              field: "slug",
-              value: query.slug,
-              operator: "eq"
-            });
-          }
-          if (query.ownerId) {
-            whereConditions.push({
-              field: "ownerId",
-              value: query.ownerId,
-              operator: "eq"
-            });
-          }
-          if (query.organizationId) {
-            whereConditions.push({
-              field: "organizationId",
-              value: query.organizationId,
-              operator: "eq"
-            });
-          }
-          const boards = await adapter.findMany({
-            model: "kanbanBoard",
-            limit: query.limit ?? 50,
-            offset: query.offset ?? 0,
-            where: whereConditions,
-            sortBy: {
-              field: "createdAt",
-              direction: "desc"
-            },
-            join: {
-              kanbanColumn: true
-            }
-          });
-          const columnIds = [];
-          for (const board of boards) {
-            if (board.column) {
-              for (const col of board.column) {
-                columnIds.push(col.id);
-              }
-            }
-          }
-          const tasksByColumn = /* @__PURE__ */ new Map();
-          if (columnIds.length > 0) {
-            const taskQueries = columnIds.map(
-              (columnId) => adapter.findMany({
-                model: "kanbanTask",
-                where: [
-                  {
-                    field: "columnId",
-                    value: columnId,
-                    operator: "eq"
-                  }
-                ],
-                sortBy: { field: "order", direction: "asc" }
-              })
-            );
-            const taskResults = await Promise.all(taskQueries);
-            for (let i = 0; i < columnIds.length; i++) {
-              const columnId = columnIds[i];
-              const tasks = taskResults[i];
-              if (columnId && tasks) {
-                tasksByColumn.set(columnId, tasks);
-              }
-            }
-          }
-          const result = boards.map((board) => {
-            const columns = (board.column || []).sort((a, b) => a.order - b.order).map((col) => ({
-              ...col,
-              tasks: tasksByColumn.get(col.id) || []
-            }));
-            const { column: _, ...boardWithoutJoin } = board;
-            return {
-              ...boardWithoutJoin,
-              columns
-            };
-          });
+          const result = await getAllBoards(adapter, query);
           if (hooks?.onBoardsRead) {
-            await hooks.onBoardsRead(result, query, context);
+            await hooks.onBoardsRead(result.items, query, context);
           }
           return result;
         } catch (error) {
@@ -132,52 +60,10 @@ const kanbanBackendPlugin = (hooks) => defineBackendPlugin({
               });
             }
           }
-          const board = await adapter.findOne({
-            model: "kanbanBoard",
-            where: [
-              { field: "id", value: params.id, operator: "eq" }
-            ],
-            join: {
-              kanbanColumn: true
-            }
-          });
-          if (!board) {
+          const result = await getBoardById(adapter, params.id);
+          if (!result) {
             throw ctx.error(404, { message: "Board not found" });
           }
-          const columnIds = (board.column || []).map((c) => c.id);
-          const tasksByColumn = /* @__PURE__ */ new Map();
-          if (columnIds.length > 0) {
-            const taskQueries = columnIds.map(
-              (columnId) => adapter.findMany({
-                model: "kanbanTask",
-                where: [
-                  {
-                    field: "columnId",
-                    value: columnId,
-                    operator: "eq"
-                  }
-                ],
-                sortBy: { field: "order", direction: "asc" }
-              })
-            );
-            const taskResults = await Promise.all(taskQueries);
-            for (let i = 0; i < columnIds.length; i++) {
-              const columnId = columnIds[i];
-              const tasks = taskResults[i];
-              if (columnId && tasks) {
-                tasksByColumn.set(columnId, tasks);
-              }
-            }
-          }
-          const columns = (board.column || []).sort((a, b) => a.order - b.order).map((col) => ({
-            ...col,
-            tasks: tasksByColumn.get(col.id) || []
-          }));
-          const { column: _, ...boardWithoutJoin } = board;
-          const result = {
-            ...boardWithoutJoin,
-            columns
-          };
           if (hooks?.onBoardRead) {
             await hooks.onBoardRead(result, context);
           }

package/dist/packages/stack/src/plugins/kanban/client/plugin.cjs

@@ -266,7 +266,7 @@ const kanbanClientPlugin = (config) => client.defineClientPlugin({
         method: "GET",
         query: { limit: 100 }
       });
-      boards = res.data ?? [];
+      boards = res.data?.items ?? [];
     } catch {
     }
     const entries = [

package/dist/packages/stack/src/plugins/kanban/client/plugin.mjs

@@ -264,7 +264,7 @@ const kanbanClientPlugin = (config) => defineClientPlugin({
         method: "GET",
         query: { limit: 100 }
       });
-      boards = res.data ?? [];
+      boards = res.data?.items ?? [];
     } catch {
     }
     const entries = [

package/dist/packages/ui/src/components/calendar.cjs

@@ -6,8 +6,8 @@ const React = require('react');
 const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
-const getDefaultClassNames = require('../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.cjs');
-const DayPicker = require('../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
+const getDefaultClassNames = require('../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.cjs');
+const DayPicker = require('../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.0/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
 
 function _interopNamespaceCompat(e) {
   if (e && typeof e === 'object' && 'default' in e) return e;

package/dist/packages/ui/src/components/calendar.mjs

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from 'lucide-react';
 import { cn } from '../lib/utils.mjs';
 import { buttonVariants, Button } from './button.mjs';
-import { getDefaultClassNames } from '../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.mjs';
-import { DayPicker } from '../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/DayPicker.mjs';
+import { getDefaultClassNames } from '../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.mjs';
+import { DayPicker } from '../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.0/node_modules/react-day-picker/dist/esm/DayPicker.mjs';
 
 function Calendar({
   className,

package/dist/packages/ui/src/components/sonner.cjs

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const LucideIcons = require('lucide-react');
+const index = require('../../../../node_modules/.pnpm/next-themes@0.4.6_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next-themes/dist/index.cjs');
+const sonner = require('sonner');
+
+const Toaster = ({ ...props }) => {
+  const { theme = "system" } = index.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      ...props
+    }
+  );
+};
+
+exports.Toaster = Toaster;

package/dist/packages/ui/src/components/sonner.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
+import { useTheme as z } from '../../../../node_modules/.pnpm/next-themes@0.4.6_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next-themes/dist/index.mjs';
+import { Toaster as Toaster$1 } from 'sonner';
+
+const Toaster = ({ ...props }) => {
+  const { theme = "system" } = z();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      ...props
+    }
+  );
+};
+
+export { Toaster };

package/dist/packages/ui/src/components/ui-builder/components/code-panel.cjs

@@ -12,6 +12,7 @@ const label = require('../../label.cjs');
 
 function CodePanel({ className }) {
   const componentRegistry = editorStore.useEditorStore((state) => state.registry);
+  const functionRegistry = editorStore.useEditorStore((state) => state.functionRegistry);
   const selectedPageId = layerStore.useLayerStore((state) => state.selectedPageId);
   const findLayerById = layerStore.useLayerStore((state) => state.findLayerById);
   const variables = layerStore.useLayerStore((state) => state.variables);
@@ -24,7 +25,7 @@ function CodePanel({ className }) {
       defaultValue: v.defaultValue
     }));
     return {
-      react: templates.pageLayerToCode(page, componentRegistry, variables),
+      react: templates.pageLayerToCode(page, componentRegistry, variables, functionRegistry),
       variables: JSON.stringify(
         serializedVariables,
         (key, value) => typeof value === "function" ? void 0 : value,
@@ -36,7 +37,7 @@ function CodePanel({ className }) {
         2
       )
     };
-  }, [page, componentRegistry, variables]);
+  }, [page, componentRegistry, variables, functionRegistry]);
   return /* @__PURE__ */ jsxRuntime.jsx(CodeContent, { codeBlocks, className });
 }
 const CodeContent = ({

package/dist/packages/ui/src/components/ui-builder/components/code-panel.mjs

@@ -10,6 +10,7 @@ import { Label } from '../../label.mjs';
 
 function CodePanel({ className }) {
   const componentRegistry = useEditorStore((state) => state.registry);
+  const functionRegistry = useEditorStore((state) => state.functionRegistry);
   const selectedPageId = useLayerStore((state) => state.selectedPageId);
   const findLayerById = useLayerStore((state) => state.findLayerById);
   const variables = useLayerStore((state) => state.variables);
@@ -22,7 +23,7 @@ function CodePanel({ className }) {
       defaultValue: v.defaultValue
     }));
     return {
-      react: pageLayerToCode(page, componentRegistry, variables),
+      react: pageLayerToCode(page, componentRegistry, variables, functionRegistry),
       variables: JSON.stringify(
         serializedVariables,
         (key, value) => typeof value === "function" ? void 0 : value,
@@ -34,7 +35,7 @@ function CodePanel({ className }) {
         2
       )
     };
-  }, [page, componentRegistry, variables]);
+  }, [page, componentRegistry, variables, functionRegistry]);
   return /* @__PURE__ */ jsx(CodeContent, { codeBlocks, className });
 }
 const CodeContent = ({