devpush 0.0.0-stage → 1.0.0-beta.4

package/src/routes/$teamSlug.servers.index.tsx

@@ -0,0 +1,59 @@
+import { pageHead } from '#devpush/lib/page-head'
+import { useSuspenseQuery } from '@tanstack/react-query'
+import { createFileRoute } from '@tanstack/react-router'
+
+import { TeamServers } from '#devpush/features/servers/team-servers'
+import { TeamServersPending } from '#devpush/features/teams/team-route-pending'
+import {
+  teamSectionQueryOptions,
+  teamShellQueryOptions,
+} from '#devpush/lib/team-context-query'
+
+export const Route = createFileRoute('/$teamSlug/servers/')({
+  validateSearch: (
+    search: Record<string, unknown>,
+  ): { addServer?: boolean } => ({
+    addServer:
+      search.addServer === '1' ||
+      search.addServer === 1 ||
+      search.addServer === true,
+  }),
+  loader: ({ context, params }) =>
+    context.queryClient.fetchQuery(
+      teamSectionQueryOptions({
+        section: 'servers',
+        teamSlug: params.teamSlug,
+      }),
+    ),
+  pendingMs: 150,
+  pendingComponent: TeamServersPending,
+  component: TeamServersRoute,
+  head: ({ params }) => pageHead('Servers', params.teamSlug),
+})
+
+function TeamServersRoute() {
+  const params = Route.useParams()
+  const search = Route.useSearch()
+  const { data: shell } = useSuspenseQuery(
+    teamShellQueryOptions({ teamSlug: params.teamSlug }),
+  )
+  const { data: section } = useSuspenseQuery(
+    teamSectionQueryOptions({
+      section: 'servers',
+      teamSlug: params.teamSlug,
+    }),
+  )
+
+  if (section.section !== 'servers') {
+    throw new Error('Server installation context is unavailable.')
+  }
+
+  return (
+    <TeamServers
+      initialAddServerOpen={search.addServer}
+      team={shell.team}
+      servers={section.servers}
+      serverInstall={section.serverInstall}
+    />
+  )
+}

package/src/routes/$teamSlug.servers.tsx

@@ -0,0 +1,7 @@
+import { pageHead } from '#devpush/lib/page-head'
+import { createFileRoute, Outlet } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/$teamSlug/servers')({
+  component: () => <Outlet />,
+  head: ({ params }) => pageHead('Servers', params.teamSlug),
+})

package/src/routes/$teamSlug.settings.tsx

@@ -0,0 +1,56 @@
+import { pageHead } from '#devpush/lib/page-head'
+import { useSuspenseQuery } from '@tanstack/react-query'
+import { createFileRoute } from '@tanstack/react-router'
+
+import { TeamSettings } from '#devpush/features/teams/team-settings'
+import { TeamSettingsPending, teamSettingsModule } from '#devpush/features/teams/team-route-pending'
+import {
+  teamSectionQueryOptions,
+  teamShellQueryOptions,
+} from '#devpush/lib/team-context-query'
+
+export const Route = createFileRoute('/$teamSlug/settings')({
+  loader: ({ context, params }) => {
+    void teamSettingsModule.load()
+    return context.queryClient.fetchQuery(
+      teamSectionQueryOptions({
+        section: 'settings',
+        teamSlug: params.teamSlug,
+      }),
+    )
+  },
+  pendingMs: 150,
+  pendingComponent: TeamSettingsPending,
+  component: TeamSettingsRoute,
+  head: ({ params }) => pageHead('Team settings', params.teamSlug),
+})
+
+function TeamSettingsRoute() {
+  const params = Route.useParams()
+  const { data: shell } = useSuspenseQuery(
+    teamShellQueryOptions({ teamSlug: params.teamSlug }),
+  )
+  const { data: section } = useSuspenseQuery(
+    teamSectionQueryOptions({
+      section: 'settings',
+      teamSlug: params.teamSlug,
+    }),
+  )
+
+  if (section.section !== 'settings') {
+    throw new Error('Team settings context is unavailable.')
+  }
+
+  return (
+    <TeamSettings
+      key={shell.team.id}
+      team={shell.team}
+      currentUserId={shell.userContext.user.id}
+      isDefaultTeam={shell.userContext.user.defaultTeamId === shell.team.id}
+      backupStorage={section.settings.backupStorage}
+      members={section.settings.members}
+      invites={section.settings.invites}
+      canDeleteTeam={section.settings.deletionStatus.canDelete}
+    />
+  )
+}

