feat(gitea): add Gitea repository support

apps/dokploy/components/dashboard/application/general/generic/save-bitbucket-provider.tsx

@@ -1,4 +1,6 @@
+import { BitbucketIcon } from "@/components/icons/data-tools-icons";
 import { AlertBlock } from "@/components/shared/alert-block";
+import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
 	Command,
@@ -39,13 +41,11 @@ import { cn } from "@/lib/utils";
 import { api } from "@/utils/api";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { CheckIcon, ChevronsUpDown, X } from "lucide-react";
+import Link from "next/link";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { z } from "zod";
-import { Badge } from "@/components/ui/badge";
-import { BitbucketIcon } from "@/components/icons/data-tools-icons";
-import Link from "next/link";
 
 const BitbucketProviderSchema = z.object({
 	buildPath: z.string().min(1, "Path is required").default("/"),

apps/dokploy/components/dashboard/application/general/generic/save-docker-provider.tsx

@@ -115,7 +115,11 @@ export const SaveDockerProvider = ({ applicationId }: Props) => {
 								<FormItem>
 									<FormLabel>Username</FormLabel>
 									<FormControl>
-										<Input placeholder="Username" autoComplete="username" {...field} />
+										<Input
+											placeholder="Username"
+											autoComplete="username"
+											{...field}
+										/>
 									</FormControl>
 									<FormMessage />
 								</FormItem>
@@ -130,7 +134,12 @@ export const SaveDockerProvider = ({ applicationId }: Props) => {
 								<FormItem>
 									<FormLabel>Password</FormLabel>
 									<FormControl>
-										<Input placeholder="Password" autoComplete="one-time-code" {...field} type="password" />
+										<Input
+											placeholder="Password"
+											autoComplete="one-time-code"
+											{...field}
+											type="password"
+										/>
 									</FormControl>
 									<FormMessage />
 								</FormItem>

apps/dokploy/components/dashboard/application/general/generic/save-git-provider.tsx

@@ -26,15 +26,15 @@ import {
 import { api } from "@/utils/api";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { KeyRoundIcon, LockIcon, X } from "lucide-react";
-import { useRouter } from "next/router";
 import Link from "next/link";
+import { useRouter } from "next/router";
 
+import { GitIcon } from "@/components/icons/data-tools-icons";
+import { Badge } from "@/components/ui/badge";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { z } from "zod";
-import { Badge } from "@/components/ui/badge";
-import { GitIcon } from "@/components/icons/data-tools-icons";
 
 const GitProviderSchema = z.object({
 	buildPath: z.string().min(1, "Path is required").default("/"),

apps/dokploy/components/dashboard/application/general/generic/save-gitea-provider.tsx

@@ -235,7 +235,8 @@ export const SaveGiteaProvider = ({ applicationId }: Props) => {
 														? "Loading...."
 														: field.value.owner
 															? repositories?.find(
-																	(repo: GiteaRepository) => repo.name === field.value.repo,
+																	(repo: GiteaRepository) =>
+																		repo.name === field.value.repo,
 																)?.name
 															: "Select repository"}
 
@@ -327,7 +328,8 @@ export const SaveGiteaProvider = ({ applicationId }: Props) => {
 														? "Loading...."
 														: field.value
 															? branches?.find(
-																	(branch: GiteaBranch) => branch.name === field.value,
+																	(branch: GiteaBranch) =>
+																		branch.name === field.value,
 																)?.name
 															: "Select branch"}
 													<ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
@@ -411,4 +413,4 @@ export const SaveGiteaProvider = ({ applicationId }: Props) => {
 			</Form>
 		</div>
 	);
-};
+};

apps/dokploy/components/dashboard/application/general/generic/save-github-provider.tsx

@@ -1,3 +1,5 @@
+import { GithubIcon } from "@/components/icons/data-tools-icons";
+import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
 	Command,
@@ -34,17 +36,15 @@ import {
 	TooltipProvider,
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { Badge } from "@/components/ui/badge";
 import { cn } from "@/lib/utils";
 import { api } from "@/utils/api";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { CheckIcon, ChevronsUpDown, HelpCircle, Plus, X } from "lucide-react";
+import Link from "next/link";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { z } from "zod";
-import Link from "next/link";
-import { GithubIcon } from "@/components/icons/data-tools-icons";
 
 const GithubProviderSchema = z.object({
 	buildPath: z.string().min(1, "Path is required").default("/"),

apps/dokploy/components/dashboard/application/general/generic/save-gitlab-provider.tsx

@@ -1,4 +1,6 @@
+import { GitlabIcon } from "@/components/icons/data-tools-icons";
 import { AlertBlock } from "@/components/shared/alert-block";
+import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
 	Command,
@@ -35,17 +37,15 @@ import {
 	TooltipProvider,
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { Badge } from "@/components/ui/badge";
 import { cn } from "@/lib/utils";
 import { api } from "@/utils/api";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { CheckIcon, ChevronsUpDown, HelpCircle, Plus, X } from "lucide-react";
+import Link from "next/link";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { z } from "zod";
-import Link from "next/link";
-import { GitlabIcon } from "@/components/icons/data-tools-icons";
 
 const GitlabProviderSchema = z.object({
 	buildPath: z.string().min(1, "Path is required").default("/"),

apps/dokploy/components/dashboard/application/general/generic/show.tsx

@@ -3,12 +3,12 @@ import { SaveGitProvider } from "@/components/dashboard/application/general/gene
 import { SaveGiteaProvider } from "@/components/dashboard/application/general/generic/save-gitea-provider";
 import { SaveGithubProvider } from "@/components/dashboard/application/general/generic/save-github-provider";
 import {
-  BitbucketIcon,
-  DockerIcon,
-  GitIcon,
-  GiteaIcon,
-  GithubIcon,
-  GitlabIcon,
+	BitbucketIcon,
+	DockerIcon,
+	GitIcon,
+	GiteaIcon,
+	GithubIcon,
+	GitlabIcon,
 } from "@/components/icons/data-tools-icons";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
@@ -20,190 +20,197 @@ import { SaveBitbucketProvider } from "./save-bitbucket-provider";
 import { SaveDragNDrop } from "./save-drag-n-drop";
 import { SaveGitlabProvider } from "./save-gitlab-provider";
 
-type TabState = "github" | "docker" | "git" | "drop" | "gitlab" | "bitbucket" | "gitea";
+type TabState =
+	| "github"
+	| "docker"
+	| "git"
+	| "drop"
+	| "gitlab"
+	| "bitbucket"
+	| "gitea";
 
 interface Props {
-  applicationId: string;
+	applicationId: string;
 }
 
 export const ShowProviderForm = ({ applicationId }: Props) => {
-  const { data: githubProviders } = api.github.githubProviders.useQuery();
-  const { data: gitlabProviders } = api.gitlab.gitlabProviders.useQuery();
-  const { data: bitbucketProviders } =
-    api.bitbucket.bitbucketProviders.useQuery();
-  const { data: giteaProviders } = api.gitea.giteaProviders.useQuery();
+	const { data: githubProviders } = api.github.githubProviders.useQuery();
+	const { data: gitlabProviders } = api.gitlab.gitlabProviders.useQuery();
+	const { data: bitbucketProviders } =
+		api.bitbucket.bitbucketProviders.useQuery();
+	const { data: giteaProviders } = api.gitea.giteaProviders.useQuery();
 
-  const { data: application } = api.application.one.useQuery({ applicationId });
-  const [tab, setSab] = useState<TabState>(application?.sourceType || "github");
-  return (
-    <Card className="group relative w-full bg-transparent">
-      <CardHeader>
-        <CardTitle className="flex items-start justify-between">
-          <div className="flex flex-col gap-2">
-            <span className="flex flex-col space-y-0.5">Provider</span>
-            <p className="flex items-center text-sm font-normal text-muted-foreground">
-              Select the source of your code
-            </p>
-          </div>
-          <div className="hidden space-y-1 text-sm font-normal md:block">
-            <GitBranch className="size-6 text-muted-foreground" />
-          </div>
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        <Tabs
-          value={tab}
-          className="w-full"
-          onValueChange={(e) => {
-            setSab(e as TabState);
-          }}
-        >
-          <div className="flex flex-row items-center justify-between  w-full gap-4">
-            <TabsList className="md:grid md:w-fit md:grid-cols-7 max-md:overflow-x-scroll justify-start bg-transparent overflow-y-hidden">
-              <TabsTrigger
-                value="github"
-                className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
-              >
-                <GithubIcon className="size-4 text-current fill-current" />
-                Github
-              </TabsTrigger>
-              <TabsTrigger
-                value="gitlab"
-                className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
-              >
-                <GitlabIcon className="size-4 text-current fill-current" />
-                Gitlab
-              </TabsTrigger>
-              <TabsTrigger
-                value="bitbucket"
-                className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
-              >
-                <BitbucketIcon className="size-4 text-current fill-current" />
-                Bitbucket
-              </TabsTrigger>
-              <TabsTrigger
-                value="gitea"
-                className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
-              >
-                <GiteaIcon className="size-4 text-current fill-current" />
-                Gitea
-              </TabsTrigger>
-              <TabsTrigger
-                value="docker"
-                className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
-              >
-                <DockerIcon className="size-5 text-current" />
-                Docker
-              </TabsTrigger>
-              <TabsTrigger
-                value="git"
-                className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
-              >
-                <GitIcon />
-                Git
-              </TabsTrigger>
-              <TabsTrigger
-                value="drop"
-                className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
-              >
-                <UploadCloud className="size-5 text-current" />
-                Drop
-              </TabsTrigger>
-            </TabsList>
-          </div>
+	const { data: application } = api.application.one.useQuery({ applicationId });
+	const [tab, setSab] = useState<TabState>(application?.sourceType || "github");
+	return (
+		<Card className="group relative w-full bg-transparent">
+			<CardHeader>
+				<CardTitle className="flex items-start justify-between">
+					<div className="flex flex-col gap-2">
+						<span className="flex flex-col space-y-0.5">Provider</span>
+						<p className="flex items-center text-sm font-normal text-muted-foreground">
+							Select the source of your code
+						</p>
+					</div>
+					<div className="hidden space-y-1 text-sm font-normal md:block">
+						<GitBranch className="size-6 text-muted-foreground" />
+					</div>
+				</CardTitle>
+			</CardHeader>
+			<CardContent>
+				<Tabs
+					value={tab}
+					className="w-full"
+					onValueChange={(e) => {
+						setSab(e as TabState);
+					}}
+				>
+					<div className="flex flex-row items-center justify-between  w-full gap-4">
+						<TabsList className="md:grid md:w-fit md:grid-cols-7 max-md:overflow-x-scroll justify-start bg-transparent overflow-y-hidden">
+							<TabsTrigger
+								value="github"
+								className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
+							>
+								<GithubIcon className="size-4 text-current fill-current" />
+								Github
+							</TabsTrigger>
+							<TabsTrigger
+								value="gitlab"
+								className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
+							>
+								<GitlabIcon className="size-4 text-current fill-current" />
+								Gitlab
+							</TabsTrigger>
+							<TabsTrigger
+								value="bitbucket"
+								className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
+							>
+								<BitbucketIcon className="size-4 text-current fill-current" />
+								Bitbucket
+							</TabsTrigger>
+							<TabsTrigger
+								value="gitea"
+								className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
+							>
+								<GiteaIcon className="size-4 text-current fill-current" />
+								Gitea
+							</TabsTrigger>
+							<TabsTrigger
+								value="docker"
+								className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
+							>
+								<DockerIcon className="size-5 text-current" />
+								Docker
+							</TabsTrigger>
+							<TabsTrigger
+								value="git"
+								className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
+							>
+								<GitIcon />
+								Git
+							</TabsTrigger>
+							<TabsTrigger
+								value="drop"
+								className="rounded-none border-b-2 gap-2 border-b-transparent data-[state=active]:border-b-2 data-[state=active]:border-b-border"
+							>
+								<UploadCloud className="size-5 text-current" />
+								Drop
+							</TabsTrigger>
+						</TabsList>
+					</div>
 
-          <TabsContent value="github" className="w-full p-2">
-            {githubProviders && githubProviders?.length > 0 ? (
-              <SaveGithubProvider applicationId={applicationId} />
-            ) : (
-              <div className="flex flex-col items-center gap-3 min-h-[15vh] justify-center">
-                <GithubIcon className="size-8 text-muted-foreground" />
-                <span className="text-base text-muted-foreground">
-                  To deploy using GitHub, you need to configure your account
-                  first. Please, go to{" "}
-                  <Link
-                    href="/dashboard/settings/git-providers"
-                    className="text-foreground"
-                  >
-                    Settings
-                  </Link>{" "}
-                  to do so.
-                </span>
-              </div>
-            )}
-          </TabsContent>
-          <TabsContent value="gitlab" className="w-full p-2">
-            {gitlabProviders && gitlabProviders?.length > 0 ? (
-              <SaveGitlabProvider applicationId={applicationId} />
-            ) : (
-              <div className="flex flex-col items-center gap-3 min-h-[15vh] justify-center">
-                <GitlabIcon className="size-8 text-muted-foreground" />
-                <span className="text-base text-muted-foreground">
-                  To deploy using GitLab, you need to configure your account
-                  first. Please, go to{" "}
-                  <Link
-                    href="/dashboard/settings/git-providers"
-                    className="text-foreground"
-                  >
-                    Settings
-                  </Link>{" "}
-                  to do so.
-                </span>
-              </div>
-            )}
-          </TabsContent>
-          <TabsContent value="bitbucket" className="w-full p-2">
-            {bitbucketProviders && bitbucketProviders?.length > 0 ? (
-              <SaveBitbucketProvider applicationId={applicationId} />
-            ) : (
-              <div className="flex flex-col items-center gap-3 min-h-[15vh] justify-center">
-                <BitbucketIcon className="size-8 text-muted-foreground" />
-                <span className="text-base text-muted-foreground">
-                  To deploy using Bitbucket, you need to configure your account
-                  first. Please, go to{" "}
-                  <Link
-                    href="/dashboard/settings/git-providers"
-                    className="text-foreground"
-                  >
-                    Settings
-                  </Link>{" "}
-                  to do so.
-                </span>
-              </div>
-            )}
-          </TabsContent>
-          <TabsContent value="gitea" className="w-full p-2">
-            {giteaProviders && giteaProviders?.length > 0 ? (
-              <SaveGiteaProvider applicationId={applicationId} />
-            ) : (
-              <div className="flex flex-col items-center gap-3 min-h-[15vh] justify-center">
-                <GiteaIcon className="size-8 text-muted-foreground" />
-                <span className="text-base text-muted-foreground">
-                  To deploy using Gitea, you need to configure your account
-                  first. Please, go to{" "}
-                  <Link
-                    href="/dashboard/settings/git-providers"
-                    className="text-foreground"
-                  >
-                    Settings
-                  </Link>{" "}
-                  to do so.
-                </span>
-              </div>
-            )}
-          </TabsContent>
-          <TabsContent value="docker" className="w-full p-2">
-            <SaveDockerProvider applicationId={applicationId} />
-          </TabsContent>
+					<TabsContent value="github" className="w-full p-2">
+						{githubProviders && githubProviders?.length > 0 ? (
+							<SaveGithubProvider applicationId={applicationId} />
+						) : (
+							<div className="flex flex-col items-center gap-3 min-h-[15vh] justify-center">
+								<GithubIcon className="size-8 text-muted-foreground" />
+								<span className="text-base text-muted-foreground">
+									To deploy using GitHub, you need to configure your account
+									first. Please, go to{" "}
+									<Link
+										href="/dashboard/settings/git-providers"
+										className="text-foreground"
+									>
+										Settings
+									</Link>{" "}
+									to do so.
+								</span>
+							</div>
+						)}
+					</TabsContent>
+					<TabsContent value="gitlab" className="w-full p-2">
+						{gitlabProviders && gitlabProviders?.length > 0 ? (
+							<SaveGitlabProvider applicationId={applicationId} />
+						) : (
+							<div className="flex flex-col items-center gap-3 min-h-[15vh] justify-center">
+								<GitlabIcon className="size-8 text-muted-foreground" />
+								<span className="text-base text-muted-foreground">
+									To deploy using GitLab, you need to configure your account
+									first. Please, go to{" "}
+									<Link
+										href="/dashboard/settings/git-providers"
+										className="text-foreground"
+									>
+										Settings
+									</Link>{" "}
+									to do so.
+								</span>
+							</div>
+						)}
+					</TabsContent>
+					<TabsContent value="bitbucket" className="w-full p-2">
+						{bitbucketProviders && bitbucketProviders?.length > 0 ? (
+							<SaveBitbucketProvider applicationId={applicationId} />
+						) : (
+							<div className="flex flex-col items-center gap-3 min-h-[15vh] justify-center">
+								<BitbucketIcon className="size-8 text-muted-foreground" />
+								<span className="text-base text-muted-foreground">
+									To deploy using Bitbucket, you need to configure your account
+									first. Please, go to{" "}
+									<Link
+										href="/dashboard/settings/git-providers"
+										className="text-foreground"
+									>
+										Settings
+									</Link>{" "}
+									to do so.
+								</span>
+							</div>
+						)}
+					</TabsContent>
+					<TabsContent value="gitea" className="w-full p-2">
+						{giteaProviders && giteaProviders?.length > 0 ? (
+							<SaveGiteaProvider applicationId={applicationId} />
+						) : (
+							<div className="flex flex-col items-center gap-3 min-h-[15vh] justify-center">
+								<GiteaIcon className="size-8 text-muted-foreground" />
+								<span className="text-base text-muted-foreground">
+									To deploy using Gitea, you need to configure your account
+									first. Please, go to{" "}
+									<Link
+										href="/dashboard/settings/git-providers"
+										className="text-foreground"
+									>
+										Settings
+									</Link>{" "}
+									to do so.
+								</span>
+							</div>
+						)}
+					</TabsContent>
+					<TabsContent value="docker" className="w-full p-2">
+						<SaveDockerProvider applicationId={applicationId} />
+					</TabsContent>
 
-          <TabsContent value="git" className="w-full p-2">
-            <SaveGitProvider applicationId={applicationId} />
-          </TabsContent>
-          <TabsContent value="drop" className="w-full p-2">
-            <SaveDragNDrop applicationId={applicationId} />
-          </TabsContent>
-        </Tabs>
-      </CardContent>
-    </Card>
-  );
-};
+					<TabsContent value="git" className="w-full p-2">
+						<SaveGitProvider applicationId={applicationId} />
+					</TabsContent>
+					<TabsContent value="drop" className="w-full p-2">
+						<SaveDragNDrop applicationId={applicationId} />
+					</TabsContent>
+				</Tabs>
+			</CardContent>
+		</Card>
+	);
+};