@rightkit/workspace-ui 0.0.0-stage → 0.1.0

package/dist/views/TasksView.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Tasks view (Google Tasks). Extracted from App.tsx (M5) — a prop-less,
+// memoized component that reads its state from the store and owns its handlers
+// + load-on-mount, so it re-renders only when its own slices change.
+import { memo, useEffect } from "react";
+import Icon from "@rightkit/mail-ui/components/Icons";
+import { Button, IconButton, SkeletonRows, Input, Select, Checkbox } from "@rightkit/react-shell/react";
+import { useAppStore } from "@rightkit/mail-ui/store/index";
+import { showDialog } from "@rightkit/mail-ui/hooks/dialog";
+import { listTasks, listTaskLists, createTaskList, renameTaskList, deleteTaskList, clearCompletedTasks, setTaskStatus, createTaskIn, deleteTask, } from "@rightkit/mail-ui/lib/ipc";
+function TasksViewInner() {
+    const activeAccount = useAppStore((s) => s.activeAccount);
+    const setErr = useAppStore((s) => s.setErr);
+    const showUndo = useAppStore((s) => s.showUndo);
+    const gtasks = useAppStore((s) => s.gtasks);
+    const setGtasks = useAppStore((s) => s.setGtasks);
+    const taskLists = useAppStore((s) => s.taskLists);
+    const setTaskLists = useAppStore((s) => s.setTaskLists);
+    const taskListId = useAppStore((s) => s.taskListId);
+    const setTaskListId = useAppStore((s) => s.setTaskListId);
+    const taskDue = useAppStore((s) => s.taskDue);
+    const setTaskDue = useAppStore((s) => s.setTaskDue);
+    const showCompletedTasks = useAppStore((s) => s.showCompletedTasks);
+    const setShowCompletedTasks = useAppStore((s) => s.setShowCompletedTasks);
+    const listMgrOpen = useAppStore((s) => s.listMgrOpen);
+    const setListMgrOpen = useAppStore((s) => s.setListMgrOpen);
+    const taskFormOpen = useAppStore((s) => s.taskFormOpen);
+    const setTaskFormOpen = useAppStore((s) => s.setTaskFormOpen);
+    const taskCreate = useAppStore((s) => s.taskCreate);
+    const setTaskCreate = useAppStore((s) => s.setTaskCreate);
+    const tasksBusy = useAppStore((s) => s.tasksBusy);
+    const setTasksBusy = useAppStore((s) => s.setTasksBusy);
+    async function reloadTasks(showCompleted = showCompletedTasks) {
+        if (!activeAccount)
+            return;
+        try {
+            setGtasks(await listTasks(activeAccount, showCompleted));
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+    }
+    /** Create / rename / delete task lists (Tasks list manager). */
+    async function newTaskList() {
+        if (!activeAccount)
+            return;
+        const title = await showDialog({ kind: "prompt", message: "New list name" });
+        if (!title || !title.trim())
+            return;
+        try {
+            await createTaskList(activeAccount, title.trim());
+            setTaskLists(await listTaskLists(activeAccount));
+            showUndo("List created", [], "");
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+    }
+    async function renameTaskListRow(l) {
+        if (!activeAccount)
+            return;
+        const title = await showDialog({ kind: "prompt", message: "Rename list", initial: l.title });
+        if (!title || !title.trim() || title.trim() === l.title)
+            return;
+        try {
+            await renameTaskList(activeAccount, l.id, title.trim());
+            setTaskLists(await listTaskLists(activeAccount));
+            reloadTasks();
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+    }
+    async function deleteTaskListRow(l) {
+        if (!activeAccount)
+            return;
+        if ((await showDialog({ kind: "confirm", message: `Delete the list "${l.title}" and all its tasks? This cannot be undone.` })) !== "ok")
+            return;
+        try {
+            await deleteTaskList(activeAccount, l.id);
+            setTaskLists(await listTaskLists(activeAccount));
+            reloadTasks();
+            showUndo("List deleted", [], "");
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+    }
+    async function clearCompletedRow(l) {
+        if (!activeAccount)
+            return;
+        try {
+            await clearCompletedTasks(activeAccount, l.id);
+            reloadTasks();
+            showUndo(`Cleared completed in ${l.title}`, [], "");
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+    }
+    function toggleTask(t) {
+        if (!activeAccount)
+            return;
+        const done = t.status === "completed";
+        setGtasks((prev) => prev.map((x) => (x.id === t.id ? { ...x, status: done ? "needsAction" : "completed" } : x)));
+        setTaskStatus(activeAccount, t.list_id, t.id, !done).catch((e) => setErr(String(e)));
+    }
+    function deleteTaskRow(t) {
+        if (!activeAccount)
+            return;
+        deleteTask(activeAccount, t.list_id, t.id)
+            .then(() => setGtasks((prev) => prev.filter((x) => x.id !== t.id)))
+            .catch((e) => setErr(String(e)));
+    }
+    async function submitTask() {
+        if (!activeAccount || !taskCreate.title.trim()) {
+            setErr("Task needs a title.");
+            return;
+        }
+        const list = taskListId || taskLists[0]?.id || "@default";
+        const due = taskDue ? new Date(taskDue).toISOString() : "";
+        try {
+            await createTaskIn(activeAccount, list, taskCreate.title, taskCreate.notes, due);
+            setTaskFormOpen(false);
+            setTaskCreate({ title: "", notes: "" });
+            setTaskDue("");
+            await reloadTasks();
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+    }
+    // Load lists + tasks on mount / account change (was the `view === "tasks"`
+    // branch of App's workspace effect).
+    useEffect(() => {
+        setTaskFormOpen(false);
+        if (!activeAccount)
+            return;
+        setTasksBusy(true);
+        listTaskLists(activeAccount).then(setTaskLists).catch(() => { });
+        listTasks(activeAccount)
+            .then(setGtasks)
+            .catch((e) => setErr(String(e)))
+            .finally(() => setTasksBusy(false));
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- setTaskFormOpen/setTasksBusy/setGtasks/setErr are store setters with unstable identity; tracking them would reload task lists on every render instead of only on account change.
+    }, [activeAccount]);
+    return (_jsxs("div", { className: "ws-panel", children: [_jsxs("div", { className: "ws-head", children: [_jsx("h2", { children: "Tasks" }), _jsx("div", { className: "ws-inline-toggle", title: "Include completed tasks", children: _jsx(Checkbox, { label: "Show completed", checked: showCompletedTasks, onChange: (on) => {
+                                setShowCompletedTasks(on);
+                                reloadTasks(on);
+                            } }) }), _jsx(Button, { variant: "secondary", size: "sm", onClick: () => setListMgrOpen((o) => !o), children: "Lists" }), _jsx(Button, { variant: "secondary", size: "sm", onClick: () => {
+                            setTaskCreate({ title: "", notes: "" });
+                            setTaskDue("");
+                            setTaskFormOpen((o) => !o);
+                        }, children: "+ New task" })] }), listMgrOpen && (_jsxs("div", { className: "ws-form list-mgr", children: [_jsxs("div", { className: "list-mgr-head", children: [_jsx("span", { children: "Task lists" }), _jsx(Button, { variant: "primary", size: "sm", onClick: newTaskList, children: "+ New list" })] }), taskLists.map((l) => (_jsxs("div", { className: "list-mgr-row", children: [_jsx("span", { className: "ws-title", children: l.title }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => clearCompletedRow(l), children: "Clear completed" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => renameTaskListRow(l), children: "Rename" }), _jsx(Button, { variant: "danger", size: "sm", onClick: () => deleteTaskListRow(l), children: "Delete" })] }, l.id))), taskLists.length === 0 && _jsx("p", { className: "hint", children: "No lists yet." })] })), taskFormOpen && (_jsxs("div", { className: "ws-form", children: [_jsx(Input, { placeholder: "Task title", value: taskCreate.title, onChange: (e) => setTaskCreate({ ...taskCreate, title: e.target.value }) }), _jsx("textarea", { placeholder: "Notes (optional)", value: taskCreate.notes, onChange: (e) => setTaskCreate({ ...taskCreate, notes: e.target.value }) }), _jsxs("label", { className: "ws-form-row", children: [_jsx("span", { children: "Due" }), _jsx(Input, { type: "date", value: taskDue, onChange: (e) => setTaskDue(e.target.value) })] }), taskLists.length > 1 && (_jsx(Select, { label: "Task list", value: taskListId || taskLists[0]?.id || "", options: taskLists.map((l) => ({ value: l.id, label: l.title })), onChange: setTaskListId })), _jsxs("div", { className: "ws-form-foot", children: [_jsx(Button, { variant: "primary", onClick: submitTask, children: "Create" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setTaskFormOpen(false), children: "Cancel" })] })] })), tasksBusy ? (_jsx(SkeletonRows, {})) : gtasks.length === 0 ? (_jsx("p", { className: "hint", children: "No open tasks." })) : (_jsx("div", { className: "ws-list", children: gtasks.map((t) => (_jsxs("div", { className: "ws-row task-row", children: [_jsx(Checkbox, { label: _jsx("span", { className: "sr-only", children: "Complete" }), checked: t.status === "completed", onChange: () => toggleTask(t) }), _jsx("span", { className: `ws-title ${t.status === "completed" ? "task-done" : ""}`, children: t.title || "(untitled)" }), _jsxs("span", { className: "ws-sub", children: [t.list_title, t.due ? ` · due ${t.due.slice(0, 10)}` : ""] }), _jsx(IconButton, { label: "Delete task", onClick: () => deleteTaskRow(t), children: _jsx(Icon, { name: "trash", size: 14 }) })] }, t.id))) }))] }));
+}
+export const TasksView = memo(TasksViewInner);

package/dist/views/driveFileGlyph.d.ts

@@ -0,0 +1,6 @@
+import type { DriveFile } from "@rightkit/mail-ui/lib/ipc";
+/** File-type to recognizable glyph plus Google's semantic color, or null for themed. */
+export declare function fileGlyph(f: DriveFile): {
+    icon: string;
+    color: string | null;
+};

package/dist/views/driveFileGlyph.js

@@ -0,0 +1,19 @@
+/** File-type to recognizable glyph plus Google's semantic color, or null for themed. */
+export function fileGlyph(f) {
+    if (f.is_folder)
+        return { icon: "folder", color: null };
+    const m = f.mime_type;
+    if (m.includes("application/vnd.google-apps.document"))
+        return { icon: "doc", color: "#4285F4" };
+    if (m.includes("spreadsheet"))
+        return { icon: "doc", color: "#0F9D58" };
+    if (m.includes("presentation"))
+        return { icon: "doc", color: "#F4B400" };
+    if (m === "application/pdf")
+        return { icon: "doc", color: "#DB4437" };
+    if (m.startsWith("image/"))
+        return { icon: "image", color: null };
+    if (m.startsWith("video/"))
+        return { icon: "video", color: null };
+    return { icon: "draft", color: null };
+}

package/package.json

@@ -1,6 +1,59 @@
 {
   "name": "@rightkit/workspace-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "Calendar, contacts, drive, tasks and meeting views for workspace-style apps.",
+  "license": "MIT OR Apache-2.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE-MIT",
+    "LICENSE-APACHE"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "@rightkit/mail-ui": "^0.1.0",
+    "@rightkit/react-shell": "^0.7.2",
+    "@rightkit/settings-ui": "^0.7.0"
+  },
+  "peerDependencies": {
+    "react": ">=18 <21"
+  },
+  "devDependencies": {
+    "@types/node": "^26.6.6",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "tsx": "^4.23.15",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4",
+    "vitest": "^5.0.5"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bogusyogi/rightkit.git",
+    "directory": "packages/workspace-ui"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json && node scripts/copy-assets.mjs",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "pnpm --filter \"@rightkit/workspace-ui^...\" run build && node --import tsx --test \"test/*.test.ts\""
+  }
 }