From 01794c774229b46a5fb0e2278104014a11d8ac92 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sun, 23 Jun 2024 19:21:40 -0600
Subject: [PATCH] fix: correct url swagger api

---
 .../dashboard/application/general/show.tsx    |  4 +-
 .../settings/profile/generate-token.tsx       |  6 +-
 server/api/root.ts                            | 33 -----------
 server/api/routers/settings.ts                | 55 ++++++++++++++++---
 4 files changed, 54 insertions(+), 44 deletions(-)

diff --git a/components/dashboard/application/general/show.tsx b/components/dashboard/application/general/show.tsx
index 4c95ec13e..b880edede 100644
--- a/components/dashboard/application/general/show.tsx
+++ b/components/dashboard/application/general/show.tsx
@@ -10,7 +10,7 @@ import { RedbuildApplication } from "../rebuild-application";
 import { StartApplication } from "../start-application";
 import { StopApplication } from "../stop-application";
 import { DockerTerminalModal } from "../../settings/web-server/docker-terminal-modal";
-import { Terminal } from "lucide-react";
+import { CheckCircle2, Terminal } from "lucide-react";
 import { DeployApplication } from "./deploy-application";
 import { ResetApplication } from "./reset-application";
 interface Props {
@@ -55,8 +55,10 @@ export const ShowGeneralApplication = ({ applicationId }: Props) => {
 									toast.error("Error to update Auto Deploy");
 								});
 						}}
+						className="flex flex-row gap-2 items-center"
 					>
 						Autodeploy
+						{data?.autoDeploy && <CheckCircle2 className="size-4" />}
 					</Toggle>
 					<RedbuildApplication applicationId={applicationId} />
 					{data?.applicationStatus === "idle" ? (
diff --git a/components/dashboard/settings/profile/generate-token.tsx b/components/dashboard/settings/profile/generate-token.tsx
index 8ad0cfa94..f79e8eb17 100644
--- a/components/dashboard/settings/profile/generate-token.tsx
+++ b/components/dashboard/settings/profile/generate-token.tsx
@@ -47,7 +47,11 @@ export const GenerateToken = () => {
 					<div className="grid w-full gap-8">
 						<div className="flex flex-col gap-2">
 							<Label>Token</Label>
-							<ToggleVisibilityInput value={data?.token || ""} disabled />
+							<ToggleVisibilityInput
+								placeholder="Token"
+								value={data?.token || ""}
+								disabled
+							/>
 						</div>
 					</div>
 					<Button
diff --git a/server/api/root.ts b/server/api/root.ts
index 3abbfbf23..1802d0cf6 100644
--- a/server/api/root.ts
+++ b/server/api/root.ts
@@ -23,7 +23,6 @@ import { dockerRouter } from "./routers/docker";
 import { composeRouter } from "./routers/compose";
 import { registryRouter } from "./routers/registry";
 import { clusterRouter } from "./routers/cluster";
-import { generateOpenApiDocument } from "@dokploy/trpc-openapi";
 
 /**
  * This is the primary router for your server.
@@ -59,35 +58,3 @@ export const appRouter = createTRPCRouter({
 
 // export type definition of API
 export type AppRouter = typeof appRouter;
-
-export const openApiDocument = generateOpenApiDocument(appRouter, {
-	title: "tRPC OpenAPI",
-	version: "1.0.0",
-	baseUrl: "http://localhost:3000/api/trpc",
-	docsUrl: "http://localhost:3000/api/trpc/settings.getOpenApiDocument",
-	tags: [
-		"admin",
-		"docker",
-		"compose",
-		"registry",
-		"cluster",
-		"user",
-		"domain",
-		"destination",
-		"backup",
-		"deployment",
-		"mounts",
-		"certificates",
-		"settings",
-		"security",
-		"redirects",
-		"port",
-		"project",
-		"application",
-		"mysql",
-		"postgres",
-		"redis",
-		"mongo",
-		"mariadb",
-	],
-});
diff --git a/server/api/routers/settings.ts b/server/api/routers/settings.ts
index d359cc257..7a222fe00 100644
--- a/server/api/routers/settings.ts
+++ b/server/api/routers/settings.ts
@@ -41,7 +41,8 @@ import {
 } from "../services/settings";
 import { canAccessToTraefikFiles } from "../services/user";
 import { recreateDirectory } from "@/server/utils/filesystem/directory";
-import { openApiDocument } from "../root";
+import { generateOpenApiDocument } from "@dokploy/trpc-openapi";
+import { appRouter } from "../root";
 
 export const settingsRouter = createTRPCRouter({
 	reloadServer: adminProcedure.mutation(async () => {
@@ -244,13 +245,49 @@ export const settingsRouter = createTRPCRouter({
 			return readConfigInPath(input.path);
 		}),
 
-	getOpenApiDocument: protectedProcedure.query((): unknown => {
-		openApiDocument.info = {
-			title: "Dokploy API",
-			description: "Endpoints for dokploy",
-			version: getDokployVersion(),
-		};
+	getOpenApiDocument: protectedProcedure.query(
+		async ({ ctx }): Promise<unknown> => {
+			const protocol = ctx.req.headers["x-forwarded-proto"];
+			const url = `${protocol}://${ctx.req.headers.host}/api/trpc`;
+			const openApiDocument = generateOpenApiDocument(appRouter, {
+				title: "tRPC OpenAPI",
+				version: "1.0.0",
+				baseUrl: url,
+				docsUrl: `${url}/settings.getOpenApiDocument`,
+				tags: [
+					"admin",
+					"docker",
+					"compose",
+					"registry",
+					"cluster",
+					"user",
+					"domain",
+					"destination",
+					"backup",
+					"deployment",
+					"mounts",
+					"certificates",
+					"settings",
+					"security",
+					"redirects",
+					"port",
+					"project",
+					"application",
+					"mysql",
+					"postgres",
+					"redis",
+					"mongo",
+					"mariadb",
+				],
+			});
 
-		return openApiDocument;
-	}),
+			openApiDocument.info = {
+				title: "Dokploy API",
+				description: "Endpoints for dokploy",
+				version: getDokployVersion(),
+			};
+
+			return openApiDocument;
+		},
+	),
 });