@shipfox/client-projects 21.0.0 → 22.0.1

package/dist/pages/projects-hub-page.stories.js

@@ -0,0 +1,214 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { configureApiClient } from '@shipfox/client-api';
+import { authStateAtom } from '@shipfox/client-auth';
+import { Toaster } from '@shipfox/react-ui/toast';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { createMemoryHistory, createRootRoute, createRoute, createRouter, Outlet, RouterProvider } from '@tanstack/react-router';
+import { createStore, Provider as JotaiProvider } from 'jotai';
+import { useMemo } from 'react';
+import { ProjectsHubPage } from './projects-hub-page.js';
+const WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';
+const CONNECTION_ID = '33333333-3333-4333-8333-333333333333';
+const authState = {
+    status: 'authenticated',
+    token: 'token',
+    user: {
+        id: '22222222-2222-4222-8222-222222222222',
+        email: 'platform@example.com',
+        name: 'Platform Engineer',
+        emailVerifiedAt: '2026-01-01T00:00:00.000Z'
+    },
+    workspaces: [
+        {
+            id: WORKSPACE_ID,
+            name: 'Acme',
+            slug: 'acme',
+            membershipId: 'membership-1'
+        }
+    ]
+};
+function ProjectsHubPageStory({ scenario }) {
+    configureApiClient({
+        baseUrl: 'https://api.example.test',
+        fetchImpl: fetchForScenario(scenario)
+    });
+    const queryClient = useMemo(()=>new QueryClient({
+            defaultOptions: {
+                queries: {
+                    retry: false
+                }
+            }
+        }), []);
+    const store = useMemo(()=>{
+        const nextStore = createStore();
+        nextStore.set(authStateAtom, authState);
+        return nextStore;
+    }, []);
+    const router = useMemo(()=>createStoryRouter(), []);
+    return /*#__PURE__*/ _jsx(QueryClientProvider, {
+        client: queryClient,
+        children: /*#__PURE__*/ _jsxs(JotaiProvider, {
+            store: store,
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: "min-h-screen bg-background-subtle-base px-24 py-32",
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: "mx-auto w-full max-w-[1120px]",
+                        children: /*#__PURE__*/ _jsx(RouterProvider, {
+                            router: router
+                        })
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Toaster, {})
+            ]
+        })
+    });
+}
+const meta = {
+    title: 'Projects/ProjectsHubPage',
+    component: ProjectsHubPageStory,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    args: {
+        scenario: 'list'
+    }
+};
+export default meta;
+export const Playground = {};
+export const Empty = {
+    args: {
+        scenario: 'empty'
+    }
+};
+export const Loading = {
+    args: {
+        scenario: 'loading'
+    }
+};
+export const ErrorState = {
+    args: {
+        scenario: 'error'
+    }
+};
+function createStoryRouter() {
+    const rootRoute = createRootRoute({
+        component: Outlet
+    });
+    const workspaceRoute = createRoute({
+        getParentRoute: ()=>rootRoute,
+        path: '/w/$workspaceSlug',
+        component: ProjectsHubPage
+    });
+    return createRouter({
+        history: createMemoryHistory({
+            initialEntries: [
+                '/w/acme'
+            ]
+        }),
+        routeTree: rootRoute.addChildren([
+            workspaceRoute
+        ])
+    });
+}
+function fetchForScenario(scenario) {
+    return (input)=>{
+        const url = requestUrl(input);
+        if (url.pathname.endsWith('/agent/model-providers')) {
+            return Promise.resolve(jsonResponse({
+                configs: [
+                    {
+                        kind: 'builtin',
+                        provider_id: 'anthropic',
+                        default_model: null,
+                        created_at: '2026-01-01T00:00:00.000Z',
+                        updated_at: '2026-01-01T00:00:00.000Z'
+                    }
+                ],
+                default_provider_id: 'anthropic',
+                default_harness_id: null
+            }));
+        }
+        if (url.pathname === '/integration-connections') {
+            return Promise.resolve(jsonResponse({
+                connections: [
+                    {
+                        id: CONNECTION_ID,
+                        workspace_id: WORKSPACE_ID,
+                        provider: 'github',
+                        external_account_id: 'octo',
+                        slug: 'github_octo',
+                        display_name: 'Acme GitHub',
+                        lifecycle_status: 'active',
+                        capabilities: [
+                            'source_control'
+                        ],
+                        created_at: '2026-01-01T00:00:00.000Z',
+                        updated_at: '2026-01-01T00:00:00.000Z'
+                    }
+                ]
+            }));
+        }
+        if (url.pathname === '/projects') {
+            if (scenario === 'loading') {
+                return new Promise(()=>{
+                // Keep the request pending to show the initial skeleton.
+                });
+            }
+            if (scenario === 'error') {
+                return Promise.resolve(jsonResponse({
+                    code: 'server-error'
+                }, {
+                    status: 500
+                }));
+            }
+            if (scenario === 'empty') {
+                return Promise.resolve(jsonResponse({
+                    projects: [],
+                    next_cursor: null
+                }));
+            }
+            return Promise.resolve(jsonResponse({
+                projects: [
+                    projectForStory('Platform', '11111111-1111-4111-8111-111111111112'),
+                    projectForStory('Agent', '11111111-1111-4111-8111-111111111113'),
+                    projectForStory('Workflows', '11111111-1111-4111-8111-111111111114')
+                ],
+                next_cursor: null
+            }));
+        }
+        return Promise.resolve(jsonResponse({}, {
+            status: 404
+        }));
+    };
+}
+function projectForStory(name, id) {
+    return {
+        id,
+        workspace_id: WORKSPACE_ID,
+        name,
+        slug: name.toLowerCase(),
+        source: {
+            connection_id: CONNECTION_ID,
+            external_repository_id: `github:octo/${name.toLowerCase()}`
+        },
+        created_at: '2026-01-01T00:00:00.000Z',
+        updated_at: '2026-01-01T00:00:00.000Z'
+    };
+}
+function requestUrl(input) {
+    if (input instanceof Request) return new URL(input.url);
+    if (input instanceof URL) return input;
+    return new URL(input, 'https://api.example.test');
+}
+function jsonResponse(body, init = {}) {
+    return new Response(JSON.stringify(body), {
+        status: 200,
+        headers: {
+            'content-type': 'application/json'
+        },
+        ...init
+    });
+}
+
+//# sourceMappingURL=projects-hub-page.stories.js.map

