@critical-path/svelte 0.7.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @critical-path/svelte
 
+## 0.9.0
+
+### Minor Changes
+
+- 5a5930f: Add first-class Deliverable entity, Creative Workflow presets, and reactive UI bindings:
+  - `@critical-path/core`: Added `Deliverable` entity, `DeliverableSummary` rollup computation, `DEFAULT_CREATIVE_WORKFLOW` preset, `deliverableId` on tasks, store implementations (InMemory, SQLite, Firebase), domain events, and webhook integration.
+  - `@critical-path/server`: Added RESTful API endpoints for `/deliverables` and `/deliverables/:id/summary`.
+  - `@critical-path/client`: Added deliverable management and summary methods to `CriticalPathClient`.
+  - `@critical-path/react`: Added `useDeliverables` and `useDeliverableSummary` React hooks.
+  - `@critical-path/svelte`: Added `DeliverableState` and `createDeliverableState` Svelte 5 Runes state management.
+
+### Patch Changes
+
+- Updated dependencies [5a5930f]
+  - @critical-path/core@0.12.0
+  - @critical-path/client@0.7.0
+
+## 0.8.0
+
+### Minor Changes
+
+- 55549e9: Support @mentions in comments with extraction and segmentation utilities
+  
+  - Add `mentions?: string[]` to `Comment` interface
+  - Add `extractMentions` and `parseMentionSegments` utilities for mention parsing and UI rendering
+  - Auto-extract and populate mentions during `addComment` and `updateComment` in the engine
+  - Update SQLite comments schema with `mentions` column and migration
+  - Preserve and pass through mentions in server routes, client SDK, and Svelte bindings
+
+### Patch Changes
+
+- Updated dependencies [55549e9]
+  - @critical-path/core@0.11.0
+  - @critical-path/client@0.6.0
+
 ## 0.7.0
 
 ### Minor Changes

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

@@ -0,0 +1,17 @@
+import type { CriticalPathClient } from '@critical-path/client';
+import type { Deliverable, DeliverableSummary, CreateDeliverableInput } from '@critical-path/core';
+export declare class DeliverableState {
+    private client;
+    projectId?: string | undefined;
+    data: Deliverable[];
+    loading: boolean;
+    error: Error | null;
+    constructor(client: CriticalPathClient, projectId?: string | undefined);
+    fetch(projectId?: string): Promise<void>;
+    createDeliverable(input: CreateDeliverableInput): Promise<Deliverable>;
+    updateDeliverable(id: string, updates: Partial<Deliverable>): Promise<Deliverable>;
+    deleteDeliverable(id: string): Promise<void>;
+    getSummary(deliverableId: string): Promise<DeliverableSummary>;
+}
+export declare function createDeliverableState(client: CriticalPathClient, initialProjectId?: string): DeliverableState;
+//# sourceMappingURL=deliverable-state.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deliverable-state.svelte.d.ts","sourceRoot":"","sources":["../src/deliverable-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAEnG,qBAAa,gBAAgB;IAKf,OAAO,CAAC,MAAM;IAA6B,SAAS,CAAC,EAAE,MAAM;IAJzE,IAAI,gBAA6B;IACjC,OAAO,UAA0B;IACjC,KAAK,eAA8B;gBAEf,MAAM,EAAE,kBAAkB,EAAS,SAAS,CAAC,EAAE,MAAM,YAAA;IAEnE,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM;IAiBxB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB;IAY/C,iBAAiB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC;IAe3D,iBAAiB,CAAC,EAAE,EAAE,MAAM;IAa5B,UAAU,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC;CAGrE;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAE9G"}

package/dist/index.d.ts

@@ -6,4 +6,5 @@ export * from './workflow-state.svelte.js';
 export * from './comment-state.svelte.js';
 export * from './attachment-state.svelte.js';
 export * from './activity-state.svelte.js';
+export * from './deliverable-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"}
+{"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"}

package/dist/index.js

@@ -601,9 +601,92 @@ function p(e, t) {
 	return new f(e, t);
 }
 //#endregion
