feat: add browser apply actions

Author: skulidropek

docs/pr-screenshots/issue-232/project-apply-actions.png

@@ -64,6 +64,7 @@ import {
 } from "./services/federation.js"
 import {
   applyAllProjects,
+  applyProjectById,
   createProjectFromRequest,
   deleteProjectById,
   downAllProjects,
@@ -905,6 +906,14 @@ export const makeRouter = () => {
         Effect.catchAll(errorResponse)
       )
     ),
+    HttpRouter.post(
+      "/projects/:projectId/apply",
+      projectParams.pipe(
+        Effect.flatMap(({ projectId }) => applyProjectById(projectId)),
+        Effect.flatMap((project) => jsonResponse({ ok: true, project }, 200)),
+        Effect.catchAll(errorResponse)
+      )
+    ),
     HttpRouter.post(
       "/projects/:projectId/down",
       projectParams.pipe(

docs/pr-screenshots/issue-232/terminal-apply-action.png

@@ -1,5 +1,6 @@
 import {
   type AppError,
+  applyProjectConfig,
   buildCreateCommand,
   defaultTemplateConfig,
   createProject,
@@ -570,6 +571,28 @@ export const applyAllProjects = (activeOnly: boolean) =>
     activeOnly
   })
 
+export const applyProjectById = (
+  projectId: string
+) =>
+  Effect.gen(function*(_) {
+    const project = yield* _(findProjectById(projectId))
+    yield* _(markDeployment(projectId, "apply", "docker-git apply"))
+    yield* _(
+      runWithProjectEventLogs(
+        projectId,
+        applyProjectConfig({
+          _tag: "Apply",
+          projectDir: project.projectDir,
+          runUp: true
+        })
+      )
+    )
+    const details = yield* _(runtimeProjectDetails(project))
+    yield* _(recordProjectStartedFromDetails(project, details, "up"))
+    yield* _(markDeployment(projectId, "running", "Apply completed"))
+    return details
+  }).pipe(Effect.mapError(toProjectApiError))
+
 export const downAllProjects = () => downAllDockerGitProjects
 
 export const getProject = (

packages/api/src/http.ts

@@ -12,6 +12,8 @@ import {
 } from "./actions-shared.js"
 import { loadSelectedProjectTasks } from "./actions-tasks.js"
 import {
+  applyAllProjects,
+  applyProject,
   createProjectTerminalSession,
   deleteProject,
   downAllProjects,
@@ -104,6 +106,31 @@ export const connectProjectById = (
   })
 }
 
+export const applyProjectById = (
+  projectId: string,
+  context: BrowserActionContext
+) => {
+  context.setSelectedProjectId(projectId)
+  withBusy({
+    context,
+    effect: applyProject(projectId),
+    label: "Applying project",
+    onSuccess: (project) => {
+      context.reloadDashboard()
+      context.setSelectedProject(project)
+      context.setMessage(`Applied ${project.displayName}.`)
+    }
+  })
+}
+
+export const applySelectedProject = (context: BrowserActionContext) => {
+  const projectId = requireSelectedProjectId(context)
+  if (projectId === null) {
+    return
+  }
+  applyProjectById(projectId, context)
+}
+
 const runProjectOutputAction = (
   context: BrowserActionContext,
   effect: (projectId: string) => ReturnType<typeof loadProjectPs>,
@@ -177,6 +204,21 @@ const runDownAllProjects = (context: BrowserActionContext) => {
   })
 }
 
