@critical-path/svelte 0.10.2 → 0.11.0

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

@@ -0,0 +1,26 @@
+import type { CriticalPathClient } from '@critical-path/client';
+export interface WebMcpStateOptions {
+    projectId?: string;
+    tools?: string[];
+    autoRegister?: boolean;
+    document?: any;
+    navigator?: any;
+    window?: any;
+    onToolExecuted?: (toolName: string, input: any, result: any) => void;
+}
+export declare class WebMcpState {
+    private client;
+    private options;
+    registered: boolean;
+    activeProjectId: string | undefined;
+    tools: string[];
+    error: Error | null;
+    private handle;
+    private abortController;
+    constructor(client: CriticalPathClient, options?: WebMcpStateOptions);
+    register(): void;
+    unregister(): void;
+    setProjectId(projectId?: string): void;
+}
+export declare function createWebMcpState(client: CriticalPathClient, options?: WebMcpStateOptions): WebMcpState;
+//# sourceMappingURL=webmcp-state.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webmcp-state.svelte.d.ts","sourceRoot":"","sources":["../src/webmcp-state.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CACtE;AAED,qBAAa,WAAW;IASV,OAAO,CAAC,MAAM;IAAsB,OAAO,CAAC,OAAO;IAR/D,UAAU,UAA0B;IACpC,eAAe,qBAAyC;IACxD,KAAK,WAAwB;IAC7B,KAAK,eAA8B;IAEnC,OAAO,CAAC,MAAM,CAAqC;IACnD,OAAO,CAAC,eAAe,CAAgC;gBAEnC,MAAM,EAAE,kBAAkB,EAAU,OAAO,GAAE,kBAAuB;IAOxF,QAAQ,IAAI,IAAI;IA0BhB,UAAU,IAAI,IAAI;IAUlB,YAAY,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;CAQvC;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,kBAAkB,EAAE,OAAO,CAAC,EAAE,kBAAkB,GAAG,WAAW,CAEvG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@critical-path/svelte",
-  "version": "0.10.2",
+  "version": "0.11.0",
   "description": "Svelte 5 Runes state and reactive integrations for Critical Path headless project management framework",
   "author": "Jack James",
   "license": "MIT",
@@ -18,8 +18,9 @@
     }
   },
   "dependencies": {
+    "@critical-path/core": "0.15.2",
     "@critical-path/client": "0.9.2",
-    "@critical-path/core": "0.15.2"
+    "@critical-path/mcp": "0.2.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/src/index.test.ts

@@ -14,7 +14,9 @@ import {
   TaskActivityState,
   createTaskActivityState,
   DeliverableState,
-  createDeliverableState
+  createDeliverableState,
+  WebMcpState,
+  createWebMcpState
 } from './index.js';
 import type { CriticalPathClient } from '@critical-path/client';
 import type { Project, Task, Workflow, Comment, Attachment, Deliverable, DeliverableSummary } from '@critical-path/core';
@@ -408,5 +410,51 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
       expect(state.data).toEqual([]);
     });
   });
+
+  describe('WebMcpState', () => {
+    it('manages WebMCP registration, project scoping, and unregistration', async () => {
+      const mockDoc: any = {};
+      const mockWin: any = {};
+
+      const mockClient = {
+        getTasks: vi.fn().mockResolvedValue([]),
+        createTask: vi.fn().mockImplementation((input) => Promise.resolve({ id: 't1', ...input }))
+      } as unknown as CriticalPathClient;
+
+      const mcpState = createWebMcpState(mockClient, {
+        projectId: 'proj_svelte',
+        document: mockDoc,
+        window: mockWin
+      });
+
+      expect(mcpState.registered).toBe(true);
+      expect(mcpState.activeProjectId).toBe('proj_svelte');
+      expect(mcpState.tools.length).toBeGreaterThan(0);
+      expect(mockDoc.modelContext).toBeDefined();
+
+      // Execute tool via modelContext
+      const created = await mockDoc.modelContext.executeTool('create_task', {
+        title: 'Svelte 5 Task'
+      });
+      expect(created.projectId).toBe('proj_svelte');
+      expect(created.title).toBe('Svelte 5 Task');
+
+      // Update project ID dynamically
+      mcpState.setProjectId('proj_svelte_2');
+      expect(mcpState.activeProjectId).toBe('proj_svelte_2');
+      expect(mcpState.registered).toBe(true);
+
+      const created2 = await mockDoc.modelContext.executeTool('create_task', {
+        title: 'Svelte 5 Task 2'
+      });
+      expect(created2.projectId).toBe('proj_svelte_2');
+
+      // Unregister
+      mcpState.unregister();
+      expect(mcpState.registered).toBe(false);
+      expect(mcpState.tools).toEqual([]);
+    });
+  });
 });
 
+

package/src/index.ts

@@ -11,4 +11,5 @@ 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 './webmcp-state.svelte.js';
 

package/src/webmcp-state.svelte.ts

@@ -0,0 +1,78 @@
+import type { CriticalPathClient } from '@critical-path/client';
+import { registerWebMcpTools, type WebMcpRegistryHandle } from '@critical-path/mcp/web';
+
+export interface WebMcpStateOptions {
+  projectId?: string;
+  tools?: string[];
+  autoRegister?: boolean;
+  document?: any;
+  navigator?: any;
+  window?: any;
+  onToolExecuted?: (toolName: string, input: any, result: any) => void;
+}
+
+export class WebMcpState {
+  registered = $state<boolean>(false);
+  activeProjectId = $state<string | undefined>(undefined);
+  tools = $state<string[]>([]);
+  error = $state<Error | null>(null);
+
+  private handle: WebMcpRegistryHandle | null = null;
+  private abortController: AbortController | null = null;
+
+  constructor(private client: CriticalPathClient, private options: WebMcpStateOptions = {}) {
+    this.activeProjectId = options.projectId;
+    if (options.autoRegister ?? true) {
+      this.register();
+    }
+  }
+
+  register(): void {
+    if (this.registered) return;
+    this.error = null;
+
+    try {
+      this.abortController = new AbortController();
+      this.handle = registerWebMcpTools({
+        client: this.client,
+        projectId: this.activeProjectId,
+        tools: this.options.tools,
+        signal: this.abortController.signal,
+        document: this.options.document,
+        navigator: this.options.navigator,
+        window: this.options.window,
+        onToolExecuted: (name, input, result) => {
+          this.options.onToolExecuted?.(name, input, result);
+        }
+      });
+      this.tools = this.handle.getRegisteredTools().map((t) => t.name);
+      this.registered = true;
+    } catch (err) {
+      this.error = err instanceof Error ? err : new Error(String(err));
+      this.registered = false;
+    }
+  }
+
+  unregister(): void {
+    if (!this.registered) return;
+    this.abortController?.abort();
+    this.handle?.unregister();
+    this.handle = null;
+    this.abortController = null;
+    this.registered = false;
+    this.tools = [];
+  }
+
+  setProjectId(projectId?: string): void {
+    if (this.activeProjectId === projectId) return;
+    this.activeProjectId = projectId;
+    if (this.registered) {
+      this.unregister();
+      this.register();
+    }
+  }
+}
+
+export function createWebMcpState(client: CriticalPathClient, options?: WebMcpStateOptions): WebMcpState {
+  return new WebMcpState(client, options);
+}