package/dist/pages/projects-hub-page.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/projects-hub-page.stories.tsx"],"sourcesContent":["import {configureApiClient} from '@shipfox/client-api';\nimport {type AuthState, authStateAtom} from '@shipfox/client-auth';\nimport {Toaster} from '@shipfox/react-ui/toast';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueryClient, QueryClientProvider} from '@tanstack/react-query';\nimport {\n  createMemoryHistory,\n  createRootRoute,\n  createRoute,\n  createRouter,\n  Outlet,\n  RouterProvider,\n} from '@tanstack/react-router';\nimport {createStore, Provider as JotaiProvider} from 'jotai';\nimport {useMemo} from 'react';\nimport {ProjectsHubPage} from './projects-hub-page.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst CONNECTION_ID = '33333333-3333-4333-8333-333333333333';\n\ntype Scenario = 'list' | 'empty' | 'loading' | 'error';\n\nconst authState: AuthState = {\n  status: 'authenticated',\n  token: 'token',\n  user: {\n    id: '22222222-2222-4222-8222-222222222222',\n    email: 'platform@example.com',\n    name: 'Platform Engineer',\n    emailVerifiedAt: '2026-01-01T00:00:00.000Z',\n  },\n  workspaces: [{id: WORKSPACE_ID, name: 'Acme', slug: 'acme', membershipId: 'membership-1'}],\n};\n\nfunction ProjectsHubPageStory({scenario}: {scenario: Scenario}) {\n  configureApiClient({\n    baseUrl: 'https://api.example.test',\n    fetchImpl: fetchForScenario(scenario),\n  });\n\n  const queryClient = useMemo(\n    () => new QueryClient({defaultOptions: {queries: {retry: false}}}),\n    [],\n  );\n  const store = useMemo(() => {\n    const nextStore = createStore();\n    nextStore.set(authStateAtom, authState);\n    return nextStore;\n  }, []);\n  const router = useMemo(() => createStoryRouter(), []);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <JotaiProvider store={store}>\n        <div className=\"min-h-screen bg-background-subtle-base px-24 py-32\">\n          <div className=\"mx-auto w-full max-w-[1120px]\">\n            <RouterProvider router={router} />\n          </div>\n        </div>\n        <Toaster />\n      </JotaiProvider>\n    </QueryClientProvider>\n  );\n}\n\nconst meta = {\n  title: 'Projects/ProjectsHubPage',\n  component: ProjectsHubPageStory,\n  parameters: {layout: 'fullscreen'},\n  args: {scenario: 'list'},\n} satisfies Meta<typeof ProjectsHubPageStory>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground: Story = {};\n\nexport const Empty: Story = {\n  args: {scenario: 'empty'},\n};\n\nexport const Loading: Story = {\n  args: {scenario: 'loading'},\n};\n\nexport const ErrorState: Story = {\n  args: {scenario: 'error'},\n};\n\nfunction createStoryRouter() {\n  const rootRoute = createRootRoute({component: Outlet});\n  const workspaceRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/w/$workspaceSlug',\n    component: ProjectsHubPage,\n  });\n\n  return createRouter({\n    history: createMemoryHistory({initialEntries: ['/w/acme']}),\n    routeTree: rootRoute.addChildren([workspaceRoute]),\n  });\n}\n\nfunction fetchForScenario(scenario: Scenario): typeof fetch {\n  return (input) => {\n    const url = requestUrl(input);\n\n    if (url.pathname.endsWith('/agent/model-providers')) {\n      return Promise.resolve(\n        jsonResponse({\n          configs: [\n            {\n              kind: 'builtin',\n              provider_id: 'anthropic',\n              default_model: null,\n              created_at: '2026-01-01T00:00:00.000Z',\n              updated_at: '2026-01-01T00:00:00.000Z',\n            },\n          ],\n          default_provider_id: 'anthropic',\n          default_harness_id: null,\n        }),\n      );\n    }\n\n    if (url.pathname === '/integration-connections') {\n      return Promise.resolve(\n        jsonResponse({\n          connections: [\n            {\n              id: CONNECTION_ID,\n              workspace_id: WORKSPACE_ID,\n              provider: 'github',\n              external_account_id: 'octo',\n              slug: 'github_octo',\n              display_name: 'Acme GitHub',\n              lifecycle_status: 'active',\n              capabilities: ['source_control'],\n              created_at: '2026-01-01T00:00:00.000Z',\n              updated_at: '2026-01-01T00:00:00.000Z',\n            },\n          ],\n        }),\n      );\n    }\n\n    if (url.pathname === '/projects') {\n      if (scenario === 'loading') {\n        return new Promise<Response>(() => {\n          // Keep the request pending to show the initial skeleton.\n        });\n      }\n      if (scenario === 'error') {\n        return Promise.resolve(jsonResponse({code: 'server-error'}, {status: 500}));\n      }\n      if (scenario === 'empty') {\n        return Promise.resolve(jsonResponse({projects: [], next_cursor: null}));\n      }\n\n      return Promise.resolve(\n        jsonResponse({\n          projects: [\n            projectForStory('Platform', '11111111-1111-4111-8111-111111111112'),\n            projectForStory('Agent', '11111111-1111-4111-8111-111111111113'),\n            projectForStory('Workflows', '11111111-1111-4111-8111-111111111114'),\n          ],\n          next_cursor: null,\n        }),\n      );\n    }\n\n    return Promise.resolve(jsonResponse({}, {status: 404}));\n  };\n}\n\nfunction projectForStory(name: string, id: string) {\n  return {\n    id,\n    workspace_id: WORKSPACE_ID,\n    name,\n    slug: name.toLowerCase(),\n    source: {\n      connection_id: CONNECTION_ID,\n      external_repository_id: `github:octo/${name.toLowerCase()}`,\n    },\n    created_at: '2026-01-01T00:00:00.000Z',\n    updated_at: '2026-01-01T00:00:00.000Z',\n  };\n}\n\nfunction requestUrl(input: RequestInfo | URL): URL {\n  if (input instanceof Request) return new URL(input.url);\n  if (input instanceof URL) return input;\n  return new URL(input, 'https://api.example.test');\n}\n\nfunction jsonResponse(body: unknown, init: ResponseInit = {}) {\n  return new Response(JSON.stringify(body), {\n    status: 200,\n    headers: {'content-type': 'application/json'},\n    ...init,\n  });\n}\n"],"names":["configureApiClient","authStateAtom","Toaster","QueryClient","QueryClientProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","createStore","Provider","JotaiProvider","useMemo","ProjectsHubPage","WORKSPACE_ID","CONNECTION_ID","authState","status","token","user","id","email","name","emailVerifiedAt","workspaces","slug","membershipId","ProjectsHubPageStory","scenario","baseUrl","fetchImpl","fetchForScenario","queryClient","defaultOptions","queries","retry","store","nextStore","set","router","createStoryRouter","client","div","className","meta","title","component","parameters","layout","args","Playground","Empty","Loading","ErrorState","rootRoute","workspaceRoute","getParentRoute","path","history","initialEntries","routeTree","addChildren","input","url","requestUrl","pathname","endsWith","Promise","resolve","jsonResponse","configs","kind","provider_id","default_model","created_at","updated_at","default_provider_id","default_harness_id","connections","workspace_id","provider","external_account_id","display_name","lifecycle_status","capabilities","code","projects","next_cursor","projectForStory","toLowerCase","source","connection_id","external_repository_id","Request","URL","body","init","Response","JSON","stringify","headers"],"mappings":"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"}