+export const runApplyAllProjects = (context: BrowserActionContext) => {
+  if (!confirmAction("Apply docker-git config to all projects?")) {
+    return
+  }
+  withBusy({
+    context,
+    effect: applyAllProjects(false),
+    label: "Applying all projects",
+    onSuccess: () => {
+      context.reloadDashboard()
+      context.setMessage("Applied docker-git config to all projects.")
+    }
+  })
+}
+
 export const runProjectMenuAction = (
   currentMenu: Exclude<BrowserMenuTag, "Auth" | "ProjectAuth">,
   context: BrowserActionContext

packages/api/src/services/projects.ts

@@ -30,7 +30,7 @@ export {
   saveSelectedDatabaseProfile
 } from "./actions-databases.js"
 export { closeSelectedProjectPort, loadSelectedProjectPorts, openSelectedProjectPort } from "./actions-port-forwards.js"
-export { connectProjectById, loadSelectedProjectInfo } from "./actions-projects.js"
+export { applyProjectById, applySelectedProject, connectProjectById, loadSelectedProjectInfo, runApplyAllProjects } from "./actions-projects.js"
 export { loadSelectedProjectTaskLogs, loadSelectedProjectTasks, stopSelectedProjectTask } from "./actions-tasks.js"
 
 export const runBrowserMenuAction = (

packages/app/src/web/actions-projects.ts

@@ -19,6 +19,15 @@ export const loadProjectLogs = (projectId: string) =>
     Effect.map((response) => response.output)
   )
 
+export const applyProject = (projectId: string) =>
+  requestJson(
+    "POST",
+    `/projects/${encodeURIComponent(projectId)}/apply`,
+    ProjectResponseSchema
+  ).pipe(
+    Effect.map((response) => response.project)
+  )
+
 export const createProject = (draft: CreateProjectDraft) =>
   requestJson(
     "POST",

packages/app/src/web/actions.ts

@@ -40,7 +40,7 @@ export {
   restartProjectDatabaseEditor,
   saveProjectDatabaseProfile
 } from "./api-database.js"
-export { createProject, loadProjectDetails, loadProjectLogs, loadProjectPs, upProject } from "./api-project-core.js"
+export { applyProject, createProject, loadProjectDetails, loadProjectLogs, loadProjectPs, upProject } from "./api-project-core.js"
 export { loadProjectTaskLogs, loadProjectTasks, stopProjectTask } from "./api-tasks.js"
 
 export type * from "./api-types.js"
@@ -170,6 +170,9 @@ export const deleteProject = (projectId: string) =>
 
 export const downAllProjects = () => requestText("POST", "/projects/down-all").pipe(Effect.asVoid)
 
+export const applyAllProjects = (activeOnly: boolean) =>
+  requestText("POST", "/projects/apply-all", { activeOnly }).pipe(Effect.asVoid)
+
 export const loadGithubStatus = () =>
   requestJson("GET", "/auth/github/status", GithubStatusResponseSchema).pipe(
     Effect.map((response) => response.status)

packages/app/src/web/api-project-core.ts

@@ -1,13 +1,16 @@
 import { updateActionPromptValue } from "./action-prompt.js"
 import {
   cancelBrowserActionPrompt,
+  applyProjectById,
+  applySelectedProject,
   closeSelectedProjectPort,
   connectProjectById,
   loadSelectedProjectBrowser,
   loadSelectedProjectPorts,
   openProjectBrowserById,
   openSelectedProjectBrowser,
   openSelectedProjectPort,
+  runApplyAllProjects,
   submitBrowserActionPrompt
 } from "./actions.js"
 import type { DashboardData } from "./api.js"
@@ -248,6 +251,15 @@ const bindBrowserActions = (
 const bindTerminalActions = (
   actionContext: ReturnType<typeof createActionContext>
 ) => ({
+  onApplyProjectById: (projectId: string) => {
+    applyProjectById(projectId, actionContext)
+  },
+  onApplySelectedProject: () => {
+    applySelectedProject(actionContext)
+  },
+  onApplyAllProjects: () => {
+    runApplyAllProjects(actionContext)
+  },
   onOpenProjectTerminalById: (projectId: string) => {
     connectProjectById(projectId, actionContext)
   }

packages/app/src/web/api.ts

@@ -45,6 +45,9 @@ export type ReadyLayoutProps = {
   readonly onActionPromptCancel: () => void
   readonly onActionPromptChange: (key: string, value: string) => void
   readonly onActionPromptSubmit: () => void
+  readonly onApplyAllProjects: () => void
+  readonly onApplyProjectById: (projectId: string) => void
+  readonly onApplySelectedProject: () => void
   readonly onBackScreen: () => void
   readonly onCreateBufferChange: (buffer: string) => void
   readonly onCreateCancel: () => void