@shipfox/client-projects 0.2.0

package/dist/pages/create-project-page.js

@@ -0,0 +1,406 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createProjectBodySchema } from '@shipfox/api-projects-dto';
+import { useMaybeActiveWorkspace } from '@shipfox/client-auth';
+import { ConnectionPicker, IntegrationIcon, RepositoryPicker, useRepositoriesInfiniteQuery, useSourceConnectionsQuery } from '@shipfox/client-integrations';
+import { displayNameFieldError } from '@shipfox/client-ui';
+import { Button } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { FormField, FormFieldInput, fieldError } from '@shipfox/react-ui/form-field';
+import { FullPageLoader } from '@shipfox/react-ui/loader';
+import { toast } from '@shipfox/react-ui/toast';
+import { Header, Text } from '@shipfox/react-ui/typography';
+import { useForm } from '@tanstack/react-form';
+import { useQueryClient } from '@tanstack/react-query';
+import { Link, Navigate, useNavigate } from '@tanstack/react-router';
+import { useEffect, useRef, useState } from 'react';
+import { ModelProviderReminderBanner } from '#components/model-provider-reminder-banner.js';
+import { projectsQueryKeys, useCreateProjectMutation } from '#hooks/api/projects.js';
+import { projectErrorCopy } from '#project-error.js';
+const REPOSITORY_NAME_SPLIT_RE = /[/-]/;
+export function CreateProjectPage() {
+    const workspace = useMaybeActiveWorkspace();
+    const queryClient = useQueryClient();
+    const navigate = useNavigate();
+    const createProject = useCreateProjectMutation();
+    const errorRef = useRef(null);
+    const connectionsQuery = useSourceConnectionsQuery(workspace?.id);
+    const connections = connectionsQuery.data?.connections ?? [];
+    const [selectedConnectionId, setSelectedConnectionId] = useState();
+    const singleConnectionId = connections.length === 1 ? connections[0]?.id : undefined;
+    const effectiveSelectedConnectionId = selectedConnectionId ?? singleConnectionId;
+    useEffect(()=>{
+        if (singleConnectionId && selectedConnectionId !== singleConnectionId) {
+            setSelectedConnectionId(singleConnectionId);
+        }
+    }, [
+        singleConnectionId,
+        selectedConnectionId
+    ]);
+    const selectedConnection = connections.find((connection)=>connection.id === effectiveSelectedConnectionId);
+    const [repoFilter, setRepoFilter] = useState('');
+    const debouncedRepoFilter = useDebouncedValue(repoFilter, 250);
+    const trimmedFilter = debouncedRepoFilter.trim();
+    const repositoriesQuery = useRepositoriesInfiniteQuery(effectiveSelectedConnectionId, trimmedFilter ? {
+        search: trimmedFilter
+    } : undefined);
+    const repositories = repositoriesQuery.data?.pages.flatMap((page)=>page.repositories) ?? [];
+    const [selectedRepositoryId, setSelectedRepositoryId] = useState();
+    useEffect(()=>{
+        if (!selectedRepositoryId && repositories[0]) {
+            setSelectedRepositoryId(repositories[0].external_repository_id);
+        }
+    }, [
+        repositories,
+        selectedRepositoryId
+    ]);
+    const selectedRepository = repositories.find((repository)=>repository.external_repository_id === selectedRepositoryId);
+    const [nameTouched, setNameTouched] = useState(false);
+    const defaultProjectName = projectNameFromRepository(selectedRepository?.name ?? selectedRepositoryId ?? '');
+    const [formError, setFormError] = useState();
+    const form = useForm({
+        defaultValues: {
+            name: defaultProjectName
+        },
+        onSubmit: async ({ value })=>{
+            await createProjectFromForm(nameTouched ? value.name : defaultProjectName);
+        }
+    });
+    useEffect(()=>{
+        if (!nameTouched && form.state.values.name !== defaultProjectName) {
+            form.setFieldValue('name', defaultProjectName);
+        }
+    }, [
+        defaultProjectName,
+        form,
+        nameTouched
+    ]);
+    function selectConnection(connectionId) {
+        setSelectedConnectionId(connectionId);
+        setSelectedRepositoryId(undefined);
+    }
+    if (connectionsQuery.isPending) {
+        return /*#__PURE__*/ _jsx(FullPageLoader, {});
+    }
+    if (!workspace) {
+        return /*#__PURE__*/ _jsx(FullPageLoader, {});
+    }
+    if (!connectionsQuery.isError && connections.length === 0) {
+        return /*#__PURE__*/ _jsx(Navigate, {
+            to: "/workspaces/$wid/integrations",
+            params: {
+                wid: workspace.id
+            },
+            replace: true
+        });
+    }
+    async function createProjectFromForm(projectName) {
+        setFormError(undefined);
+        if (!workspace) {
+            setFormError('Workspace is still loading. Try again in a moment.');
+            errorRef.current?.focus();
+            return;
+        }
+        if (!selectedConnection) {
+            setFormError('Choose a source integration before creating a project.');
+            errorRef.current?.focus();
+            return;
+        }
+        if (!selectedRepository) {
+            setFormError('Choose a repository before creating a project.');
+            errorRef.current?.focus();
+            return;
+        }
+        try {
+            const projectBody = createProjectBodySchema.parse({
+                workspace_id: workspace.id,
+                name: projectName,
+                source: {
+                    connection_id: selectedConnection.id,
+                    external_repository_id: selectedRepository.external_repository_id
+                }
+            });
+            const project = await createProject.mutateAsync(projectBody);
+            setWorkspaceProjectExists(queryClient, workspace.id, project);
+            queryClient.setQueryData(projectsQueryKeys.detail(project.id), project);
+            await queryClient.invalidateQueries({
+                queryKey: projectsQueryKeys.list(workspace.id)
+            });
+            toast.success('Project created.');
+            await navigate({
+                to: '/workspaces/$wid/projects/$pid',
+                params: {
+                    wid: workspace.id,
+                    pid: project.id
+                }
+            });
+        } catch (error) {
+            const copy = projectErrorCopy(error);
+            if (copy.existingProjectId) {
+                await queryClient.invalidateQueries({
+                    queryKey: projectsQueryKeys.exists(workspace.id),
+                    refetchType: 'active'
+                });
+                await queryClient.invalidateQueries({
+                    queryKey: projectsQueryKeys.list(workspace.id)
+                });
+                toast.info('Project already exists.');
+                await navigate({
+                    to: '/workspaces/$wid/projects/$pid',
+                    params: {
+                        wid: workspace.id,
+                        pid: copy.existingProjectId
+                    }
+                });
+                return;
+            }
+            setFormError(`${copy.title}: ${copy.message}`);
+            requestAnimationFrame(()=>errorRef.current?.focus());
+        }
+    }
+    const showRepoPicker = Boolean(selectedConnection);
+    const filteredEmptyMessage = trimmedFilter ? `No repositories matching "${repoFilter.trim()}".` : 'No repositories visible to this connection.';
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex w-full flex-col gap-24",
+        children: [
+            /*#__PURE__*/ _jsxs("header", {
+                className: "flex flex-col gap-6",
+                children: [
+                    /*#__PURE__*/ _jsx(Header, {
+                        id: "create-project-title",
+                        variant: "h1",
+                        children: "Create project"
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "sm",
+                        className: "text-foreground-neutral-muted",
+                        children: "A Shipfox project starts from a Git repository. Choose the repository Shipfox should track, then give the project a name."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ModelProviderReminderBanner, {
+                workspaceId: workspace.id
+            }),
+            connectionsQuery.isError ? /*#__PURE__*/ _jsx(Callout, {
+                role: "alert",
+                type: "error",
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "flex w-full flex-wrap items-center justify-between gap-12",
+                    children: [
+                        /*#__PURE__*/ _jsx(Text, {
+                            size: "sm",
+                            className: "min-w-[240px] flex-1",
+                            children: "Could not load source integrations. Refresh the integrations list to continue."
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "sm",
+                            variant: "secondary",
+                            onClick: ()=>connectionsQuery.refetch(),
+                            className: "shrink-0",
+                            children: "Refresh integrations"
+                        })
+                    ]
+                })
+            }) : null,
+            /*#__PURE__*/ _jsxs("form", {
+                onSubmit: (event)=>{
+                    event.preventDefault();
+                    event.stopPropagation();
+                    void form.handleSubmit();
+                },
+                noValidate: true,
+                "aria-labelledby": "create-project-title",
+                className: "grid items-start gap-32 lg:grid-cols-[minmax(0,1fr)_340px]",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 flex-col gap-32",
+                        children: [
+                            /*#__PURE__*/ _jsxs("section", {
+                                className: "flex flex-col gap-16",
+                                "aria-label": "Source integration",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex items-start justify-between gap-16",
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "flex flex-col gap-4",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Header, {
+                                                        variant: "h3",
+                                                        children: "Source integration"
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(Text, {
+                                                        size: "sm",
+                                                        className: "text-foreground-neutral-muted",
+                                                        children: "Choose the integration that can access the repository."
+                                                    })
+                                                ]
+                                            }),
+                                            connections.length === 1 ? /*#__PURE__*/ _jsx(Button, {
+                                                asChild: true,
+                                                variant: "transparent",
+                                                size: "sm",
+                                                className: "shrink-0",
+                                                children: /*#__PURE__*/ _jsx(Link, {
+                                                    to: "/workspaces/$wid/integrations",
+                                                    params: {
+                                                        wid: workspace.id
+                                                    },
+                                                    children: "Add another integration"
+                                                })
+                                            }) : null
+                                        ]
+                                    }),
+                                    connections.length > 0 ? /*#__PURE__*/ _jsx(ConnectionPicker, {
+                                        connections: connections,
+                                        selectedConnectionId: effectiveSelectedConnectionId,
+                                        onSelect: selectConnection
+                                    }) : null
+                                ]
+                            }),
+                            showRepoPicker ? /*#__PURE__*/ _jsxs("section", {
+                                className: "flex flex-col gap-16",
+                                "aria-label": "Repository",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Header, {
+                                                variant: "h3",
+                                                children: "Repository"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Text, {
+                                                size: "sm",
+                                                className: "text-foreground-neutral-muted",
+                                                children: "Select the repository this project tracks."
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(RepositoryPicker, {
+                                        repositories: repositories,
+                                        selectedRepositoryId: selectedRepositoryId,
+                                        onSelect: setSelectedRepositoryId,
+                                        isLoading: repositoriesQuery.isPending,
+                                        isFetchingNextPage: repositoriesQuery.isFetchingNextPage,
+                                        hasNextPage: repositoriesQuery.hasNextPage,
+                                        onLoadMore: ()=>repositoriesQuery.fetchNextPage(),
+                                        emptyMessage: filteredEmptyMessage,
+                                        searchValue: repoFilter,
+                                        onSearchChange: setRepoFilter
+                                    })
+                                ]
+                            }) : null
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("aside", {
+                        className: "lg:sticky lg:top-32",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col gap-18 rounded-8 border border-border-neutral-base bg-background-neutral-base p-20",
+                            children: [
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "flex flex-col gap-4",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Header, {
+                                            variant: "h3",
+                                            children: "Project details"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "sm",
+                                            className: "text-foreground-neutral-muted",
+                                            children: "Confirm the source and create the project."
+                                        })
+                                    ]
+                                }),
+                                formError ? /*#__PURE__*/ _jsx(Callout, {
+                                    role: "alert",
+                                    type: "error",
+                                    children: /*#__PURE__*/ _jsx("div", {
+                                        ref: errorRef,
+                                        tabIndex: -1,
+                                        children: formError
+                                    })
+                                }) : null,
+                                /*#__PURE__*/ _jsx(ProjectSummary, {
+                                    connection: selectedConnection,
+                                    repositoryName: selectedRepository?.full_name
+                                }),
+                                /*#__PURE__*/ _jsx(form.Field, {
+                                    name: "name",
+                                    validators: {
+                                        onBlur: ({ value })=>displayNameFieldError(value, 'Project name', createProjectBodySchema.shape.name),
+                                        onSubmit: ({ value })=>displayNameFieldError(value, 'Project name', createProjectBodySchema.shape.name)
+                                    },
+                                    children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                            label: "Project name",
+                                            id: "project-name",
+                                            error: fieldError(field),
+                                            children: /*#__PURE__*/ _jsx(FormFieldInput, {
+                                                name: "name",
+                                                type: "text",
+                                                value: field.state.value,
+                                                onChange: (event)=>{
+                                                    setNameTouched(true);
+                                                    field.handleChange(event.target.value);
+                                                },
+                                                onBlur: field.handleBlur,
+                                                placeholder: "Platform"
+                                            })
+                                        })
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    type: "submit",
+                                    iconRight: "chevronRight",
+                                    isLoading: createProject.isPending,
+                                    disabled: !selectedConnection || !selectedRepository,
+                                    className: "w-full",
+                                    children: "Create project"
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+function ProjectSummary({ connection, repositoryName }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-w-0 items-center gap-10",
+        children: [
+            repositoryName ? /*#__PURE__*/ _jsx(IntegrationIcon, {
+                source: connection?.provider,
+                "aria-hidden": true,
+                className: "size-20 shrink-0 text-foreground-neutral-base"
+            }) : null,
+            /*#__PURE__*/ _jsx(Text, {
+                size: "sm",
+                bold: true,
+                className: repositoryName ? 'min-w-0 truncate' : 'text-foreground-neutral-muted',
+                children: repositoryName ?? 'Pick a repository'
+            })
+        ]
+    });
+}
+function projectNameFromRepository(repositoryId) {
+    return repositoryId.trim().split(REPOSITORY_NAME_SPLIT_RE).filter(Boolean).map((part)=>part.charAt(0).toUpperCase() + part.slice(1)).join(' ');
+}
+function useDebouncedValue(value, delayMs) {
+    const [debounced, setDebounced] = useState(value);
+    useEffect(()=>{
+        const handle = setTimeout(()=>setDebounced(value), delayMs);
+        return ()=>clearTimeout(handle);
+    }, [
+        value,
+        delayMs
+    ]);
+    return debounced;
+}
+function setWorkspaceProjectExists(queryClient, workspaceId, project) {
+    queryClient.setQueryData(projectsQueryKeys.exists(workspaceId), {
+        projects: [
+            project
+        ],
+        next_cursor: null
+    });
+}
+
+//# sourceMappingURL=create-project-page.js.map

