@critical-path/svelte 0.2.3 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @critical-path/svelte
 
+## 0.3.0
+
+### Minor Changes
+
+- 35576a6: Introduce Workflow concept to the project management model with status definitions, allowed transition validation, task types, webhook events (workflow.created, workflow.updated, workflow.deleted), server routes, SDK methods, and React/Svelte state hooks.
+
+### Patch Changes
+
+- Updated dependencies [35576a6]
+  - @critical-path/core@0.4.0
+  - @critical-path/client@0.2.0
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies [4b92228]
+  - @critical-path/core@0.3.0
+  - @critical-path/client@0.1.5
+
 ## 0.2.3
 
 ### Patch Changes

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import { CriticalPathClient, type ClientOptions } from '@critical-path/client';
 export declare function createCriticalPathClient(options: ClientOptions): CriticalPathClient;
 export * from './project-state.svelte.js';
 export * from './task-state.svelte.js';
+export * from './workflow-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"}
+{"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"}

package/dist/index.js

@@ -159,9 +159,77 @@ function a(e, t) {
 	return new i(e, t);
 }
 //#endregion
+//#region src/workflow-state.svelte.ts
+var o = class {
+	client;
+	#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) {
+		this.client = e;
+	}
+	async fetch() {
+		this.loading = !0, this.error = null;
+		try {
+			this.data = await this.client.getWorkflows();
+		} catch (e) {
+			this.error = e instanceof Error ? e : Error(String(e));
+		} finally {
+			this.loading = !1;
+		}
+	}
+	async createWorkflow(e) {
+		try {
+			let t = await this.client.createWorkflow(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 updateWorkflow(e, t) {
+		try {
+			let n = await this.client.updateWorkflow(e, t);
+			return this.data = this.data.map((t) => t.id === e ? n : t), n;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
+	async deleteWorkflow(e) {
+		try {
+			await this.client.deleteWorkflow(e), this.data = this.data.filter((t) => t.id !== e);
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
+};
+function s(e) {
+	return new o(e);
+}
+//#endregion
 //#region src/index.ts
-function o(t) {
+function c(t) {
 	return new e(t);
 }
 //#endregion
-export { n as ProjectState, i as TaskState, o as createCriticalPathClient, r as createProjectState, a as createTaskState };
+export { n as ProjectState, i as TaskState, o as WorkflowState, c as createCriticalPathClient, r as createProjectState, a as createTaskState, s as createWorkflowState };

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

@@ -0,0 +1,15 @@
+import type { CriticalPathClient } from '@critical-path/client';
+import type { Workflow } from '@critical-path/core';
+export declare class WorkflowState {
+    private client;
+    data: Workflow[];
+    loading: boolean;
+    error: Error | null;
+    constructor(client: CriticalPathClient);
+    fetch(): Promise<void>;
+    createWorkflow(input: Omit<Workflow, 'id' | 'createdAt' | 'updatedAt'>): Promise<Workflow>;
+    updateWorkflow(id: string, updates: Partial<Workflow>): Promise<Workflow>;
+    deleteWorkflow(id: string): Promise<void>;
+}
+export declare function createWorkflowState(client: CriticalPathClient): WorkflowState;
+//# sourceMappingURL=workflow-state.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-state.svelte.d.ts","sourceRoot":"","sources":["../src/workflow-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,qBAAa,aAAa;IAKZ,OAAO,CAAC,MAAM;IAJ1B,IAAI,aAA0B;IAC9B,OAAO,UAA0B;IACjC,KAAK,eAA8B;gBAEf,MAAM,EAAE,kBAAkB;IAExC,KAAK;IAYL,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC;IAYtE,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC;IAYrD,cAAc,CAAC,EAAE,EAAE,MAAM;CAUhC;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,kBAAkB,GAAG,aAAa,CAE7E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@critical-path/svelte",
-  "version": "0.2.3",
+  "version": "0.3.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.1.4",
-    "@critical-path/core": "0.2.1"
+    "@critical-path/client": "0.2.0",
+    "@critical-path/core": "0.4.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/src/index.test.ts

@@ -4,18 +4,47 @@ import {
   ProjectState,
   createProjectState,
   TaskState,
-  createTaskState
+  createTaskState,
+  WorkflowState,
+  createWorkflowState
 } from './index.js';
 import type { CriticalPathClient } from '@critical-path/client';
-import type { Project, Task } from '@critical-path/core';
+import type { Project, Task, Workflow } from '@critical-path/core';
 
 describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
   it('exports client factory and Svelte 5 Runes state factories', () => {
     expect(createCriticalPathClient).toBeDefined();
     expect(createProjectState).toBeDefined();
     expect(createTaskState).toBeDefined();
+    expect(createWorkflowState).toBeDefined();
     expect(ProjectState).toBeDefined();
     expect(TaskState).toBeDefined();
+    expect(WorkflowState).toBeDefined();
+  });
+
+  describe('WorkflowState', () => {
+    it('fetches and creates workflows', async () => {
+      const mockWf: Workflow = {
+        id: 'wf_1',
+        name: 'Svelte Workflow',
+        isDefault: true,
+        defaultStatusKey: 'todo',
+        statuses: [{ key: 'todo', label: 'To Do', completionState: 'not_done', executionState: 'inactive' }],
+        transitions: [],
+        createdAt: '2026-01-01',
+        updatedAt: '2026-01-01'
+      };
+
+      const mockClient = {
+        getWorkflows: vi.fn().mockResolvedValue([mockWf]),
+        createWorkflow: vi.fn().mockResolvedValue(mockWf)
+      } as unknown as CriticalPathClient;
+
+      const wfState = createWorkflowState(mockClient);
+      await wfState.fetch();
+
+      expect(wfState.data).toEqual([mockWf]);
+    });
   });
 
   describe('ProjectState', () => {

package/src/index.ts

@@ -6,3 +6,4 @@ export function createCriticalPathClient(options: ClientOptions): CriticalPathCl
 
 export * from './project-state.svelte.js';
 export * from './task-state.svelte.js';
+export * from './workflow-state.svelte.js';

package/src/workflow-state.svelte.ts

@@ -0,0 +1,62 @@
+/// <reference types="svelte" />
+import type { CriticalPathClient } from '@critical-path/client';
+import type { Workflow } from '@critical-path/core';
+
+export class WorkflowState {
+  data = $state<Workflow[]>([]);
+  loading = $state<boolean>(false);
+  error = $state<Error | null>(null);
+
+  constructor(private client: CriticalPathClient) {}
+
+  async fetch() {
+    this.loading = true;
+    this.error = null;
+    try {
+      this.data = await this.client.getWorkflows();
+    } catch (err) {
+      this.error = err instanceof Error ? err : new Error(String(err));
+    } finally {
+      this.loading = false;
+    }
+  }
+
+  async createWorkflow(input: Omit<Workflow, 'id' | 'createdAt' | 'updatedAt'>) {
+    try {
+      const created = await this.client.createWorkflow(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 updateWorkflow(id: string, updates: Partial<Workflow>) {
+    try {
+      const updated = await this.client.updateWorkflow(id, updates);
+      this.data = this.data.map((w) => (w.id === id ? updated : w));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
+  async deleteWorkflow(id: string) {
+    try {
+      await this.client.deleteWorkflow(id);
+      this.data = this.data.filter((w) => w.id !== id);
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+}
+
+export function createWorkflowState(client: CriticalPathClient): WorkflowState {
+  return new WorkflowState(client);
+}