package/src/routes/$teamSlug.tsx

@@ -0,0 +1,86 @@
+import { currentUserContextQueryOptions } from '#devpush/features/auth/current-user-context-query'
+import { pageHead } from '#devpush/lib/page-head'
+import { useWorkspaceUpdates } from '#devpush/features/teams/use-workspace-updates'
+import {
+  Outlet,
+  redirect,
+  createFileRoute,
+  useParams,
+  useChildMatches,
+} from '@tanstack/react-router'
+import { useSuspenseQuery } from '@tanstack/react-query'
+
+import { TeamPage } from '#devpush/features/teams/team-header'
+import { TeamLayoutPending } from '#devpush/features/teams/team-route-pending'
+import { teamShellQueryOptions } from '#devpush/lib/team-context-query'
+
+export const Route = createFileRoute('/$teamSlug')({
+  ssr: false,
+  beforeLoad: async ({ context, location }) => {
+    const user = await context.queryClient.fetchQuery(
+      currentUserContextQueryOptions(),
+    )
+    if (user?.user.profileConfirmedAt === null)
+      throw redirect({ to: '/onboarding', search: { redirect: location.href } })
+  },
+  loader: ({ context, location, params }) => {
+    if (isProjectRoute(location.pathname, params.teamSlug)) {
+      return
+    }
+
+    return context.queryClient.fetchQuery(
+      teamShellQueryOptions({ teamSlug: params.teamSlug }),
+    )
+  },
+  pendingMs: 150,
+  pendingComponent: TeamLayoutPending,
+  component: TeamLayoutRoute,
+  head: ({ params }) => pageHead('Overview', params.teamSlug),
+})
+
+function TeamLayoutRoute() {
+  const params = useParams({ strict: false })
+  const isProject = useChildMatches({
+    select: (matches) =>
+      matches.some(
+        (match) => match.routeId === '/$teamSlug/projects/$projectName',
+      ),
+  })
+  const teamSlug = String(params.teamSlug)
+  useWorkspaceUpdates(teamSlug)
+
+  if (isProject) {
+    return <Outlet />
+  }
+
+  return <TeamLayoutContent teamSlug={teamSlug} />
+}
+
+function TeamLayoutContent({ teamSlug }: { teamSlug: string }) {
+  const params = useParams({ strict: false })
+  const { data: context } = useSuspenseQuery(
+    teamShellQueryOptions({ teamSlug }),
+  )
+
+  const project =
+    typeof params.projectName === 'string'
+      ? context.projects.find((item) => item.name === params.projectName)
+      : undefined
+
+  return (
+    <TeamPage
+      userContext={context.userContext}
+      currentTeam={context.team}
+      currentProject={project}
+      currentProjects={context.projects}
+      servers={context.servers}
+      contentClassName="space-y-8"
+    >
+      <Outlet />
+    </TeamPage>
+  )
+}
+
+function isProjectRoute(pathname: string, teamSlug: string) {
+  return pathname.startsWith(`/${teamSlug}/projects/`)
+}

package/src/routes/[.]well-known.oauth-authorization-server.api.auth.ts

@@ -0,0 +1,13 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { oauthProviderAuthServerMetadata } from '@better-auth/oauth-provider'
+import { auth } from '#devpush/server/auth/better-auth'
+
+export const Route = createFileRoute(
+  '/.well-known/oauth-authorization-server/api/auth',
+)({
+  server: {
+    handlers: {
+      GET: ({ request }) => oauthProviderAuthServerMetadata(auth)(request),
+    },
+  },
+})