package/dist/pages/create-project-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/create-project-page.tsx"],"sourcesContent":["import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';\nimport {\n  createProjectBodySchema,\n  type ListProjectsResponseDto,\n  type ProjectResponseDto,\n} from '@shipfox/api-projects-dto';\nimport {useMaybeActiveWorkspace} from '@shipfox/client-auth';\nimport {\n  ConnectionPicker,\n  IntegrationIcon,\n  RepositoryPicker,\n  useRepositoriesInfiniteQuery,\n  useSourceConnectionsQuery,\n} from '@shipfox/client-integrations';\nimport {displayNameFieldError} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {type QueryClient, useQueryClient} from '@tanstack/react-query';\nimport {Link, Navigate, useNavigate} from '@tanstack/react-router';\nimport {useEffect, useRef, useState} from 'react';\nimport {ModelProviderReminderBanner} from '#components/model-provider-reminder-banner.js';\nimport {projectsQueryKeys, useCreateProjectMutation} from '#hooks/api/projects.js';\nimport {projectErrorCopy} from '#project-error.js';\n\nconst REPOSITORY_NAME_SPLIT_RE = /[/-]/;\n\nexport function CreateProjectPage() {\n  const workspace = useMaybeActiveWorkspace();\n  const queryClient = useQueryClient();\n  const navigate = useNavigate();\n  const createProject = useCreateProjectMutation();\n  const errorRef = useRef<HTMLDivElement>(null);\n\n  const connectionsQuery = useSourceConnectionsQuery(workspace?.id);\n  const connections = connectionsQuery.data?.connections ?? [];\n\n  const [selectedConnectionId, setSelectedConnectionId] = useState<string | undefined>();\n  const singleConnectionId = connections.length === 1 ? connections[0]?.id : undefined;\n  const effectiveSelectedConnectionId = selectedConnectionId ?? singleConnectionId;\n  useEffect(() => {\n    if (singleConnectionId && selectedConnectionId !== singleConnectionId) {\n      setSelectedConnectionId(singleConnectionId);\n    }\n  }, [singleConnectionId, selectedConnectionId]);\n\n  const selectedConnection: IntegrationConnectionDto | undefined = connections.find(\n    (connection) => connection.id === effectiveSelectedConnectionId,\n  );\n\n  const [repoFilter, setRepoFilter] = useState('');\n  const debouncedRepoFilter = useDebouncedValue(repoFilter, 250);\n  const trimmedFilter = debouncedRepoFilter.trim();\n\n  const repositoriesQuery = useRepositoriesInfiniteQuery(\n    effectiveSelectedConnectionId,\n    trimmedFilter ? {search: trimmedFilter} : undefined,\n  );\n  const repositories = repositoriesQuery.data?.pages.flatMap((page) => page.repositories) ?? [];\n\n  const [selectedRepositoryId, setSelectedRepositoryId] = useState<string | undefined>();\n  useEffect(() => {\n    if (!selectedRepositoryId && repositories[0]) {\n      setSelectedRepositoryId(repositories[0].external_repository_id);\n    }\n  }, [repositories, selectedRepositoryId]);\n  const selectedRepository = repositories.find(\n    (repository) => repository.external_repository_id === selectedRepositoryId,\n  );\n\n  const [nameTouched, setNameTouched] = useState(false);\n  const defaultProjectName = projectNameFromRepository(\n    selectedRepository?.name ?? selectedRepositoryId ?? '',\n  );\n\n  const [formError, setFormError] = useState<string | undefined>();\n\n  const form = useForm({\n    defaultValues: {name: defaultProjectName},\n    onSubmit: async ({value}) => {\n      await createProjectFromForm(nameTouched ? value.name : defaultProjectName);\n    },\n  });\n\n  useEffect(() => {\n    if (!nameTouched && form.state.values.name !== defaultProjectName) {\n      form.setFieldValue('name', defaultProjectName);\n    }\n  }, [defaultProjectName, form, nameTouched]);\n\n  function selectConnection(connectionId: string) {\n    setSelectedConnectionId(connectionId);\n    setSelectedRepositoryId(undefined);\n  }\n\n  if (connectionsQuery.isPending) {\n    return <FullPageLoader />;\n  }\n\n  if (!workspace) {\n    return <FullPageLoader />;\n  }\n\n  if (!connectionsQuery.isError && connections.length === 0) {\n    return <Navigate to=\"/workspaces/$wid/integrations\" params={{wid: workspace.id}} replace />;\n  }\n\n  async function createProjectFromForm(projectName: string) {\n    setFormError(undefined);\n    if (!workspace) {\n      setFormError('Workspace is still loading. Try again in a moment.');\n      errorRef.current?.focus();\n      return;\n    }\n    if (!selectedConnection) {\n      setFormError('Choose a source integration before creating a project.');\n      errorRef.current?.focus();\n      return;\n    }\n    if (!selectedRepository) {\n      setFormError('Choose a repository before creating a project.');\n      errorRef.current?.focus();\n      return;\n    }\n\n    try {\n      const projectBody = createProjectBodySchema.parse({\n        workspace_id: workspace.id,\n        name: projectName,\n        source: {\n          connection_id: selectedConnection.id,\n          external_repository_id: selectedRepository.external_repository_id,\n        },\n      });\n      const project = await createProject.mutateAsync(projectBody);\n      setWorkspaceProjectExists(queryClient, workspace.id, project);\n      queryClient.setQueryData(projectsQueryKeys.detail(project.id), project);\n      await queryClient.invalidateQueries({queryKey: projectsQueryKeys.list(workspace.id)});\n      toast.success('Project created.');\n      await navigate({\n        to: '/workspaces/$wid/projects/$pid',\n        params: {wid: workspace.id, pid: project.id},\n      });\n    } catch (error) {\n      const copy = projectErrorCopy(error);\n      if (copy.existingProjectId) {\n        await queryClient.invalidateQueries({\n          queryKey: projectsQueryKeys.exists(workspace.id),\n          refetchType: 'active',\n        });\n        await queryClient.invalidateQueries({queryKey: projectsQueryKeys.list(workspace.id)});\n        toast.info('Project already exists.');\n        await navigate({\n          to: '/workspaces/$wid/projects/$pid',\n          params: {wid: workspace.id, pid: copy.existingProjectId},\n        });\n        return;\n      }\n      setFormError(`${copy.title}: ${copy.message}`);\n      requestAnimationFrame(() => errorRef.current?.focus());\n    }\n  }\n\n  const showRepoPicker = Boolean(selectedConnection);\n  const filteredEmptyMessage = trimmedFilter\n    ? `No repositories matching \"${repoFilter.trim()}\".`\n    : 'No repositories visible to this connection.';\n\n  return (\n    <div className=\"flex w-full flex-col gap-24\">\n      <header className=\"flex flex-col gap-6\">\n        <Header id=\"create-project-title\" variant=\"h1\">\n          Create project\n        </Header>\n        <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n          A Shipfox project starts from a Git repository. Choose the repository Shipfox should\n          track, then give the project a name.\n        </Text>\n      </header>\n\n      <ModelProviderReminderBanner workspaceId={workspace.id} />\n\n      {connectionsQuery.isError ? (\n        <Callout role=\"alert\" type=\"error\">\n          <div className=\"flex w-full flex-wrap items-center justify-between gap-12\">\n            <Text size=\"sm\" className=\"min-w-[240px] flex-1\">\n              Could not load source integrations. Refresh the integrations list to continue.\n            </Text>\n            <Button\n              size=\"sm\"\n              variant=\"secondary\"\n              onClick={() => connectionsQuery.refetch()}\n              className=\"shrink-0\"\n            >\n              Refresh integrations\n            </Button>\n          </div>\n        </Callout>\n      ) : null}\n\n      <form\n        onSubmit={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          void form.handleSubmit();\n        }}\n        noValidate\n        aria-labelledby=\"create-project-title\"\n        className=\"grid items-start gap-32 lg:grid-cols-[minmax(0,1fr)_340px]\"\n      >\n        <div className=\"flex min-w-0 flex-col gap-32\">\n          <section className=\"flex flex-col gap-16\" aria-label=\"Source integration\">\n            <div className=\"flex items-start justify-between gap-16\">\n              <div className=\"flex flex-col gap-4\">\n                <Header variant=\"h3\">Source integration</Header>\n                <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                  Choose the integration that can access the repository.\n                </Text>\n              </div>\n\n              {connections.length === 1 ? (\n                <Button asChild variant=\"transparent\" size=\"sm\" className=\"shrink-0\">\n                  <Link to=\"/workspaces/$wid/integrations\" params={{wid: workspace.id}}>\n                    Add another integration\n                  </Link>\n                </Button>\n              ) : null}\n            </div>\n\n            {connections.length > 0 ? (\n              <ConnectionPicker\n                connections={connections}\n                selectedConnectionId={effectiveSelectedConnectionId}\n                onSelect={selectConnection}\n              />\n            ) : null}\n          </section>\n\n          {showRepoPicker ? (\n            <section className=\"flex flex-col gap-16\" aria-label=\"Repository\">\n              <div className=\"flex flex-col gap-4\">\n                <Header variant=\"h3\">Repository</Header>\n                <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                  Select the repository this project tracks.\n                </Text>\n              </div>\n\n              <RepositoryPicker\n                repositories={repositories}\n                selectedRepositoryId={selectedRepositoryId}\n                onSelect={setSelectedRepositoryId}\n                isLoading={repositoriesQuery.isPending}\n                isFetchingNextPage={repositoriesQuery.isFetchingNextPage}\n                hasNextPage={repositoriesQuery.hasNextPage}\n                onLoadMore={() => repositoriesQuery.fetchNextPage()}\n                emptyMessage={filteredEmptyMessage}\n                searchValue={repoFilter}\n                onSearchChange={setRepoFilter}\n              />\n            </section>\n          ) : null}\n        </div>\n\n        <aside className=\"lg:sticky lg:top-32\">\n          <div className=\"flex flex-col gap-18 rounded-8 border border-border-neutral-base bg-background-neutral-base p-20\">\n            <div className=\"flex flex-col gap-4\">\n              <Header variant=\"h3\">Project details</Header>\n              <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                Confirm the source and create the project.\n              </Text>\n            </div>\n\n            {formError ? (\n              <Callout role=\"alert\" type=\"error\">\n                <div ref={errorRef} tabIndex={-1}>\n                  {formError}\n                </div>\n              </Callout>\n            ) : null}\n\n            <ProjectSummary\n              connection={selectedConnection}\n              repositoryName={selectedRepository?.full_name}\n            />\n\n            <form.Field\n              name=\"name\"\n              validators={{\n                onBlur: ({value}) =>\n                  displayNameFieldError(value, 'Project name', createProjectBodySchema.shape.name),\n                onSubmit: ({value}) =>\n                  displayNameFieldError(value, 'Project name', createProjectBodySchema.shape.name),\n              }}\n            >\n              {(field) => (\n                <FormField label=\"Project name\" id=\"project-name\" error={fieldError(field)}>\n                  <FormFieldInput\n                    name=\"name\"\n                    type=\"text\"\n                    value={field.state.value}\n                    onChange={(event) => {\n                      setNameTouched(true);\n                      field.handleChange(event.target.value);\n                    }}\n                    onBlur={field.handleBlur}\n                    placeholder=\"Platform\"\n                  />\n                </FormField>\n              )}\n            </form.Field>\n\n            <Button\n              type=\"submit\"\n              iconRight=\"chevronRight\"\n              isLoading={createProject.isPending}\n              disabled={!selectedConnection || !selectedRepository}\n              className=\"w-full\"\n            >\n              Create project\n            </Button>\n          </div>\n        </aside>\n      </form>\n    </div>\n  );\n}\n\nfunction ProjectSummary({\n  connection,\n  repositoryName,\n}: {\n  connection: IntegrationConnectionDto | undefined;\n  repositoryName: string | undefined;\n}) {\n  return (\n    <div className=\"flex min-w-0 items-center gap-10\">\n      {repositoryName ? (\n        <IntegrationIcon\n          source={connection?.provider}\n          aria-hidden\n          className=\"size-20 shrink-0 text-foreground-neutral-base\"\n        />\n      ) : null}\n      <Text\n        size=\"sm\"\n        bold\n        className={repositoryName ? 'min-w-0 truncate' : 'text-foreground-neutral-muted'}\n      >\n        {repositoryName ?? 'Pick a repository'}\n      </Text>\n    </div>\n  );\n}\n\nfunction projectNameFromRepository(repositoryId: string): string {\n  return repositoryId\n    .trim()\n    .split(REPOSITORY_NAME_SPLIT_RE)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(' ');\n}\n\nfunction useDebouncedValue<T>(value: T, delayMs: number): T {\n  const [debounced, setDebounced] = useState(value);\n  useEffect(() => {\n    const handle = setTimeout(() => setDebounced(value), delayMs);\n    return () => clearTimeout(handle);\n  }, [value, delayMs]);\n  return debounced;\n}\n\nfunction setWorkspaceProjectExists(\n  queryClient: QueryClient,\n  workspaceId: string,\n  project: ProjectResponseDto,\n) {\n  queryClient.setQueryData<ListProjectsResponseDto>(projectsQueryKeys.exists(workspaceId), {\n    projects: [project],\n    next_cursor: null,\n  });\n}\n"],"names":["createProjectBodySchema","useMaybeActiveWorkspace","ConnectionPicker","IntegrationIcon","RepositoryPicker","useRepositoriesInfiniteQuery","useSourceConnectionsQuery","displayNameFieldError","Button","Callout","FormField","FormFieldInput","fieldError","FullPageLoader","toast","Header","Text","useForm","useQueryClient","Link","Navigate","useNavigate","useEffect","useRef","useState","ModelProviderReminderBanner","projectsQueryKeys","useCreateProjectMutation","projectErrorCopy","REPOSITORY_NAME_SPLIT_RE","CreateProjectPage","workspace","queryClient","navigate","createProject","errorRef","connectionsQuery","id","connections","data","selectedConnectionId","setSelectedConnectionId","singleConnectionId","length","undefined","effectiveSelectedConnectionId","selectedConnection","find","connection","repoFilter","setRepoFilter","debouncedRepoFilter","useDebouncedValue","trimmedFilter","trim","repositoriesQuery","search","repositories","pages","flatMap","page","selectedRepositoryId","setSelectedRepositoryId","external_repository_id","selectedRepository","repository","nameTouched","setNameTouched","defaultProjectName","projectNameFromRepository","name","formError","setFormError","form","defaultValues","onSubmit","value","createProjectFromForm","state","values","setFieldValue","selectConnection","connectionId","isPending","isError","to","params","wid","replace","projectName","current","focus","projectBody","parse","workspace_id","source","connection_id","project","mutateAsync","setWorkspaceProjectExists","setQueryData","detail","invalidateQueries","queryKey","list","success","pid","error","copy","existingProjectId","exists","refetchType","info","title","message","requestAnimationFrame","showRepoPicker","Boolean","filteredEmptyMessage","div","className","header","variant","size","workspaceId","role","type","onClick","refetch","event","preventDefault","stopPropagation","handleSubmit","noValidate","aria-labelledby","section","aria-label","asChild","onSelect","isLoading","isFetchingNextPage","hasNextPage","onLoadMore","fetchNextPage","emptyMessage","searchValue","onSearchChange","aside","ref","tabIndex","ProjectSummary","repositoryName","full_name","Field","validators","onBlur","shape","field","label","onChange","handleChange","target","handleBlur","placeholder","iconRight","disabled","provider","aria-hidden","bold","repositoryId","split","filter","map","part","charAt","toUpperCase","slice","join","delayMs","debounced","setDebounced","handle","setTimeout","clearTimeout","projects","next_cursor"],"mappings":"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"}

package/dist/pages/create-project-page.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react';
+type Scenario = 'playground' | 'long-names' | 'repository-loading' | 'empty-repositories' | 'connections-error';
+interface CreateProjectPageStoryProps {
+    scenario: Scenario;
+}
+declare function CreateProjectPageStory({ scenario }: CreateProjectPageStoryProps): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof CreateProjectPageStory;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        scenario: "playground";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const LongNames: Story;
+export declare const RepositoryLoading: Story;
+export declare const EmptyRepositories: Story;
+export declare const ConnectionsError: Story;
+//# sourceMappingURL=create-project-page.stories.d.ts.map

package/dist/pages/create-project-page.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-project-page.stories.d.ts","sourceRoot":"","sources":["../../src/pages/create-project-page.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAmBrD,KAAK,QAAQ,GACT,YAAY,GACZ,YAAY,GACZ,oBAAoB,GACpB,oBAAoB,GACpB,mBAAmB,CAAC;AAExB,UAAU,2BAA2B;IACnC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAiBD,iBAAS,sBAAsB,CAAC,EAAC,QAAQ,EAAC,EAAE,2BAA2B,+BA6BtE;AAED,QAAA,MAAM,IAAI;;;;;;;;;CAKqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC"}