Register application

src/app/applications/page.tsx

@@ -12,7 +12,7 @@ import {
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { MoreVertical, Plus, Rocket } from "lucide-react";
-import InstallApplicationDialog from "@/components/dialogs/InstallApplication";
+import RegisterAppDialog from "@/components/dialogs/RegisterApp";
 import { getApps, removeApp } from "@/lib/dockship/application";
 import RemoveDialog from "@/components/dialogs/Remove";
 import DeployAppDialog from "@/components/dialogs/DeployApp";
@@ -31,17 +31,20 @@ export default function ApplicationsPage() {
   };
 
   return (
-    <DashboardLayout title="Applications" subtitle="Manage dockship applications">
+    <DashboardLayout
+      title="Applications"
+      subtitle="Manage dockship applications"
+    >
       {/* Header */}
       <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-6">
         <div className="flex flex-wrap items-center gap-2">
           <Badge>{apps.length} apps</Badge>
         </div>
-        <InstallApplicationDialog>
+        <RegisterAppDialog>
           <Button size="sm" className="gap-2 w-full sm:w-auto">
-            <Plus className="w-4 h-4" /> Install Application
+            <Plus className="w-4 h-4" /> Register Application
           </Button>
-        </InstallApplicationDialog>
+        </RegisterAppDialog>
       </div>
       <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
         {apps.map((app) => (

src/app/overview/page.tsx

@@ -131,13 +131,9 @@ export default function OverviewPage() {
                       {app.name}
                     </div>
 
-                    <div className="col-span-4 text-muted-foreground">
+                    <div className="col-span-7 text-muted-foreground">
                       {app.deployments.length}
                     </div>
-
-                    <div className="col-span-3 truncate">
-                      {nodes.find((n) => n.node_id === app.nodeId)?.name ?? "—"}
-                    </div>
                   </div>
                 ))
               )}

src/components/dialogs/RegisterApp.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, ReactNode, useEffect } from "react";
+import { useState, ReactNode } from "react";
 import { Button } from "@/components/ui/button";
 import {
   Dialog,
@@ -15,22 +15,19 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { getLiveNodes } from "@/lib/dockship/node";
 import { Combobox } from "../ui/combobox";
-import { Node, NodeLiveData } from "@/lib/types";
+import { registerApp } from "@/lib/dockship/application";
-import { installApp } from "@/lib/dockship/application";
 import { useAsync } from "@/hooks/use-async";
 
-export default function InstallApplicationDialog({
+export default function RegisterAppDialog({
   children,
 }: {
   children: ReactNode;
 }) {
-  const { value: nodes } = useAsync([], getLiveNodes);
   const [name, setName] = useState("");
   const [repo, setRepo] = useState("");
-  const [node, setNode] = useState("");
 
   const deploy = async () => {
-    console.log(await installApp(name, repo, node));
+    console.log(await registerApp(name, repo));
   };
 
   return (
@@ -39,7 +36,7 @@ export default function InstallApplicationDialog({
 
       <DialogContent className="sm:max-w-106.25">
         <DialogHeader>
-          <DialogTitle>Install Application</DialogTitle>
+          <DialogTitle>Register Application</DialogTitle>
         </DialogHeader>
 
         <div className="grid gap-4">
@@ -66,21 +63,6 @@ export default function InstallApplicationDialog({
               placeholder="https://github.com/me/myrepo.git"
             />
           </div>
-
-          <div className="grid gap-3">
-            <Label htmlFor="node">
-              Node <span className="text-destructive">*</span>
-            </Label>
-            <Combobox
-              value={node}
-              setValue={setNode}
-              data={nodes
-                .filter((node) => node.liveData)
-                .map((node) => ({ label: node.name, value: node.node_id }))}
-              placeholder="Select Node..."
-              listPlaceholder="No nodes found :("
-            />
-          </div>
         </div>
 
         <DialogFooter>

src/lib/dockship/application.ts

@@ -1,30 +1,9 @@
 "use server";
 
 import { verifySession } from "../../core/auth/session";
-import { getNodes } from "@/lib/dockship/node";
-import axios from "axios";
 import { Env, EnvVariable, Application } from "@/lib/types";
 import { read, write } from "@/app/api/file";
-
+import { randomUUID } from "crypto";
-export async function installApp(name: string, repo: string, nodeId: string) {
-  if (await verifySession()) {
-    throw new Error("Unauthorized");
-  }
-
-  const nodes = await getNodes();
-
-  const targetNode = nodes.find((node) => node.node_id === nodeId);
-
-  return await (
-    await axios.post(
-      `http://${targetNode?.ip}:3000/api/applications`,
-      { name, repo, nodeId },
-      {
-        headers: { Authorization: `ApiKey ${targetNode?.key}` },
-      }
-    )
-  ).data.apps;
-}
 
 export async function getApps(): Promise<Application[]> {
   if (await verifySession()) {
@@ -34,7 +13,54 @@ export async function getApps(): Promise<Application[]> {
   return read(() => [], "data", "apps.json");
 }
 
+export async function registerApp(name: string, repo: string) {
+  if (await verifySession()) {
+    throw new Error("Unauthorized");
+  }
+
+  const app: Application = {
+    id: randomUUID(),
+    name,
+    repo,
+    createdAt: new Date().toISOString(),
+    deployments: [],
+    env: {},
+  };
+
+  await write([...(await getApps()), app], "data", "apps.json");
+
+  return app;
+}
+
+export async function removeApp(appId: string) {
+  if (await verifySession()) {
+    throw new Error("Unauthorized");
+  }
+
+  const apps = await getApps();
+
+  const nextApps = apps.filter((app) => app.id !== appId);
+
+  await write(nextApps, "data", "apps.json");
+}
+
+export async function editApp(appId: string, updatedApp: Application) {
+  if (await verifySession()) {
+    throw new Error("Unauthorized");
+  }
+
+  const apps = await getApps();
+
+  const nextApps = apps.map((app) => (app.id === appId ? updatedApp : app));
+
+  await write(nextApps, "data", "apps.json");
+}
+
 export async function getEnv(): Promise<Record<string, Env>> {
+  if (await verifySession()) {
+    throw new Error("Unauthorized");
+  }
+
   const apps = await getApps();
 
   return apps.reduce<Record<string, Env>>((acc, app) => {
@@ -61,19 +87,3 @@ export async function setEnv(
   if (!app) throw new Error("App not found");
   editApp(appId, { ...app, env: variables });
 }
-
-export async function removeApp(appId: string) {
-  const apps = await getApps();
-
-  const nextApps = apps.filter((app) => app.id !== appId);
-
-  await write(nextApps, "data", "apps.json");
-}
-
-export async function editApp(appId: string, updatedApp: Application) {
-  const apps = await getApps();
-
-  const nextApps = apps.map((app) => (app.id === appId ? updatedApp : app));
-
-  await write(nextApps, "data", "apps.json");
-}

src/lib/types.ts

@@ -52,7 +52,6 @@ export interface Application {
   id: string;
   name: string;
   repo: string;
-  nodeId: string;
   createdAt: string;
   deployments: string[];
   env: Record<string, EnvVariable>;