package/src/routes/[.]well-known.oauth-protected-resource.mcp.ts

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { getMcpResourceMetadata } from '#devpush/server/mcp/handler'
+
+export const Route = createFileRoute(
+  '/.well-known/oauth-protected-resource/mcp',
+)({ server: { handlers: { GET: () => getMcpResourceMetadata() } } })

package/src/routes/__root.tsx

@@ -0,0 +1,155 @@
+import { getStorageCapabilities } from '#devpush/server/storage/capabilities'
+import { ImageUploadsContext } from '#devpush/components/storage-capabilities'
+import {
+  HeadContent,
+  Outlet,
+  Scripts,
+  createRootRouteWithContext,
+} from '@tanstack/react-router'
+import { QueryClientProvider } from '@tanstack/react-query'
+import type { QueryClient } from '@tanstack/react-query'
+import { ThemeProvider } from 'next-themes'
+import type { ReactNode } from 'react'
+
+import {
+  RouteErrorState,
+  RouteNotFoundState,
+} from '#devpush/components/route-error-state'
+import { Toaster } from '#devpush/components/ui/sonner'
+import { TooltipProvider } from '#devpush/components/ui/tooltip'
+import appCss from '../styles.css?url'
+
+const appName = 'devpush'
+const appDescription = 'Docker Compose deployments through devpush agents.'
+const socialImage = '/social.png'
+
+type RouterContext = {
+  queryClient: QueryClient
+}
+
+export const Route = createRootRouteWithContext<RouterContext>()({
+  loader: () => getStorageCapabilities(),
+  head: () => ({
+    meta: [
+      {
+        charSet: 'utf-8',
+      },
+      {
+        name: 'viewport',
+        content: 'width=device-width, initial-scale=1',
+      },
+      {
+        title: appName,
+      },
+      {
+        name: 'title',
+        content: appName,
+      },
+      {
+        name: 'description',
+        content: appDescription,
+      },
+      {
+        property: 'og:type',
+        content: 'website',
+      },
+      {
+        property: 'og:title',
+        content: appName,
+      },
+      {
+        property: 'og:description',
+        content: appDescription,
+      },
+      {
+        property: 'og:image',
+        content: socialImage,
+      },
+      {
+        property: 'og:site_name',
+        content: appName,
+      },
+      {
+        property: 'og:locale',
+        content: 'en_US',
+      },
+      {
+        name: 'twitter:card',
+        content: 'summary_large_image',
+      },
+      {
+        name: 'twitter:title',
+        content: appName,
+      },
+      {
+        name: 'twitter:description',
+        content: appDescription,
+      },
+      {
+        name: 'twitter:image',
+        content: socialImage,
+      },
+    ],
+    links: [
+      {
+        rel: 'stylesheet',
+        href: appCss,
+      },
+      {
+        rel: 'icon',
+        type: 'image/svg+xml',
+        href: '/favicon.svg',
+      },
+      {
+        rel: 'apple-touch-icon',
+        sizes: '180x180',
+        href: '/apple-touch-icon.png',
+      },
+    ],
+  }),
+  component: RootComponent,
+  errorComponent: RouteErrorState,
+  notFoundComponent: NotFoundComponent,
+  shellComponent: RootDocument,
+})
+
+function RootDocument({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        <HeadContent />
+      </head>
+      <body>
+        <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
+          {children}
+          <Toaster />
+        </ThemeProvider>
+        <Scripts />
+      </body>
+    </html>
+  )
+}
+
+function RootComponent() {
+  const { queryClient } = Route.useRouteContext()
+  const { imageUploads } = Route.useLoaderData()
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <TooltipProvider>
+        <ImageUploadsContext.Provider value={imageUploads}>
+          <Outlet />
+        </ImageUploadsContext.Provider>
+      </TooltipProvider>
+    </QueryClientProvider>
+  )
+}
+
+function NotFoundComponent() {
+  return (
+    <RouteNotFoundState
+      title="Page not found"
+      description="The page you requested does not exist, or you do not have access."
+    />
+  )
+}

package/src/routes/admin.tsx

