@emberai-engg/task-board 0.3.1 → 0.3.2

package/dist/index.mjs

@@ -58,6 +58,11 @@ function createTaskBoardService(apiClient, basePath = "/api/v1/taskboard") {
     async deleteComment(taskId, commentId) {
       await apiClient.delete(`${basePath}/tasks/${taskId}/comments/${commentId}`);
     },
+    // ─── Projects ───
+    async listProjects() {
+      const { data } = await apiClient.get(`${basePath}/projects`);
+      return data;
+    },
     // ─── Mentions ───
     async searchMentionUsers(query) {
       const { data } = await apiClient.get(
@@ -179,69 +184,25 @@ function TaskBoardProvider({
 }
 
 // src/hooks/useTaskBoard.ts
-import { useState, useEffect, useCallback, useMemo as useMemo2, useRef } from "react";
-
-// src/utils/helpers.ts
-function getPriorityStyle(priority) {
-  return DEFAULT_PRIORITIES.find((p) => p.value === priority) ?? DEFAULT_PRIORITIES[2];
-}
-function getTagStyle(tag) {
-  const predefined = PREDEFINED_TAGS.find((t) => t.value === tag);
-  if (predefined) return predefined;
-  const label = tag.charAt(0).toUpperCase() + tag.slice(1).replace(/-/g, " ");
-  return { value: tag, label, className: "bg-neutral-100 text-neutral-500 border-neutral-200" };
-}
-function getInitials(name) {
-  return name.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2);
-}
-function parseDate(dateStr) {
-  if (!dateStr) return /* @__PURE__ */ new Date();
-  const d = new Date(dateStr);
-  if (isNaN(d.getTime()) && !dateStr.endsWith("Z") && !dateStr.includes("+")) {
-    return /* @__PURE__ */ new Date(dateStr + "Z");
-  }
-  return d;
-}
-function formatDate(dateStr) {
-  if (!dateStr) return "";
-  const d = parseDate(dateStr);
-  return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
-}
-function formatDateTime(dateStr) {
-  if (!dateStr) return "";
-  const d = parseDate(dateStr);
-  return d.toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-function getDescriptionPreview(desc) {
-  if (!desc) return "";
-  if (typeof desc === "string") return desc;
-  for (const section of DESCRIPTION_SECTIONS) {
-    if (desc[section.key]?.trim()) return desc[section.key].trim();
-  }
-  return "";
-}
-function hasDescription(desc) {
-  if (!desc) return false;
-  if (typeof desc === "string") return desc.trim().length > 0;
-  return DESCRIPTION_SECTIONS.some((s) => desc[s.key]?.trim());
-}
-function getUserProjects(apps, allProjects) {
-  if (apps.includes("all")) return allProjects;
-  return allProjects.filter((p) => apps.includes(p.slug));
-}
-
-// src/hooks/useTaskBoard.ts
+import { useState, useEffect, useCallback, useRef } from "react";
 function useTaskBoard() {
   const { service, user, projects: configProjects, columns, config } = useTaskBoardContext();
-  const projects = useMemo2(
-    () => configProjects.length > 0 ? configProjects : getUserProjects(user.apps, []),
-    [configProjects, user.apps]
-  );
+  const [fetchedProjects, setFetchedProjects] = useState([]);
+  useEffect(() => {
+    if (configProjects.length > 0) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const data = await service.listProjects();
+        if (!cancelled) setFetchedProjects(data);
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [configProjects, service]);
+  const projects = configProjects.length > 0 ? configProjects : fetchedProjects;
   const [selectedProject, setSelectedProject] = useState("");
   const [tasks, setTasks] = useState({});
   const [columnTotals, setColumnTotals] = useState({});
@@ -464,6 +425,60 @@ import { Droppable } from "@hello-pangea/dnd";
 import { memo } from "react";
 import { Draggable } from "@hello-pangea/dnd";
 
+// src/utils/helpers.ts
+function getPriorityStyle(priority) {
+  return DEFAULT_PRIORITIES.find((p) => p.value === priority) ?? DEFAULT_PRIORITIES[2];
+}
+function getTagStyle(tag) {
+  const predefined = PREDEFINED_TAGS.find((t) => t.value === tag);
+  if (predefined) return predefined;
+  const label = tag.charAt(0).toUpperCase() + tag.slice(1).replace(/-/g, " ");
+  return { value: tag, label, className: "bg-neutral-100 text-neutral-500 border-neutral-200" };
+}
+function getInitials(name) {
+  return name.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2);
+}
+function parseDate(dateStr) {
+  if (!dateStr) return /* @__PURE__ */ new Date();
+  const d = new Date(dateStr);
+  if (isNaN(d.getTime()) && !dateStr.endsWith("Z") && !dateStr.includes("+")) {
+    return /* @__PURE__ */ new Date(dateStr + "Z");
+  }
+  return d;
+}
+function formatDate(dateStr) {
+  if (!dateStr) return "";
+  const d = parseDate(dateStr);
+  return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+function formatDateTime(dateStr) {
+  if (!dateStr) return "";
+  const d = parseDate(dateStr);
+  return d.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function getDescriptionPreview(desc) {
+  if (!desc) return "";
+  if (typeof desc === "string") return desc;
+  for (const section of DESCRIPTION_SECTIONS) {
+    if (desc[section.key]?.trim()) return desc[section.key].trim();
+  }
+  return "";
+}
+function hasDescription(desc) {
+  if (!desc) return false;
+  if (typeof desc === "string") return desc.trim().length > 0;
+  return DESCRIPTION_SECTIONS.some((s) => desc[s.key]?.trim());
+}
+function getUserProjects(apps, allProjects) {
+  if (apps.includes("all")) return allProjects;
+  return allProjects.filter((p) => apps.includes(p.slug));
+}
+
 // src/components/PriorityBadge.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 function PriorityBadge({ priority, size = "sm" }) {