@shipfox/client-workflows 0.2.0

package/dist/pages/workflow-run-page.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate, useSearch } from '@tanstack/react-router';
+import { useCallback, useEffect } from 'react';
+import { WorkflowRunList } from '#components/workflow-run-list/workflow-run-list.js';
+import { WorkflowRunView } from '#components/workflow-run-view/index.js';
+import { withoutWorkflowRunSelectionSearch, withWorkflowRunSelectionSearch, workflowRunSelectionFromSearch } from '#core/workflow-run-url-state.js';
+import { useWorkflowRunsInfiniteQuery } from '#hooks/api/workflow-runs.js';
+import { WorkflowRunFirstTimeUse } from './workflow-run-first-time-use.js';
+/**
+ * Resolve which surface the runs path should show from a single read of the runs list:
+ * - when opened without a workflow run id, point the URL at the most recent run so the detail pane is
+ *   never empty (navigation happens in an effect since it mutates history);
+ * - report `hasNoRuns` once the list has loaded with zero runs, so a brand-new project lands
+ *   on the first-time-use surface instead of an empty rail and a perpetual detail skeleton.
+ */ function useWorkflowRunPageTarget(workspaceId, projectId, workflowRunId) {
+    const navigate = useNavigate();
+    const { data, isPending } = useWorkflowRunsInfiniteQuery(projectId, {});
+    const firstWorkflowRunId = data?.pages[0]?.runs[0]?.id;
+    // Gate on data presence, not `!isError`: a transient refetch error after a prior success
+    // keeps `data`, so the redirect (and the no-runs surface) still resolve from it instead of
+    // stalling on the rail while active-run polling hits a blip.
+    const isLoaded = !isPending && data !== undefined;
+    useEffect(()=>{
+        if (workflowRunId || !isLoaded || !firstWorkflowRunId) return;
+        navigate({
+            to: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',
+            params: {
+                wid: workspaceId,
+                pid: projectId,
+                workflowRunId: firstWorkflowRunId
+            },
+            search: (previous)=>withoutWorkflowRunSelectionSearch(previous),
+            replace: true
+        });
+    }, [
+        navigate,
+        workspaceId,
+        projectId,
+        workflowRunId,
+        isLoaded,
+        firstWorkflowRunId
+    ]);
+    return {
+        hasNoRuns: isLoaded && firstWorkflowRunId === undefined
+    };
+}
+export function WorkflowRunPage({ workspaceId, projectId, workflowRunId }) {
+    const { hasNoRuns } = useWorkflowRunPageTarget(workspaceId, projectId, workflowRunId);
+    const navigate = useNavigate();
+    const search = useSearch({
+        strict: false
+    });
+    const selection = workflowRunSelectionFromSearch(search);
+    const onSelectionChange = useCallback((nextSelection)=>{
+        navigate({
+            search: (previous)=>withWorkflowRunSelectionSearch(previous, nextSelection)
+        });
+    }, [
+        navigate
+    ]);
+    if (!workflowRunId && hasNoRuns) {
+        return /*#__PURE__*/ _jsx(WorkflowRunFirstTimeUse, {});
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-h-0 flex-1 overflow-hidden",
+        children: [
+            /*#__PURE__*/ _jsx(WorkflowRunList, {
+                workspaceId: workspaceId,
+                projectId: projectId,
+                selectedWorkflowRunId: workflowRunId
+            }),
+            /*#__PURE__*/ _jsx(WorkflowRunView, {
+                workspaceId: workspaceId,
+                projectId: projectId,
+                workflowRunId: workflowRunId,
+                selection: selection,
+                onSelectionChange: onSelectionChange
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=workflow-run-page.js.map

package/dist/pages/workflow-run-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/workflow-run-page.tsx"],"sourcesContent":["import {useNavigate, useSearch} from '@tanstack/react-router';\nimport {useCallback, useEffect} from 'react';\nimport {WorkflowRunList} from '#components/workflow-run-list/workflow-run-list.js';\nimport {WorkflowRunView} from '#components/workflow-run-view/index.js';\nimport {\n  type WorkflowRunSelectionInput,\n  withoutWorkflowRunSelectionSearch,\n  withWorkflowRunSelectionSearch,\n  workflowRunSelectionFromSearch,\n} from '#core/workflow-run-url-state.js';\nimport {useWorkflowRunsInfiniteQuery} from '#hooks/api/workflow-runs.js';\nimport {WorkflowRunFirstTimeUse} from './workflow-run-first-time-use.js';\n\ninterface WorkflowRunPageProps {\n  workspaceId: string;\n  projectId: string;\n  workflowRunId?: string | undefined;\n}\n\n/**\n * Resolve which surface the runs path should show from a single read of the runs list:\n * - when opened without a workflow run id, point the URL at the most recent run so the detail pane is\n *   never empty (navigation happens in an effect since it mutates history);\n * - report `hasNoRuns` once the list has loaded with zero runs, so a brand-new project lands\n *   on the first-time-use surface instead of an empty rail and a perpetual detail skeleton.\n */\nfunction useWorkflowRunPageTarget(\n  workspaceId: string,\n  projectId: string,\n  workflowRunId: string | undefined,\n) {\n  const navigate = useNavigate();\n  const {data, isPending} = useWorkflowRunsInfiniteQuery(projectId, {});\n  const firstWorkflowRunId = data?.pages[0]?.runs[0]?.id;\n  // Gate on data presence, not `!isError`: a transient refetch error after a prior success\n  // keeps `data`, so the redirect (and the no-runs surface) still resolve from it instead of\n  // stalling on the rail while active-run polling hits a blip.\n  const isLoaded = !isPending && data !== undefined;\n\n  useEffect(() => {\n    if (workflowRunId || !isLoaded || !firstWorkflowRunId) return;\n    navigate({\n      to: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',\n      params: {wid: workspaceId, pid: projectId, workflowRunId: firstWorkflowRunId},\n      search: ((previous: Record<string, unknown>) =>\n        withoutWorkflowRunSelectionSearch(previous)) as never,\n      replace: true,\n    });\n  }, [navigate, workspaceId, projectId, workflowRunId, isLoaded, firstWorkflowRunId]);\n\n  return {hasNoRuns: isLoaded && firstWorkflowRunId === undefined};\n}\n\nexport function WorkflowRunPage({workspaceId, projectId, workflowRunId}: WorkflowRunPageProps) {\n  const {hasNoRuns} = useWorkflowRunPageTarget(workspaceId, projectId, workflowRunId);\n  const navigate = useNavigate();\n  const search = useSearch({strict: false}) as Record<string, unknown>;\n  const selection = workflowRunSelectionFromSearch(search);\n  const onSelectionChange = useCallback(\n    (nextSelection: WorkflowRunSelectionInput) => {\n      navigate({\n        search: ((previous: Record<string, unknown>) =>\n          withWorkflowRunSelectionSearch(previous, nextSelection)) as never,\n      });\n    },\n    [navigate],\n  );\n\n  if (!workflowRunId && hasNoRuns) {\n    return <WorkflowRunFirstTimeUse />;\n  }\n\n  return (\n    <div className=\"flex min-h-0 flex-1 overflow-hidden\">\n      <WorkflowRunList\n        workspaceId={workspaceId}\n        projectId={projectId}\n        selectedWorkflowRunId={workflowRunId}\n      />\n      <WorkflowRunView\n        workspaceId={workspaceId}\n        projectId={projectId}\n        workflowRunId={workflowRunId}\n        selection={selection}\n        onSelectionChange={onSelectionChange}\n      />\n    </div>\n  );\n}\n"],"names":["useNavigate","useSearch","useCallback","useEffect","WorkflowRunList","WorkflowRunView","withoutWorkflowRunSelectionSearch","withWorkflowRunSelectionSearch","workflowRunSelectionFromSearch","useWorkflowRunsInfiniteQuery","WorkflowRunFirstTimeUse","useWorkflowRunPageTarget","workspaceId","projectId","workflowRunId","navigate","data","isPending","firstWorkflowRunId","pages","runs","id","isLoaded","undefined","to","params","wid","pid","search","previous","replace","hasNoRuns","WorkflowRunPage","strict","selection","onSelectionChange","nextSelection","div","className","selectedWorkflowRunId"],"mappings":";AAAA,SAAQA,WAAW,EAAEC,SAAS,QAAO,yBAAyB;AAC9D,SAAQC,WAAW,EAAEC,SAAS,QAAO,QAAQ;AAC7C,SAAQC,eAAe,QAAO,qDAAqD;AACnF,SAAQC,eAAe,QAAO,yCAAyC;AACvE,SAEEC,iCAAiC,EACjCC,8BAA8B,EAC9BC,8BAA8B,QACzB,kCAAkC;AACzC,SAAQC,4BAA4B,QAAO,8BAA8B;AACzE,SAAQC,uBAAuB,QAAO,mCAAmC;AAQzE;;;;;;CAMC,GACD,SAASC,yBACPC,WAAmB,EACnBC,SAAiB,EACjBC,aAAiC;IAEjC,MAAMC,WAAWf;IACjB,MAAM,EAACgB,IAAI,EAAEC,SAAS,EAAC,GAAGR,6BAA6BI,WAAW,CAAC;IACnE,MAAMK,qBAAqBF,MAAMG,KAAK,CAAC,EAAE,EAAEC,IAAI,CAAC,EAAE,EAAEC;IACpD,yFAAyF;IACzF,2FAA2F;IAC3F,6DAA6D;IAC7D,MAAMC,WAAW,CAACL,aAAaD,SAASO;IAExCpB,UAAU;QACR,IAAIW,iBAAiB,CAACQ,YAAY,CAACJ,oBAAoB;QACvDH,SAAS;YACPS,IAAI;YACJC,QAAQ;gBAACC,KAAKd;gBAAae,KAAKd;gBAAWC,eAAeI;YAAkB;YAC5EU,QAAS,CAACC,WACRvB,kCAAkCuB;YACpCC,SAAS;QACX;IACF,GAAG;QAACf;QAAUH;QAAaC;QAAWC;QAAeQ;QAAUJ;KAAmB;IAElF,OAAO;QAACa,WAAWT,YAAYJ,uBAAuBK;IAAS;AACjE;AAEA,OAAO,SAASS,gBAAgB,EAACpB,WAAW,EAAEC,SAAS,EAAEC,aAAa,EAAuB;IAC3F,MAAM,EAACiB,SAAS,EAAC,GAAGpB,yBAAyBC,aAAaC,WAAWC;IACrE,MAAMC,WAAWf;IACjB,MAAM4B,SAAS3B,UAAU;QAACgC,QAAQ;IAAK;IACvC,MAAMC,YAAY1B,+BAA+BoB;IACjD,MAAMO,oBAAoBjC,YACxB,CAACkC;QACCrB,SAAS;YACPa,QAAS,CAACC,WACRtB,+BAA+BsB,UAAUO;QAC7C;IACF,GACA;QAACrB;KAAS;IAGZ,IAAI,CAACD,iBAAiBiB,WAAW;QAC/B,qBAAO,KAACrB;IACV;IAEA,qBACE,MAAC2B;QAAIC,WAAU;;0BACb,KAAClC;gBACCQ,aAAaA;gBACbC,WAAWA;gBACX0B,uBAAuBzB;;0BAEzB,KAACT;gBACCO,aAAaA;gBACbC,WAAWA;gBACXC,eAAeA;gBACfoB,WAAWA;gBACXC,mBAAmBA;;;;AAI3B"}

package/dist/routes/run-detail.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("@shipfox/client-shell/runtime").RouteImpl<{
+    readonly staticData: {
+        readonly layout: "full-bleed";
+    };
+    readonly component: () => import("react").JSX.Element;
+}>;
+export default _default;
+//# sourceMappingURL=run-detail.d.ts.map

package/dist/routes/run-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-detail.d.ts","sourceRoot":"","sources":["../../src/routes/run-detail.tsx"],"names":[],"mappings":";;;;;;AAIA,wBAUG"}

package/dist/routes/run-detail.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineRoute } from '@shipfox/client-shell/runtime';
+import { useParams } from '@tanstack/react-router';
+import { WorkflowRunPage } from '#pages/workflow-run-page.js';
+export default defineRoute({
+    staticData: {
+        layout: 'full-bleed'
+    },
+    component: ()=>{
+        const { wid, pid, workflowRunId } = useParams({
+            strict: false
+        });
+        return /*#__PURE__*/ _jsx(WorkflowRunPage, {
+            workspaceId: wid,
+            projectId: pid,
+            workflowRunId: workflowRunId
+        });
+    }
+});
+
+//# sourceMappingURL=run-detail.js.map

package/dist/routes/run-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/routes/run-detail.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {useParams} from '@tanstack/react-router';\nimport {WorkflowRunPage} from '#pages/workflow-run-page.js';\n\nexport default defineRoute({\n  staticData: {layout: 'full-bleed'},\n  component: () => {\n    const {wid, pid, workflowRunId} = useParams({strict: false}) as {\n      wid: string;\n      pid: string;\n      workflowRunId: string;\n    };\n    return <WorkflowRunPage workspaceId={wid} projectId={pid} workflowRunId={workflowRunId} />;\n  },\n});\n"],"names":["defineRoute","useParams","WorkflowRunPage","staticData","layout","component","wid","pid","workflowRunId","strict","workspaceId","projectId"],"mappings":";AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,SAAS,QAAO,yBAAyB;AACjD,SAAQC,eAAe,QAAO,8BAA8B;AAE5D,eAAeF,YAAY;IACzBG,YAAY;QAACC,QAAQ;IAAY;IACjCC,WAAW;QACT,MAAM,EAACC,GAAG,EAAEC,GAAG,EAAEC,aAAa,EAAC,GAAGP,UAAU;YAACQ,QAAQ;QAAK;QAK1D,qBAAO,KAACP;YAAgBQ,aAAaJ;YAAKK,WAAWJ;YAAKC,eAAeA;;IAC3E;AACF,GAAG"}

package/dist/routes/runs.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("@shipfox/client-shell/runtime").RouteImpl<{
+    readonly staticData: {
+        readonly layout: "full-bleed";
+    };
+    readonly component: () => import("react").JSX.Element;
+}>;
+export default _default;
+//# sourceMappingURL=runs.d.ts.map

package/dist/routes/runs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runs.d.ts","sourceRoot":"","sources":["../../src/routes/runs.tsx"],"names":[],"mappings":";;;;;;AAIA,wBAMG"}

package/dist/routes/runs.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineRoute } from '@shipfox/client-shell/runtime';
+import { useParams } from '@tanstack/react-router';
+import { WorkflowRunPage } from '#pages/workflow-run-page.js';
+export default defineRoute({
+    staticData: {
+        layout: 'full-bleed'
+    },
+    component: ()=>{
+        const { wid, pid } = useParams({
+            strict: false
+        });
+        return /*#__PURE__*/ _jsx(WorkflowRunPage, {
+            workspaceId: wid,
+            projectId: pid
+        });
+    }
+});
+
+//# sourceMappingURL=runs.js.map

package/dist/routes/runs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/routes/runs.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {useParams} from '@tanstack/react-router';\nimport {WorkflowRunPage} from '#pages/workflow-run-page.js';\n\nexport default defineRoute({\n  staticData: {layout: 'full-bleed'},\n  component: () => {\n    const {wid, pid} = useParams({strict: false}) as {wid: string; pid: string};\n    return <WorkflowRunPage workspaceId={wid} projectId={pid} />;\n  },\n});\n"],"names":["defineRoute","useParams","WorkflowRunPage","staticData","layout","component","wid","pid","strict","workspaceId","projectId"],"mappings":";AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,SAAS,QAAO,yBAAyB;AACjD,SAAQC,eAAe,QAAO,8BAA8B;AAE5D,eAAeF,YAAY;IACzBG,YAAY;QAACC,QAAQ;IAAY;IACjCC,WAAW;QACT,MAAM,EAACC,GAAG,EAAEC,GAAG,EAAC,GAAGN,UAAU;YAACO,QAAQ;QAAK;QAC3C,qBAAO,KAACN;YAAgBO,aAAaH;YAAKI,WAAWH;;IACvD;AACF,GAAG"}