@@ -0,0 +1,55 @@
+import { pageHead } from '#devpush/lib/page-head'
+import { createFileRoute, redirect } from '@tanstack/react-router'
+
+import { adminSearchSchema } from '#devpush/lib/admin-search-schema'
+import { AdminSettings } from '#devpush/features/admin/admin-settings'
+import { AdminSettingsPending, adminSettingsModule } from '#devpush/features/settings/settings-route-pending'
+import { getAdminSettingsContext } from '#devpush/server/admin/functions'
+
+export const Route = createFileRoute('/admin')({
+  ssr: false,
+  validateSearch: (search) => adminSearchSchema.parse(search),
+  loaderDeps: ({ search }) => search,
+  loader: async ({ deps }) => {
+    void adminSettingsModule.load()
+    let context
+
+    try {
+      context = await getAdminSettingsContext({ data: deps })
+    } catch (error) {
+      if (error instanceof Error && error.message === 'Forbidden') {
+        throw redirect({ to: '/' })
+      }
+      throw error
+    }
+
+    if (!context) {
+      throw redirect({ to: '/auth/login' })
+    }
+
+    return context
+  },
+  pendingMs: 150,
+  pendingComponent: AdminSettingsPending,
+  component: AdminRoute,
+  head: () => pageHead('Administration'),
+})
+
+function AdminRoute() {
+  const navigate = Route.useNavigate()
+  const { adminOverview, userContext } = Route.useLoaderData()
+
+  return (
+    <AdminSettings
+      currentUserId={userContext.user.id}
+      overview={adminOverview}
+      onSearchChange={(search) => {
+        void navigate({
+          search: (previous) => ({ ...previous, ...search }),
+          replace: true,
+          resetScroll: false,
+        })
+      }}
+    />
+  )
+}

package/src/routes/api/agents/certificates.ts

@@ -0,0 +1,21 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { handleAgentRequest } from '#devpush/server/agents/protocol'
+import {
+  certificateRequestSchema,
+  requestAgentCertificate,
+} from '#devpush/server/agents/certificates'
+
+export const Route = createFileRoute('/api/agents/certificates')({
+  server: {
+    handlers: {
+      POST: ({ request }) =>
+        handleAgentRequest(
+          request,
+          certificateRequestSchema,
+          requestAgentCertificate,
+          'Unable to request a certificate.',
+          32 * 1024,
+        ),
+    },
+  },
+})

package/src/routes/api/agents/credentials/rotate.ts

@@ -0,0 +1,22 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+import { rotateAgentCredential } from '#devpush/server/servers/service'
+import {
+  handleAgentRequest,
+  rotateAgentCredentialSchema,
+} from '#devpush/server/agents/protocol'
+
+export const Route = createFileRoute('/api/agents/credentials/rotate')({
+  server: {
+    handlers: {
+      POST: async ({ request }) => {
+        return handleAgentRequest(
+          request,
+          rotateAgentCredentialSchema,
+          rotateAgentCredential,
+          'Unable to rotate agent credential.',
+        )
+      },
+    },
+  },
+})

package/src/routes/api/agents/heartbeat.ts

@@ -0,0 +1,42 @@
+import { notifyAfterServerUpdate } from '#devpush/server/notifications/observe'
+import { createFileRoute } from '@tanstack/react-router'
+
+import { getRequestPublicAddress } from '#devpush/server/http/request-ip'
+import {
+  handleAgentRequest,
+  heartbeatSchema,
+} from '#devpush/server/agents/protocol'
+import { recordAgentHeartbeat } from '#devpush/server/servers/service'
+
+export const Route = createFileRoute('/api/agents/heartbeat')({
+  server: {
+    handlers: {
+      POST: async ({ request }) => {
+        return handleAgentRequest(
+          request,
+          heartbeatSchema,
+          async (payload) => {
+            const result = await recordAgentHeartbeat({
+              serverId: payload.serverId,
+              token: payload.token,
+              agentVersion: payload.agentVersion,
+              protocolVersion: payload.protocolVersion,
+              capabilities: payload.capabilities,
+              publicAddress: getRequestPublicAddress(request),
+              routingAddress: payload.routingAddress,
+              publicIpv4: payload.publicIpv4,
+              publicIpv6: payload.publicIpv6,
+              runtimeIds: payload.runtimeIds,
+              runtimes: payload.runtimes,
+              system: payload.system,
+              metricSamples: payload.metricSamples,
+            })
+            await notifyAfterServerUpdate(payload.serverId)
+            return result
+          },
+          'Unable to record agent heartbeat.',
+        )
+      },
+    },
+  },
+})

