@duraton/react 0.1.0-beta.7

package/dist/index.js

@@ -0,0 +1,477 @@
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { keepPreviousData, skipToken, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { ATTEMPT_OUTCOMES, CONTROL_ACTION_KINDS, DELIVERY_EVENT_KINDS, DELIVERY_STATUSES, RUN_STATUSES, SIGNING_SCHEMES, STEP_STATUSES, SUBSCRIBABLE_EVENT_KINDS, createClient } from "@duraton/sdk/client";
+//#region src/provider.tsx
+const ClientContext = createContext(null);
+function DuratonProvider({ client, children }) {
+	return /* @__PURE__ */ jsx(ClientContext.Provider, {
+		value: client,
+		children
+	});
+}
+function useDuratonClient() {
+	const client = useContext(ClientContext);
+	if (!client) throw new Error("useDuratonClient must be used within a DuratonProvider");
+	return client;
+}
+//#endregion
+//#region src/run-status.ts
+const ACTIVE_STATUSES = /* @__PURE__ */ new Set([
+	"queued",
+	"running",
+	"waiting"
+]);
+const TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+	"succeeded",
+	"failed",
+	"cancelled"
+]);
+//#endregion
+//#region src/hooks/use-runs.ts
+const FALLBACK_POLL_MS$3 = 15e3;
+function useRuns(options = {}) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["runs", options],
+		queryFn: () => client.runs.list(options),
+		refetchInterval: FALLBACK_POLL_MS$3,
+		placeholderData: keepPreviousData
+	});
+}
+//#endregion
+//#region src/hooks/use-run-stats.ts
+const FALLBACK_POLL_MS$2 = 15e3;
+function useRunStats(options = {}, opts) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["run-stats", options],
+		queryFn: () => client.runs.stats(options),
+		refetchInterval: opts?.poll === false ? false : FALLBACK_POLL_MS$2
+	});
+}
+//#endregion
+//#region src/lib/stream.ts
+const RECONNECT_MS = 1e3;
+function abortableDelay(ms, signal) {
+	return new Promise((resolve) => {
+		const timer = setTimeout(resolve, ms);
+		signal.addEventListener("abort", () => {
+			clearTimeout(timer);
+			resolve();
+		}, { once: true });
+	});
+}
+//#endregion
+//#region src/hooks/use-runs-stream.ts
+const REFETCH_MS$1 = 300;
+function useRunsStream() {
+	const client = useDuratonClient();
+	const qc = useQueryClient();
+	useEffect(() => {
+		const ctrl = new AbortController();
+		tailNamespace(client, qc, ctrl.signal);
+		return () => ctrl.abort();
+	}, [client, qc]);
+}
+async function tailNamespace(client, qc, signal) {
+	let timer;
+	const scheduleRefetch = () => {
+		if (timer) return;
+		timer = setTimeout(() => {
+			timer = void 0;
+			qc.invalidateQueries({ queryKey: ["runs"] });
+			qc.invalidateQueries({ queryKey: ["run-stats"] });
+		}, REFETCH_MS$1);
+	};
+	signal.addEventListener("abort", () => clearTimeout(timer), { once: true });
+	while (!signal.aborted) {
+		try {
+			for await (const frame of client.runs.watchAll({ signal })) if (frame.kind === "run_status") scheduleRefetch();
+		} catch {
+			if (signal.aborted) return;
+		}
+		if (signal.aborted) return;
+		await abortableDelay(RECONNECT_MS, signal);
+	}
+}
+//#endregion
+//#region src/hooks/use-run.ts
+const FALLBACK_POLL_MS$1 = 1e4;
+function useRun(runId) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["run", runId],
+		queryFn: () => client.runs.get(runId),
+		refetchInterval: (query) => {
+			const status = query.state.data?.status;
+			return status && ACTIVE_STATUSES.has(status) ? FALLBACK_POLL_MS$1 : false;
+		}
+	});
+}
+function useRunSteps(runId, active) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["run-steps", runId],
+		queryFn: () => client.runs.steps(runId),
+		refetchInterval: active ? FALLBACK_POLL_MS$1 : false
+	});
+}
+//#endregion
+//#region src/hooks/use-run-stream.ts
+const REFETCH_MS = 250;
+function useRunStream(runId) {
+	const client = useDuratonClient();
+	const qc = useQueryClient();
+	const [frames, setFrames] = useState([]);
+	useEffect(() => {
+		const ctrl = new AbortController();
+		tailRun(client, qc, runId, ctrl.signal, setFrames);
+		return () => ctrl.abort();
+	}, [
+		client,
+		qc,
+		runId
+	]);
+	return frames;
+}
+async function tailRun(client, qc, runId, signal, setFrames) {
+	let from = 0;
+	let refetchTimer;
+	signal.addEventListener("abort", () => clearTimeout(refetchTimer), { once: true });
+	const refetch = () => {
+		qc.invalidateQueries({ queryKey: ["run", runId] });
+		qc.invalidateQueries({ queryKey: ["run-steps", runId] });
+	};
+	const scheduleRefetch = () => {
+		if (refetchTimer) return;
+		refetchTimer = setTimeout(() => {
+			refetchTimer = void 0;
+			refetch();
+		}, REFETCH_MS);
+	};
+	while (!signal.aborted) {
+		let terminal = false;
+		try {
+			for await (const frame of client.runs.watch(runId, {
+				from,
+				signal
+			})) {
+				from = frame.seq;
+				setFrames((prev) => prev.some((f) => f.seq === frame.seq) ? prev : [...prev, frame]);
+				if (frame.kind === "log") continue;
+				scheduleRefetch();
+				if (frame.kind === "run_status" && TERMINAL_STATUSES.has(frame.status)) terminal = true;
+			}
+		} catch {
+			if (signal.aborted) return;
+		}
+		if (terminal) {
+			clearTimeout(refetchTimer);
+			refetch();
+			return;
+		}
+		if (signal.aborted) return;
+		await abortableDelay(RECONNECT_MS, signal);
+	}
+}
+//#endregion
+//#region src/hooks/use-workflows.ts
+const POLL_MS$3 = 5e3;
+function useWorkflows() {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["workflows"],
+		queryFn: () => client.workflows.list(),
+		refetchInterval: POLL_MS$3
+	});
+}
+//#endregion
+//#region src/hooks/use-run-controls.ts
+function invalidateRuns(qc) {
+	qc.invalidateQueries({ queryKey: ["runs"] });
+	qc.invalidateQueries({ queryKey: ["control-actions"] });
+}
+function useRunStatusMutation(mutationFn) {
+	const qc = useQueryClient();
+	return useMutation({
+		mutationFn,
+		onSuccess: (run) => {
+			qc.setQueryData(["run", run.id], run);
+			qc.invalidateQueries({ queryKey: ["run-steps", run.id] });
+			invalidateRuns(qc);
+		}
+	});
+}
+function useCancelRun() {
+	const client = useDuratonClient();
+	return useRunStatusMutation((id) => client.runs.cancel(id));
+}
+function usePauseRun() {
+	const client = useDuratonClient();
+	return useRunStatusMutation((id) => client.runs.pause(id));
+}
+function useResumeRun() {
+	const client = useDuratonClient();
+	return useRunStatusMutation((id) => client.runs.resume(id));
+}
+function useForkRun(mutationFn) {
+	const qc = useQueryClient();
+	return useMutation({
+		mutationFn,
+		onSuccess: () => invalidateRuns(qc)
+	});
+}
+function useReplayRun() {
+	const client = useDuratonClient();
+	return useForkRun(({ runId, input }) => client.runs.replay(runId, input));
+}
+function useRetryFromStep() {
+	const client = useDuratonClient();
+	return useForkRun(({ runId, step }) => client.runs.retryFromStep(runId, step));
+}
+function useBulkReplay() {
+	const client = useDuratonClient();
+	const qc = useQueryClient();
+	return useMutation({
+		mutationFn: (filter) => client.runs.bulkReplay(filter),
+		onSuccess: () => invalidateRuns(qc)
+	});
+}
+//#endregion
+//#region src/hooks/use-control-actions.ts
+function useControlActions(opts = {}) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["control-actions", opts],
+		queryFn: () => client.runs.controlActions(opts)
+	});
+}
+//#endregion
+//#region src/hooks/use-run-timeseries.ts
+const FALLBACK_POLL_MS = 15e3;
+function useRunTimeSeries(opts = {}) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["run-timeseries", opts],
+		queryFn: () => client.runs.timeseries(opts),
+		refetchInterval: FALLBACK_POLL_MS
+	});
+}
+//#endregion
+//#region src/hooks/use-flow-state.ts
+const POLL_MS$2 = 5e3;
+function useFlowState(opts = {}) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["flow-state", opts],
+		queryFn: () => client.flowState(opts),
+		refetchInterval: POLL_MS$2,
+		placeholderData: keepPreviousData
+	});
+}
+//#endregion
+//#region src/hooks/use-runners.ts
+const POLL_MS$1 = 15e3;
+function useRunners() {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["runners"],
+		queryFn: () => client.runners.list(),
+		refetchInterval: POLL_MS$1,
+		placeholderData: keepPreviousData
+	});
+}
+//#endregion
+//#region src/hooks/use-apps.ts
+function useApps() {
+	const workflows = useWorkflows();
+	const runs = useRuns();
+	const runners = useRunners();
+	return {
+		data: useMemo(() => {
+			const wfs = workflows.data ?? [];
+			const rs = runs.data?.runs ?? [];
+			const rns = runners.data ?? [];
+			const names = /* @__PURE__ */ new Set();
+			wfs.forEach((w) => names.add(w.app));
+			rs.forEach((r) => names.add(r.app));
+			rns.forEach((r) => names.add(r.app));
+			return [...names].sort().map((name) => {
+				const appWfs = wfs.filter((w) => w.app === name);
+				const appRuns = rs.filter((r) => r.app === name);
+				const appRunners = rns.filter((r) => r.app === name);
+				const latestStatus = (wfName) => appRuns.filter((r) => r.workflowName === wfName).sort((a, b) => b.startedAt.localeCompare(a.startedAt))[0]?.status;
+				const lastSyncAt = appRuns.map((r) => r.startedAt).sort((a, b) => b.localeCompare(a))[0];
+				return {
+					name,
+					status: appWfs.length > 0 || appRunners.some((r) => r.live) ? "connected" : "disconnected",
+					workflowCount: appWfs.length,
+					runCount: appRuns.length,
+					lastSyncAt,
+					workflows: appWfs.map((w) => ({
+						name: w.name,
+						lastStatus: latestStatus(w.name)
+					})),
+					runners: appRunners
+				};
+			});
+		}, [
+			workflows.data,
+			runs.data,
+			runners.data
+		]),
+		isLoading: workflows.isLoading || runs.isLoading
+	};
+}
+//#endregion
+//#region src/hooks/use-events.ts
+const MAX_EVENTS = 200;
+function useEvents() {
+	const client = useDuratonClient();
+	const qc = useQueryClient();
+	const query = useQuery({
+		queryKey: ["events"],
+		queryFn: () => client.events.list()
+	});
+	useEffect(() => {
+		const ctrl = new AbortController();
+		tailEvents(client, qc, ctrl.signal);
+		return () => ctrl.abort();
+	}, [client, qc]);
+	return query;
+}
+async function tailEvents(client, qc, signal) {
+	while (!signal.aborted) {
+		try {
+			for await (const ev of client.events.stream({ signal })) qc.setQueryData(["events"], (prev = []) => prev.some((e) => e.id === ev.id) ? prev : [ev, ...prev].slice(0, MAX_EVENTS));
+		} catch {
+			if (signal.aborted) return;
+		}
+		if (signal.aborted) return;
+		await abortableDelay(RECONNECT_MS, signal);
+	}
+}
+function useTriggerEvent() {
+	const client = useDuratonClient();
+	const qc = useQueryClient();
+	return useMutation({
+		mutationFn: (input) => client.events.send(input),
+		onSuccess: () => {
+			qc.invalidateQueries({ queryKey: ["events"] });
+			qc.invalidateQueries({ queryKey: ["runs"] });
+		}
+	});
+}
+//#endregion
+//#region src/hooks/use-deliveries.ts
+const POLL_MS = 5e3;
+function useDeliveries(opts = {}) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["deliveries", opts],
+		queryFn: () => client.webhooks.deliveries.list(opts),
+		refetchInterval: POLL_MS,
+		placeholderData: keepPreviousData
+	});
+}
+function useDelivery(id) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["delivery", id],
+		queryFn: id != null ? () => client.webhooks.deliveries.get(id) : skipToken,
+		refetchInterval: POLL_MS
+	});
+}
+function useEndpoints() {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["endpoints"],
+		queryFn: () => client.webhooks.endpoints.list()
+	});
+}
+function useReceivers() {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["receivers"],
+		queryFn: () => client.webhooks.receivers.list()
+	});
+}
+function useEndpointStats(since) {
+	const client = useDuratonClient();
+	return useQuery({
+		queryKey: ["endpoint-stats", since ?? null],
+		queryFn: () => client.webhooks.endpoints.stats(since),
+		refetchInterval: POLL_MS
+	});
+}
+//#endregion
+//#region src/hooks/use-webhook-config.ts
+function useEndpointInvalidation() {
+	const qc = useQueryClient();
+	return () => {
+		qc.invalidateQueries({ queryKey: ["endpoints"] });
+		qc.invalidateQueries({ queryKey: ["endpoint-stats"] });
+	};
+}
+function useCreateEndpoint() {
+	const client = useDuratonClient();
+	return useMutation({
+		mutationFn: (input) => client.webhooks.endpoints.create(input),
+		onSuccess: useEndpointInvalidation()
+	});
+}
+function useUpdateEndpoint() {
+	const client = useDuratonClient();
+	return useMutation({
+		mutationFn: ({ id, patch }) => client.webhooks.endpoints.update(id, patch),
+		onSuccess: useEndpointInvalidation()
+	});
+}
+function useDeleteEndpoint() {
+	const client = useDuratonClient();
+	return useMutation({
+		mutationFn: (id) => client.webhooks.endpoints.delete(id),
+		onSuccess: useEndpointInvalidation()
+	});
+}
+function useReceiverInvalidation() {
+	const qc = useQueryClient();
+	return () => void qc.invalidateQueries({ queryKey: ["receivers"] });
+}
+function useCreateReceiver() {
+	const client = useDuratonClient();
+	return useMutation({
+		mutationFn: (input) => client.webhooks.receivers.create(input),
+		onSuccess: useReceiverInvalidation()
+	});
+}
+function useUpdateReceiver() {
+	const client = useDuratonClient();
+	return useMutation({
+		mutationFn: ({ id, patch }) => client.webhooks.receivers.update(id, patch),
+		onSuccess: useReceiverInvalidation()
+	});
+}
+function useDeleteReceiver() {
+	const client = useDuratonClient();
+	return useMutation({
+		mutationFn: (id) => client.webhooks.receivers.delete(id),
+		onSuccess: useReceiverInvalidation()
+	});
+}
+function useRedeliverDelivery() {
+	const client = useDuratonClient();
+	const qc = useQueryClient();
+	return useMutation({
+		mutationFn: (id) => client.webhooks.deliveries.redeliver(id),
+		onSuccess: (_void, id) => {
+			qc.invalidateQueries({ queryKey: ["deliveries"] });
+			qc.invalidateQueries({ queryKey: ["delivery", id] });
+		}
+	});
+}
+//#endregion
+export { ACTIVE_STATUSES, ATTEMPT_OUTCOMES, CONTROL_ACTION_KINDS, DELIVERY_EVENT_KINDS, DELIVERY_STATUSES, DuratonProvider, RUN_STATUSES, SIGNING_SCHEMES, STEP_STATUSES, SUBSCRIBABLE_EVENT_KINDS, TERMINAL_STATUSES, createClient, useApps, useBulkReplay, useCancelRun, useControlActions, useCreateEndpoint, useCreateReceiver, useDeleteEndpoint, useDeleteReceiver, useDeliveries, useDelivery, useDuratonClient, useEndpointStats, useEndpoints, useEvents, useFlowState, usePauseRun, useReceivers, useRedeliverDelivery, useReplayRun, useResumeRun, useRetryFromStep, useRun, useRunStats, useRunSteps, useRunStream, useRunTimeSeries, useRunners, useRuns, useRunsStream, useTriggerEvent, useUpdateEndpoint, useUpdateReceiver, useWorkflows };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FALLBACK_POLL_MS","FALLBACK_POLL_MS","REFETCH_MS","FALLBACK_POLL_MS","POLL_MS","POLL_MS","POLL_MS"],"sources":["../src/provider.tsx","../src/run-status.ts","../src/hooks/use-runs.ts","../src/hooks/use-run-stats.ts","../src/lib/stream.ts","../src/hooks/use-runs-stream.ts","../src/hooks/use-run.ts","../src/hooks/use-run-stream.ts","../src/hooks/use-workflows.ts","../src/hooks/use-run-controls.ts","../src/hooks/use-control-actions.ts","../src/hooks/use-run-timeseries.ts","../src/hooks/use-flow-state.ts","../src/hooks/use-runners.ts","../src/hooks/use-apps.ts","../src/hooks/use-events.ts","../src/hooks/use-deliveries.ts","../src/hooks/use-webhook-config.ts"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { DuratonClient } from \"@duraton/sdk/client\";\n\nconst ClientContext = createContext<DuratonClient | null>(null);\n\nexport function DuratonProvider({\n  client,\n  children,\n}: {\n  client: DuratonClient;\n  children: ReactNode;\n}) {\n  return <ClientContext.Provider value={client}>{children}</ClientContext.Provider>;\n}\n\nexport function useDuratonClient(): DuratonClient {\n  const client = useContext(ClientContext);\n  if (!client) {\n    throw new Error(\"useDuratonClient must be used within a DuratonProvider\");\n  }\n  return client;\n}\n","import type { RunStatus } from \"@duraton/sdk/client\";\n\nexport const ACTIVE_STATUSES: ReadonlySet<RunStatus> = new Set([\"queued\", \"running\", \"waiting\"]);\nexport const TERMINAL_STATUSES: ReadonlySet<RunStatus> = new Set([\n  \"succeeded\",\n  \"failed\",\n  \"cancelled\",\n]);\n","import { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport type { ListRunsOptions, RunsPage } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\n// The namespace stream (useRunsStream) drives refetches; this slow interval is only a\n// safety net so the list still self-heals if the stream drops.\nconst FALLBACK_POLL_MS = 15000;\n\nexport function useRuns(options: ListRunsOptions = {}) {\n  const client = useDuratonClient();\n  return useQuery<RunsPage>({\n    queryKey: [\"runs\", options],\n    queryFn: () => client.runs.list(options),\n    refetchInterval: FALLBACK_POLL_MS,\n    placeholderData: keepPreviousData,\n  });\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { RunStats, RunStatsOptions } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\nconst FALLBACK_POLL_MS = 15000;\n\nexport function useRunStats(options: RunStatsOptions = {}, opts?: { poll?: boolean }) {\n  const client = useDuratonClient();\n  return useQuery<RunStats>({\n    queryKey: [\"run-stats\", options],\n    queryFn: () => client.runs.stats(options),\n    refetchInterval: opts?.poll === false ? false : FALLBACK_POLL_MS,\n  });\n}\n","// Backoff before reconnecting a dropped (non-terminal) SSE stream.\nexport const RECONNECT_MS = 1000;\n\n// Resolves after ms, or immediately when the signal aborts (clearing its timer\n// either way). Used by the SSE reconnect loops.\nexport function abortableDelay(ms: number, signal: AbortSignal): Promise<void> {\n  return new Promise((resolve) => {\n    const timer = setTimeout(resolve, ms);\n    signal.addEventListener(\n      \"abort\",\n      () => {\n        clearTimeout(timer);\n        resolve();\n      },\n      { once: true },\n    );\n  });\n}\n","import { type QueryClient, useQueryClient } from \"@tanstack/react-query\";\nimport { useEffect } from \"react\";\nimport type { DuratonClient } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\nimport { abortableDelay, RECONNECT_MS } from \"../lib/stream\";\n\n// Coalesce a burst of namespace activity into one list/stats refetch.\nconst REFETCH_MS = 300;\n\n// Tails the namespace-wide run-status stream and refetches the runs list + stats\n// on any activity. Best-effort: a dropped frame self-heals on the next change.\nexport function useRunsStream() {\n  const client = useDuratonClient();\n  const qc = useQueryClient();\n  useEffect(() => {\n    const ctrl = new AbortController();\n    void tailNamespace(client, qc, ctrl.signal);\n    return () => ctrl.abort();\n  }, [client, qc]);\n}\n\nasync function tailNamespace(client: DuratonClient, qc: QueryClient, signal: AbortSignal) {\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  const scheduleRefetch = () => {\n    if (timer) return;\n    timer = setTimeout(() => {\n      timer = undefined;\n      void qc.invalidateQueries({ queryKey: [\"runs\"] });\n      void qc.invalidateQueries({ queryKey: [\"run-stats\"] });\n    }, REFETCH_MS);\n  };\n  signal.addEventListener(\"abort\", () => clearTimeout(timer), { once: true });\n\n  while (!signal.aborted) {\n    try {\n      for await (const frame of client.runs.watchAll({ signal })) {\n        if (frame.kind === \"run_status\") scheduleRefetch();\n      }\n    } catch {\n      if (signal.aborted) return;\n    }\n    if (signal.aborted) return;\n    await abortableDelay(RECONNECT_MS, signal);\n  }\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { Run, Step } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\nimport { ACTIVE_STATUSES } from \"../run-status\";\n\nconst FALLBACK_POLL_MS = 10000;\n\nexport function useRun(runId: string) {\n  const client = useDuratonClient();\n  return useQuery<Run>({\n    queryKey: [\"run\", runId],\n    queryFn: () => client.runs.get(runId),\n    refetchInterval: (query) => {\n      const status = query.state.data?.status;\n      return status && ACTIVE_STATUSES.has(status) ? FALLBACK_POLL_MS : false;\n    },\n  });\n}\n\nexport function useRunSteps(runId: string, active: boolean) {\n  const client = useDuratonClient();\n  return useQuery<Step[]>({\n    queryKey: [\"run-steps\", runId],\n    queryFn: () => client.runs.steps(runId),\n    refetchInterval: active ? FALLBACK_POLL_MS : false,\n  });\n}\n","import { type QueryClient, useQueryClient } from \"@tanstack/react-query\";\nimport { useEffect, useState } from \"react\";\nimport type { DuratonClient, TimelineFrame } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\nimport { abortableDelay, RECONNECT_MS } from \"../lib/stream\";\nimport { TERMINAL_STATUSES } from \"../run-status\";\n\n// Coalesce a burst of status frames into one run/steps refetch.\nconst REFETCH_MS = 250;\n\n// Tails a run's SSE timeline; status frames trigger a coalesced refetch while the\n// returned frame buffer drives the live timeline panel. Keyed by runId so a run\n// switch remounts with fresh state.\nexport function useRunStream(runId: string): TimelineFrame[] {\n  const client = useDuratonClient();\n  const qc = useQueryClient();\n  const [frames, setFrames] = useState<TimelineFrame[]>([]);\n\n  useEffect(() => {\n    const ctrl = new AbortController();\n    void tailRun(client, qc, runId, ctrl.signal, setFrames);\n    return () => ctrl.abort();\n  }, [client, qc, runId]);\n\n  return frames;\n}\n\ntype SetFrames = (update: (prev: TimelineFrame[]) => TimelineFrame[]) => void;\n\nasync function tailRun(\n  client: DuratonClient,\n  qc: QueryClient,\n  runId: string,\n  signal: AbortSignal,\n  setFrames: SetFrames,\n) {\n  let from = 0;\n  let refetchTimer: ReturnType<typeof setTimeout> | undefined;\n  signal.addEventListener(\"abort\", () => clearTimeout(refetchTimer), { once: true });\n\n  const refetch = () => {\n    void qc.invalidateQueries({ queryKey: [\"run\", runId] });\n    void qc.invalidateQueries({ queryKey: [\"run-steps\", runId] });\n  };\n  const scheduleRefetch = () => {\n    if (refetchTimer) return;\n    refetchTimer = setTimeout(() => {\n      refetchTimer = undefined;\n      refetch();\n    }, REFETCH_MS);\n  };\n\n  while (!signal.aborted) {\n    let terminal = false;\n    try {\n      for await (const frame of client.runs.watch(runId, { from, signal })) {\n        from = frame.seq;\n        setFrames((prev) => (prev.some((f) => f.seq === frame.seq) ? prev : [...prev, frame]));\n        if (frame.kind === \"log\") continue;\n        scheduleRefetch();\n        if (frame.kind === \"run_status\" && TERMINAL_STATUSES.has(frame.status)) terminal = true;\n      }\n    } catch {\n      if (signal.aborted) return;\n    }\n    if (terminal) {\n      clearTimeout(refetchTimer);\n      refetch();\n      return;\n    }\n    if (signal.aborted) return;\n    await abortableDelay(RECONNECT_MS, signal);\n  }\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { WorkflowDef } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\nconst POLL_MS = 5000;\n\nexport function useWorkflows() {\n  const client = useDuratonClient();\n  return useQuery<WorkflowDef[]>({\n    queryKey: [\"workflows\"],\n    queryFn: () => client.workflows.list(),\n    refetchInterval: POLL_MS,\n  });\n}\n","import { useMutation, useQueryClient, type QueryClient } from \"@tanstack/react-query\";\nimport type { BulkReplayFilter, BulkReplayResult, Run } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\nfunction invalidateRuns(qc: QueryClient) {\n  void qc.invalidateQueries({ queryKey: [\"runs\"] });\n  void qc.invalidateQueries({ queryKey: [\"control-actions\"] });\n}\n\n// In-place control (cancel/pause/resume) returns the updated run. Writing it into the\n// cache lets useRun's status-driven polling self-correct without a refetch round-trip.\nfunction useRunStatusMutation(mutationFn: (id: string) => Promise<Run>) {\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn,\n    onSuccess: (run) => {\n      qc.setQueryData([\"run\", run.id], run);\n      void qc.invalidateQueries({ queryKey: [\"run-steps\", run.id] });\n      invalidateRuns(qc);\n    },\n  });\n}\n\nexport function useCancelRun() {\n  const client = useDuratonClient();\n  return useRunStatusMutation((id) => client.runs.cancel(id));\n}\n\nexport function usePauseRun() {\n  const client = useDuratonClient();\n  return useRunStatusMutation((id) => client.runs.pause(id));\n}\n\nexport function useResumeRun() {\n  const client = useDuratonClient();\n  return useRunStatusMutation((id) => client.runs.resume(id));\n}\n\nfunction useForkRun<TArgs>(mutationFn: (args: TArgs) => Promise<Run>) {\n  const qc = useQueryClient();\n  return useMutation<Run, Error, TArgs>({\n    mutationFn,\n    onSuccess: () => invalidateRuns(qc),\n  });\n}\n\nexport function useReplayRun() {\n  const client = useDuratonClient();\n  return useForkRun(({ runId, input }: { runId: string; input?: unknown }) =>\n    client.runs.replay(runId, input),\n  );\n}\n\nexport function useRetryFromStep() {\n  const client = useDuratonClient();\n  return useForkRun(({ runId, step }: { runId: string; step: string }) =>\n    client.runs.retryFromStep(runId, step),\n  );\n}\n\nexport function useBulkReplay() {\n  const client = useDuratonClient();\n  const qc = useQueryClient();\n  return useMutation<BulkReplayResult, Error, BulkReplayFilter>({\n    mutationFn: (filter) => client.runs.bulkReplay(filter),\n    onSuccess: () => invalidateRuns(qc),\n  });\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { ControlAction, ListControlActionsOptions } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\nexport function useControlActions(opts: ListControlActionsOptions = {}) {\n  const client = useDuratonClient();\n  return useQuery<ControlAction[]>({\n    queryKey: [\"control-actions\", opts],\n    queryFn: () => client.runs.controlActions(opts),\n  });\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { RunSeries, RunTimeSeriesOptions } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\n// The namespace stream (useRunsStream) drives refetches; this slow interval is only a safety net.\nconst FALLBACK_POLL_MS = 15000;\n\nexport function useRunTimeSeries(opts: RunTimeSeriesOptions = {}) {\n  const client = useDuratonClient();\n  return useQuery<RunSeries>({\n    queryKey: [\"run-timeseries\", opts],\n    queryFn: () => client.runs.timeseries(opts),\n    refetchInterval: FALLBACK_POLL_MS,\n  });\n}\n","import { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport type { FlowState, FlowStateOptions } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\n// Buffer counts move on their own (a debounce fires, a batch flushes) with no run\n// event to ride, so this view polls on a short cadence of its own.\nconst POLL_MS = 5000;\n\nexport function useFlowState(opts: FlowStateOptions = {}) {\n  const client = useDuratonClient();\n  return useQuery<FlowState>({\n    queryKey: [\"flow-state\", opts],\n    queryFn: () => client.flowState(opts),\n    refetchInterval: POLL_MS,\n    placeholderData: keepPreviousData,\n  });\n}\n","import { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport type { Runner } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\nconst POLL_MS = 15000;\n\nexport function useRunners() {\n  const client = useDuratonClient();\n  return useQuery<Runner[]>({\n    queryKey: [\"runners\"],\n    queryFn: () => client.runners.list(),\n    refetchInterval: POLL_MS,\n    placeholderData: keepPreviousData,\n  });\n}\n","import { useMemo } from \"react\";\nimport type { Runner, RunStatus } from \"@duraton/sdk/client\";\nimport { useRunners } from \"./use-runners\";\nimport { useRuns } from \"./use-runs\";\nimport { useWorkflows } from \"./use-workflows\";\n\nexport const APP_STATUSES = [\"connected\", \"syncing\", \"error\", \"disconnected\"] as const;\nexport type AppStatus = (typeof APP_STATUSES)[number];\n\nexport interface AppWorkflow {\n  name: string;\n  lastStatus?: RunStatus;\n}\n\nexport interface AppInfo {\n  name: string;\n  status: AppStatus;\n  workflowCount: number;\n  runCount: number;\n  lastSyncAt?: string;\n  workflows: AppWorkflow[];\n  runners: Runner[];\n}\n\nexport function useApps(): { data: AppInfo[]; isLoading: boolean } {\n  const workflows = useWorkflows();\n  const runs = useRuns();\n  const runners = useRunners();\n\n  const data = useMemo<AppInfo[]>(() => {\n    const wfs = workflows.data ?? [];\n    const rs = runs.data?.runs ?? [];\n    const rns = runners.data ?? [];\n    const names = new Set<string>();\n    wfs.forEach((w) => names.add(w.app));\n    rs.forEach((r) => names.add(r.app));\n    rns.forEach((r) => names.add(r.app));\n\n    return [...names].sort().map((name) => {\n      const appWfs = wfs.filter((w) => w.app === name);\n      const appRuns = rs.filter((r) => r.app === name);\n      const appRunners = rns.filter((r) => r.app === name);\n      const latestStatus = (wfName: string) =>\n        appRuns\n          .filter((r) => r.workflowName === wfName)\n          .sort((a, b) => b.startedAt.localeCompare(a.startedAt))[0]?.status;\n      const lastSyncAt = appRuns.map((r) => r.startedAt).sort((a, b) => b.localeCompare(a))[0];\n\n      return {\n        name,\n        status: appWfs.length > 0 || appRunners.some((r) => r.live) ? \"connected\" : \"disconnected\",\n        workflowCount: appWfs.length,\n        runCount: appRuns.length,\n        lastSyncAt,\n        workflows: appWfs.map((w) => ({ name: w.name, lastStatus: latestStatus(w.name) })),\n        runners: appRunners,\n      };\n    });\n  }, [workflows.data, runs.data, runners.data]);\n\n  return { data, isLoading: workflows.isLoading || runs.isLoading };\n}\n","import { type QueryClient, useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useEffect } from \"react\";\nimport type { DuratonClient, EventLogRecord, SendEventInput } from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\nimport { abortableDelay, RECONNECT_MS } from \"../lib/stream\";\n\n// MAX_EVENTS caps the in-memory list so a long-open tab on the live stream does\n// not grow without bound; older events stay queryable via events.list().\nconst MAX_EVENTS = 200;\n\nexport function useEvents() {\n  const client = useDuratonClient();\n  const qc = useQueryClient();\n  const query = useQuery<EventLogRecord[]>({\n    queryKey: [\"events\"],\n    queryFn: () => client.events.list(),\n  });\n\n  useEffect(() => {\n    const ctrl = new AbortController();\n    void tailEvents(client, qc, ctrl.signal);\n    return () => ctrl.abort();\n  }, [client, qc]);\n\n  return query;\n}\n\nasync function tailEvents(client: DuratonClient, qc: QueryClient, signal: AbortSignal) {\n  while (!signal.aborted) {\n    try {\n      for await (const ev of client.events.stream({ signal })) {\n        qc.setQueryData<EventLogRecord[]>([\"events\"], (prev = []) =>\n          prev.some((e) => e.id === ev.id) ? prev : [ev, ...prev].slice(0, MAX_EVENTS),\n        );\n      }\n    } catch {\n      if (signal.aborted) return;\n    }\n    if (signal.aborted) return;\n    await abortableDelay(RECONNECT_MS, signal);\n  }\n}\n\nexport function useTriggerEvent() {\n  const client = useDuratonClient();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: (input: SendEventInput) => client.events.send(input),\n    onSuccess: () => {\n      void qc.invalidateQueries({ queryKey: [\"events\"] });\n      void qc.invalidateQueries({ queryKey: [\"runs\"] });\n    },\n  });\n}\n","import { keepPreviousData, skipToken, useQuery } from \"@tanstack/react-query\";\nimport type {\n  ListWebhookDeliveriesOptions,\n  WebhookDeliveriesPage,\n  WebhookDeliveryDetail,\n  WebhookEndpoint,\n  WebhookEndpointStats,\n  WebhookReceiver,\n} from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\nconst POLL_MS = 5000;\n\nexport function useDeliveries(opts: ListWebhookDeliveriesOptions = {}) {\n  const client = useDuratonClient();\n  return useQuery<WebhookDeliveriesPage>({\n    queryKey: [\"deliveries\", opts],\n    queryFn: () => client.webhooks.deliveries.list(opts),\n    refetchInterval: POLL_MS,\n    placeholderData: keepPreviousData,\n  });\n}\n\nexport function useDelivery(id: string | null) {\n  const client = useDuratonClient();\n  return useQuery<WebhookDeliveryDetail>({\n    queryKey: [\"delivery\", id],\n    queryFn: id != null ? () => client.webhooks.deliveries.get(id) : skipToken,\n    refetchInterval: POLL_MS,\n  });\n}\n\nexport function useEndpoints() {\n  const client = useDuratonClient();\n  return useQuery<WebhookEndpoint[]>({\n    queryKey: [\"endpoints\"],\n    queryFn: () => client.webhooks.endpoints.list(),\n  });\n}\n\nexport function useReceivers() {\n  const client = useDuratonClient();\n  return useQuery<WebhookReceiver[]>({\n    queryKey: [\"receivers\"],\n    queryFn: () => client.webhooks.receivers.list(),\n  });\n}\n\nexport function useEndpointStats(since?: string) {\n  const client = useDuratonClient();\n  return useQuery<WebhookEndpointStats[]>({\n    queryKey: [\"endpoint-stats\", since ?? null],\n    queryFn: () => client.webhooks.endpoints.stats(since),\n    refetchInterval: POLL_MS,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type {\n  EndpointInput,\n  EndpointPatch,\n  ReceiverInput,\n  ReceiverPatch,\n} from \"@duraton/sdk/client\";\nimport { useDuratonClient } from \"../provider\";\n\n// Pure mutation hooks: cache invalidation only. Consumers add toast/navigation via\n// mutate(vars, { onSuccess, onError }).\n\nfunction useEndpointInvalidation() {\n  const qc = useQueryClient();\n  return () => {\n    void qc.invalidateQueries({ queryKey: [\"endpoints\"] });\n    void qc.invalidateQueries({ queryKey: [\"endpoint-stats\"] });\n  };\n}\n\nexport function useCreateEndpoint() {\n  const client = useDuratonClient();\n  const invalidate = useEndpointInvalidation();\n  return useMutation({\n    mutationFn: (input: EndpointInput) => client.webhooks.endpoints.create(input),\n    onSuccess: invalidate,\n  });\n}\n\nexport function useUpdateEndpoint() {\n  const client = useDuratonClient();\n  const invalidate = useEndpointInvalidation();\n  return useMutation({\n    mutationFn: ({ id, patch }: { id: string; patch: EndpointPatch }) =>\n      client.webhooks.endpoints.update(id, patch),\n    onSuccess: invalidate,\n  });\n}\n\nexport function useDeleteEndpoint() {\n  const client = useDuratonClient();\n  const invalidate = useEndpointInvalidation();\n  return useMutation({\n    mutationFn: (id: string) => client.webhooks.endpoints.delete(id),\n    onSuccess: invalidate,\n  });\n}\n\nfunction useReceiverInvalidation() {\n  const qc = useQueryClient();\n  return () => void qc.invalidateQueries({ queryKey: [\"receivers\"] });\n}\n\nexport function useCreateReceiver() {\n  const client = useDuratonClient();\n  const invalidate = useReceiverInvalidation();\n  return useMutation({\n    mutationFn: (input: ReceiverInput) => client.webhooks.receivers.create(input),\n    onSuccess: invalidate,\n  });\n}\n\nexport function useUpdateReceiver() {\n  const client = useDuratonClient();\n  const invalidate = useReceiverInvalidation();\n  return useMutation({\n    mutationFn: ({ id, patch }: { id: string; patch: ReceiverPatch }) =>\n      client.webhooks.receivers.update(id, patch),\n    onSuccess: invalidate,\n  });\n}\n\nexport function useDeleteReceiver() {\n  const client = useDuratonClient();\n  const invalidate = useReceiverInvalidation();\n  return useMutation({\n    mutationFn: (id: string) => client.webhooks.receivers.delete(id),\n    onSuccess: invalidate,\n  });\n}\n\nexport function useRedeliverDelivery() {\n  const client = useDuratonClient();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: (id: string) => client.webhooks.deliveries.redeliver(id),\n    onSuccess: (_void, id) => {\n      void qc.invalidateQueries({ queryKey: [\"deliveries\"] });\n      void qc.invalidateQueries({ queryKey: [\"delivery\", id] });\n    },\n  });\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@duraton/react",
+  "version": "0.1.0-beta.7",
+  "description": "Headless React hooks and provider for duraton - runs, workflows, and live run streams over the control API.",
+  "license": "Apache-2.0",
+  "type": "module",
+  "homepage": "https://github.com/duraton/duraton#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/duraton/duraton.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/duraton/duraton/issues"
+  },
+  "keywords": [
+    "durable",
+    "workflow",
+    "react",
+    "hooks",
+    "duraton"
+  ],
+  "exports": {
+    ".": {
+      "bun": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "src",
+    "LICENSE",
+    "NOTICE"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5",
+    "react": ">=18"
+  },
+  "dependencies": {
+    "@duraton/sdk": "0.0.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "prepublishOnly": "tsdown",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.101.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^29.1.1",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.7",
+    "tsdown": "^0.22.3",
+    "typescript": "^5",
+    "vitest": "^4.1.9"
+  }
+}

