@critical-path/svelte 0.6.0 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @critical-path/svelte
 
+## 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
+
+- e9003d3: Add emoji reactions support for comment conversations with domain events, deduplication, REST endpoints, client SDK, and React/Svelte state integrations.
+
+### Patch Changes
+
+- Updated dependencies [e9003d3]
+  - @critical-path/core@0.10.0
+  - @critical-path/client@0.5.0
+
 ## 0.6.0
 
 ### Minor Changes

package/README.md

@@ -89,6 +89,13 @@ Combines threaded comments with inline attachments (`attachment.commentId === co
       </div>
     {/if}
 
+    <!-- Emoji Reactions -->
+    <div class="reactions">
+      <button on:click={() => activityState.addReaction(thread.id, '👍', 'user_1')}>👍</button>
+      <button on:click={() => activityState.addReaction(thread.id, '🚀', 'user_1')}>🚀</button>
+      <span>{thread.reactions?.length || 0} reactions</span>
+    </div>
+
     <!-- Threaded replies -->
     {#each thread.replies as reply}
       <div class="reply">

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

@@ -22,6 +22,14 @@ export declare class TaskActivityState {
     addAttachment(input: Omit<Attachment, 'id' | 'taskId' | 'createdAt' | 'updatedAt'>): Promise<Attachment>;
     deleteComment(id: string): Promise<void>;
     deleteAttachment(id: string): Promise<void>;
+    addReaction(commentId: string, reactionOrEmoji: {
+        emoji: string;
+        userId: string;
+    } | string, maybeUserId?: string): Promise<Comment>;
+    removeReaction(commentId: string, reactionOrEmoji: {
+        emoji: string;
+        userId: string;
+    } | string, maybeUserId?: string): Promise<Comment>;
 }
 export declare function createTaskActivityState(client: CriticalPathClient, taskId?: string): TaskActivityState;
 //# sourceMappingURL=activity-state.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"activity-state.svelte.d.ts","sourceRoot":"","sources":["../src/activity-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,8BAA+B,SAAQ,OAAO;IAC7D,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C;AAED,qBAAa,iBAAiB;IA6ChB,OAAO,CAAC,MAAM;IAA6B,MAAM,CAAC,EAAE,MAAM;IA5CtE,QAAQ,YAAyB;IACjC,WAAW,eAA4B;IACvC,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,OAAO,mCAiCJ;IAEH,qBAAqB,eAElB;gBAEiB,MAAM,EAAE,kBAAkB,EAAS,MAAM,CAAC,EAAE,MAAM,YAAA;IAEhE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IAwBrB,UAAU,CACd,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,EACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;;;;IAiCjG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAelF,aAAa,CAAC,EAAE,EAAE,MAAM;IAaxB,gBAAgB,CAAC,EAAE,EAAE,MAAM;CAYlC;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAEtG"}
+{"version":3,"file":"activity-state.svelte.d.ts","sourceRoot":"","sources":["../src/activity-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,8BAA+B,SAAQ,OAAO;IAC7D,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C;AAED,qBAAa,iBAAiB;IA6ChB,OAAO,CAAC,MAAM;IAA6B,MAAM,CAAC,EAAE,MAAM;IA5CtE,QAAQ,YAAyB;IACjC,WAAW,eAA4B;IACvC,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,OAAO,mCAiCJ;IAEH,qBAAqB,eAElB;gBAEiB,MAAM,EAAE,kBAAkB,EAAS,MAAM,CAAC,EAAE,MAAM,YAAA;IAEhE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IAwBrB,UAAU,CACd,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,EACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;;;;IAiCjG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAelF,aAAa,CAAC,EAAE,EAAE,MAAM;IAaxB,gBAAgB,CAAC,EAAE,EAAE,MAAM;IAa3B,WAAW,CACf,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,EAC3D,WAAW,CAAC,EAAE,MAAM;IAiBhB,cAAc,CAClB,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,EAC3D,WAAW,CAAC,EAAE,MAAM;CAgBvB;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAEtG"}

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

@@ -15,6 +15,14 @@ export declare class CommentState {
     addComment(input: Omit<Comment, 'id' | 'taskId' | 'createdAt' | 'updatedAt'>): Promise<Comment>;
     updateComment(id: string, updates: Partial<Comment>): Promise<Comment>;
     deleteComment(id: string): Promise<void>;
+    addReaction(commentId: string, reactionOrEmoji: {
+        emoji: string;
+        userId: string;
+    } | string, maybeUserId?: string): Promise<Comment>;
+    removeReaction(commentId: string, reactionOrEmoji: {
+        emoji: string;
+        userId: string;
+    } | string, maybeUserId?: string): Promise<Comment>;
 }
 export declare function createCommentState(client: CriticalPathClient, taskId?: string): CommentState;
 //# sourceMappingURL=comment-state.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"comment-state.svelte.d.ts","sourceRoot":"","sources":["../src/comment-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,OAAO;IAC9C,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED,qBAAa,YAAY;IAyBX,OAAO,CAAC,MAAM;IAA6B,MAAM,CAAC,EAAE,MAAM;IAxBtE,IAAI,YAAyB;IAC7B,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,OAAO,oBAkBJ;gBAEiB,MAAM,EAAE,kBAAkB,EAAS,MAAM,CAAC,EAAE,MAAM,YAAA;IAEhE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IAkBrB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAe5E,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;IAYnD,aAAa,CAAC,EAAE,EAAE,MAAM;CAY/B;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAE5F"}
+{"version":3,"file":"comment-state.svelte.d.ts","sourceRoot":"","sources":["../src/comment-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,OAAO;IAC9C,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED,qBAAa,YAAY;IAyBX,OAAO,CAAC,MAAM;IAA6B,MAAM,CAAC,EAAE,MAAM;IAxBtE,IAAI,YAAyB;IAC7B,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,OAAO,oBAkBJ;gBAEiB,MAAM,EAAE,kBAAkB,EAAS,MAAM,CAAC,EAAE,MAAM,YAAA;IAEhE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IAkBrB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAe5E,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;IAYnD,aAAa,CAAC,EAAE,EAAE,MAAM;IAaxB,WAAW,CACf,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,EAC3D,WAAW,CAAC,EAAE,MAAM;IAiBhB,cAAc,CAClB,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,EAC3D,WAAW,CAAC,EAAE,MAAM;CAgBvB;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAE5F"}

package/dist/index.js

@@ -347,6 +347,30 @@ var c = class {
 			throw this.error = n, n;
 		}
 	}
+	async addReaction(e, t, n) {
+		try {
+			let r = typeof t == "string" ? {
+				emoji: t,
+				userId: n
+			} : t, i = await this.client.addCommentReaction(e, r);
+			return this.data = this.data.map((t) => t.id === e ? i : t), i;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
+	async removeReaction(e, t, n) {
+		try {
+			let r = typeof t == "string" ? {
+				emoji: t,
+				userId: n
+			} : t, i = await this.client.removeCommentReaction(e, r);
+			return this.data = this.data.map((t) => t.id === e ? i : t), i;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
 };
 function l(e, t) {
 	return new c(e, t);
@@ -548,6 +572,30 @@ var f = class {
 			throw this.error = n, n;
 		}
 	}
+	async addReaction(e, t, n) {
+		try {
+			let r = typeof t == "string" ? {
+				emoji: t,
+				userId: n
+			} : t, i = await this.client.addCommentReaction(e, r);
+			return this.comments = this.comments.map((t) => t.id === e ? i : t), i;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
+	async removeReaction(e, t, n) {
+		try {
+			let r = typeof t == "string" ? {
+				emoji: t,
+				userId: n
+			} : t, i = await this.client.removeCommentReaction(e, r);
+			return this.comments = this.comments.map((t) => t.id === e ? i : t), i;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
 };
 function p(e, t) {
 	return new f(e, t);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@critical-path/svelte",
-  "version": "0.6.0",
+  "version": "0.8.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/core": "0.9.0",
-    "@critical-path/client": "0.4.4"
+    "@critical-path/client": "0.6.0",
+    "@critical-path/core": "0.11.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/src/activity-state.svelte.ts

@@ -153,6 +153,46 @@ export class TaskActivityState {
       throw errorObj;
     }
   }
+
+  async addReaction(
+    commentId: string,
+    reactionOrEmoji: { emoji: string; userId: string } | string,
+    maybeUserId?: string
+  ) {
+    try {
+      const payload =
+        typeof reactionOrEmoji === 'string'
+          ? { emoji: reactionOrEmoji, userId: maybeUserId! }
+          : reactionOrEmoji;
+      const updated = await this.client.addCommentReaction(commentId, payload);
+      this.comments = this.comments.map((c) => (c.id === commentId ? updated : c));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
+  async removeReaction(
+    commentId: string,
+    reactionOrEmoji: { emoji: string; userId: string } | string,
+    maybeUserId?: string
+  ) {
+    try {
+      const payload =
+        typeof reactionOrEmoji === 'string'
+          ? { emoji: reactionOrEmoji, userId: maybeUserId! }
+          : reactionOrEmoji;
+      const updated = await this.client.removeCommentReaction(commentId, payload);
+      this.comments = this.comments.map((c) => (c.id === commentId ? updated : c));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
 }
 
 export function createTaskActivityState(client: CriticalPathClient, taskId?: string): TaskActivityState {

package/src/comment-state.svelte.ts

@@ -90,6 +90,46 @@ export class CommentState {
       throw errorObj;
     }
   }
+
+  async addReaction(
+    commentId: string,
+    reactionOrEmoji: { emoji: string; userId: string } | string,
+    maybeUserId?: string
+  ) {
+    try {
+      const payload =
+        typeof reactionOrEmoji === 'string'
+          ? { emoji: reactionOrEmoji, userId: maybeUserId! }
+          : reactionOrEmoji;
+      const updated = await this.client.addCommentReaction(commentId, payload);
+      this.data = this.data.map((c) => (c.id === commentId ? updated : c));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
+  async removeReaction(
+    commentId: string,
+    reactionOrEmoji: { emoji: string; userId: string } | string,
+    maybeUserId?: string
+  ) {
+    try {
+      const payload =
+        typeof reactionOrEmoji === 'string'
+          ? { emoji: reactionOrEmoji, userId: maybeUserId! }
+          : reactionOrEmoji;
+      const updated = await this.client.removeCommentReaction(commentId, payload);
+      this.data = this.data.map((c) => (c.id === commentId ? updated : c));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
 }
 
 export function createCommentState(client: CriticalPathClient, taskId?: string): CommentState {

package/src/index.test.ts

@@ -216,12 +216,15 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
         updatedAt: '2026-01-01'
       };
       const updatedComment = { ...mockComment, content: 'Updated comment' };
+      const reactedComment = { ...mockComment, reactions: [{ emoji: '🔥', userId: 'u2', createdAt: '2026-01-01' }] };
 
       const mockClient = {
         getComments: vi.fn().mockResolvedValue([mockComment]),
         addComment: vi.fn().mockResolvedValue(mockComment),
         updateComment: vi.fn().mockResolvedValue(updatedComment),
-        deleteComment: vi.fn().mockResolvedValue(true)
+        deleteComment: vi.fn().mockResolvedValue(true),
+        addCommentReaction: vi.fn().mockResolvedValue(reactedComment),
+        removeCommentReaction: vi.fn().mockResolvedValue(mockComment)
       } as unknown as CriticalPathClient;
 
       const commentState = new CommentState(mockClient, 'task_1');
@@ -232,6 +235,13 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
       await commentState.updateComment('cmt_1', { content: 'Updated comment' });
       expect(commentState.data[0].content).toBe('Updated comment');
 
+      await commentState.addReaction('cmt_1', '🔥', 'u2');
+      expect(commentState.data[0].reactions).toHaveLength(1);
+      expect(commentState.data[0].reactions?.[0].emoji).toBe('🔥');
+
+      await commentState.removeReaction('cmt_1', '🔥', 'u2');
+      expect(commentState.data[0].reactions).toBeUndefined();
+
       await commentState.deleteComment('cmt_1');
       expect(commentState.data).toEqual([]);
     });