+//#region src/deliverable-state.svelte.ts
+var m = class {
+	client;
+	projectId;
+	#e = t.state(t.proxy([]));
+	get data() {
+		return t.get(this.#e);
+	}
+	set data(e) {
+		t.set(this.#e, e, !0);
+	}
+	#t = t.state(!1);
+	get loading() {
+		return t.get(this.#t);
+	}
+	set loading(e) {
+		t.set(this.#t, e, !0);
+	}
+	#n = t.state(null);
+	get error() {
+		return t.get(this.#n);
+	}
+	set error(e) {
+		t.set(this.#n, e, !0);
+	}
+	constructor(e, t) {
+		this.client = e, this.projectId = t;
+	}
+	async fetch(e) {
+		if (e && (this.projectId = e), this.projectId) {
+			this.loading = !0, this.error = null;
+			try {
+				this.data = await this.client.getDeliverables(this.projectId);
+			} catch (e) {
+				this.error = e instanceof Error ? e : Error(String(e));
+			} finally {
+				this.loading = !1;
+			}
+		}
+	}
+	async createDeliverable(e) {
+		try {
+			let t = await this.client.createDeliverable(e);
+			return this.data = [...this.data, t], t;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
+	async updateDeliverable(e, t) {
+		let n = this.data;
+		this.data = this.data.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n);
+		try {
+			let n = await this.client.updateDeliverable(e, t);
+			return this.data = this.data.map((t) => t.id === e ? n : t), n;
+		} catch (e) {
+			this.data = n;
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
+	async deleteDeliverable(e) {
+		let t = this.data;
+		this.data = this.data.filter((t) => t.id !== e);
+		try {
+			await this.client.deleteDeliverable(e);
+		} catch (e) {
+			this.data = t;
+			let n = e instanceof Error ? e : Error(String(e));
+			throw this.error = n, n;
+		}
+	}
+	async getSummary(e) {
+		return this.client.getDeliverableSummary(e);
+	}
+};
+function h(e, t) {
+	return new m(e, t);
+}
+//#endregion
 //#region src/index.ts
-function m(t) {
+function g(t) {
 	return new e(t);
 }
 //#endregion
-export { u as AttachmentState, c as CommentState, n as ProjectState, f as TaskActivityState, i as TaskState, o as WorkflowState, d as createAttachmentState, l as createCommentState, m as createCriticalPathClient, r as createProjectState, p as createTaskActivityState, a as createTaskState, s as createWorkflowState };
+export { u as AttachmentState, c as CommentState, m as DeliverableState, n as ProjectState, f as TaskActivityState, i as TaskState, o as WorkflowState, d as createAttachmentState, l as createCommentState, g as createCriticalPathClient, h as createDeliverableState, r as createProjectState, p as createTaskActivityState, a as createTaskState, s as createWorkflowState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@critical-path/svelte",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Svelte 5 Runes state and reactive integrations for Critical Path headless project management framework",
   "author": "Jack James",
   "license": "MIT",
@@ -18,8 +18,8 @@
     }
   },
   "dependencies": {
-    "@critical-path/client": "0.5.0",
-    "@critical-path/core": "0.10.0"
+    "@critical-path/client": "0.7.0",
+    "@critical-path/core": "0.12.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/src/deliverable-state.svelte.ts

@@ -0,0 +1,76 @@
+/// <reference types="svelte" />
+import type { CriticalPathClient } from '@critical-path/client';
+import type { Deliverable, DeliverableSummary, CreateDeliverableInput } from '@critical-path/core';
+
+export class DeliverableState {
+  data = $state<Deliverable[]>([]);
+  loading = $state<boolean>(false);
+  error = $state<Error | null>(null);
+
+  constructor(private client: CriticalPathClient, public projectId?: string) {}
+
+  async fetch(projectId?: string) {
+    if (projectId) {
+      this.projectId = projectId;
+    }
+    if (!this.projectId) return;
+
+    this.loading = true;
+    this.error = null;
+    try {
+      this.data = await this.client.getDeliverables(this.projectId);
+    } catch (err) {
+      this.error = err instanceof Error ? err : new Error(String(err));
+    } finally {
+      this.loading = false;
+    }
+  }
+
+  async createDeliverable(input: CreateDeliverableInput) {
+    try {
+      const created = await this.client.createDeliverable(input);
+      this.data = [...this.data, created];
+      return created;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
+  async updateDeliverable(id: string, updates: Partial<Deliverable>) {
+    const previous = this.data;
+    this.data = this.data.map((d) => (d.id === id ? { ...d, ...updates } : d));
+    try {
+      const updated = await this.client.updateDeliverable(id, updates);
+      this.data = this.data.map((d) => (d.id === id ? updated : d));
+      return updated;
+    } catch (err) {
+      this.data = previous;
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
+  async deleteDeliverable(id: string) {
+    const previous = this.data;
+    this.data = this.data.filter((d) => d.id !== id);
+    try {
+      await this.client.deleteDeliverable(id);
+    } catch (err) {
+      this.data = previous;
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
+  async getSummary(deliverableId: string): Promise<DeliverableSummary> {
+    return this.client.getDeliverableSummary(deliverableId);
+  }
+}
+
+export function createDeliverableState(client: CriticalPathClient, initialProjectId?: string): DeliverableState {
+  return new DeliverableState(client, initialProjectId);
+}

package/src/index.test.ts

@@ -12,10 +12,12 @@ import {
   AttachmentState,
   createAttachmentState,
   TaskActivityState,
-  createTaskActivityState
+  createTaskActivityState,
+  DeliverableState,
+  createDeliverableState
 } from './index.js';
 import type { CriticalPathClient } from '@critical-path/client';
-import type { Project, Task, Workflow, Comment, Attachment } from '@critical-path/core';
+import type { Project, Task, Workflow, Comment, Attachment, Deliverable, DeliverableSummary } from '@critical-path/core';
 
 describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
   it('exports client factory and Svelte 5 Runes state factories', () => {
@@ -26,12 +28,14 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
     expect(createCommentState).toBeDefined();
     expect(createAttachmentState).toBeDefined();
     expect(createTaskActivityState).toBeDefined();
+    expect(createDeliverableState).toBeDefined();
     expect(ProjectState).toBeDefined();
     expect(TaskState).toBeDefined();
     expect(WorkflowState).toBeDefined();
     expect(CommentState).toBeDefined();
     expect(AttachmentState).toBeDefined();
     expect(TaskActivityState).toBeDefined();
+    expect(DeliverableState).toBeDefined();
   });
 
   describe('WorkflowState', () => {
@@ -352,5 +356,57 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
       expect(activityState.threads[0].attachments).toEqual([]);
     });
   });
+
+  describe('DeliverableState', () => {
+    it('fetches, creates, updates, and deletes deliverables and gets summary', async () => {
+      const mockDeliverable: Deliverable = {
+        id: 'deliv_1',
+        projectId: 'proj_1',
+        title: 'Commercial Cut 30s',
+        status: 'planned',
+        outputUrls: [],
+        createdAt: '2026-01-01',
+        updatedAt: '2026-01-01'
+      };
+
+      const mockSummary: DeliverableSummary = {
+        deliverable: mockDeliverable,
+        totalTasks: 2,
+        completedTasks: 1,
+        activeTasks: 1,
+        progressPercentage: 50,
+        estimatedHours: 10,
+        loggedHours: 5
+      };
+
+      const mockClient = {
+        getDeliverables: vi.fn().mockResolvedValue([mockDeliverable]),
+        createDeliverable: vi.fn().mockResolvedValue(mockDeliverable),
+        updateDeliverable: vi.fn().mockResolvedValue({ ...mockDeliverable, status: 'delivered' }),
+        deleteDeliverable: vi.fn().mockResolvedValue(true),
+        getDeliverableSummary: vi.fn().mockResolvedValue(mockSummary)
+      } as unknown as CriticalPathClient;
+
+      const state = createDeliverableState(mockClient, 'proj_1');
+      await state.fetch();
+      expect(state.data).toEqual([mockDeliverable]);
+
+      const created = await state.createDeliverable({
+        projectId: 'proj_1',
+        title: 'Commercial Cut 30s'
+      });
+      expect(created).toEqual(mockDeliverable);
+
+      const updated = await state.updateDeliverable('deliv_1', { status: 'delivered' });
+      expect(updated.status).toBe('delivered');
+
+      const summary = await state.getSummary('deliv_1');
+      expect(summary.totalTasks).toBe(2);
+      expect(summary.progressPercentage).toBe(50);
+
+      await state.deleteDeliverable('deliv_1');
+      expect(state.data).toEqual([]);
+    });
+  });
 });
 

package/src/index.ts

@@ -10,4 +10,5 @@ export * from './workflow-state.svelte.js';
 export * from './comment-state.svelte.js';
 export * from './attachment-state.svelte.js';
 export * from './activity-state.svelte.js';
+export * from './deliverable-state.svelte.js';