package/src/hooks/use-apps.ts

@@ -0,0 +1,62 @@
+import { useMemo } from "react";
+import type { Runner, RunStatus } from "@duraton/sdk/client";
+import { useRunners } from "./use-runners";
+import { useRuns } from "./use-runs";
+import { useWorkflows } from "./use-workflows";
+
+export const APP_STATUSES = ["connected", "syncing", "error", "disconnected"] as const;
+export type AppStatus = (typeof APP_STATUSES)[number];
+
+export interface AppWorkflow {
+  name: string;
+  lastStatus?: RunStatus;
+}
+
+export interface AppInfo {
+  name: string;
+  status: AppStatus;
+  workflowCount: number;
+  runCount: number;
+  lastSyncAt?: string;
+  workflows: AppWorkflow[];
+  runners: Runner[];
+}
+
+export function useApps(): { data: AppInfo[]; isLoading: boolean } {
+  const workflows = useWorkflows();
+  const runs = useRuns();
+  const runners = useRunners();
+
+  const data = useMemo<AppInfo[]>(() => {
+    const wfs = workflows.data ?? [];
+    const rs = runs.data?.runs ?? [];
+    const rns = runners.data ?? [];
+    const names = new Set<string>();
+    wfs.forEach((w) => names.add(w.app));
+    rs.forEach((r) => names.add(r.app));
+    rns.forEach((r) => names.add(r.app));
+
+    return [...names].sort().map((name) => {
+      const appWfs = wfs.filter((w) => w.app === name);
+      const appRuns = rs.filter((r) => r.app === name);
+      const appRunners = rns.filter((r) => r.app === name);
+      const latestStatus = (wfName: string) =>
+        appRuns
+          .filter((r) => r.workflowName === wfName)
+          .sort((a, b) => b.startedAt.localeCompare(a.startedAt))[0]?.status;
+      const lastSyncAt = appRuns.map((r) => r.startedAt).sort((a, b) => b.localeCompare(a))[0];
+
+      return {
+        name,
+        status: appWfs.length > 0 || appRunners.some((r) => r.live) ? "connected" : "disconnected",
+        workflowCount: appWfs.length,
+        runCount: appRuns.length,
+        lastSyncAt,
+        workflows: appWfs.map((w) => ({ name: w.name, lastStatus: latestStatus(w.name) })),
+        runners: appRunners,
+      };
+    });
+  }, [workflows.data, runs.data, runners.data]);
+
+  return { data, isLoading: workflows.isLoading || runs.isLoading };
+}