@critical-path/svelte 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @critical-path/svelte
 
+## 0.12.0
+
+### Minor Changes
+
+- 105f3d3: Synchronize feature parity between `@critical-path/react` and `@critical-path/svelte`:
+  - `@critical-path/react`: Added `updateTask` with optimistic updates and rollback to `useTasks`, and introduced `useTaskActivity` hook for unified threaded discussions and attachments.
+  - `@critical-path/svelte`: Added `KanbanState` (`createKanbanState`), `TaskTransitionsState` (`createTaskTransitionsState`), and `DeliverableSummaryState` (`createDeliverableSummaryState`) using native Svelte 5 runes.
+
 ## 0.11.0
 
 ### Minor Changes

package/README.md

@@ -2,7 +2,7 @@
 
 > **Svelte 5 Runes Reactive Integrations for Critical Path.**
 
-`@critical-path/svelte` provides Svelte 5 Runes reactive state classes and factories (`ProjectState`, `TaskState`, `WorkflowState`, `CommentState`, `AttachmentState`, `TaskActivityState`) for building project management UIs in Svelte 5 and SvelteKit applications.
+`@critical-path/svelte` provides Svelte 5 Runes reactive state classes and factories (`ProjectState`, `TaskState`, `KanbanState`, `TaskTransitionsState`, `WorkflowState`, `CommentState`, `AttachmentState`, `TaskActivityState`, `DeliverableState`, `DeliverableSummaryState`, `WebMcpState`) for building project management UIs in Svelte 5 and SvelteKit applications.
 
 ---
 
@@ -52,7 +52,39 @@ pnpm add @critical-path/svelte svelte@^5.0.0
 {/if}
 ```
 
-### 2. Unified Task Activity & Threaded Discussions (`TaskActivityState`)
+### 2. Reactive Kanban Board (`KanbanState`)
+
+Buckets tasks reactively into workflow columns (`backlog`, `todo`, `in_progress`, etc.) or semantic columns (`not_started`, `in_progress`, `completed`, `canceled`):
+
+```svelte
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { createCriticalPathClient, createKanbanState } from '@critical-path/svelte';
+
+  const client = createCriticalPathClient({ baseUrl: '/api/critical-path' });
+  const kanban = createKanbanState(client, 'proj_1');
+
+  onMount(() => {
+    kanban.fetch();
+  });
+</script>
+
+<div class="board" style="display: flex; gap: 16px;">
+  {#each Object.entries(kanban.columns) as [status, tasks]}
+    <div class="column">
+      <h3>{status} ({tasks.length})</h3>
+      {#each tasks as task}
+        <div class="card">
+          <h4>{task.title}</h4>
+          <button on:click={() => kanban.moveTask(task.id, 'done')}>Mark Done</button>
+        </div>
+      {/each}
+    </div>
+  {/each}
+</div>
+```
+
+### 3. Unified Task Activity & Threaded Discussions (`TaskActivityState`)
 
 Combines threaded comments with inline attachments (`attachment.commentId === comment.id`) and standalone attachments in a single reactive store:
 

package/dist/deliverable-summary-state.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { CriticalPathClient } from '@critical-path/client';
+import type { DeliverableSummary } from '@critical-path/core';
+export declare class DeliverableSummaryState {
+    private client;
+    deliverableId?: string | undefined;
+    summary: DeliverableSummary | null;
+    loading: boolean;
+    error: Error | null;
+    get data(): DeliverableSummary | null;
+    constructor(client: CriticalPathClient, deliverableId?: string | undefined);
+    fetch(deliverableId?: string): Promise<void>;
+}
+export declare function createDeliverableSummaryState(client: CriticalPathClient, deliverableId?: string): DeliverableSummaryState;
+//# sourceMappingURL=deliverable-summary-state.svelte.d.ts.map

package/dist/deliverable-summary-state.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deliverable-summary-state.svelte.d.ts","sourceRoot":"","sources":["../src/deliverable-summary-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,qBAAa,uBAAuB;IAStB,OAAO,CAAC,MAAM;IAA6B,aAAa,CAAC,EAAE,MAAM;IAR7E,OAAO,4BAA2C;IAClD,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,IAAI,IAAI,IAAI,kBAAkB,GAAG,IAAI,CAEpC;gBAEmB,MAAM,EAAE,kBAAkB,EAAS,aAAa,CAAC,EAAE,MAAM,YAAA;IAEvE,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;CAkBnC;AAED,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,kBAAkB,EAC1B,aAAa,CAAC,EAAE,MAAM,GACrB,uBAAuB,CAEzB"}

package/dist/index.d.ts

@@ -7,5 +7,8 @@ export * from './comment-state.svelte.js';
 export * from './attachment-state.svelte.js';
 export * from './activity-state.svelte.js';
 export * from './deliverable-state.svelte.js';
+export * from './deliverable-summary-state.svelte.js';
+export * from './kanban-state.svelte.js';
+export * from './task-transitions-state.svelte.js';
 export * from './webmcp-state.svelte.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE/E,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,aAAa,GAAG,kBAAkB,CAEnF;AAED,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE/E,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,aAAa,GAAG,kBAAkB,CAEnF;AAED,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,0BAA0B,CAAC;AACzC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC"}