package/src/routes/api/agents/job-logs.ts

@@ -0,0 +1,22 @@
+import { createFileRoute } from '@tanstack/react-router'
+import {
+  readOperationLogs,
+  uploadOperationLogs,
+  operationLogUploadSchema,
+} from '#devpush/server/logs/operations'
+import { handleAgentRequest } from '#devpush/server/agents/protocol'
+
+export const Route = createFileRoute('/api/agents/job-logs')({
+  server: {
+    handlers: {
+      GET: ({ request }) => readOperationLogs(request),
+      POST: ({ request }) =>
+        handleAgentRequest(
+          request,
+          operationLogUploadSchema,
+          uploadOperationLogs,
+          'Unable to record operation logs.',
+        ),
+    },
+  },
+})

package/src/routes/api/agents/jobs/complete.ts

@@ -0,0 +1,22 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+import { completeAgentJob } from '#devpush/server/agents/completion'
+import {
+  completeAgentJobSchema,
+  handleAgentRequest,
+} from '#devpush/server/agents/protocol'
+
+export const Route = createFileRoute('/api/agents/jobs/complete')({
+  server: {
+    handlers: {
+      POST: async ({ request }) => {
+        return handleAgentRequest(
+          request,
+          completeAgentJobSchema,
+          completeAgentJob,
+          'Unable to complete agent job.',
+        )
+      },
+    },
+  },
+})

package/src/routes/api/agents/jobs/next.ts

@@ -0,0 +1,29 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+import { claimNextAgentJob } from '#devpush/server/agents/jobs'
+import {
+  handleAgentRequest,
+  nextAgentJobSchema,
+} from '#devpush/server/agents/protocol'
+
+export const Route = createFileRoute('/api/agents/jobs/next')({
+  server: {
+    handlers: {
+      POST: async ({ request }) => {
+        return handleAgentRequest(
+          request,
+          nextAgentJobSchema,
+          async (payload) => ({
+            job: await claimNextAgentJob({
+              serverId: payload.serverId,
+              token: payload.token,
+              protocolVersion: payload.protocolVersion,
+              capabilities: payload.capabilities,
+            }),
+          }),
+          'Unable to claim agent job.',
+        )
+      },
+    },
+  },
+})

package/src/routes/api/agents/jobs/progress.ts

@@ -0,0 +1,32 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+import { recordDeploymentProgress } from '#devpush/server/agents/jobs'
+import {
+  agentJobProgressSchema,
+  handleAgentRequest,
+} from '#devpush/server/agents/protocol'
+
+export const Route = createFileRoute('/api/agents/jobs/progress')({
+  server: {
+    handlers: {
+      POST: async ({ request }) => {
+        return handleAgentRequest(
+          request,
+          agentJobProgressSchema,
+          (payload) =>
+            recordDeploymentProgress({
+              serverId: payload.serverId,
+              token: payload.token,
+              progress: {
+                deploymentId: payload.deploymentId,
+                logStartSeq: payload.logStartSeq,
+                logs: payload.logs,
+                events: payload.events,
+              },
+            }),
+          'Unable to record deployment progress.',
+        )
+      },
+    },
+  },
+})

package/src/routes/api/agents/jobs/status.ts

@@ -0,0 +1,22 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+import { getDeploymentJobStatus } from '#devpush/server/agents/jobs'
+import {
+  agentJobStatusSchema,
+  handleAgentRequest,
+} from '#devpush/server/agents/protocol'
+
+export const Route = createFileRoute('/api/agents/jobs/status')({
+  server: {
+    handlers: {
+      POST: async ({ request }) => {
+        return handleAgentRequest(
+          request,
+          agentJobStatusSchema,
+          getDeploymentJobStatus,
+          'Unable to read deployment job status.',
+        )
+      },
+    },
+  },
+})