mirror of
https://github.com/Dokploy/dokploy.git
synced 2026-07-05 05:55:21 +02:00
Compare commits
63 Commits
feat/add-c
...
v0.28.5
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
6e67864204 | ||
|
|
2102840bb9 | ||
|
|
30f061e774 | ||
|
|
c00aa6acbf | ||
|
|
8e9ab98a7a | ||
|
|
ce82e2322b | ||
|
|
ec7df05990 | ||
|
|
75a4e8e8ef | ||
|
|
b4319c7ea2 | ||
|
|
e9787b753d | ||
|
|
b419294b09 | ||
|
|
922b4d58f1 | ||
|
|
dc8ff78ee5 | ||
|
|
735c9952d8 | ||
|
|
21821295e3 | ||
|
|
a8467e80e8 | ||
|
|
95e14b4199 | ||
|
|
076262e479 | ||
|
|
c4f4db3ebc | ||
|
|
4882bd25ad | ||
|
|
7a8f2e53d5 | ||
|
|
50182a8048 | ||
|
|
35d35028f6 | ||
|
|
a5a4a1a818 | ||
|
|
c106d13ab5 | ||
|
|
808001d8de | ||
|
|
ce24eadbb4 | ||
|
|
b87f8cc5d8 | ||
|
|
f650200771 | ||
|
|
f961dc6e7a | ||
|
|
4be25da185 | ||
|
|
675c1d7a7d | ||
|
|
28cc361c47 | ||
|
|
cedec5239f | ||
|
|
2f4cbbd3ac | ||
|
|
38b20450dc | ||
|
|
49f43ab3fb | ||
|
|
2eae756cec | ||
|
|
70c261d021 | ||
|
|
9ae2ebff46 | ||
|
|
8ce880d108 | ||
|
|
34304526b1 | ||
|
|
a16c4c1294 | ||
|
|
d1c4ac20e3 | ||
|
|
0195119a86 | ||
|
|
48a577e792 | ||
|
|
bf7a75dd9f | ||
|
|
d316aa4401 | ||
|
|
f1b2cc35b3 | ||
|
|
d2fabc998d | ||
|
|
7185047eb7 | ||
|
|
7121fbe50a | ||
|
|
36cf3a69fc | ||
|
|
c34a01a173 | ||
|
|
9ac147a140 | ||
|
|
20f79ac655 | ||
|
|
6f21f1cc1f | ||
|
|
af76548482 | ||
|
|
13638d0f04 | ||
|
|
edceebec7e | ||
|
|
7599565e73 | ||
|
|
08c9113405 | ||
|
|
1014d4674c |
@@ -1,2 +1,11 @@
|
|||||||
LEMON_SQUEEZY_API_KEY=""
|
LEMON_SQUEEZY_API_KEY=""
|
||||||
LEMON_SQUEEZY_STORE_ID=""
|
LEMON_SQUEEZY_STORE_ID=""
|
||||||
|
|
||||||
|
# Inngest (for GET /jobs - list deployment queue). Self-hosted example:
|
||||||
|
# INNGEST_BASE_URL="http://localhost:8288"
|
||||||
|
# Production: INNGEST_BASE_URL="https://dev-inngest.dokploy.com"
|
||||||
|
# INNGEST_SIGNING_KEY="your-signing-key"
|
||||||
|
# Optional: only events after this RFC3339 timestamp. If unset, no date filter is applied.
|
||||||
|
# INNGEST_EVENTS_RECEIVED_AFTER="2024-01-01T00:00:00Z"
|
||||||
|
# Max events to fetch when listing jobs (paginates with cursor). Default 100, max 10000.
|
||||||
|
# INNGEST_JOBS_MAX_EVENTS=100
|
||||||
@@ -10,6 +10,7 @@ import {
|
|||||||
type DeployJob,
|
type DeployJob,
|
||||||
deployJobSchema,
|
deployJobSchema,
|
||||||
} from "./schema.js";
|
} from "./schema.js";
|
||||||
|
import { fetchDeploymentJobs } from "./service.js";
|
||||||
import { deploy } from "./utils.js";
|
import { deploy } from "./utils.js";
|
||||||
|
|
||||||
const app = new Hono();
|
const app = new Hono();
|
||||||
@@ -118,7 +119,6 @@ app.post("/deploy", zValidator("json", deployJobSchema), async (c) => {
|
|||||||
200,
|
200,
|
||||||
);
|
);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log("error", error);
|
|
||||||
logger.error("Failed to send deployment event", error);
|
logger.error("Failed to send deployment event", error);
|
||||||
return c.json(
|
return c.json(
|
||||||
{
|
{
|
||||||
@@ -176,6 +176,29 @@ app.get("/health", async (c) => {
|
|||||||
return c.json({ status: "ok" });
|
return c.json({ status: "ok" });
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// List deployment jobs (Inngest runs) for a server - same shape as BullMQ queue for the UI
|
||||||
|
app.get("/jobs", async (c) => {
|
||||||
|
const serverId = c.req.query("serverId");
|
||||||
|
if (!serverId) {
|
||||||
|
return c.json({ message: "serverId is required" }, 400);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const rows = await fetchDeploymentJobs(serverId);
|
||||||
|
return c.json(rows);
|
||||||
|
} catch (error) {
|
||||||
|
const message = error instanceof Error ? error.message : String(error);
|
||||||
|
if (message.includes("INNGEST_BASE_URL")) {
|
||||||
|
return c.json(
|
||||||
|
{ message: "INNGEST_BASE_URL is required to list deployment jobs" },
|
||||||
|
503,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
logger.error("Failed to fetch jobs from Inngest", { serverId, error });
|
||||||
|
return c.json([], 200);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// Serve Inngest functions endpoint
|
// Serve Inngest functions endpoint
|
||||||
app.on(
|
app.on(
|
||||||
["GET", "POST", "PUT"],
|
["GET", "POST", "PUT"],
|
||||||
|
|||||||
239
apps/api/src/service.ts
Normal file
239
apps/api/src/service.ts
Normal file
@@ -0,0 +1,239 @@
|
|||||||
|
import { logger } from "./logger.js";
|
||||||
|
|
||||||
|
const baseUrl = process.env.INNGEST_BASE_URL ?? "";
|
||||||
|
const signingKey = process.env.INNGEST_SIGNING_KEY ?? "";
|
||||||
|
|
||||||
|
const DEFAULT_MAX_EVENTS = 500;
|
||||||
|
const MAX_EVENTS = DEFAULT_MAX_EVENTS;
|
||||||
|
|
||||||
|
/** Event shape from GET /v1/events (https://api.inngest.com/v1/events) */
|
||||||
|
type InngestEventRow = {
|
||||||
|
internal_id?: string;
|
||||||
|
accountID?: string;
|
||||||
|
environmentID?: string;
|
||||||
|
source?: string;
|
||||||
|
sourceID?: string | null;
|
||||||
|
/** RFC3339 timestamp – API uses receivedAt, dev server may use received_at */
|
||||||
|
receivedAt?: string;
|
||||||
|
received_at?: string;
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
data: Record<string, unknown>;
|
||||||
|
user?: unknown;
|
||||||
|
ts: number;
|
||||||
|
v?: string | null;
|
||||||
|
metadata?: {
|
||||||
|
fetchedAt: string;
|
||||||
|
cachedUntil: string | null;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
/** Run shape from GET /v1/events/{eventId}/runs – the actual job execution */
|
||||||
|
type InngestRun = {
|
||||||
|
run_id: string;
|
||||||
|
event_id: string;
|
||||||
|
status: string; // "Running" | "Completed" | "Failed" | "Cancelled" | "Queued"?
|
||||||
|
run_started_at?: string;
|
||||||
|
ended_at?: string | null;
|
||||||
|
output?: unknown;
|
||||||
|
// dev server / API may use different casing
|
||||||
|
run_started_at_ms?: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
function getEventReceivedAt(ev: InngestEventRow): string | undefined {
|
||||||
|
return ev.receivedAt ?? ev.received_at;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Map Inngest run status to BullMQ-style state for the UI */
|
||||||
|
function runStatusToState(
|
||||||
|
status: string,
|
||||||
|
): "pending" | "active" | "completed" | "failed" | "cancelled" {
|
||||||
|
const s = status.toLowerCase();
|
||||||
|
if (s === "running") return "active";
|
||||||
|
if (s === "completed") return "completed";
|
||||||
|
if (s === "failed") return "failed";
|
||||||
|
if (s === "cancelled") return "cancelled";
|
||||||
|
if (s === "queued") return "pending";
|
||||||
|
return "pending";
|
||||||
|
}
|
||||||
|
|
||||||
|
export const fetchInngestEvents = async () => {
|
||||||
|
const maxEvents = MAX_EVENTS;
|
||||||
|
const all: InngestEventRow[] = [];
|
||||||
|
let cursor: string | undefined;
|
||||||
|
|
||||||
|
do {
|
||||||
|
const params = new URLSearchParams({ limit: "100" });
|
||||||
|
if (cursor) {
|
||||||
|
params.set("cursor", cursor);
|
||||||
|
}
|
||||||
|
|
||||||
|
const res = await fetch(`${baseUrl}/v1/events?${params}`, {
|
||||||
|
headers: {
|
||||||
|
Authorization: `Bearer ${signingKey}`,
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!res.ok) {
|
||||||
|
logger.warn("Inngest API error", {
|
||||||
|
status: res.status,
|
||||||
|
body: await res.text(),
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
const body = (await res.json()) as {
|
||||||
|
data?: InngestEventRow[];
|
||||||
|
cursor?: string;
|
||||||
|
nextCursor?: string;
|
||||||
|
};
|
||||||
|
const data = Array.isArray(body.data) ? body.data : [];
|
||||||
|
all.push(...data);
|
||||||
|
|
||||||
|
// Next page: API may return cursor/nextCursor, or use last event's internal_id (per API docs)
|
||||||
|
const nextCursor =
|
||||||
|
body.cursor ?? body.nextCursor ?? data[data.length - 1]?.internal_id;
|
||||||
|
const hasMore = data.length === 100 && nextCursor && all.length < maxEvents;
|
||||||
|
cursor = hasMore ? nextCursor : undefined;
|
||||||
|
} while (cursor);
|
||||||
|
|
||||||
|
return all.slice(0, maxEvents);
|
||||||
|
};
|
||||||
|
|
||||||
|
/** Fetch runs for a single event (GET /v1/events/{eventId}/runs) – runs are the actual jobs */
|
||||||
|
export const fetchInngestRunsForEvent = async (
|
||||||
|
eventId: string,
|
||||||
|
): Promise<InngestRun[]> => {
|
||||||
|
const res = await fetch(
|
||||||
|
`${baseUrl}/v1/events/${encodeURIComponent(eventId)}/runs`,
|
||||||
|
{
|
||||||
|
headers: {
|
||||||
|
Authorization: `Bearer ${signingKey}`,
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
);
|
||||||
|
if (!res.ok) {
|
||||||
|
logger.warn("Inngest runs API error", {
|
||||||
|
eventId,
|
||||||
|
status: res.status,
|
||||||
|
body: await res.text(),
|
||||||
|
});
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
const body = (await res.json()) as { data?: InngestRun[] };
|
||||||
|
return Array.isArray(body.data) ? body.data : [];
|
||||||
|
};
|
||||||
|
|
||||||
|
/** One row for the queue UI (BullMQ-compatible shape) */
|
||||||
|
export type DeploymentJobRow = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
data: Record<string, unknown>;
|
||||||
|
timestamp: number;
|
||||||
|
processedOn?: number;
|
||||||
|
finishedOn?: number;
|
||||||
|
failedReason?: string;
|
||||||
|
state: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
/** Build queue rows from events + their runs (one row per run, or pending if no run yet) */
|
||||||
|
function buildDeploymentRowsFromRuns(
|
||||||
|
events: InngestEventRow[],
|
||||||
|
runsByEventId: Map<string, InngestRun[]>,
|
||||||
|
serverId: string,
|
||||||
|
): DeploymentJobRow[] {
|
||||||
|
const requested = events.filter(
|
||||||
|
(e) =>
|
||||||
|
e.name === "deployment/requested" &&
|
||||||
|
(e.data as Record<string, unknown>)?.serverId === serverId,
|
||||||
|
);
|
||||||
|
const rows: DeploymentJobRow[] = [];
|
||||||
|
|
||||||
|
for (const ev of requested) {
|
||||||
|
const data = (ev.data ?? {}) as Record<string, unknown>;
|
||||||
|
const runs = runsByEventId.get(ev.id) ?? [];
|
||||||
|
|
||||||
|
if (runs.length === 0) {
|
||||||
|
// Queued: event received but no run yet
|
||||||
|
rows.push({
|
||||||
|
id: ev.id,
|
||||||
|
name: ev.name,
|
||||||
|
data,
|
||||||
|
timestamp: ev.ts,
|
||||||
|
processedOn: ev.ts,
|
||||||
|
finishedOn: undefined,
|
||||||
|
failedReason: undefined,
|
||||||
|
state: "pending",
|
||||||
|
});
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const run of runs) {
|
||||||
|
const state = runStatusToState(run.status);
|
||||||
|
const runStartedMs =
|
||||||
|
run.run_started_at_ms ??
|
||||||
|
(run.run_started_at ? new Date(run.run_started_at).getTime() : ev.ts);
|
||||||
|
const endedMs = run.ended_at
|
||||||
|
? new Date(run.ended_at).getTime()
|
||||||
|
: undefined;
|
||||||
|
const failedReason =
|
||||||
|
state === "failed" &&
|
||||||
|
run.output &&
|
||||||
|
typeof run.output === "object" &&
|
||||||
|
"error" in run.output
|
||||||
|
? String((run.output as { error?: unknown }).error)
|
||||||
|
: undefined;
|
||||||
|
|
||||||
|
rows.push({
|
||||||
|
id: run.run_id,
|
||||||
|
name: ev.name,
|
||||||
|
data,
|
||||||
|
timestamp: runStartedMs,
|
||||||
|
processedOn: runStartedMs,
|
||||||
|
finishedOn:
|
||||||
|
state === "completed" || state === "failed" || state === "cancelled"
|
||||||
|
? endedMs
|
||||||
|
: undefined,
|
||||||
|
failedReason,
|
||||||
|
state,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return rows.sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Fetch deployment jobs for a server: events → runs → rows (correct model: runs = jobs) */
|
||||||
|
export const fetchDeploymentJobs = async (
|
||||||
|
serverId: string,
|
||||||
|
): Promise<DeploymentJobRow[]> => {
|
||||||
|
if (!signingKey) {
|
||||||
|
logger.warn("INNGEST_SIGNING_KEY not set, returning empty jobs list");
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
if (!baseUrl) {
|
||||||
|
throw new Error("INNGEST_BASE_URL is required to list deployment jobs");
|
||||||
|
}
|
||||||
|
|
||||||
|
const events = await fetchInngestEvents();
|
||||||
|
|
||||||
|
const requestedForServer = events.filter(
|
||||||
|
(e) =>
|
||||||
|
e.name === "deployment/requested" &&
|
||||||
|
(e.data as Record<string, unknown>)?.serverId === serverId,
|
||||||
|
);
|
||||||
|
// Limit to avoid too many run fetches
|
||||||
|
const toFetch = requestedForServer.slice(0, 50);
|
||||||
|
const runsByEventId = new Map<string, InngestRun[]>();
|
||||||
|
|
||||||
|
await Promise.all(
|
||||||
|
toFetch.map(async (ev) => {
|
||||||
|
const runs = await fetchInngestRunsForEvent(ev.id);
|
||||||
|
runsByEventId.set(ev.id, runs);
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
|
||||||
|
return buildDeploymentRowsFromRuns(toFetch, runsByEventId, serverId);
|
||||||
|
};
|
||||||
@@ -9,7 +9,7 @@ import {
|
|||||||
updateCompose,
|
updateCompose,
|
||||||
updatePreviewDeployment,
|
updatePreviewDeployment,
|
||||||
} from "@dokploy/server";
|
} from "@dokploy/server";
|
||||||
import type { DeployJob } from "./schema";
|
import type { DeployJob } from "./schema.js";
|
||||||
|
|
||||||
export const deploy = async (job: DeployJob) => {
|
export const deploy = async (job: DeployJob) => {
|
||||||
try {
|
try {
|
||||||
|
|||||||
@@ -0,0 +1,613 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import {
|
||||||
|
type ColumnFiltersState,
|
||||||
|
flexRender,
|
||||||
|
getCoreRowModel,
|
||||||
|
getFilteredRowModel,
|
||||||
|
getPaginationRowModel,
|
||||||
|
getSortedRowModel,
|
||||||
|
type PaginationState,
|
||||||
|
type SortingState,
|
||||||
|
useReactTable,
|
||||||
|
} from "@tanstack/react-table";
|
||||||
|
import type { inferRouterOutputs } from "@trpc/server";
|
||||||
|
import {
|
||||||
|
ArrowUpDown,
|
||||||
|
Boxes,
|
||||||
|
ChevronLeft,
|
||||||
|
ChevronRight,
|
||||||
|
ExternalLink,
|
||||||
|
Loader2,
|
||||||
|
Rocket,
|
||||||
|
Server,
|
||||||
|
} from "lucide-react";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { useMemo, useState } from "react";
|
||||||
|
import { Badge } from "@/components/ui/badge";
|
||||||
|
import { Button } from "@/components/ui/button";
|
||||||
|
import { Input } from "@/components/ui/input";
|
||||||
|
import {
|
||||||
|
Select,
|
||||||
|
SelectContent,
|
||||||
|
SelectItem,
|
||||||
|
SelectTrigger,
|
||||||
|
SelectValue,
|
||||||
|
} from "@/components/ui/select";
|
||||||
|
import {
|
||||||
|
Table,
|
||||||
|
TableBody,
|
||||||
|
TableCell,
|
||||||
|
TableHead,
|
||||||
|
TableHeader,
|
||||||
|
TableRow,
|
||||||
|
} from "@/components/ui/table";
|
||||||
|
import type { AppRouter } from "@/server/api/root";
|
||||||
|
import { api } from "@/utils/api";
|
||||||
|
|
||||||
|
type DeploymentRow =
|
||||||
|
inferRouterOutputs<AppRouter>["deployment"]["allCentralized"][number];
|
||||||
|
|
||||||
|
const statusVariants: Record<
|
||||||
|
string,
|
||||||
|
| "default"
|
||||||
|
| "secondary"
|
||||||
|
| "destructive"
|
||||||
|
| "outline"
|
||||||
|
| "yellow"
|
||||||
|
| "green"
|
||||||
|
| "red"
|
||||||
|
> = {
|
||||||
|
running: "yellow",
|
||||||
|
done: "green",
|
||||||
|
error: "red",
|
||||||
|
cancelled: "outline",
|
||||||
|
};
|
||||||
|
|
||||||
|
function getServiceInfo(d: DeploymentRow) {
|
||||||
|
const app = d.application;
|
||||||
|
const comp = d.compose;
|
||||||
|
if (app?.environment?.project && app.environment) {
|
||||||
|
return {
|
||||||
|
type: "Application" as const,
|
||||||
|
name: app.name,
|
||||||
|
projectId: app.environment.project.projectId,
|
||||||
|
environmentId: app.environment.environmentId,
|
||||||
|
projectName: app.environment.project.name,
|
||||||
|
environmentName: app.environment.name,
|
||||||
|
serviceId: app.applicationId,
|
||||||
|
href: `/dashboard/project/${app.environment.project.projectId}/environment/${app.environment.environmentId}/services/application/${app.applicationId}`,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
if (comp?.environment?.project && comp.environment) {
|
||||||
|
return {
|
||||||
|
type: "Compose" as const,
|
||||||
|
name: comp.name,
|
||||||
|
projectId: comp.environment.project.projectId,
|
||||||
|
environmentId: comp.environment.environmentId,
|
||||||
|
projectName: comp.environment.project.name,
|
||||||
|
environmentName: comp.environment.name,
|
||||||
|
serviceId: comp.composeId,
|
||||||
|
href: `/dashboard/project/${comp.environment.project.projectId}/environment/${comp.environment.environmentId}/services/compose/${comp.composeId}`,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ShowDeploymentsTable() {
|
||||||
|
const [sorting, setSorting] = useState<SortingState>([
|
||||||
|
{ id: "createdAt", desc: true },
|
||||||
|
]);
|
||||||
|
const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
|
||||||
|
const [globalFilter, setGlobalFilter] = useState("");
|
||||||
|
const [statusFilter, setStatusFilter] = useState<string>("all");
|
||||||
|
const [typeFilter, setTypeFilter] = useState<string>("all");
|
||||||
|
const [pagination, setPagination] = useState<PaginationState>({
|
||||||
|
pageIndex: 0,
|
||||||
|
pageSize: 50,
|
||||||
|
});
|
||||||
|
|
||||||
|
const { data: deploymentsList, isLoading } =
|
||||||
|
api.deployment.allCentralized.useQuery(undefined, {
|
||||||
|
refetchInterval: 5000,
|
||||||
|
});
|
||||||
|
|
||||||
|
const filteredData = useMemo(() => {
|
||||||
|
if (!deploymentsList) return [];
|
||||||
|
let list = deploymentsList;
|
||||||
|
if (statusFilter !== "all") {
|
||||||
|
list = list.filter((d) => d.status === statusFilter);
|
||||||
|
}
|
||||||
|
if (typeFilter === "application") {
|
||||||
|
list = list.filter((d) => d.applicationId != null);
|
||||||
|
} else if (typeFilter === "compose") {
|
||||||
|
list = list.filter((d) => d.composeId != null);
|
||||||
|
}
|
||||||
|
if (globalFilter.trim()) {
|
||||||
|
const q = globalFilter.toLowerCase();
|
||||||
|
list = list.filter((d) => {
|
||||||
|
const info = getServiceInfo(d);
|
||||||
|
const serverName =
|
||||||
|
d.server?.name ??
|
||||||
|
d.application?.server?.name ??
|
||||||
|
d.compose?.server?.name ??
|
||||||
|
"";
|
||||||
|
const buildServerName =
|
||||||
|
d.buildServer?.name ?? d.application?.buildServer?.name ?? "";
|
||||||
|
if (!info) return false;
|
||||||
|
return (
|
||||||
|
info.name.toLowerCase().includes(q) ||
|
||||||
|
info.projectName.toLowerCase().includes(q) ||
|
||||||
|
info.environmentName.toLowerCase().includes(q) ||
|
||||||
|
(d.title?.toLowerCase().includes(q) ?? false) ||
|
||||||
|
serverName.toLowerCase().includes(q) ||
|
||||||
|
buildServerName.toLowerCase().includes(q)
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return list;
|
||||||
|
}, [deploymentsList, statusFilter, typeFilter, globalFilter]);
|
||||||
|
|
||||||
|
const columns = useMemo(
|
||||||
|
() => [
|
||||||
|
{
|
||||||
|
id: "serviceName",
|
||||||
|
accessorFn: (row: DeploymentRow) => getServiceInfo(row)?.name ?? "",
|
||||||
|
header: ({
|
||||||
|
column,
|
||||||
|
}: {
|
||||||
|
column: {
|
||||||
|
getIsSorted: () => false | "asc" | "desc";
|
||||||
|
toggleSorting: (asc: boolean) => void;
|
||||||
|
};
|
||||||
|
}) => (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
className="-ml-3 h-8"
|
||||||
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||||
|
>
|
||||||
|
Service
|
||||||
|
<ArrowUpDown className="ml-2 size-4" />
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
cell: ({ row }: { row: { original: DeploymentRow } }) => {
|
||||||
|
const info = getServiceInfo(row.original);
|
||||||
|
if (!info) return <span className="text-muted-foreground">—</span>;
|
||||||
|
return (
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
{info.type === "Application" ? (
|
||||||
|
<Rocket className="size-4 text-muted-foreground shrink-0" />
|
||||||
|
) : (
|
||||||
|
<Boxes className="size-4 text-muted-foreground shrink-0" />
|
||||||
|
)}
|
||||||
|
<div className="flex flex-col min-w-0">
|
||||||
|
<span className="font-medium truncate">{info.name}</span>
|
||||||
|
<Badge variant="outline" className="w-fit text-[10px]">
|
||||||
|
{info.type}
|
||||||
|
</Badge>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "projectName",
|
||||||
|
accessorFn: (row: DeploymentRow) =>
|
||||||
|
getServiceInfo(row)?.projectName ?? "",
|
||||||
|
header: ({
|
||||||
|
column,
|
||||||
|
}: {
|
||||||
|
column: {
|
||||||
|
getIsSorted: () => false | "asc" | "desc";
|
||||||
|
toggleSorting: (asc: boolean) => void;
|
||||||
|
};
|
||||||
|
}) => (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
className="-ml-3 h-8"
|
||||||
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||||
|
>
|
||||||
|
Project
|
||||||
|
<ArrowUpDown className="ml-2 size-4" />
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
cell: ({ row }: { row: { original: DeploymentRow } }) => {
|
||||||
|
const info = getServiceInfo(row.original);
|
||||||
|
return (
|
||||||
|
<span className="text-muted-foreground">
|
||||||
|
{info?.projectName ?? "—"}
|
||||||
|
</span>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "environmentName",
|
||||||
|
accessorFn: (row: DeploymentRow) =>
|
||||||
|
getServiceInfo(row)?.environmentName ?? "",
|
||||||
|
header: ({
|
||||||
|
column,
|
||||||
|
}: {
|
||||||
|
column: {
|
||||||
|
getIsSorted: () => false | "asc" | "desc";
|
||||||
|
toggleSorting: (asc: boolean) => void;
|
||||||
|
};
|
||||||
|
}) => (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
className="-ml-3 h-8"
|
||||||
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||||
|
>
|
||||||
|
Environment
|
||||||
|
<ArrowUpDown className="ml-2 size-4" />
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
cell: ({ row }: { row: { original: DeploymentRow } }) => {
|
||||||
|
const info = getServiceInfo(row.original);
|
||||||
|
return (
|
||||||
|
<span className="text-muted-foreground">
|
||||||
|
{info?.environmentName ?? "—"}
|
||||||
|
</span>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "serverName",
|
||||||
|
accessorFn: (row: DeploymentRow) =>
|
||||||
|
row.server?.name ??
|
||||||
|
row.application?.server?.name ??
|
||||||
|
row.compose?.server?.name ??
|
||||||
|
"",
|
||||||
|
header: ({
|
||||||
|
column,
|
||||||
|
}: {
|
||||||
|
column: {
|
||||||
|
getIsSorted: () => false | "asc" | "desc";
|
||||||
|
toggleSorting: (asc: boolean) => void;
|
||||||
|
};
|
||||||
|
}) => (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
className="-ml-3 h-8"
|
||||||
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||||
|
>
|
||||||
|
Server
|
||||||
|
<ArrowUpDown className="ml-2 size-4" />
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
cell: ({ row }: { row: { original: DeploymentRow } }) => {
|
||||||
|
const d = row.original;
|
||||||
|
const serverName =
|
||||||
|
d.server?.name ??
|
||||||
|
d.application?.server?.name ??
|
||||||
|
d.compose?.server?.name ??
|
||||||
|
null;
|
||||||
|
const serverType =
|
||||||
|
d.server?.serverType ??
|
||||||
|
d.application?.server?.serverType ??
|
||||||
|
d.compose?.server?.serverType ??
|
||||||
|
null;
|
||||||
|
const buildServerName =
|
||||||
|
d.buildServer?.name ?? d.application?.buildServer?.name ?? null;
|
||||||
|
const buildServerType =
|
||||||
|
d.buildServer?.serverType ??
|
||||||
|
d.application?.buildServer?.serverType ??
|
||||||
|
null;
|
||||||
|
const showBuild =
|
||||||
|
buildServerName != null && buildServerName !== serverName;
|
||||||
|
if (!serverName && !showBuild) {
|
||||||
|
return <span className="text-muted-foreground">—</span>;
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col gap-0.5 text-sm">
|
||||||
|
{serverName && (
|
||||||
|
<div className="flex items-center gap-1.5 flex-wrap">
|
||||||
|
<Server className="size-3.5 text-muted-foreground shrink-0" />
|
||||||
|
<span className="truncate">{serverName}</span>
|
||||||
|
{serverType && (
|
||||||
|
<Badge
|
||||||
|
variant="outline"
|
||||||
|
className="text-[10px] font-normal"
|
||||||
|
>
|
||||||
|
{serverType}
|
||||||
|
</Badge>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{showBuild && buildServerName && (
|
||||||
|
<div className="flex items-center gap-1.5 text-muted-foreground flex-wrap">
|
||||||
|
<span className="text-[10px]">Build:</span>
|
||||||
|
<span className="truncate text-xs">{buildServerName}</span>
|
||||||
|
{buildServerType && (
|
||||||
|
<Badge
|
||||||
|
variant="outline"
|
||||||
|
className="text-[10px] font-normal"
|
||||||
|
>
|
||||||
|
{buildServerType}
|
||||||
|
</Badge>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
accessorKey: "title",
|
||||||
|
header: ({
|
||||||
|
column,
|
||||||
|
}: {
|
||||||
|
column: {
|
||||||
|
getIsSorted: () => false | "asc" | "desc";
|
||||||
|
toggleSorting: (asc: boolean) => void;
|
||||||
|
};
|
||||||
|
}) => (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
className="-ml-3 h-8"
|
||||||
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||||
|
>
|
||||||
|
Title
|
||||||
|
<ArrowUpDown className="ml-2 size-4" />
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
cell: ({ row }: { row: { original: DeploymentRow } }) => (
|
||||||
|
<span className="text-sm truncate max-w-[200px] block">
|
||||||
|
{row.original.title || "—"}
|
||||||
|
</span>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
accessorKey: "status",
|
||||||
|
header: ({
|
||||||
|
column,
|
||||||
|
}: {
|
||||||
|
column: {
|
||||||
|
getIsSorted: () => false | "asc" | "desc";
|
||||||
|
toggleSorting: (asc: boolean) => void;
|
||||||
|
};
|
||||||
|
}) => (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
className="-ml-3 h-8"
|
||||||
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||||
|
>
|
||||||
|
Status
|
||||||
|
<ArrowUpDown className="ml-2 size-4" />
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
cell: ({ row }: { row: { original: DeploymentRow } }) => {
|
||||||
|
const status = row.original.status ?? "running";
|
||||||
|
return (
|
||||||
|
<Badge variant={statusVariants[status] ?? "secondary"}>
|
||||||
|
{status}
|
||||||
|
</Badge>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
accessorKey: "createdAt",
|
||||||
|
header: ({
|
||||||
|
column,
|
||||||
|
}: {
|
||||||
|
column: {
|
||||||
|
getIsSorted: () => false | "asc" | "desc";
|
||||||
|
toggleSorting: (asc: boolean) => void;
|
||||||
|
};
|
||||||
|
}) => (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
className="-ml-3 h-8"
|
||||||
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||||
|
>
|
||||||
|
Created
|
||||||
|
<ArrowUpDown className="ml-2 size-4" />
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
cell: ({ row }: { row: { original: DeploymentRow } }) => (
|
||||||
|
<span className="text-muted-foreground text-sm whitespace-nowrap">
|
||||||
|
{row.original.createdAt
|
||||||
|
? new Date(row.original.createdAt).toLocaleString()
|
||||||
|
: "—"}
|
||||||
|
</span>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: "",
|
||||||
|
id: "actions",
|
||||||
|
enableSorting: false,
|
||||||
|
cell: ({ row }: { row: { original: DeploymentRow } }) => {
|
||||||
|
const info = getServiceInfo(row.original);
|
||||||
|
if (!info) return null;
|
||||||
|
return (
|
||||||
|
<Button variant="ghost" size="sm" asChild>
|
||||||
|
<Link href={info.href} className="gap-1">
|
||||||
|
<ExternalLink className="size-4" />
|
||||||
|
Open
|
||||||
|
</Link>
|
||||||
|
</Button>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[],
|
||||||
|
);
|
||||||
|
|
||||||
|
const table = useReactTable({
|
||||||
|
data: filteredData,
|
||||||
|
columns,
|
||||||
|
state: {
|
||||||
|
sorting,
|
||||||
|
columnFilters,
|
||||||
|
globalFilter,
|
||||||
|
pagination,
|
||||||
|
},
|
||||||
|
onSortingChange: setSorting,
|
||||||
|
onColumnFiltersChange: setColumnFilters,
|
||||||
|
onGlobalFilterChange: setGlobalFilter,
|
||||||
|
onPaginationChange: setPagination,
|
||||||
|
getCoreRowModel: getCoreRowModel(),
|
||||||
|
getSortedRowModel: getSortedRowModel(),
|
||||||
|
getFilteredRowModel: getFilteredRowModel(),
|
||||||
|
getPaginationRowModel: getPaginationRowModel(),
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex flex-wrap items-center gap-2">
|
||||||
|
<Input
|
||||||
|
placeholder="Search by name, project, environment, server..."
|
||||||
|
value={globalFilter}
|
||||||
|
onChange={(e) => setGlobalFilter(e.target.value)}
|
||||||
|
className="max-w-xs"
|
||||||
|
/>
|
||||||
|
<Select value={statusFilter} onValueChange={setStatusFilter}>
|
||||||
|
<SelectTrigger className="w-[140px]">
|
||||||
|
<SelectValue placeholder="Status" />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent>
|
||||||
|
<SelectItem value="all">All statuses</SelectItem>
|
||||||
|
<SelectItem value="running">Running</SelectItem>
|
||||||
|
<SelectItem value="done">Done</SelectItem>
|
||||||
|
<SelectItem value="error">Error</SelectItem>
|
||||||
|
<SelectItem value="cancelled">Cancelled</SelectItem>
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
<Select value={typeFilter} onValueChange={setTypeFilter}>
|
||||||
|
<SelectTrigger className="w-[140px]">
|
||||||
|
<SelectValue placeholder="Type" />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent>
|
||||||
|
<SelectItem value="all">All types</SelectItem>
|
||||||
|
<SelectItem value="application">Application</SelectItem>
|
||||||
|
<SelectItem value="compose">Compose</SelectItem>
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
</div>
|
||||||
|
<div className="px-0">
|
||||||
|
{isLoading ? (
|
||||||
|
<div className="flex gap-4 w-full items-center justify-center min-h-[45vh] text-muted-foreground">
|
||||||
|
<Loader2 className="size-4 animate-spin" />
|
||||||
|
<span>Loading deployments...</span>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<div className="rounded-md border overflow-x-auto">
|
||||||
|
<Table>
|
||||||
|
<TableHeader>
|
||||||
|
{table.getHeaderGroups().map((headerGroup) => (
|
||||||
|
<TableRow key={headerGroup.id}>
|
||||||
|
{headerGroup.headers.map((header) => (
|
||||||
|
<TableHead key={header.id}>
|
||||||
|
{header.isPlaceholder
|
||||||
|
? null
|
||||||
|
: flexRender(
|
||||||
|
header.column.columnDef.header,
|
||||||
|
header.getContext(),
|
||||||
|
)}
|
||||||
|
</TableHead>
|
||||||
|
))}
|
||||||
|
</TableRow>
|
||||||
|
))}
|
||||||
|
</TableHeader>
|
||||||
|
<TableBody>
|
||||||
|
{table.getRowModel().rows?.length ? (
|
||||||
|
table.getRowModel().rows.map((row) => (
|
||||||
|
<TableRow key={row.id}>
|
||||||
|
{row.getVisibleCells().map((cell) => (
|
||||||
|
<TableCell key={cell.id}>
|
||||||
|
{flexRender(
|
||||||
|
cell.column.columnDef.cell,
|
||||||
|
cell.getContext(),
|
||||||
|
)}
|
||||||
|
</TableCell>
|
||||||
|
))}
|
||||||
|
</TableRow>
|
||||||
|
))
|
||||||
|
) : (
|
||||||
|
<TableRow>
|
||||||
|
<TableCell
|
||||||
|
colSpan={columns.length}
|
||||||
|
className=" text-center"
|
||||||
|
>
|
||||||
|
<div className="flex flex-col min-h-[45vh] items-center justify-center gap-2 text-muted-foreground">
|
||||||
|
<Rocket className="size-8" />
|
||||||
|
<p className="font-medium">No deployments found</p>
|
||||||
|
<p className="text-sm">
|
||||||
|
Deployments from applications and compose will
|
||||||
|
appear here.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</TableCell>
|
||||||
|
</TableRow>
|
||||||
|
)}
|
||||||
|
</TableBody>
|
||||||
|
</Table>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col gap-4 px-4 py-4 border-t sm:flex-row sm:items-center sm:justify-between">
|
||||||
|
<div className="flex items-center gap-2 flex-wrap">
|
||||||
|
<span className="text-sm text-muted-foreground whitespace-nowrap">
|
||||||
|
Rows per page
|
||||||
|
</span>
|
||||||
|
<Select
|
||||||
|
value={String(pagination.pageSize)}
|
||||||
|
onValueChange={(value) => {
|
||||||
|
setPagination((p) => ({
|
||||||
|
...p,
|
||||||
|
pageSize: Number(value),
|
||||||
|
pageIndex: 0,
|
||||||
|
}));
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<SelectTrigger className="h-8 w-[70px]">
|
||||||
|
<SelectValue />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent side="top">
|
||||||
|
{[10, 25, 50, 100].map((size) => (
|
||||||
|
<SelectItem key={size} value={String(size)}>
|
||||||
|
{size}
|
||||||
|
</SelectItem>
|
||||||
|
))}
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
<span className="text-sm text-muted-foreground whitespace-nowrap">
|
||||||
|
Showing{" "}
|
||||||
|
{filteredData.length === 0
|
||||||
|
? 0
|
||||||
|
: pagination.pageIndex * pagination.pageSize + 1}{" "}
|
||||||
|
to{" "}
|
||||||
|
{Math.min(
|
||||||
|
(pagination.pageIndex + 1) * pagination.pageSize,
|
||||||
|
filteredData.length,
|
||||||
|
)}{" "}
|
||||||
|
of {filteredData.length} entries
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
size="sm"
|
||||||
|
className="h-8"
|
||||||
|
onClick={() => table.previousPage()}
|
||||||
|
disabled={!table.getCanPreviousPage()}
|
||||||
|
>
|
||||||
|
<ChevronLeft className="size-4" />
|
||||||
|
Previous
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
size="sm"
|
||||||
|
className="h-8"
|
||||||
|
onClick={() => table.nextPage()}
|
||||||
|
disabled={!table.getCanNextPage()}
|
||||||
|
>
|
||||||
|
Next
|
||||||
|
<ChevronRight className="size-4" />
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,217 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import type { inferRouterOutputs } from "@trpc/server";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { ArrowRight, ListTodo, Loader2, XCircle } from "lucide-react";
|
||||||
|
import { Badge } from "@/components/ui/badge";
|
||||||
|
import { Button } from "@/components/ui/button";
|
||||||
|
import {
|
||||||
|
Table,
|
||||||
|
TableBody,
|
||||||
|
TableCell,
|
||||||
|
TableHead,
|
||||||
|
TableHeader,
|
||||||
|
TableRow,
|
||||||
|
} from "@/components/ui/table";
|
||||||
|
import type { AppRouter } from "@/server/api/root";
|
||||||
|
import { api } from "@/utils/api";
|
||||||
|
|
||||||
|
type QueueRow =
|
||||||
|
inferRouterOutputs<AppRouter>["deployment"]["queueList"][number];
|
||||||
|
|
||||||
|
const stateVariants: Record<
|
||||||
|
string,
|
||||||
|
| "default"
|
||||||
|
| "secondary"
|
||||||
|
| "destructive"
|
||||||
|
| "outline"
|
||||||
|
| "yellow"
|
||||||
|
| "green"
|
||||||
|
| "red"
|
||||||
|
> = {
|
||||||
|
pending: "secondary",
|
||||||
|
waiting: "secondary",
|
||||||
|
active: "yellow",
|
||||||
|
delayed: "outline",
|
||||||
|
completed: "green",
|
||||||
|
failed: "destructive",
|
||||||
|
cancelled: "outline",
|
||||||
|
paused: "outline",
|
||||||
|
};
|
||||||
|
|
||||||
|
function formatTs(ts?: number): string {
|
||||||
|
if (ts == null) return "—";
|
||||||
|
const d = new Date(ts);
|
||||||
|
return d.toLocaleString();
|
||||||
|
}
|
||||||
|
|
||||||
|
function getJobLabel(row: QueueRow): string {
|
||||||
|
const d = row.data as {
|
||||||
|
applicationType?: string;
|
||||||
|
applicationId?: string;
|
||||||
|
composeId?: string;
|
||||||
|
previewDeploymentId?: string;
|
||||||
|
titleLog?: string;
|
||||||
|
type?: string;
|
||||||
|
};
|
||||||
|
if (!d) return String(row.id);
|
||||||
|
const type = d.applicationType ?? "job";
|
||||||
|
const title = d.titleLog ?? "";
|
||||||
|
if (title) return title;
|
||||||
|
if (d.applicationId) return `Application ${d.applicationId.slice(0, 8)}…`;
|
||||||
|
if (d.composeId) return `Compose ${d.composeId.slice(0, 8)}…`;
|
||||||
|
if (d.previewDeploymentId)
|
||||||
|
return `Preview ${d.previewDeploymentId.slice(0, 8)}…`;
|
||||||
|
return `${type} ${String(row.id)}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ShowQueueTable(props: { embedded?: boolean }) {
|
||||||
|
const { embedded: _embedded = false } = props;
|
||||||
|
const { data: queueList, isLoading } = api.deployment.queueList.useQuery(
|
||||||
|
undefined,
|
||||||
|
{ refetchInterval: 3000 },
|
||||||
|
);
|
||||||
|
const { data: isCloud } = api.settings.isCloud.useQuery();
|
||||||
|
const utils = api.useUtils();
|
||||||
|
const {
|
||||||
|
mutateAsync: cancelApplicationDeployment,
|
||||||
|
isPending: isCancellingApp,
|
||||||
|
} = api.application.cancelDeployment.useMutation({
|
||||||
|
onSuccess: () => void utils.deployment.queueList.invalidate(),
|
||||||
|
});
|
||||||
|
const {
|
||||||
|
mutateAsync: cancelComposeDeployment,
|
||||||
|
isPending: isCancellingCompose,
|
||||||
|
} = api.compose.cancelDeployment.useMutation({
|
||||||
|
onSuccess: () => void utils.deployment.queueList.invalidate(),
|
||||||
|
});
|
||||||
|
const isCancelling = isCancellingApp || isCancellingCompose;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="px-0">
|
||||||
|
{isLoading ? (
|
||||||
|
<div className="flex gap-4 w-full items-center justify-center min-h-[30vh] text-muted-foreground">
|
||||||
|
<Loader2 className="size-4 animate-spin" />
|
||||||
|
<span>Loading queue...</span>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="rounded-md border overflow-x-auto">
|
||||||
|
<Table>
|
||||||
|
<TableHeader>
|
||||||
|
<TableRow>
|
||||||
|
<TableHead>Job ID</TableHead>
|
||||||
|
<TableHead>Label</TableHead>
|
||||||
|
<TableHead>Type</TableHead>
|
||||||
|
<TableHead>State</TableHead>
|
||||||
|
<TableHead>Added</TableHead>
|
||||||
|
<TableHead>Processed</TableHead>
|
||||||
|
<TableHead>Finished</TableHead>
|
||||||
|
<TableHead>Error</TableHead>
|
||||||
|
<TableHead className="w-[100px]">Actions</TableHead>
|
||||||
|
</TableRow>
|
||||||
|
</TableHeader>
|
||||||
|
<TableBody>
|
||||||
|
{queueList?.length ? (
|
||||||
|
queueList.map((row) => {
|
||||||
|
const d = row.data as Record<string, unknown>;
|
||||||
|
const appType = d?.applicationType as string | undefined;
|
||||||
|
const pathInfo = row.servicePath;
|
||||||
|
const hasLink = pathInfo?.href != null;
|
||||||
|
return (
|
||||||
|
<TableRow key={String(row.id)}>
|
||||||
|
<TableCell className="font-mono text-xs">
|
||||||
|
{String(row.id)}
|
||||||
|
</TableCell>
|
||||||
|
<TableCell className="max-w-[200px] truncate">
|
||||||
|
{getJobLabel(row)}
|
||||||
|
</TableCell>
|
||||||
|
<TableCell>{appType ?? row.name ?? "—"}</TableCell>
|
||||||
|
<TableCell>
|
||||||
|
<Badge variant={stateVariants[row.state] ?? "outline"}>
|
||||||
|
{row.state}
|
||||||
|
</Badge>
|
||||||
|
</TableCell>
|
||||||
|
<TableCell className="text-muted-foreground text-xs">
|
||||||
|
{formatTs(row.timestamp)}
|
||||||
|
</TableCell>
|
||||||
|
<TableCell className="text-muted-foreground text-xs">
|
||||||
|
{formatTs(row.processedOn)}
|
||||||
|
</TableCell>
|
||||||
|
<TableCell className="text-muted-foreground text-xs">
|
||||||
|
{formatTs(row.finishedOn)}
|
||||||
|
</TableCell>
|
||||||
|
<TableCell className="max-w-[180px] truncate text-xs text-destructive">
|
||||||
|
{row.failedReason ?? "—"}
|
||||||
|
</TableCell>
|
||||||
|
<TableCell>
|
||||||
|
<div className="flex items-center gap-1">
|
||||||
|
{hasLink ? (
|
||||||
|
<Button variant="ghost" size="sm" asChild>
|
||||||
|
<Link href={pathInfo!.href!}>
|
||||||
|
<ArrowRight className="size-4 mr-1" />
|
||||||
|
Service
|
||||||
|
</Link>
|
||||||
|
</Button>
|
||||||
|
) : (
|
||||||
|
<span className="text-muted-foreground text-xs">
|
||||||
|
—
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
{isCloud &&
|
||||||
|
row.state === "active" &&
|
||||||
|
(d?.applicationId != null ||
|
||||||
|
d?.composeId != null) && (
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="sm"
|
||||||
|
className="text-destructive hover:text-destructive"
|
||||||
|
disabled={isCancelling}
|
||||||
|
onClick={() => {
|
||||||
|
const appId =
|
||||||
|
typeof d.applicationId === "string"
|
||||||
|
? d.applicationId
|
||||||
|
: undefined;
|
||||||
|
const compId =
|
||||||
|
typeof d.composeId === "string"
|
||||||
|
? d.composeId
|
||||||
|
: undefined;
|
||||||
|
if (appId) {
|
||||||
|
void cancelApplicationDeployment({
|
||||||
|
applicationId: appId,
|
||||||
|
});
|
||||||
|
} else if (compId) {
|
||||||
|
void cancelComposeDeployment({
|
||||||
|
composeId: compId,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<XCircle className="size-4 mr-1" />
|
||||||
|
Cancel
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</TableCell>
|
||||||
|
</TableRow>
|
||||||
|
);
|
||||||
|
})
|
||||||
|
) : (
|
||||||
|
<TableRow>
|
||||||
|
<TableCell colSpan={9} className="text-center py-12">
|
||||||
|
<div className="flex flex-col items-center justify-center gap-2 text-muted-foreground min-h-[30vh]">
|
||||||
|
<ListTodo className="size-8" />
|
||||||
|
<p className="font-medium">Queue is empty</p>
|
||||||
|
<p className="text-sm">
|
||||||
|
Deployment jobs will appear here when they are queued.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</TableCell>
|
||||||
|
</TableRow>
|
||||||
|
)}
|
||||||
|
</TableBody>
|
||||||
|
</Table>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -24,7 +24,6 @@ import {
|
|||||||
FormMessage,
|
FormMessage,
|
||||||
} from "@/components/ui/form";
|
} from "@/components/ui/form";
|
||||||
import { Input } from "@/components/ui/input";
|
import { Input } from "@/components/ui/input";
|
||||||
import { authClient } from "@/lib/auth-client";
|
|
||||||
import { api } from "@/utils/api";
|
import { api } from "@/utils/api";
|
||||||
|
|
||||||
const organizationSchema = z.object({
|
const organizationSchema = z.object({
|
||||||
@@ -55,8 +54,6 @@ export function AddOrganization({ organizationId }: Props) {
|
|||||||
const { mutateAsync, isPending } = organizationId
|
const { mutateAsync, isPending } = organizationId
|
||||||
? api.organization.update.useMutation()
|
? api.organization.update.useMutation()
|
||||||
: api.organization.create.useMutation();
|
: api.organization.create.useMutation();
|
||||||
const { refetch: refetchActiveOrganization } =
|
|
||||||
authClient.useActiveOrganization();
|
|
||||||
|
|
||||||
const form = useForm<OrganizationFormValues>({
|
const form = useForm<OrganizationFormValues>({
|
||||||
resolver: zodResolver(organizationSchema),
|
resolver: zodResolver(organizationSchema),
|
||||||
@@ -89,7 +86,7 @@ export function AddOrganization({ organizationId }: Props) {
|
|||||||
utils.organization.all.invalidate();
|
utils.organization.all.invalidate();
|
||||||
if (organizationId) {
|
if (organizationId) {
|
||||||
utils.organization.one.invalidate({ organizationId });
|
utils.organization.one.invalidate({ organizationId });
|
||||||
refetchActiveOrganization();
|
utils.organization.active.invalidate();
|
||||||
}
|
}
|
||||||
setOpen(false);
|
setOpen(false);
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -23,7 +23,6 @@ import {
|
|||||||
CommandList,
|
CommandList,
|
||||||
CommandSeparator,
|
CommandSeparator,
|
||||||
} from "@/components/ui/command";
|
} from "@/components/ui/command";
|
||||||
import { authClient } from "@/lib/auth-client";
|
|
||||||
import { api } from "@/utils/api";
|
import { api } from "@/utils/api";
|
||||||
import { StatusTooltip } from "../shared/status-tooltip";
|
import { StatusTooltip } from "../shared/status-tooltip";
|
||||||
|
|
||||||
@@ -56,7 +55,7 @@ export const SearchCommand = () => {
|
|||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const [open, setOpen] = React.useState(false);
|
const [open, setOpen] = React.useState(false);
|
||||||
const [search, setSearch] = React.useState("");
|
const [search, setSearch] = React.useState("");
|
||||||
const { data: session } = authClient.useSession();
|
const { data: session } = api.user.session.useQuery();
|
||||||
const { data } = api.project.all.useQuery(undefined, {
|
const { data } = api.project.all.useQuery(undefined, {
|
||||||
enabled: !!session,
|
enabled: !!session,
|
||||||
});
|
});
|
||||||
@@ -174,6 +173,14 @@ export const SearchCommand = () => {
|
|||||||
>
|
>
|
||||||
Projects
|
Projects
|
||||||
</CommandItem>
|
</CommandItem>
|
||||||
|
<CommandItem
|
||||||
|
onSelect={() => {
|
||||||
|
router.push("/dashboard/deployments");
|
||||||
|
setOpen(false);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Deployments
|
||||||
|
</CommandItem>
|
||||||
{!isCloud && (
|
{!isCloud && (
|
||||||
<>
|
<>
|
||||||
<CommandItem
|
<CommandItem
|
||||||
|
|||||||
@@ -12,13 +12,13 @@ import {
|
|||||||
} from "@/components/ui/dialog";
|
} from "@/components/ui/dialog";
|
||||||
import { Input } from "@/components/ui/input";
|
import { Input } from "@/components/ui/input";
|
||||||
import { Switch } from "@/components/ui/switch";
|
import { Switch } from "@/components/ui/switch";
|
||||||
import { authClient } from "@/lib/auth-client";
|
|
||||||
import { api } from "@/utils/api";
|
import { api } from "@/utils/api";
|
||||||
|
|
||||||
export const AddGithubProvider = () => {
|
export const AddGithubProvider = () => {
|
||||||
const [isOpen, setIsOpen] = useState(false);
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
const { data: activeOrganization } = authClient.useActiveOrganization();
|
const { data: activeOrganization } = api.organization.active.useQuery();
|
||||||
const { data: session } = authClient.useSession();
|
|
||||||
|
const { data: session } = api.user.session.useQuery();
|
||||||
const { data } = api.user.get.useQuery();
|
const { data } = api.user.get.useQuery();
|
||||||
const [manifest, setManifest] = useState("");
|
const [manifest, setManifest] = useState("");
|
||||||
const [isOrganization, setIsOrganization] = useState(false);
|
const [isOrganization, setIsOrganization] = useState(false);
|
||||||
@@ -52,7 +52,7 @@ export const AddGithubProvider = () => {
|
|||||||
);
|
);
|
||||||
|
|
||||||
setManifest(manifest);
|
setManifest(manifest);
|
||||||
}, [data?.id, activeOrganization?.id, session?.user?.id]);
|
}, [activeOrganization?.id, session?.user?.id]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog open={isOpen} onOpenChange={setIsOpen}>
|
<Dialog open={isOpen} onOpenChange={setIsOpen}>
|
||||||
@@ -98,8 +98,8 @@ export const AddGithubProvider = () => {
|
|||||||
<form
|
<form
|
||||||
action={
|
action={
|
||||||
isOrganization
|
isOrganization
|
||||||
? `https://github.com/organizations/${organizationName}/settings/apps/new?state=gh_init:${activeOrganization?.id}`
|
? `https://github.com/organizations/${organizationName}/settings/apps/new?state=gh_init:${activeOrganization?.id}:${session?.user?.id ?? ""}`
|
||||||
: `https://github.com/settings/apps/new?state=gh_init:${activeOrganization?.id}`
|
: `https://github.com/settings/apps/new?state=gh_init:${activeOrganization?.id}:${session?.user?.id ?? ""}`
|
||||||
}
|
}
|
||||||
method="post"
|
method="post"
|
||||||
>
|
>
|
||||||
@@ -131,11 +131,7 @@ export const AddGithubProvider = () => {
|
|||||||
Unsure if you already have an app?
|
Unsure if you already have an app?
|
||||||
</a>
|
</a>
|
||||||
<Button
|
<Button
|
||||||
disabled={
|
disabled={isOrganization && organizationName.length < 1}
|
||||||
(isOrganization && organizationName.length < 1) ||
|
|
||||||
!activeOrganization?.id ||
|
|
||||||
!session?.user?.id
|
|
||||||
}
|
|
||||||
type="submit"
|
type="submit"
|
||||||
className="self-end"
|
className="self-end"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -55,7 +55,7 @@ export const AddInvitation = () => {
|
|||||||
api.notification.getEmailProviders.useQuery();
|
api.notification.getEmailProviders.useQuery();
|
||||||
const { mutateAsync: sendInvitation } = api.user.sendInvitation.useMutation();
|
const { mutateAsync: sendInvitation } = api.user.sendInvitation.useMutation();
|
||||||
const [error, setError] = useState<string | null>(null);
|
const [error, setError] = useState<string | null>(null);
|
||||||
const { data: activeOrganization } = authClient.useActiveOrganization();
|
const { data: activeOrganization } = api.organization.active.useQuery();
|
||||||
|
|
||||||
const form = useForm<AddInvitation>({
|
const form = useForm<AddInvitation>({
|
||||||
defaultValues: {
|
defaultValues: {
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ export const ShowUsers = () => {
|
|||||||
const { mutateAsync } = api.user.remove.useMutation();
|
const { mutateAsync } = api.user.remove.useMutation();
|
||||||
|
|
||||||
const utils = api.useUtils();
|
const utils = api.useUtils();
|
||||||
const { data: session } = authClient.useSession();
|
const { data: session } = api.user.session.useQuery();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
|
|||||||
@@ -25,6 +25,7 @@ import {
|
|||||||
type LucideIcon,
|
type LucideIcon,
|
||||||
Package,
|
Package,
|
||||||
PieChart,
|
PieChart,
|
||||||
|
Rocket,
|
||||||
Server,
|
Server,
|
||||||
ShieldCheck,
|
ShieldCheck,
|
||||||
Star,
|
Star,
|
||||||
@@ -145,6 +146,12 @@ const MENU: Menu = {
|
|||||||
url: "/dashboard/projects",
|
url: "/dashboard/projects",
|
||||||
icon: Folder,
|
icon: Folder,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
isSingle: true,
|
||||||
|
title: "Deployments",
|
||||||
|
url: "/dashboard/deployments",
|
||||||
|
icon: Rocket,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
isSingle: true,
|
isSingle: true,
|
||||||
title: "Monitoring",
|
title: "Monitoring",
|
||||||
@@ -539,7 +546,7 @@ function SidebarLogo() {
|
|||||||
const { state } = useSidebar();
|
const { state } = useSidebar();
|
||||||
const { data: isCloud } = api.settings.isCloud.useQuery();
|
const { data: isCloud } = api.settings.isCloud.useQuery();
|
||||||
const { data: user } = api.user.get.useQuery();
|
const { data: user } = api.user.get.useQuery();
|
||||||
const { data: session } = authClient.useSession();
|
const { data: session } = api.user.session.useQuery();
|
||||||
const {
|
const {
|
||||||
data: organizations,
|
data: organizations,
|
||||||
refetch,
|
refetch,
|
||||||
@@ -550,8 +557,7 @@ function SidebarLogo() {
|
|||||||
const { mutateAsync: setDefaultOrganization, isPending: isSettingDefault } =
|
const { mutateAsync: setDefaultOrganization, isPending: isSettingDefault } =
|
||||||
api.organization.setDefault.useMutation();
|
api.organization.setDefault.useMutation();
|
||||||
const { isMobile } = useSidebar();
|
const { isMobile } = useSidebar();
|
||||||
const { data: activeOrganization } = authClient.useActiveOrganization();
|
const { data: activeOrganization } = api.organization.active.useQuery();
|
||||||
const _utils = api.useUtils();
|
|
||||||
|
|
||||||
const { data: invitations, refetch: refetchInvitations } =
|
const { data: invitations, refetch: refetchInvitations } =
|
||||||
api.user.getInvitations.useQuery();
|
api.user.getInvitations.useQuery();
|
||||||
|
|||||||
@@ -9,7 +9,8 @@ import { yaml } from "@codemirror/lang-yaml";
|
|||||||
import { StreamLanguage } from "@codemirror/language";
|
import { StreamLanguage } from "@codemirror/language";
|
||||||
import { properties } from "@codemirror/legacy-modes/mode/properties";
|
import { properties } from "@codemirror/legacy-modes/mode/properties";
|
||||||
import { shell } from "@codemirror/legacy-modes/mode/shell";
|
import { shell } from "@codemirror/legacy-modes/mode/shell";
|
||||||
import { EditorView } from "@codemirror/view";
|
import { search, searchKeymap } from "@codemirror/search";
|
||||||
|
import { EditorView, keymap } from "@codemirror/view";
|
||||||
import { githubDark, githubLight } from "@uiw/codemirror-theme-github";
|
import { githubDark, githubLight } from "@uiw/codemirror-theme-github";
|
||||||
import CodeMirror, { type ReactCodeMirrorProps } from "@uiw/react-codemirror";
|
import CodeMirror, { type ReactCodeMirrorProps } from "@uiw/react-codemirror";
|
||||||
import { useTheme } from "next-themes";
|
import { useTheme } from "next-themes";
|
||||||
@@ -155,6 +156,8 @@ export const CodeEditor = ({
|
|||||||
}}
|
}}
|
||||||
theme={resolvedTheme === "dark" ? githubDark : githubLight}
|
theme={resolvedTheme === "dark" ? githubDark : githubLight}
|
||||||
extensions={[
|
extensions={[
|
||||||
|
search(),
|
||||||
|
keymap.of(searchKeymap),
|
||||||
language === "yaml"
|
language === "yaml"
|
||||||
? yaml()
|
? yaml()
|
||||||
: language === "json"
|
: language === "json"
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "dokploy",
|
"name": "dokploy",
|
||||||
"version": "v0.28.2",
|
"version": "v0.28.5",
|
||||||
"private": true,
|
"private": true,
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -53,7 +53,8 @@
|
|||||||
"@codemirror/lang-yaml": "^6.1.2",
|
"@codemirror/lang-yaml": "^6.1.2",
|
||||||
"@codemirror/language": "^6.11.0",
|
"@codemirror/language": "^6.11.0",
|
||||||
"@codemirror/legacy-modes": "6.4.0",
|
"@codemirror/legacy-modes": "6.4.0",
|
||||||
"@codemirror/view": "6.29.0",
|
"@codemirror/search": "^6.6.0",
|
||||||
|
"@codemirror/view": "^6.39.15",
|
||||||
"@dokploy/server": "workspace:*",
|
"@dokploy/server": "workspace:*",
|
||||||
"@dokploy/trpc-openapi": "0.0.17",
|
"@dokploy/trpc-openapi": "0.0.17",
|
||||||
"@faker-js/faker": "^8.4.1",
|
"@faker-js/faker": "^8.4.1",
|
||||||
|
|||||||
@@ -10,22 +10,29 @@ type Query = {
|
|||||||
state: string;
|
state: string;
|
||||||
installation_id: string;
|
installation_id: string;
|
||||||
setup_action: string;
|
setup_action: string;
|
||||||
userId: string;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default async function handler(
|
export default async function handler(
|
||||||
req: NextApiRequest,
|
req: NextApiRequest,
|
||||||
res: NextApiResponse,
|
res: NextApiResponse,
|
||||||
) {
|
) {
|
||||||
const { code, state, installation_id, userId }: Query = req.query as Query;
|
const { code, state, installation_id }: Query = req.query as Query;
|
||||||
|
|
||||||
if (!code) {
|
if (!code) {
|
||||||
return res.status(400).json({ error: "Missing code parameter" });
|
return res.status(400).json({ error: "Missing code parameter" });
|
||||||
}
|
}
|
||||||
const [action, value] = state?.split(":");
|
const [action, ...rest] = state?.split(":");
|
||||||
// Value could be the organizationId or the githubProviderId
|
// For gh_init: rest[0] = organizationId, rest[1] = userId
|
||||||
|
// For gh_setup: rest[0] = githubProviderId
|
||||||
|
|
||||||
if (action === "gh_init") {
|
if (action === "gh_init") {
|
||||||
|
const organizationId = rest[0];
|
||||||
|
const userId = rest[1] || (req.query.userId as string);
|
||||||
|
|
||||||
|
if (!userId) {
|
||||||
|
return res.status(400).json({ error: "Missing userId parameter" });
|
||||||
|
}
|
||||||
|
|
||||||
const octokit = new Octokit({});
|
const octokit = new Octokit({});
|
||||||
const { data } = await octokit.request(
|
const { data } = await octokit.request(
|
||||||
"POST /app-manifests/{code}/conversions",
|
"POST /app-manifests/{code}/conversions",
|
||||||
@@ -44,7 +51,7 @@ export default async function handler(
|
|||||||
githubWebhookSecret: data.webhook_secret,
|
githubWebhookSecret: data.webhook_secret,
|
||||||
githubPrivateKey: data.pem,
|
githubPrivateKey: data.pem,
|
||||||
},
|
},
|
||||||
value as string,
|
organizationId as string,
|
||||||
userId,
|
userId,
|
||||||
);
|
);
|
||||||
} else if (action === "gh_setup") {
|
} else if (action === "gh_setup") {
|
||||||
@@ -53,7 +60,7 @@ export default async function handler(
|
|||||||
.set({
|
.set({
|
||||||
githubInstallationId: installation_id,
|
githubInstallationId: installation_id,
|
||||||
})
|
})
|
||||||
.where(eq(github.githubId, value as string))
|
.where(eq(github.githubId, rest[0] as string))
|
||||||
.returning();
|
.returning();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
94
apps/dokploy/pages/dashboard/deployments.tsx
Normal file
94
apps/dokploy/pages/dashboard/deployments.tsx
Normal file
@@ -0,0 +1,94 @@
|
|||||||
|
import { validateRequest } from "@dokploy/server/lib/auth";
|
||||||
|
import { Rocket } from "lucide-react";
|
||||||
|
import type { GetServerSidePropsContext } from "next";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
|
import type { ReactElement } from "react";
|
||||||
|
import { ShowDeploymentsTable } from "@/components/dashboard/deployments/show-deployments-table";
|
||||||
|
import { ShowQueueTable } from "@/components/dashboard/deployments/show-queue-table";
|
||||||
|
import { DashboardLayout } from "@/components/layouts/dashboard-layout";
|
||||||
|
import {
|
||||||
|
Card,
|
||||||
|
CardDescription,
|
||||||
|
CardHeader,
|
||||||
|
CardTitle,
|
||||||
|
} from "@/components/ui/card";
|
||||||
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||||
|
|
||||||
|
const TAB_VALUES = ["deployments", "queue"] as const;
|
||||||
|
type TabValue = (typeof TAB_VALUES)[number];
|
||||||
|
|
||||||
|
function isValidTab(t: string): t is TabValue {
|
||||||
|
return TAB_VALUES.includes(t as TabValue);
|
||||||
|
}
|
||||||
|
|
||||||
|
function DeploymentsPage() {
|
||||||
|
const router = useRouter();
|
||||||
|
const tab =
|
||||||
|
router.query.tab && isValidTab(router.query.tab as string)
|
||||||
|
? (router.query.tab as TabValue)
|
||||||
|
: "deployments";
|
||||||
|
|
||||||
|
const setTab = (value: string) => {
|
||||||
|
if (!isValidTab(value)) return;
|
||||||
|
router.replace(
|
||||||
|
{ pathname: "/dashboard/deployments", query: { tab: value } },
|
||||||
|
undefined,
|
||||||
|
{ shallow: true },
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="w-full">
|
||||||
|
<Card className="h-full bg-sidebar p-2.5 rounded-xl max-w-8xl mx-auto min-h-[45vh]">
|
||||||
|
<div className="rounded-xl bg-background shadow-md h-full">
|
||||||
|
<CardHeader>
|
||||||
|
<div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
|
||||||
|
<div>
|
||||||
|
<CardTitle className="text-xl font-bold flex items-center gap-2">
|
||||||
|
<Rocket className="size-5" />
|
||||||
|
Deployments
|
||||||
|
</CardTitle>
|
||||||
|
<CardDescription>
|
||||||
|
All application and compose deployments in one place.
|
||||||
|
</CardDescription>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Tabs value={tab} onValueChange={setTab} className="w-full">
|
||||||
|
<TabsList className="mt-2">
|
||||||
|
<TabsTrigger value="deployments">Deployments</TabsTrigger>
|
||||||
|
<TabsTrigger value="queue">Queue</TabsTrigger>
|
||||||
|
</TabsList>
|
||||||
|
<TabsContent value="deployments" className="mt-0 pt-4">
|
||||||
|
<ShowDeploymentsTable />
|
||||||
|
</TabsContent>
|
||||||
|
<TabsContent value="queue" className="mt-0 pt-4">
|
||||||
|
<ShowQueueTable />
|
||||||
|
</TabsContent>
|
||||||
|
</Tabs>
|
||||||
|
</CardHeader>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default DeploymentsPage;
|
||||||
|
|
||||||
|
DeploymentsPage.getLayout = (page: ReactElement) => {
|
||||||
|
return <DashboardLayout>{page}</DashboardLayout>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export async function getServerSideProps(ctx: GetServerSidePropsContext) {
|
||||||
|
const { user } = await validateRequest(ctx.req);
|
||||||
|
if (!user) {
|
||||||
|
return {
|
||||||
|
redirect: {
|
||||||
|
permanent: true,
|
||||||
|
destination: "/",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
props: {},
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -777,7 +777,7 @@ const EnvironmentPage = (
|
|||||||
}
|
}
|
||||||
if (success > 0) {
|
if (success > 0) {
|
||||||
toast.success(
|
toast.success(
|
||||||
`${success} service${success !== 1 ? "s" : ""} deployed successfully`,
|
`${success} service${success !== 1 ? "s" : ""} queued for deployment`,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
if (failed > 0) {
|
if (failed > 0) {
|
||||||
|
|||||||
@@ -4,11 +4,15 @@ import {
|
|||||||
findAllDeploymentsByApplicationId,
|
findAllDeploymentsByApplicationId,
|
||||||
findAllDeploymentsByComposeId,
|
findAllDeploymentsByComposeId,
|
||||||
findAllDeploymentsByServerId,
|
findAllDeploymentsByServerId,
|
||||||
|
findAllDeploymentsCentralized,
|
||||||
findApplicationById,
|
findApplicationById,
|
||||||
findComposeById,
|
findComposeById,
|
||||||
findDeploymentById,
|
findDeploymentById,
|
||||||
|
findMemberById,
|
||||||
findServerById,
|
findServerById,
|
||||||
|
IS_CLOUD,
|
||||||
removeDeployment,
|
removeDeployment,
|
||||||
|
resolveServicePath,
|
||||||
updateDeploymentStatus,
|
updateDeploymentStatus,
|
||||||
} from "@dokploy/server";
|
} from "@dokploy/server";
|
||||||
import { db } from "@dokploy/server/db";
|
import { db } from "@dokploy/server/db";
|
||||||
@@ -21,7 +25,10 @@ import {
|
|||||||
apiFindAllByServer,
|
apiFindAllByServer,
|
||||||
apiFindAllByType,
|
apiFindAllByType,
|
||||||
deployments,
|
deployments,
|
||||||
|
server,
|
||||||
} from "@/server/db/schema";
|
} from "@/server/db/schema";
|
||||||
|
import { myQueue } from "@/server/queues/queueSetup";
|
||||||
|
import { fetchDeployApiJobs, type QueueJobRow } from "@/server/utils/deploy";
|
||||||
import { createTRPCRouter, protectedProcedure } from "../trpc";
|
import { createTRPCRouter, protectedProcedure } from "../trpc";
|
||||||
|
|
||||||
export const deploymentRouter = createTRPCRouter({
|
export const deploymentRouter = createTRPCRouter({
|
||||||
@@ -68,6 +75,63 @@ export const deploymentRouter = createTRPCRouter({
|
|||||||
}
|
}
|
||||||
return await findAllDeploymentsByServerId(input.serverId);
|
return await findAllDeploymentsByServerId(input.serverId);
|
||||||
}),
|
}),
|
||||||
|
allCentralized: protectedProcedure.query(async ({ ctx }) => {
|
||||||
|
const orgId = ctx.session.activeOrganizationId;
|
||||||
|
const accessedServices =
|
||||||
|
ctx.user.role === "member"
|
||||||
|
? (await findMemberById(ctx.user.id, orgId)).accessedServices
|
||||||
|
: null;
|
||||||
|
if (accessedServices !== null && accessedServices.length === 0) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
return findAllDeploymentsCentralized(orgId, accessedServices);
|
||||||
|
}),
|
||||||
|
|
||||||
|
queueList: protectedProcedure.query(async ({ ctx }) => {
|
||||||
|
const orgId = ctx.session.activeOrganizationId;
|
||||||
|
let rows: QueueJobRow[];
|
||||||
|
|
||||||
|
if (IS_CLOUD) {
|
||||||
|
const servers = await db.query.server.findMany({
|
||||||
|
where: eq(server.organizationId, orgId),
|
||||||
|
columns: { serverId: true },
|
||||||
|
});
|
||||||
|
const serverRowsArrays = await Promise.all(
|
||||||
|
servers.map(({ serverId }) => fetchDeployApiJobs(serverId)),
|
||||||
|
);
|
||||||
|
rows = serverRowsArrays.flat();
|
||||||
|
rows.sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
|
||||||
|
} else {
|
||||||
|
const jobs = await myQueue.getJobs();
|
||||||
|
const jobRows = await Promise.all(
|
||||||
|
jobs.map(async (job) => {
|
||||||
|
const state = await job.getState();
|
||||||
|
return {
|
||||||
|
id: String(job.id),
|
||||||
|
name: job.name ?? undefined,
|
||||||
|
data: job.data as Record<string, unknown>,
|
||||||
|
timestamp: job.timestamp,
|
||||||
|
processedOn: job.processedOn,
|
||||||
|
finishedOn: job.finishedOn,
|
||||||
|
failedReason: job.failedReason ?? undefined,
|
||||||
|
state,
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
jobRows.sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
|
||||||
|
rows = jobRows;
|
||||||
|
}
|
||||||
|
|
||||||
|
return Promise.all(
|
||||||
|
rows.map(async (row) => ({
|
||||||
|
...row,
|
||||||
|
servicePath: await resolveServicePath(
|
||||||
|
orgId,
|
||||||
|
(row.data ?? {}) as Record<string, unknown>,
|
||||||
|
),
|
||||||
|
})),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
|
||||||
allByType: protectedProcedure
|
allByType: protectedProcedure
|
||||||
.input(apiFindAllByType)
|
.input(apiFindAllByType)
|
||||||
@@ -79,10 +143,8 @@ export const deploymentRouter = createTRPCRouter({
|
|||||||
rollback: true,
|
rollback: true,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
return deploymentsList;
|
return deploymentsList;
|
||||||
}),
|
}),
|
||||||
|
|
||||||
killProcess: protectedProcedure
|
killProcess: protectedProcedure
|
||||||
.input(
|
.input(
|
||||||
z.object({
|
z.object({
|
||||||
|
|||||||
@@ -69,8 +69,7 @@ export const mountRouter = createTRPCRouter({
|
|||||||
create: protectedProcedure
|
create: protectedProcedure
|
||||||
.input(apiCreateMount)
|
.input(apiCreateMount)
|
||||||
.mutation(async ({ input }) => {
|
.mutation(async ({ input }) => {
|
||||||
await createMount(input);
|
return await createMount(input);
|
||||||
return true;
|
|
||||||
}),
|
}),
|
||||||
remove: protectedProcedure
|
remove: protectedProcedure
|
||||||
.input(apiRemoveMount)
|
.input(apiRemoveMount)
|
||||||
|
|||||||
@@ -355,4 +355,13 @@ export const organizationRouter = createTRPCRouter({
|
|||||||
|
|
||||||
return { success: true };
|
return { success: true };
|
||||||
}),
|
}),
|
||||||
|
active: protectedProcedure.query(async ({ ctx }) => {
|
||||||
|
if (!ctx.session.activeOrganizationId) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
return await db.query.organization.findFirst({
|
||||||
|
where: eq(organization.id, ctx.session.activeOrganizationId),
|
||||||
|
});
|
||||||
|
}),
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -149,12 +149,12 @@ export const settingsRouter = createTRPCRouter({
|
|||||||
// Check if port 8080 is already in use before enabling dashboard
|
// Check if port 8080 is already in use before enabling dashboard
|
||||||
const portCheck = await checkPortInUse(8080, input.serverId);
|
const portCheck = await checkPortInUse(8080, input.serverId);
|
||||||
if (portCheck.isInUse) {
|
if (portCheck.isInUse) {
|
||||||
const conflictingContainer = portCheck.conflictingContainer
|
const conflictInfo = portCheck.conflictingContainer
|
||||||
? ` by container "${portCheck.conflictingContainer}"`
|
? ` by ${portCheck.conflictingContainer}`
|
||||||
: "";
|
: "";
|
||||||
throw new TRPCError({
|
throw new TRPCError({
|
||||||
code: "CONFLICT",
|
code: "CONFLICT",
|
||||||
message: `Port 8080 is already in use${conflictingContainer}. Please stop the conflicting service or use a different port for the Traefik dashboard.`,
|
message: `Port 8080 is already in use${conflictInfo}. Please stop the conflicting service or use a different port for the Traefik dashboard.`,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
newPorts.push({
|
newPorts.push({
|
||||||
|
|||||||
@@ -101,6 +101,16 @@ export const userRouter = createTRPCRouter({
|
|||||||
|
|
||||||
return memberResult;
|
return memberResult;
|
||||||
}),
|
}),
|
||||||
|
session: protectedProcedure.query(async ({ ctx }) => {
|
||||||
|
return {
|
||||||
|
user: {
|
||||||
|
id: ctx.user.id,
|
||||||
|
},
|
||||||
|
session: {
|
||||||
|
activeOrganizationId: ctx.session.activeOrganizationId,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}),
|
||||||
get: protectedProcedure.query(async ({ ctx }) => {
|
get: protectedProcedure.query(async ({ ctx }) => {
|
||||||
const memberResult = await db.query.member.findFirst({
|
const memberResult = await db.query.member.findFirst({
|
||||||
where: and(
|
where: and(
|
||||||
|
|||||||
@@ -50,3 +50,34 @@ export const cancelDeployment = async (cancelData: CancelDeploymentData) => {
|
|||||||
throw error;
|
throw error;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type QueueJobRow = {
|
||||||
|
id: string;
|
||||||
|
name?: string;
|
||||||
|
data: Record<string, unknown>;
|
||||||
|
timestamp?: number;
|
||||||
|
processedOn?: number;
|
||||||
|
finishedOn?: number;
|
||||||
|
failedReason?: string;
|
||||||
|
state: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const fetchDeployApiJobs = async (
|
||||||
|
serverId: string,
|
||||||
|
): Promise<QueueJobRow[]> => {
|
||||||
|
try {
|
||||||
|
const res = await fetch(
|
||||||
|
`${process.env.SERVER_URL}/jobs?serverId=${encodeURIComponent(serverId)}`,
|
||||||
|
{
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
"X-API-Key": process.env.API_KEY || "NO-DEFINED",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
);
|
||||||
|
if (!res.ok) return [];
|
||||||
|
return (await res.json()) as QueueJobRow[];
|
||||||
|
} catch {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|||||||
@@ -54,13 +54,13 @@ func (db *DB) GetLastNContainerMetrics(containerName string, limit int) ([]Conta
|
|||||||
WITH recent_metrics AS (
|
WITH recent_metrics AS (
|
||||||
SELECT metrics_json
|
SELECT metrics_json
|
||||||
FROM container_metrics
|
FROM container_metrics
|
||||||
WHERE container_name = ?
|
WHERE container_name = ? OR container_name LIKE ?
|
||||||
ORDER BY timestamp DESC
|
ORDER BY timestamp DESC
|
||||||
LIMIT ?
|
LIMIT ?
|
||||||
)
|
)
|
||||||
SELECT metrics_json FROM recent_metrics ORDER BY json_extract(metrics_json, '$.timestamp') ASC
|
SELECT metrics_json FROM recent_metrics ORDER BY json_extract(metrics_json, '$.timestamp') ASC
|
||||||
`
|
`
|
||||||
rows, err := db.Query(query, containerName, limit)
|
rows, err := db.Query(query, containerName, containerName+".%", limit)
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return nil, err
|
return nil, err
|
||||||
}
|
}
|
||||||
@@ -90,12 +90,12 @@ func (db *DB) GetAllMetricsContainer(containerName string) ([]ContainerMetric, e
|
|||||||
WITH recent_metrics AS (
|
WITH recent_metrics AS (
|
||||||
SELECT metrics_json
|
SELECT metrics_json
|
||||||
FROM container_metrics
|
FROM container_metrics
|
||||||
WHERE container_name = ?
|
WHERE container_name = ? OR container_name LIKE ?
|
||||||
ORDER BY timestamp DESC
|
ORDER BY timestamp DESC
|
||||||
)
|
)
|
||||||
SELECT metrics_json FROM recent_metrics ORDER BY json_extract(metrics_json, '$.timestamp') ASC
|
SELECT metrics_json FROM recent_metrics ORDER BY json_extract(metrics_json, '$.timestamp') ASC
|
||||||
`
|
`
|
||||||
rows, err := db.Query(query, containerName)
|
rows, err := db.Query(query, containerName, containerName+".%")
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return nil, err
|
return nil, err
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,8 +2,24 @@ import path from "node:path";
|
|||||||
import Docker from "dockerode";
|
import Docker from "dockerode";
|
||||||
|
|
||||||
export const IS_CLOUD = process.env.IS_CLOUD === "true";
|
export const IS_CLOUD = process.env.IS_CLOUD === "true";
|
||||||
|
export const DOCKER_API_VERSION = process.env.DOCKER_API_VERSION;
|
||||||
|
export const DOCKER_HOST = process.env.DOCKER_HOST;
|
||||||
|
export const DOCKER_PORT = process.env.DOCKER_PORT
|
||||||
|
? Number(process.env.DOCKER_PORT)
|
||||||
|
: undefined;
|
||||||
|
|
||||||
export const CLEANUP_CRON_JOB = "50 23 * * *";
|
export const CLEANUP_CRON_JOB = "50 23 * * *";
|
||||||
export const docker = new Docker();
|
export const docker = new Docker({
|
||||||
|
...(DOCKER_API_VERSION && {
|
||||||
|
version: DOCKER_API_VERSION,
|
||||||
|
}),
|
||||||
|
...(DOCKER_HOST && {
|
||||||
|
host: DOCKER_HOST,
|
||||||
|
}),
|
||||||
|
...(DOCKER_PORT && {
|
||||||
|
port: DOCKER_PORT,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
// When not set, use the legacy default so 2FA remains working for users who
|
// When not set, use the legacy default so 2FA remains working for users who
|
||||||
// enabled it before BETTER_AUTH_SECRET was introduced .
|
// enabled it before BETTER_AUTH_SECRET was introduced .
|
||||||
|
|||||||
@@ -365,12 +365,13 @@ const createSchema = createInsertSchema(applications, {
|
|||||||
previewPath: z.string().optional(),
|
previewPath: z.string().optional(),
|
||||||
previewCertificateType: z.enum(["letsencrypt", "none", "custom"]).optional(),
|
previewCertificateType: z.enum(["letsencrypt", "none", "custom"]).optional(),
|
||||||
previewRequireCollaboratorPermissions: z.boolean().optional(),
|
previewRequireCollaboratorPermissions: z.boolean().optional(),
|
||||||
watchPaths: z.array(z.string()).optional(),
|
watchPaths: z.array(z.string()).optional().optional(),
|
||||||
previewLabels: z.array(z.string()).optional(),
|
previewLabels: z.array(z.string()).optional(),
|
||||||
cleanCache: z.boolean().optional(),
|
cleanCache: z.boolean().optional(),
|
||||||
stopGracePeriodSwarm: z.bigint().nullable(),
|
stopGracePeriodSwarm: z.bigint().nullable(),
|
||||||
endpointSpecSwarm: EndpointSpecSwarmSchema.nullable(),
|
endpointSpecSwarm: EndpointSpecSwarmSchema.nullable(),
|
||||||
ulimitsSwarm: UlimitsSwarmSchema.nullable(),
|
ulimitsSwarm: UlimitsSwarmSchema.nullable(),
|
||||||
|
enableSubmodules: z.boolean().optional(),
|
||||||
});
|
});
|
||||||
|
|
||||||
export const apiCreateApplication = createSchema.pick({
|
export const apiCreateApplication = createSchema.pick({
|
||||||
@@ -433,13 +434,13 @@ export const apiSaveGithubProvider = createSchema
|
|||||||
owner: true,
|
owner: true,
|
||||||
buildPath: true,
|
buildPath: true,
|
||||||
githubId: true,
|
githubId: true,
|
||||||
watchPaths: true,
|
|
||||||
enableSubmodules: true,
|
|
||||||
})
|
})
|
||||||
.required()
|
.required()
|
||||||
.extend({
|
.extend({
|
||||||
triggerType: z.enum(["push", "tag"]).default("push"),
|
triggerType: z.enum(["push", "tag"]).default("push"),
|
||||||
});
|
})
|
||||||
|
.required()
|
||||||
|
.merge(createSchema.pick({ enableSubmodules: true, watchPaths: true }));
|
||||||
|
|
||||||
export const apiSaveGitlabProvider = createSchema
|
export const apiSaveGitlabProvider = createSchema
|
||||||
.pick({
|
.pick({
|
||||||
@@ -451,10 +452,9 @@ export const apiSaveGitlabProvider = createSchema
|
|||||||
gitlabId: true,
|
gitlabId: true,
|
||||||
gitlabProjectId: true,
|
gitlabProjectId: true,
|
||||||
gitlabPathNamespace: true,
|
gitlabPathNamespace: true,
|
||||||
watchPaths: true,
|
|
||||||
enableSubmodules: true,
|
|
||||||
})
|
})
|
||||||
.required();
|
.required()
|
||||||
|
.merge(createSchema.pick({ enableSubmodules: true, watchPaths: true }));
|
||||||
|
|
||||||
export const apiSaveBitbucketProvider = createSchema
|
export const apiSaveBitbucketProvider = createSchema
|
||||||
.pick({
|
.pick({
|
||||||
@@ -465,10 +465,9 @@ export const apiSaveBitbucketProvider = createSchema
|
|||||||
bitbucketRepositorySlug: true,
|
bitbucketRepositorySlug: true,
|
||||||
bitbucketId: true,
|
bitbucketId: true,
|
||||||
applicationId: true,
|
applicationId: true,
|
||||||
watchPaths: true,
|
|
||||||
enableSubmodules: true,
|
|
||||||
})
|
})
|
||||||
.required();
|
.required()
|
||||||
|
.merge(createSchema.pick({ enableSubmodules: true, watchPaths: true }));
|
||||||
|
|
||||||
export const apiSaveGiteaProvider = createSchema
|
export const apiSaveGiteaProvider = createSchema
|
||||||
.pick({
|
.pick({
|
||||||
@@ -478,10 +477,9 @@ export const apiSaveGiteaProvider = createSchema
|
|||||||
giteaOwner: true,
|
giteaOwner: true,
|
||||||
giteaRepository: true,
|
giteaRepository: true,
|
||||||
giteaId: true,
|
giteaId: true,
|
||||||
watchPaths: true,
|
|
||||||
enableSubmodules: true,
|
|
||||||
})
|
})
|
||||||
.required();
|
.required()
|
||||||
|
.merge(createSchema.pick({ enableSubmodules: true, watchPaths: true }));
|
||||||
|
|
||||||
export const apiSaveDockerProvider = createSchema
|
export const apiSaveDockerProvider = createSchema
|
||||||
.pick({
|
.pick({
|
||||||
@@ -506,6 +504,7 @@ export const apiSaveGitProvider = createSchema
|
|||||||
.merge(
|
.merge(
|
||||||
createSchema.pick({
|
createSchema.pick({
|
||||||
customGitSSHKeyId: true,
|
customGitSSHKeyId: true,
|
||||||
|
enableSubmodules: true,
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -99,17 +99,15 @@ const createSchema = createInsertSchema(mounts, {
|
|||||||
mountPath: z.string().min(1),
|
mountPath: z.string().min(1),
|
||||||
mountId: z.string().optional(),
|
mountId: z.string().optional(),
|
||||||
filePath: z.string().optional(),
|
filePath: z.string().optional(),
|
||||||
serviceType: z
|
serviceType: z.enum([
|
||||||
.enum([
|
"application",
|
||||||
"application",
|
"postgres",
|
||||||
"postgres",
|
"mysql",
|
||||||
"mysql",
|
"mariadb",
|
||||||
"mariadb",
|
"mongo",
|
||||||
"mongo",
|
"redis",
|
||||||
"redis",
|
"compose",
|
||||||
"compose",
|
]),
|
||||||
])
|
|
||||||
.default("application"),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export type ServiceType = NonNullable<
|
export type ServiceType = NonNullable<
|
||||||
|
|||||||
@@ -135,15 +135,25 @@ export const getTrustedOrigins = async () => {
|
|||||||
if (trustedOriginsCache && now < trustedOriginsCache.expiresAt) {
|
if (trustedOriginsCache && now < trustedOriginsCache.expiresAt) {
|
||||||
return trustedOriginsCache.data;
|
return trustedOriginsCache.data;
|
||||||
}
|
}
|
||||||
const trustedOrigins = await runQuery();
|
try {
|
||||||
trustedOriginsCache = {
|
const trustedOrigins = await runQuery();
|
||||||
data: trustedOrigins,
|
trustedOriginsCache = {
|
||||||
expiresAt: now + TRUSTED_ORIGINS_CACHE_TTL_MS,
|
data: trustedOrigins,
|
||||||
};
|
expiresAt: now + TRUSTED_ORIGINS_CACHE_TTL_MS,
|
||||||
return trustedOrigins;
|
};
|
||||||
|
return trustedOrigins;
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to fetch trusted origins:", error);
|
||||||
|
return trustedOriginsCache?.data ?? [];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return runQuery();
|
try {
|
||||||
|
return await runQuery();
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to fetch trusted origins:", error);
|
||||||
|
return [];
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
export const getTrustedProviders = async () => {
|
export const getTrustedProviders = async () => {
|
||||||
|
|||||||
@@ -10,7 +10,11 @@ import {
|
|||||||
type apiCreateDeploymentSchedule,
|
type apiCreateDeploymentSchedule,
|
||||||
type apiCreateDeploymentServer,
|
type apiCreateDeploymentServer,
|
||||||
type apiCreateDeploymentVolumeBackup,
|
type apiCreateDeploymentVolumeBackup,
|
||||||
|
applications,
|
||||||
|
compose,
|
||||||
deployments,
|
deployments,
|
||||||
|
environments,
|
||||||
|
projects,
|
||||||
} from "@dokploy/server/db/schema";
|
} from "@dokploy/server/db/schema";
|
||||||
import { removeDirectoryIfExistsContent } from "@dokploy/server/utils/filesystem/directory";
|
import { removeDirectoryIfExistsContent } from "@dokploy/server/utils/filesystem/directory";
|
||||||
import {
|
import {
|
||||||
@@ -19,7 +23,7 @@ import {
|
|||||||
} from "@dokploy/server/utils/process/execAsync";
|
} from "@dokploy/server/utils/process/execAsync";
|
||||||
import { TRPCError } from "@trpc/server";
|
import { TRPCError } from "@trpc/server";
|
||||||
import { format } from "date-fns";
|
import { format } from "date-fns";
|
||||||
import { desc, eq } from "drizzle-orm";
|
import { desc, eq, and, inArray, or, sql } from "drizzle-orm";
|
||||||
import type { z } from "zod";
|
import type { z } from "zod";
|
||||||
import {
|
import {
|
||||||
type Application,
|
type Application,
|
||||||
@@ -38,6 +42,41 @@ import { findScheduleById } from "./schedule";
|
|||||||
import { findServerById, type Server } from "./server";
|
import { findServerById, type Server } from "./server";
|
||||||
import { findVolumeBackupById } from "./volume-backups";
|
import { findVolumeBackupById } from "./volume-backups";
|
||||||
|
|
||||||
|
export type ServicePath = { href: string | null; label: string };
|
||||||
|
|
||||||
|
export async function resolveServicePath(
|
||||||
|
orgId: string,
|
||||||
|
data: Record<string, unknown>,
|
||||||
|
): Promise<ServicePath> {
|
||||||
|
try {
|
||||||
|
const applicationId = data?.applicationId as string | undefined;
|
||||||
|
const composeId = data?.composeId as string | undefined;
|
||||||
|
if (applicationId) {
|
||||||
|
const app = await findApplicationById(applicationId);
|
||||||
|
if (app.environment.project.organizationId !== orgId) {
|
||||||
|
return { href: null, label: "Application" };
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
href: `/dashboard/project/${app.environment.project.projectId}/environment/${app.environment.environmentId}/services/application/${app.applicationId}`,
|
||||||
|
label: "Application",
|
||||||
|
};
|
||||||
|
}
|
||||||
|
if (composeId) {
|
||||||
|
const comp = await findComposeById(composeId);
|
||||||
|
if (comp.environment.project.organizationId !== orgId) {
|
||||||
|
return { href: null, label: "Compose" };
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
href: `/dashboard/project/${comp.environment.project.projectId}/environment/${comp.environment.environmentId}/services/compose/${comp.composeId}`,
|
||||||
|
label: "Compose",
|
||||||
|
};
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// not found or unauthorized
|
||||||
|
}
|
||||||
|
return { href: null, label: "—" };
|
||||||
|
}
|
||||||
|
|
||||||
export type Deployment = typeof deployments.$inferSelect;
|
export type Deployment = typeof deployments.$inferSelect;
|
||||||
|
|
||||||
export const findDeploymentById = async (deploymentId: string) => {
|
export const findDeploymentById = async (deploymentId: string) => {
|
||||||
@@ -78,12 +117,12 @@ export const createDeployment = async (
|
|||||||
>,
|
>,
|
||||||
) => {
|
) => {
|
||||||
const application = await findApplicationById(deployment.applicationId);
|
const application = await findApplicationById(deployment.applicationId);
|
||||||
|
await removeLastTenDeployments(
|
||||||
|
deployment.applicationId,
|
||||||
|
"application",
|
||||||
|
application.serverId,
|
||||||
|
);
|
||||||
try {
|
try {
|
||||||
await removeLastTenDeployments(
|
|
||||||
deployment.applicationId,
|
|
||||||
"application",
|
|
||||||
application.serverId,
|
|
||||||
);
|
|
||||||
const serverId = application.buildServerId || application.serverId;
|
const serverId = application.buildServerId || application.serverId;
|
||||||
|
|
||||||
const { LOGS_PATH } = paths(!!serverId);
|
const { LOGS_PATH } = paths(!!serverId);
|
||||||
@@ -161,13 +200,12 @@ export const createDeploymentPreview = async (
|
|||||||
const previewDeployment = await findPreviewDeploymentById(
|
const previewDeployment = await findPreviewDeploymentById(
|
||||||
deployment.previewDeploymentId,
|
deployment.previewDeploymentId,
|
||||||
);
|
);
|
||||||
|
await removeLastTenDeployments(
|
||||||
|
deployment.previewDeploymentId,
|
||||||
|
"previewDeployment",
|
||||||
|
previewDeployment?.application?.serverId,
|
||||||
|
);
|
||||||
try {
|
try {
|
||||||
await removeLastTenDeployments(
|
|
||||||
deployment.previewDeploymentId,
|
|
||||||
"previewDeployment",
|
|
||||||
previewDeployment?.application?.serverId,
|
|
||||||
);
|
|
||||||
|
|
||||||
const appName = `${previewDeployment.appName}`;
|
const appName = `${previewDeployment.appName}`;
|
||||||
const { LOGS_PATH } = paths(!!previewDeployment?.application?.serverId);
|
const { LOGS_PATH } = paths(!!previewDeployment?.application?.serverId);
|
||||||
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
||||||
@@ -242,12 +280,12 @@ export const createDeploymentCompose = async (
|
|||||||
>,
|
>,
|
||||||
) => {
|
) => {
|
||||||
const compose = await findComposeById(deployment.composeId);
|
const compose = await findComposeById(deployment.composeId);
|
||||||
|
await removeLastTenDeployments(
|
||||||
|
deployment.composeId,
|
||||||
|
"compose",
|
||||||
|
compose.serverId,
|
||||||
|
);
|
||||||
try {
|
try {
|
||||||
await removeLastTenDeployments(
|
|
||||||
deployment.composeId,
|
|
||||||
"compose",
|
|
||||||
compose.serverId,
|
|
||||||
);
|
|
||||||
const { LOGS_PATH } = paths(!!compose.serverId);
|
const { LOGS_PATH } = paths(!!compose.serverId);
|
||||||
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
||||||
const fileName = `${compose.appName}-${formattedDateTime}.log`;
|
const fileName = `${compose.appName}-${formattedDateTime}.log`;
|
||||||
@@ -330,8 +368,8 @@ export const createDeploymentBackup = async (
|
|||||||
} else if (backup.backupType === "compose") {
|
} else if (backup.backupType === "compose") {
|
||||||
serverId = backup.compose?.serverId;
|
serverId = backup.compose?.serverId;
|
||||||
}
|
}
|
||||||
|
await removeLastTenDeployments(deployment.backupId, "backup", serverId);
|
||||||
try {
|
try {
|
||||||
await removeLastTenDeployments(deployment.backupId, "backup", serverId);
|
|
||||||
const { LOGS_PATH } = paths(!!serverId);
|
const { LOGS_PATH } = paths(!!serverId);
|
||||||
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
||||||
const fileName = `${backup.appName}-${formattedDateTime}.log`;
|
const fileName = `${backup.appName}-${formattedDateTime}.log`;
|
||||||
@@ -400,12 +438,12 @@ export const createDeploymentSchedule = async (
|
|||||||
) => {
|
) => {
|
||||||
const schedule = await findScheduleById(deployment.scheduleId);
|
const schedule = await findScheduleById(deployment.scheduleId);
|
||||||
|
|
||||||
|
const serverId =
|
||||||
|
schedule.application?.serverId ||
|
||||||
|
schedule.compose?.serverId ||
|
||||||
|
schedule.server?.serverId;
|
||||||
|
await removeLastTenDeployments(deployment.scheduleId, "schedule", serverId);
|
||||||
try {
|
try {
|
||||||
const serverId =
|
|
||||||
schedule.application?.serverId ||
|
|
||||||
schedule.compose?.serverId ||
|
|
||||||
schedule.server?.serverId;
|
|
||||||
await removeLastTenDeployments(deployment.scheduleId, "schedule", serverId);
|
|
||||||
const { SCHEDULES_PATH } = paths(!!serverId);
|
const { SCHEDULES_PATH } = paths(!!serverId);
|
||||||
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
||||||
const fileName = `${schedule.appName}-${formattedDateTime}.log`;
|
const fileName = `${schedule.appName}-${formattedDateTime}.log`;
|
||||||
@@ -476,14 +514,14 @@ export const createDeploymentVolumeBackup = async (
|
|||||||
) => {
|
) => {
|
||||||
const volumeBackup = await findVolumeBackupById(deployment.volumeBackupId);
|
const volumeBackup = await findVolumeBackupById(deployment.volumeBackupId);
|
||||||
|
|
||||||
|
const serverId =
|
||||||
|
volumeBackup.application?.serverId || volumeBackup.compose?.serverId;
|
||||||
|
await removeLastTenDeployments(
|
||||||
|
deployment.volumeBackupId,
|
||||||
|
"volumeBackup",
|
||||||
|
serverId,
|
||||||
|
);
|
||||||
try {
|
try {
|
||||||
const serverId =
|
|
||||||
volumeBackup.application?.serverId || volumeBackup.compose?.serverId;
|
|
||||||
await removeLastTenDeployments(
|
|
||||||
deployment.volumeBackupId,
|
|
||||||
"volumeBackup",
|
|
||||||
serverId,
|
|
||||||
);
|
|
||||||
const { VOLUME_BACKUPS_PATH } = paths(!!serverId);
|
const { VOLUME_BACKUPS_PATH } = paths(!!serverId);
|
||||||
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
const formattedDateTime = format(new Date(), "yyyy-MM-dd:HH:mm:ss");
|
||||||
const fileName = `${volumeBackup.appName}-${formattedDateTime}.log`;
|
const fileName = `${volumeBackup.appName}-${formattedDateTime}.log`;
|
||||||
@@ -562,24 +600,23 @@ export const removeDeployment = async (deploymentId: string) => {
|
|||||||
.then((result) => result[0]);
|
.then((result) => result[0]);
|
||||||
|
|
||||||
if (!deployment) {
|
if (!deployment) {
|
||||||
throw new TRPCError({
|
return null;
|
||||||
code: "BAD_REQUEST",
|
|
||||||
message: "Deployment not found",
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
const command = `
|
|
||||||
rm -f ${deployment.logPath};
|
const logPath = path.join(deployment.logPath);
|
||||||
`;
|
if (logPath && logPath !== ".") {
|
||||||
if (deployment.serverId) {
|
const command = `rm -f ${logPath};`;
|
||||||
await execAsyncRemote(deployment.serverId, command);
|
if (deployment.serverId) {
|
||||||
} else {
|
await execAsyncRemote(deployment.serverId, command);
|
||||||
await execAsync(command);
|
} else {
|
||||||
|
await execAsync(command);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return deployment;
|
return deployment;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
const message =
|
const message =
|
||||||
error instanceof Error ? error.message : "Error creating the deployment";
|
error instanceof Error ? error.message : "Error removing the deployment";
|
||||||
throw new TRPCError({
|
throw new TRPCError({
|
||||||
code: "BAD_REQUEST",
|
code: "BAD_REQUEST",
|
||||||
message,
|
message,
|
||||||
@@ -647,34 +684,49 @@ const removeLastTenDeployments = async (
|
|||||||
if (serverId) {
|
if (serverId) {
|
||||||
let command = "";
|
let command = "";
|
||||||
for (const oldDeployment of deploymentsToDelete) {
|
for (const oldDeployment of deploymentsToDelete) {
|
||||||
const logPath = path.join(oldDeployment.logPath);
|
try {
|
||||||
if (oldDeployment.rollbackId) {
|
const logPath = path.join(oldDeployment.logPath);
|
||||||
await removeRollbackById(oldDeployment.rollbackId);
|
if (oldDeployment.rollbackId) {
|
||||||
}
|
await removeRollbackById(oldDeployment.rollbackId);
|
||||||
|
}
|
||||||
|
|
||||||
if (logPath !== ".") {
|
if (logPath && logPath !== ".") {
|
||||||
command += `
|
command += `rm -rf ${logPath};`;
|
||||||
rm -rf ${logPath};
|
}
|
||||||
`;
|
await removeDeployment(oldDeployment.deploymentId);
|
||||||
|
} catch (err) {
|
||||||
|
console.error(
|
||||||
|
`Failed to remove deployment ${oldDeployment.deploymentId} during cleanup:`,
|
||||||
|
err,
|
||||||
|
);
|
||||||
}
|
}
|
||||||
await removeDeployment(oldDeployment.deploymentId);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
await execAsyncRemote(serverId, command);
|
if (command) {
|
||||||
|
await execAsyncRemote(serverId, command);
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
for (const oldDeployment of deploymentsToDelete) {
|
for (const oldDeployment of deploymentsToDelete) {
|
||||||
if (oldDeployment.rollbackId) {
|
try {
|
||||||
await removeRollbackById(oldDeployment.rollbackId);
|
if (oldDeployment.rollbackId) {
|
||||||
|
await removeRollbackById(oldDeployment.rollbackId);
|
||||||
|
}
|
||||||
|
const logPath = path.join(oldDeployment.logPath);
|
||||||
|
if (
|
||||||
|
logPath &&
|
||||||
|
logPath !== "." &&
|
||||||
|
existsSync(logPath) &&
|
||||||
|
!oldDeployment.errorMessage
|
||||||
|
) {
|
||||||
|
await fsPromises.unlink(logPath);
|
||||||
|
}
|
||||||
|
await removeDeployment(oldDeployment.deploymentId);
|
||||||
|
} catch (err) {
|
||||||
|
console.error(
|
||||||
|
`Failed to remove deployment ${oldDeployment.deploymentId} during cleanup:`,
|
||||||
|
err,
|
||||||
|
);
|
||||||
}
|
}
|
||||||
const logPath = path.join(oldDeployment.logPath);
|
|
||||||
if (
|
|
||||||
existsSync(logPath) &&
|
|
||||||
!oldDeployment.errorMessage &&
|
|
||||||
logPath !== "."
|
|
||||||
) {
|
|
||||||
await fsPromises.unlink(logPath);
|
|
||||||
}
|
|
||||||
await removeDeployment(oldDeployment.deploymentId);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -738,6 +790,135 @@ export const findAllDeploymentsByComposeId = async (composeId: string) => {
|
|||||||
return deploymentsList;
|
return deploymentsList;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const centralizedDeploymentsWith = {
|
||||||
|
application: {
|
||||||
|
columns: { applicationId: true, name: true, appName: true },
|
||||||
|
with: {
|
||||||
|
environment: {
|
||||||
|
columns: { environmentId: true, name: true },
|
||||||
|
with: {
|
||||||
|
project: {
|
||||||
|
columns: { projectId: true, name: true },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
columns: { serverId: true, name: true, serverType: true },
|
||||||
|
},
|
||||||
|
buildServer: {
|
||||||
|
columns: { serverId: true, name: true, serverType: true },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
compose: {
|
||||||
|
columns: { composeId: true, name: true, appName: true },
|
||||||
|
with: {
|
||||||
|
environment: {
|
||||||
|
columns: { environmentId: true, name: true },
|
||||||
|
with: {
|
||||||
|
project: {
|
||||||
|
columns: { projectId: true, name: true },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
columns: { serverId: true, name: true, serverType: true },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
columns: { serverId: true, name: true, serverType: true },
|
||||||
|
},
|
||||||
|
buildServer: {
|
||||||
|
columns: { serverId: true, name: true, serverType: true },
|
||||||
|
},
|
||||||
|
} as const;
|
||||||
|
|
||||||
|
async function getApplicationIdsInOrg(
|
||||||
|
orgId: string,
|
||||||
|
accessedServices: string[] | null,
|
||||||
|
): Promise<string[]> {
|
||||||
|
const rows = await db
|
||||||
|
.select({ applicationId: applications.applicationId })
|
||||||
|
.from(applications)
|
||||||
|
.innerJoin(
|
||||||
|
environments,
|
||||||
|
eq(applications.environmentId, environments.environmentId),
|
||||||
|
)
|
||||||
|
.innerJoin(projects, eq(environments.projectId, projects.projectId))
|
||||||
|
.where(
|
||||||
|
accessedServices !== null
|
||||||
|
? and(
|
||||||
|
eq(projects.organizationId, orgId),
|
||||||
|
inArray(applications.applicationId, accessedServices),
|
||||||
|
)
|
||||||
|
: eq(projects.organizationId, orgId),
|
||||||
|
);
|
||||||
|
return rows.map((r) => r.applicationId);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getComposeIdsInOrg(
|
||||||
|
orgId: string,
|
||||||
|
accessedServices: string[] | null,
|
||||||
|
): Promise<string[]> {
|
||||||
|
const rows = await db
|
||||||
|
.select({ composeId: compose.composeId })
|
||||||
|
.from(compose)
|
||||||
|
.innerJoin(
|
||||||
|
environments,
|
||||||
|
eq(compose.environmentId, environments.environmentId),
|
||||||
|
)
|
||||||
|
.innerJoin(projects, eq(environments.projectId, projects.projectId))
|
||||||
|
.where(
|
||||||
|
accessedServices !== null
|
||||||
|
? and(
|
||||||
|
eq(projects.organizationId, orgId),
|
||||||
|
inArray(compose.composeId, accessedServices),
|
||||||
|
)
|
||||||
|
: eq(projects.organizationId, orgId),
|
||||||
|
);
|
||||||
|
return rows.map((r) => r.composeId);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* All deployments for applications and compose in the org.
|
||||||
|
* Pass accessedServices for members (only those services), null for owner/admin.
|
||||||
|
*/
|
||||||
|
export const findAllDeploymentsCentralized = async (
|
||||||
|
orgId: string,
|
||||||
|
accessedServices: string[] | null,
|
||||||
|
) => {
|
||||||
|
if (accessedServices !== null && accessedServices.length === 0) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
const [appIds, compIds] = await Promise.all([
|
||||||
|
getApplicationIdsInOrg(orgId, accessedServices),
|
||||||
|
getComposeIdsInOrg(orgId, accessedServices),
|
||||||
|
]);
|
||||||
|
|
||||||
|
if (appIds.length === 0 && compIds.length === 0) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
const conditions = [
|
||||||
|
...(appIds.length > 0 ? [inArray(deployments.applicationId, appIds)] : []),
|
||||||
|
...(compIds.length > 0 ? [inArray(deployments.composeId, compIds)] : []),
|
||||||
|
];
|
||||||
|
const whereClause =
|
||||||
|
conditions.length === 0
|
||||||
|
? sql`1 = 0`
|
||||||
|
: conditions.length === 1
|
||||||
|
? conditions[0]
|
||||||
|
: or(...conditions);
|
||||||
|
|
||||||
|
return db.query.deployments.findMany({
|
||||||
|
where: whereClause,
|
||||||
|
orderBy: desc(deployments.createdAt),
|
||||||
|
with: centralizedDeploymentsWith,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
export const updateDeployment = async (
|
export const updateDeployment = async (
|
||||||
deploymentId: string,
|
deploymentId: string,
|
||||||
deploymentData: Partial<Deployment>,
|
deploymentData: Partial<Deployment>,
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ function shEscape(s: string | undefined): string {
|
|||||||
return `'${s.replace(/'/g, `'\\''`)}'`;
|
return `'${s.replace(/'/g, `'\\''`)}'`;
|
||||||
}
|
}
|
||||||
|
|
||||||
function safeDockerLoginCommand(
|
export function safeDockerLoginCommand(
|
||||||
registry: string | undefined,
|
registry: string | undefined,
|
||||||
user: string | undefined,
|
user: string | undefined,
|
||||||
pass: string | undefined,
|
pass: string | undefined,
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ import { findDeploymentById } from "./deployment";
|
|||||||
import type { Mount } from "./mount";
|
import type { Mount } from "./mount";
|
||||||
import type { Port } from "./port";
|
import type { Port } from "./port";
|
||||||
import type { Project } from "./project";
|
import type { Project } from "./project";
|
||||||
import type { Registry } from "./registry";
|
import { type Registry, safeDockerLoginCommand } from "./registry";
|
||||||
|
|
||||||
export const createRollback = async (
|
export const createRollback = async (
|
||||||
input: z.infer<typeof createRollbackSchema>,
|
input: z.infer<typeof createRollbackSchema>,
|
||||||
@@ -111,7 +111,7 @@ const deleteRollbackImage = async (image: string, serverId?: string | null) => {
|
|||||||
const command = `docker image rm ${image} --force`;
|
const command = `docker image rm ${image} --force`;
|
||||||
|
|
||||||
if (serverId) {
|
if (serverId) {
|
||||||
await execAsyncRemote(command, serverId);
|
await execAsyncRemote(serverId, command);
|
||||||
} else {
|
} else {
|
||||||
await execAsync(command);
|
await execAsync(command);
|
||||||
}
|
}
|
||||||
@@ -171,6 +171,23 @@ export const rollback = async (rollbackId: string) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const dockerLoginForRegistry = async (
|
||||||
|
registry: Registry,
|
||||||
|
serverId?: string | null,
|
||||||
|
) => {
|
||||||
|
const loginCommand = safeDockerLoginCommand(
|
||||||
|
registry.registryUrl,
|
||||||
|
registry.username,
|
||||||
|
registry.password,
|
||||||
|
);
|
||||||
|
|
||||||
|
if (serverId) {
|
||||||
|
await execAsyncRemote(serverId, loginCommand);
|
||||||
|
} else {
|
||||||
|
await execAsync(loginCommand);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
const rollbackApplication = async (
|
const rollbackApplication = async (
|
||||||
appName: string,
|
appName: string,
|
||||||
image: string,
|
image: string,
|
||||||
@@ -188,6 +205,14 @@ const rollbackApplication = async (
|
|||||||
throw new Error("Full context is required for rollback");
|
throw new Error("Full context is required for rollback");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Ensure Docker daemon is authenticated with the rollback registry
|
||||||
|
// before updating the swarm service. The authconfig in CreateServiceOptions
|
||||||
|
// alone is not sufficient — Docker Swarm also relies on the daemon's
|
||||||
|
// cached credentials (~/.docker/config.json) to distribute auth to nodes.
|
||||||
|
if (fullContext.rollbackRegistry) {
|
||||||
|
await dockerLoginForRegistry(fullContext.rollbackRegistry, serverId);
|
||||||
|
}
|
||||||
|
|
||||||
const docker = await getRemoteDocker(serverId);
|
const docker = await getRemoteDocker(serverId);
|
||||||
|
|
||||||
// Use the same configuration as mechanizeDockerContainer
|
// Use the same configuration as mechanizeDockerContainer
|
||||||
|
|||||||
@@ -413,17 +413,38 @@ export const checkPortInUse = async (
|
|||||||
serverId?: string,
|
serverId?: string,
|
||||||
): Promise<{ isInUse: boolean; conflictingContainer?: string }> => {
|
): Promise<{ isInUse: boolean; conflictingContainer?: string }> => {
|
||||||
try {
|
try {
|
||||||
const command = `docker ps -a --format '{{.Names}}' | grep -v '^dokploy-traefik$' | while read name; do docker port "$name" 2>/dev/null | grep -q ':${port}' && echo "$name" && break; done || true`;
|
// Check if port is in use by a Docker container
|
||||||
const { stdout } = serverId
|
const dockerCommand = `docker ps -a --format '{{.Names}}' | grep -v '^dokploy-traefik$' | while read name; do docker port "$name" 2>/dev/null | grep -q ':${port}' && echo "$name" && break; done || true`;
|
||||||
? await execAsyncRemote(serverId, command)
|
const { stdout: dockerOut } = serverId
|
||||||
: await execAsync(command);
|
? await execAsyncRemote(serverId, dockerCommand)
|
||||||
|
: await execAsync(dockerCommand);
|
||||||
|
|
||||||
const container = stdout.trim();
|
const container = dockerOut.trim();
|
||||||
|
|
||||||
return {
|
if (container) {
|
||||||
isInUse: !!container,
|
return {
|
||||||
conflictingContainer: container || undefined,
|
isInUse: true,
|
||||||
};
|
conflictingContainer: `container "${container}"`,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if port is in use by a host-level service (non-Docker)
|
||||||
|
// Dokploy runs inside a container, so we spawn an ephemeral container
|
||||||
|
// with --net=host to share the host's network stack and use nc -z to
|
||||||
|
// check if something is listening on the port
|
||||||
|
const hostCommand = `docker run --rm --net=host busybox sh -c 'nc -z 0.0.0.0 ${port} 2>/dev/null && echo in_use || echo free'`;
|
||||||
|
const { stdout: hostOut } = serverId
|
||||||
|
? await execAsyncRemote(serverId, hostCommand)
|
||||||
|
: await execAsync(hostCommand);
|
||||||
|
|
||||||
|
if (hostOut.includes("in_use")) {
|
||||||
|
return {
|
||||||
|
isInUse: true,
|
||||||
|
conflictingContainer: "a host-level service",
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return { isInUse: false };
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Error checking port availability:", error);
|
console.error("Error checking port availability:", error);
|
||||||
return { isInUse: false };
|
return { isInUse: false };
|
||||||
|
|||||||
@@ -30,6 +30,18 @@ export function selectAIProvider(config: { apiUrl: string; apiKey: string }) {
|
|||||||
baseURL: config.apiUrl,
|
baseURL: config.apiUrl,
|
||||||
});
|
});
|
||||||
case "azure":
|
case "azure":
|
||||||
|
// Azure OpenAI-compatible endpoints already include /v1 in the path.
|
||||||
|
// Using createAzure with such URLs causes a doubled /v1//v1/ suffix.
|
||||||
|
if (config.apiUrl.includes("/v1")) {
|
||||||
|
return createOpenAICompatible({
|
||||||
|
name: "azure",
|
||||||
|
baseURL: config.apiUrl,
|
||||||
|
headers: {
|
||||||
|
"api-key": config.apiKey,
|
||||||
|
Authorization: `Bearer ${config.apiKey}`,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
return createAzure({
|
return createAzure({
|
||||||
apiKey: config.apiKey,
|
apiKey: config.apiKey,
|
||||||
baseURL: config.apiUrl,
|
baseURL: config.apiUrl,
|
||||||
|
|||||||
@@ -14,13 +14,14 @@ export const runComposeBackup = async (
|
|||||||
compose: Compose,
|
compose: Compose,
|
||||||
backup: BackupSchedule,
|
backup: BackupSchedule,
|
||||||
) => {
|
) => {
|
||||||
const { environmentId, name } = compose;
|
const { environmentId, name, appName } = compose;
|
||||||
const environment = await findEnvironmentById(environmentId);
|
const environment = await findEnvironmentById(environmentId);
|
||||||
const project = await findProjectById(environment.projectId);
|
const project = await findProjectById(environment.projectId);
|
||||||
const { prefix, databaseType } = backup;
|
const { prefix, databaseType, serviceName } = backup;
|
||||||
const destination = backup.destination;
|
const destination = backup.destination;
|
||||||
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
||||||
const bucketDestination = `${normalizeS3Path(prefix)}${backupFileName}`;
|
const s3AppName = serviceName ? `${appName}_${serviceName}` : appName;
|
||||||
|
const bucketDestination = `${s3AppName}/${normalizeS3Path(prefix)}${backupFileName}`;
|
||||||
const deployment = await createDeploymentBackup({
|
const deployment = await createDeploymentBackup({
|
||||||
backupId: backup.backupId,
|
backupId: backup.backupId,
|
||||||
title: "Compose Backup",
|
title: "Compose Backup",
|
||||||
|
|||||||
@@ -1,4 +1,3 @@
|
|||||||
import path from "node:path";
|
|
||||||
import { CLEANUP_CRON_JOB } from "@dokploy/server/constants";
|
import { CLEANUP_CRON_JOB } from "@dokploy/server/constants";
|
||||||
import { member } from "@dokploy/server/db/schema";
|
import { member } from "@dokploy/server/db/schema";
|
||||||
import type { BackupSchedule } from "@dokploy/server/services/backup";
|
import type { BackupSchedule } from "@dokploy/server/services/backup";
|
||||||
@@ -11,7 +10,7 @@ import { startLogCleanup } from "../access-log/handler";
|
|||||||
import { cleanupAll } from "../docker/utils";
|
import { cleanupAll } from "../docker/utils";
|
||||||
import { sendDockerCleanupNotifications } from "../notifications/docker-cleanup";
|
import { sendDockerCleanupNotifications } from "../notifications/docker-cleanup";
|
||||||
import { execAsync, execAsyncRemote } from "../process/execAsync";
|
import { execAsync, execAsyncRemote } from "../process/execAsync";
|
||||||
import { getS3Credentials, scheduleBackup } from "./utils";
|
import { getS3Credentials, normalizeS3Path, scheduleBackup } from "./utils";
|
||||||
|
|
||||||
export const initCronJobs = async () => {
|
export const initCronJobs = async () => {
|
||||||
console.log("Setting up cron jobs....");
|
console.log("Setting up cron jobs....");
|
||||||
@@ -107,6 +106,20 @@ export const initCronJobs = async () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const getServiceAppName = (backup: BackupSchedule): string => {
|
||||||
|
if (backup.compose?.appName) {
|
||||||
|
return backup.serviceName
|
||||||
|
? `${backup.compose.appName}_${backup.serviceName}`
|
||||||
|
: backup.compose.appName;
|
||||||
|
}
|
||||||
|
const serviceAppName =
|
||||||
|
backup.postgres?.appName ||
|
||||||
|
backup.mysql?.appName ||
|
||||||
|
backup.mariadb?.appName ||
|
||||||
|
backup.mongo?.appName;
|
||||||
|
return serviceAppName || backup.appName;
|
||||||
|
};
|
||||||
|
|
||||||
export const keepLatestNBackups = async (
|
export const keepLatestNBackups = async (
|
||||||
backup: BackupSchedule,
|
backup: BackupSchedule,
|
||||||
serverId?: string | null,
|
serverId?: string | null,
|
||||||
@@ -117,18 +130,16 @@ export const keepLatestNBackups = async (
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
const rcloneFlags = getS3Credentials(backup.destination);
|
const rcloneFlags = getS3Credentials(backup.destination);
|
||||||
const backupFilesPath = path.join(
|
const appName = getServiceAppName(backup);
|
||||||
`:s3:${backup.destination.bucket}`,
|
const backupFilesPath = `:s3:${backup.destination.bucket}/${appName}/${normalizeS3Path(backup.prefix)}`;
|
||||||
backup.prefix,
|
|
||||||
);
|
|
||||||
|
|
||||||
// --include "*.sql.gz" or "*.zip" ensures nothing else other than the dokploy backup files are touched by rclone
|
// --include "*.sql.gz" or "*.zip" ensures nothing else other than the dokploy backup files are touched by rclone
|
||||||
const rcloneList = `rclone lsf ${rcloneFlags.join(" ")} --include "*${backup.databaseType === "web-server" ? ".zip" : ".sql.gz"}" ${backupFilesPath}`;
|
const rcloneList = `rclone lsf ${rcloneFlags.join(" ")} --include "*${backup.databaseType === "web-server" ? ".zip" : ".sql.gz"}" ${backupFilesPath}`;
|
||||||
// when we pipe the above command with this one, we only get the list of files we want to delete
|
// when we pipe the above command with this one, we only get the list of files we want to delete
|
||||||
const sortAndPickUnwantedBackups = `sort -r | tail -n +$((${backup.keepLatestCount}+1)) | xargs -I{}`;
|
const sortAndPickUnwantedBackups = `sort -r | tail -n +$((${backup.keepLatestCount}+1)) | xargs -I{}`;
|
||||||
// this command deletes the files
|
// this command deletes the files
|
||||||
// to test the deletion before actually deleting we can add --dry-run before ${backupFilesPath}/{}
|
// to test the deletion before actually deleting we can add --dry-run before ${backupFilesPath}{}
|
||||||
const rcloneDelete = `rclone delete ${rcloneFlags.join(" ")} ${backupFilesPath}/{}`;
|
const rcloneDelete = `rclone delete ${rcloneFlags.join(" ")} ${backupFilesPath}{}`;
|
||||||
|
|
||||||
const rcloneCommand = `${rcloneList} | ${sortAndPickUnwantedBackups} ${rcloneDelete}`;
|
const rcloneCommand = `${rcloneList} | ${sortAndPickUnwantedBackups} ${rcloneDelete}`;
|
||||||
|
|
||||||
|
|||||||
@@ -14,13 +14,13 @@ export const runMariadbBackup = async (
|
|||||||
mariadb: Mariadb,
|
mariadb: Mariadb,
|
||||||
backup: BackupSchedule,
|
backup: BackupSchedule,
|
||||||
) => {
|
) => {
|
||||||
const { environmentId, name } = mariadb;
|
const { environmentId, name, appName } = mariadb;
|
||||||
const environment = await findEnvironmentById(environmentId);
|
const environment = await findEnvironmentById(environmentId);
|
||||||
const project = await findProjectById(environment.projectId);
|
const project = await findProjectById(environment.projectId);
|
||||||
const { prefix } = backup;
|
const { prefix } = backup;
|
||||||
const destination = backup.destination;
|
const destination = backup.destination;
|
||||||
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
||||||
const bucketDestination = `${normalizeS3Path(prefix)}${backupFileName}`;
|
const bucketDestination = `${appName}/${normalizeS3Path(prefix)}${backupFileName}`;
|
||||||
const deployment = await createDeploymentBackup({
|
const deployment = await createDeploymentBackup({
|
||||||
backupId: backup.backupId,
|
backupId: backup.backupId,
|
||||||
title: "MariaDB Backup",
|
title: "MariaDB Backup",
|
||||||
|
|||||||
@@ -11,13 +11,13 @@ import { execAsync, execAsyncRemote } from "../process/execAsync";
|
|||||||
import { getBackupCommand, getS3Credentials, normalizeS3Path } from "./utils";
|
import { getBackupCommand, getS3Credentials, normalizeS3Path } from "./utils";
|
||||||
|
|
||||||
export const runMongoBackup = async (mongo: Mongo, backup: BackupSchedule) => {
|
export const runMongoBackup = async (mongo: Mongo, backup: BackupSchedule) => {
|
||||||
const { environmentId, name } = mongo;
|
const { environmentId, name, appName } = mongo;
|
||||||
const environment = await findEnvironmentById(environmentId);
|
const environment = await findEnvironmentById(environmentId);
|
||||||
const project = await findProjectById(environment.projectId);
|
const project = await findProjectById(environment.projectId);
|
||||||
const { prefix } = backup;
|
const { prefix } = backup;
|
||||||
const destination = backup.destination;
|
const destination = backup.destination;
|
||||||
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
||||||
const bucketDestination = `${normalizeS3Path(prefix)}${backupFileName}`;
|
const bucketDestination = `${appName}/${normalizeS3Path(prefix)}${backupFileName}`;
|
||||||
const deployment = await createDeploymentBackup({
|
const deployment = await createDeploymentBackup({
|
||||||
backupId: backup.backupId,
|
backupId: backup.backupId,
|
||||||
title: "MongoDB Backup",
|
title: "MongoDB Backup",
|
||||||
|
|||||||
@@ -11,13 +11,13 @@ import { execAsync, execAsyncRemote } from "../process/execAsync";
|
|||||||
import { getBackupCommand, getS3Credentials, normalizeS3Path } from "./utils";
|
import { getBackupCommand, getS3Credentials, normalizeS3Path } from "./utils";
|
||||||
|
|
||||||
export const runMySqlBackup = async (mysql: MySql, backup: BackupSchedule) => {
|
export const runMySqlBackup = async (mysql: MySql, backup: BackupSchedule) => {
|
||||||
const { environmentId, name } = mysql;
|
const { environmentId, name, appName } = mysql;
|
||||||
const environment = await findEnvironmentById(environmentId);
|
const environment = await findEnvironmentById(environmentId);
|
||||||
const project = await findProjectById(environment.projectId);
|
const project = await findProjectById(environment.projectId);
|
||||||
const { prefix } = backup;
|
const { prefix } = backup;
|
||||||
const destination = backup.destination;
|
const destination = backup.destination;
|
||||||
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
||||||
const bucketDestination = `${normalizeS3Path(prefix)}${backupFileName}`;
|
const bucketDestination = `${appName}/${normalizeS3Path(prefix)}${backupFileName}`;
|
||||||
const deployment = await createDeploymentBackup({
|
const deployment = await createDeploymentBackup({
|
||||||
backupId: backup.backupId,
|
backupId: backup.backupId,
|
||||||
title: "MySQL Backup",
|
title: "MySQL Backup",
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ export const runPostgresBackup = async (
|
|||||||
postgres: Postgres,
|
postgres: Postgres,
|
||||||
backup: BackupSchedule,
|
backup: BackupSchedule,
|
||||||
) => {
|
) => {
|
||||||
const { name, environmentId } = postgres;
|
const { name, environmentId, appName } = postgres;
|
||||||
const environment = await findEnvironmentById(environmentId);
|
const environment = await findEnvironmentById(environmentId);
|
||||||
const project = await findProjectById(environment.projectId);
|
const project = await findProjectById(environment.projectId);
|
||||||
|
|
||||||
@@ -26,7 +26,7 @@ export const runPostgresBackup = async (
|
|||||||
const { prefix } = backup;
|
const { prefix } = backup;
|
||||||
const destination = backup.destination;
|
const destination = backup.destination;
|
||||||
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
const backupFileName = `${new Date().toISOString()}.sql.gz`;
|
||||||
const bucketDestination = `${normalizeS3Path(prefix)}${backupFileName}`;
|
const bucketDestination = `${appName}/${normalizeS3Path(prefix)}${backupFileName}`;
|
||||||
try {
|
try {
|
||||||
const rcloneFlags = getS3Credentials(destination);
|
const rcloneFlags = getS3Credentials(destination);
|
||||||
const rcloneDestination = `:s3:${destination.bucket}/${bucketDestination}`;
|
const rcloneDestination = `:s3:${destination.bucket}/${bucketDestination}`;
|
||||||
|
|||||||
@@ -31,7 +31,7 @@ export const runWebServerBackup = async (backup: BackupSchedule) => {
|
|||||||
const { BASE_PATH } = paths();
|
const { BASE_PATH } = paths();
|
||||||
const tempDir = await mkdtemp(join(tmpdir(), "dokploy-backup-"));
|
const tempDir = await mkdtemp(join(tmpdir(), "dokploy-backup-"));
|
||||||
const backupFileName = `webserver-backup-${timestamp}.zip`;
|
const backupFileName = `webserver-backup-${timestamp}.zip`;
|
||||||
const s3Path = `:s3:${destination.bucket}/${normalizeS3Path(backup.prefix)}${backupFileName}`;
|
const s3Path = `:s3:${destination.bucket}/${backup.appName}/${normalizeS3Path(backup.prefix)}${backupFileName}`;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await execAsync(`mkdir -p ${tempDir}/filesystem`);
|
await execAsync(`mkdir -p ${tempDir}/filesystem`);
|
||||||
@@ -67,7 +67,7 @@ export const runWebServerBackup = async (backup: BackupSchedule) => {
|
|||||||
await execAsync(cleanupCommand);
|
await execAsync(cleanupCommand);
|
||||||
|
|
||||||
await execAsync(
|
await execAsync(
|
||||||
`rsync -a --ignore-errors ${BASE_PATH}/ ${tempDir}/filesystem/`,
|
`rsync -a --ignore-errors --no-specials --no-devices ${BASE_PATH}/ ${tempDir}/filesystem/`,
|
||||||
);
|
);
|
||||||
|
|
||||||
writeStream.write("Copied filesystem to temp directory\n");
|
writeStream.write("Copied filesystem to temp directory\n");
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ Compose Type: ${composeType} ✅`;
|
|||||||
|
|
||||||
cd "${projectPath}";
|
cd "${projectPath}";
|
||||||
|
|
||||||
${compose.isolatedDeployment ? `docker network inspect ${compose.appName} >/dev/null 2>&1 || docker network create --attachable ${compose.appName}` : ""}
|
${compose.isolatedDeployment ? `docker network inspect ${compose.appName} >/dev/null 2>&1 || docker network create ${compose.composeType === "stack" ? "--driver overlay" : ""} --attachable ${compose.appName}` : ""}
|
||||||
env -i PATH="$PATH" ${exportEnvCommand} docker ${command.split(" ").join(" ")} 2>&1 || { echo "Error: ❌ Docker command failed"; exit 1; }
|
env -i PATH="$PATH" ${exportEnvCommand} docker ${command.split(" ").join(" ")} 2>&1 || { echo "Error: ❌ Docker command failed"; exit 1; }
|
||||||
${compose.isolatedDeployment ? `docker network connect ${compose.appName} $(docker ps --filter "name=dokploy-traefik" -q) >/dev/null 2>&1` : ""}
|
${compose.isolatedDeployment ? `docker network connect ${compose.appName} $(docker ps --filter "name=dokploy-traefik" -q) >/dev/null 2>&1` : ""}
|
||||||
|
|
||||||
|
|||||||
@@ -18,7 +18,9 @@ export const randomizeComposeFile = async (
|
|||||||
) => {
|
) => {
|
||||||
const compose = await findComposeById(composeId);
|
const compose = await findComposeById(composeId);
|
||||||
const composeFile = compose.composeFile;
|
const composeFile = compose.composeFile;
|
||||||
const composeData = parse(composeFile) as ComposeSpecification;
|
const composeData = parse(composeFile, {
|
||||||
|
maxAliasCount: 10000,
|
||||||
|
}) as ComposeSpecification;
|
||||||
|
|
||||||
const randomSuffix = suffix || generateRandomHash();
|
const randomSuffix = suffix || generateRandomHash();
|
||||||
|
|
||||||
|
|||||||
@@ -63,7 +63,9 @@ export const loadDockerCompose = async (
|
|||||||
|
|
||||||
if (existsSync(path)) {
|
if (existsSync(path)) {
|
||||||
const yamlStr = readFileSync(path, "utf8");
|
const yamlStr = readFileSync(path, "utf8");
|
||||||
const parsedConfig = parse(yamlStr) as ComposeSpecification;
|
const parsedConfig = parse(yamlStr, {
|
||||||
|
maxAliasCount: 10000,
|
||||||
|
}) as ComposeSpecification;
|
||||||
return parsedConfig;
|
return parsedConfig;
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
@@ -86,7 +88,9 @@ export const loadDockerComposeRemote = async (
|
|||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
if (!stdout) return null;
|
if (!stdout) return null;
|
||||||
const parsedConfig = parse(stdout) as ComposeSpecification;
|
const parsedConfig = parse(stdout, {
|
||||||
|
maxAliasCount: 10000,
|
||||||
|
}) as ComposeSpecification;
|
||||||
return parsedConfig;
|
return parsedConfig;
|
||||||
} catch {
|
} catch {
|
||||||
return null;
|
return null;
|
||||||
|
|||||||
@@ -211,7 +211,10 @@ export const testGiteaConnection = async (input: { giteaId: string }) => {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
const baseUrl = provider.giteaUrl.replace(/\/+$/, "");
|
const baseUrl = (provider.giteaInternalUrl || provider.giteaUrl).replace(
|
||||||
|
/\/+$/,
|
||||||
|
"",
|
||||||
|
);
|
||||||
|
|
||||||
// Use /user/repos to get authenticated user's repositories with pagination
|
// Use /user/repos to get authenticated user's repositories with pagination
|
||||||
let allRepos = 0;
|
let allRepos = 0;
|
||||||
@@ -268,7 +271,9 @@ export const getGiteaRepositories = async (giteaId?: string) => {
|
|||||||
await refreshGiteaToken(giteaId);
|
await refreshGiteaToken(giteaId);
|
||||||
const giteaProvider = await findGiteaById(giteaId);
|
const giteaProvider = await findGiteaById(giteaId);
|
||||||
|
|
||||||
const baseUrl = giteaProvider.giteaUrl.replace(/\/+$/, "");
|
const baseUrl = (
|
||||||
|
giteaProvider.giteaInternalUrl || giteaProvider.giteaUrl
|
||||||
|
).replace(/\/+$/, "");
|
||||||
|
|
||||||
// Use /user/repos to get authenticated user's repositories with pagination
|
// Use /user/repos to get authenticated user's repositories with pagination
|
||||||
let allRepositories: any[] = [];
|
let allRepositories: any[] = [];
|
||||||
@@ -333,7 +338,9 @@ export const getGiteaBranches = async (input: {
|
|||||||
|
|
||||||
const giteaProvider = await findGiteaById(input.giteaId);
|
const giteaProvider = await findGiteaById(input.giteaId);
|
||||||
|
|
||||||
const baseUrl = giteaProvider.giteaUrl.replace(/\/+$/, "");
|
const baseUrl = (
|
||||||
|
giteaProvider.giteaInternalUrl || giteaProvider.giteaUrl
|
||||||
|
).replace(/\/+$/, "");
|
||||||
|
|
||||||
// Handle pagination for branches
|
// Handle pagination for branches
|
||||||
let allBranches: any[] = [];
|
let allBranches: any[] = [];
|
||||||
|
|||||||
@@ -214,10 +214,13 @@ export const getGitlabBranches = async (input: {
|
|||||||
const allBranches = [];
|
const allBranches = [];
|
||||||
let page = 1;
|
let page = 1;
|
||||||
const perPage = 100; // GitLab's max per page is 100
|
const perPage = 100; // GitLab's max per page is 100
|
||||||
|
const baseUrl = (
|
||||||
|
gitlabProvider.gitlabInternalUrl || gitlabProvider.gitlabUrl
|
||||||
|
).replace(/\/+$/, "");
|
||||||
|
|
||||||
while (true) {
|
while (true) {
|
||||||
const branchesResponse = await fetch(
|
const branchesResponse = await fetch(
|
||||||
`${gitlabProvider.gitlabUrl}/api/v4/projects/${input.id}/repository/branches?page=${page}&per_page=${perPage}`,
|
`${baseUrl}/api/v4/projects/${input.id}/repository/branches?page=${page}&per_page=${perPage}`,
|
||||||
{
|
{
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${gitlabProvider.accessToken}`,
|
Authorization: `Bearer ${gitlabProvider.accessToken}`,
|
||||||
@@ -292,10 +295,13 @@ export const validateGitlabProvider = async (gitlabProvider: Gitlab) => {
|
|||||||
const allProjects = [];
|
const allProjects = [];
|
||||||
let page = 1;
|
let page = 1;
|
||||||
const perPage = 100; // GitLab's max per page is 100
|
const perPage = 100; // GitLab's max per page is 100
|
||||||
|
const baseUrl = (
|
||||||
|
gitlabProvider.gitlabInternalUrl || gitlabProvider.gitlabUrl
|
||||||
|
).replace(/\/+$/, "");
|
||||||
|
|
||||||
while (true) {
|
while (true) {
|
||||||
const response = await fetch(
|
const response = await fetch(
|
||||||
`${gitlabProvider.gitlabUrl}/api/v4/projects?membership=true&page=${page}&per_page=${perPage}`,
|
`${baseUrl}/api/v4/projects?membership=true&page=${page}&per_page=${perPage}`,
|
||||||
{
|
{
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${gitlabProvider.accessToken}`,
|
Authorization: `Bearer ${gitlabProvider.accessToken}`,
|
||||||
|
|||||||
@@ -69,6 +69,7 @@ export const restoreComposeBackup = async (
|
|||||||
},
|
},
|
||||||
restoreType: composeType,
|
restoreType: composeType,
|
||||||
rcloneCommand,
|
rcloneCommand,
|
||||||
|
backupFile: backupInput.backupFile,
|
||||||
});
|
});
|
||||||
|
|
||||||
emit("Starting restore...");
|
emit("Starting restore...");
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ export const getMongoRestoreCommand = (
|
|||||||
databaseUser: string,
|
databaseUser: string,
|
||||||
databasePassword: string,
|
databasePassword: string,
|
||||||
) => {
|
) => {
|
||||||
return `docker exec -i $CONTAINER_ID sh -c "mongorestore --username '${databaseUser}' --password '${databasePassword}' --authenticationDatabase admin --db ${database} --archive"`;
|
return `docker exec -i $CONTAINER_ID sh -c "mongorestore --username '${databaseUser}' --password '${databasePassword}' --authenticationDatabase admin --db ${database} --archive --drop"`;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const getComposeSearchCommand = (
|
export const getComposeSearchCommand = (
|
||||||
|
|||||||
@@ -152,16 +152,13 @@ export const createRouterConfig = async (
|
|||||||
}
|
}
|
||||||
|
|
||||||
if ((entryPoint === "websecure" && https) || !https) {
|
if ((entryPoint === "websecure" && https) || !https) {
|
||||||
// redirects
|
// redirects - skip for preview deployments as wildcard subdomains
|
||||||
for (const redirect of redirects) {
|
// should not inherit parent redirect rules (e.g., www-redirect)
|
||||||
let middlewareName = `redirect-${appName}-${redirect.uniqueConfigKey}`;
|
if (domain.domainType !== "preview") {
|
||||||
if (domain.domainType === "preview") {
|
for (const redirect of redirects) {
|
||||||
middlewareName = `redirect-${appName.replace(
|
const middlewareName = `redirect-${appName}-${redirect.uniqueConfigKey}`;
|
||||||
/^preview-(.+)-[^-]+$/,
|
routerConfig.middlewares?.push(middlewareName);
|
||||||
"$1",
|
|
||||||
)}-${redirect.uniqueConfigKey}`;
|
|
||||||
}
|
}
|
||||||
routerConfig.middlewares?.push(middlewareName);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// security
|
// security
|
||||||
|
|||||||
@@ -4,6 +4,24 @@ import { findComposeById } from "@dokploy/server/services/compose";
|
|||||||
import type { findVolumeBackupById } from "@dokploy/server/services/volume-backups";
|
import type { findVolumeBackupById } from "@dokploy/server/services/volume-backups";
|
||||||
import { getS3Credentials, normalizeS3Path } from "../backups/utils";
|
import { getS3Credentials, normalizeS3Path } from "../backups/utils";
|
||||||
|
|
||||||
|
export const getVolumeServiceAppName = (
|
||||||
|
volumeBackup: Awaited<ReturnType<typeof findVolumeBackupById>>,
|
||||||
|
): string => {
|
||||||
|
if (volumeBackup.compose?.appName) {
|
||||||
|
return volumeBackup.serviceName
|
||||||
|
? `${volumeBackup.compose.appName}_${volumeBackup.serviceName}`
|
||||||
|
: volumeBackup.compose.appName;
|
||||||
|
}
|
||||||
|
const serviceAppName =
|
||||||
|
volumeBackup.application?.appName ||
|
||||||
|
volumeBackup.postgres?.appName ||
|
||||||
|
volumeBackup.mysql?.appName ||
|
||||||
|
volumeBackup.mariadb?.appName ||
|
||||||
|
volumeBackup.mongo?.appName ||
|
||||||
|
volumeBackup.redis?.appName;
|
||||||
|
return serviceAppName || volumeBackup.appName;
|
||||||
|
};
|
||||||
|
|
||||||
export const backupVolume = async (
|
export const backupVolume = async (
|
||||||
volumeBackup: Awaited<ReturnType<typeof findVolumeBackupById>>,
|
volumeBackup: Awaited<ReturnType<typeof findVolumeBackupById>>,
|
||||||
) => {
|
) => {
|
||||||
@@ -12,8 +30,9 @@ export const backupVolume = async (
|
|||||||
volumeBackup.application?.serverId || volumeBackup.compose?.serverId;
|
volumeBackup.application?.serverId || volumeBackup.compose?.serverId;
|
||||||
const { VOLUME_BACKUPS_PATH, VOLUME_BACKUP_LOCK_PATH } = paths(!!serverId);
|
const { VOLUME_BACKUPS_PATH, VOLUME_BACKUP_LOCK_PATH } = paths(!!serverId);
|
||||||
const destination = volumeBackup.destination;
|
const destination = volumeBackup.destination;
|
||||||
|
const s3AppName = getVolumeServiceAppName(volumeBackup);
|
||||||
const backupFileName = `${volumeName}-${new Date().toISOString()}.tar`;
|
const backupFileName = `${volumeName}-${new Date().toISOString()}.tar`;
|
||||||
const bucketDestination = `${normalizeS3Path(prefix)}${backupFileName}`;
|
const bucketDestination = `${s3AppName}/${normalizeS3Path(prefix || "")}${backupFileName}`;
|
||||||
const rcloneFlags = getS3Credentials(volumeBackup.destination);
|
const rcloneFlags = getS3Credentials(volumeBackup.destination);
|
||||||
const rcloneDestination = `:s3:${destination.bucket}/${bucketDestination}`;
|
const rcloneDestination = `:s3:${destination.bucket}/${bucketDestination}`;
|
||||||
const volumeBackupPath = path.join(VOLUME_BACKUPS_PATH, volumeBackup.appName);
|
const volumeBackupPath = path.join(VOLUME_BACKUPS_PATH, volumeBackup.appName);
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ import {
|
|||||||
import { scheduledJobs, scheduleJob } from "node-schedule";
|
import { scheduledJobs, scheduleJob } from "node-schedule";
|
||||||
import { getS3Credentials, normalizeS3Path } from "../backups/utils";
|
import { getS3Credentials, normalizeS3Path } from "../backups/utils";
|
||||||
import { sendVolumeBackupNotifications } from "../notifications/volume-backup";
|
import { sendVolumeBackupNotifications } from "../notifications/volume-backup";
|
||||||
import { backupVolume } from "./backup";
|
import { backupVolume, getVolumeServiceAppName } from "./backup";
|
||||||
|
|
||||||
// Helper functions to extract project info from volume backup
|
// Helper functions to extract project info from volume backup
|
||||||
const getProjectName = (
|
const getProjectName = (
|
||||||
@@ -81,9 +81,9 @@ const cleanupOldVolumeBackups = async (
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
const rcloneFlags = getS3Credentials(destination);
|
const rcloneFlags = getS3Credentials(destination);
|
||||||
const normalizedPrefix = normalizeS3Path(prefix);
|
const s3AppName = getVolumeServiceAppName(volumeBackup);
|
||||||
const backupFilesPath = `:s3:${destination.bucket}/${normalizedPrefix}`;
|
const backupFilesPath = `:s3:${destination.bucket}/${s3AppName}/${normalizeS3Path(prefix || "")}`;
|
||||||
const listCommand = `rclone lsf ${rcloneFlags.join(" ")} --include \"${volumeName}-*.tar\" :s3:${destination.bucket}/${normalizedPrefix}`;
|
const listCommand = `rclone lsf ${rcloneFlags.join(" ")} --include \"${volumeName}-*.tar\" ${backupFilesPath}`;
|
||||||
const sortAndPick = `sort -r | tail -n +$((${keepLatestCount}+1)) | xargs -I{}`;
|
const sortAndPick = `sort -r | tail -n +$((${keepLatestCount}+1)) | xargs -I{}`;
|
||||||
const deleteCommand = `rclone delete ${rcloneFlags.join(" ")} ${backupFilesPath}{}`;
|
const deleteCommand = `rclone delete ${rcloneFlags.join(" ")} ${backupFilesPath}{}`;
|
||||||
const fullCommand = `${listCommand} | ${sortAndPick} ${deleteCommand}`;
|
const fullCommand = `${listCommand} | ${sortAndPick} ${deleteCommand}`;
|
||||||
@@ -131,14 +131,21 @@ export const runVolumeBackup = async (volumeBackupId: string) => {
|
|||||||
? "mongodb"
|
? "mongodb"
|
||||||
: volumeBackup.serviceType;
|
: volumeBackup.serviceType;
|
||||||
|
|
||||||
await sendVolumeBackupNotifications({
|
try {
|
||||||
projectName,
|
await sendVolumeBackupNotifications({
|
||||||
applicationName: volumeBackup.name,
|
projectName,
|
||||||
volumeName: volumeBackup.volumeName,
|
applicationName: volumeBackup.name,
|
||||||
serviceType: mappedServiceType,
|
volumeName: volumeBackup.volumeName,
|
||||||
type: "success",
|
serviceType: mappedServiceType,
|
||||||
organizationId,
|
type: "success",
|
||||||
});
|
organizationId,
|
||||||
|
});
|
||||||
|
} catch (notificationError) {
|
||||||
|
console.error(
|
||||||
|
"Failed to send volume backup success notification",
|
||||||
|
notificationError,
|
||||||
|
);
|
||||||
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
const { VOLUME_BACKUPS_PATH } = paths(!!serverId);
|
const { VOLUME_BACKUPS_PATH } = paths(!!serverId);
|
||||||
const volumeBackupPath = path.join(
|
const volumeBackupPath = path.join(
|
||||||
@@ -160,14 +167,21 @@ export const runVolumeBackup = async (volumeBackupId: string) => {
|
|||||||
? "mongodb"
|
? "mongodb"
|
||||||
: volumeBackup.serviceType;
|
: volumeBackup.serviceType;
|
||||||
|
|
||||||
await sendVolumeBackupNotifications({
|
try {
|
||||||
projectName,
|
await sendVolumeBackupNotifications({
|
||||||
applicationName: volumeBackup.name,
|
projectName,
|
||||||
volumeName: volumeBackup.volumeName,
|
applicationName: volumeBackup.name,
|
||||||
serviceType: mappedServiceType,
|
volumeName: volumeBackup.volumeName,
|
||||||
type: "error",
|
serviceType: mappedServiceType,
|
||||||
organizationId,
|
type: "error",
|
||||||
errorMessage: error instanceof Error ? error.message : String(error),
|
organizationId,
|
||||||
});
|
errorMessage: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
} catch (notificationError) {
|
||||||
|
console.error(
|
||||||
|
"Failed to send volume backup error notification",
|
||||||
|
notificationError,
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
48
pnpm-lock.yaml
generated
48
pnpm-lock.yaml
generated
@@ -131,9 +131,12 @@ importers:
|
|||||||
'@codemirror/legacy-modes':
|
'@codemirror/legacy-modes':
|
||||||
specifier: 6.4.0
|
specifier: 6.4.0
|
||||||
version: 6.4.0
|
version: 6.4.0
|
||||||
|
'@codemirror/search':
|
||||||
|
specifier: ^6.6.0
|
||||||
|
version: 6.6.0
|
||||||
'@codemirror/view':
|
'@codemirror/view':
|
||||||
specifier: 6.29.0
|
specifier: ^6.39.15
|
||||||
version: 6.29.0
|
version: 6.39.15
|
||||||
'@dokploy/server':
|
'@dokploy/server':
|
||||||
specifier: workspace:*
|
specifier: workspace:*
|
||||||
version: link:../../packages/server
|
version: link:../../packages/server
|
||||||
@@ -241,10 +244,10 @@ importers:
|
|||||||
version: 11.10.0(typescript@5.9.3)
|
version: 11.10.0(typescript@5.9.3)
|
||||||
'@uiw/codemirror-theme-github':
|
'@uiw/codemirror-theme-github':
|
||||||
specifier: ^4.23.12
|
specifier: ^4.23.12
|
||||||
version: 4.25.4(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.29.0)
|
version: 4.25.4(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)
|
||||||
'@uiw/react-codemirror':
|
'@uiw/react-codemirror':
|
||||||
specifier: ^4.23.12
|
specifier: ^4.23.12
|
||||||
version: 4.25.4(@babel/runtime@7.28.6)(@codemirror/autocomplete@6.20.0)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.29.0)(codemirror@6.0.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
|
version: 4.25.4(@babel/runtime@7.28.6)(@codemirror/autocomplete@6.20.0)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.39.15)(codemirror@6.0.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
|
||||||
'@xterm/addon-attach':
|
'@xterm/addon-attach':
|
||||||
specifier: 0.10.0
|
specifier: 0.10.0
|
||||||
version: 0.10.0(@xterm/xterm@5.5.0)
|
version: 0.10.0(@xterm/xterm@5.5.0)
|
||||||
@@ -1285,9 +1288,6 @@ packages:
|
|||||||
'@codemirror/theme-one-dark@6.1.3':
|
'@codemirror/theme-one-dark@6.1.3':
|
||||||
resolution: {integrity: sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==}
|
resolution: {integrity: sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==}
|
||||||
|
|
||||||
'@codemirror/view@6.29.0':
|
|
||||||
resolution: {integrity: sha512-ED4ims4fkf7eOA+HYLVP8VVg3NMllt1FPm9PEJBfYFnidKlRITBaua38u68L1F60eNtw2YNcDN5jsIzhKZwWQA==}
|
|
||||||
|
|
||||||
'@codemirror/view@6.39.15':
|
'@codemirror/view@6.39.15':
|
||||||
resolution: {integrity: sha512-aCWjgweIIXLBHh7bY6cACvXuyrZ0xGafjQ2VInjp4RM4gMfscK5uESiNdrH0pE+e1lZr2B4ONGsjchl2KsKZzg==}
|
resolution: {integrity: sha512-aCWjgweIIXLBHh7bY6cACvXuyrZ0xGafjQ2VInjp4RM4gMfscK5uESiNdrH0pE+e1lZr2B4ONGsjchl2KsKZzg==}
|
||||||
|
|
||||||
@@ -8793,14 +8793,14 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
'@codemirror/language': 6.12.1
|
'@codemirror/language': 6.12.1
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
'@codemirror/view': 6.29.0
|
'@codemirror/view': 6.39.15
|
||||||
'@lezer/common': 1.5.1
|
'@lezer/common': 1.5.1
|
||||||
|
|
||||||
'@codemirror/commands@6.10.2':
|
'@codemirror/commands@6.10.2':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@codemirror/language': 6.12.1
|
'@codemirror/language': 6.12.1
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
'@codemirror/view': 6.29.0
|
'@codemirror/view': 6.39.15
|
||||||
'@lezer/common': 1.5.1
|
'@lezer/common': 1.5.1
|
||||||
|
|
||||||
'@codemirror/lang-json@6.0.2':
|
'@codemirror/lang-json@6.0.2':
|
||||||
@@ -8821,7 +8821,7 @@ snapshots:
|
|||||||
'@codemirror/language@6.12.1':
|
'@codemirror/language@6.12.1':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
'@codemirror/view': 6.29.0
|
'@codemirror/view': 6.39.15
|
||||||
'@lezer/common': 1.5.1
|
'@lezer/common': 1.5.1
|
||||||
'@lezer/highlight': 1.2.3
|
'@lezer/highlight': 1.2.3
|
||||||
'@lezer/lr': 1.4.8
|
'@lezer/lr': 1.4.8
|
||||||
@@ -8851,15 +8851,9 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
'@codemirror/language': 6.12.1
|
'@codemirror/language': 6.12.1
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
'@codemirror/view': 6.29.0
|
'@codemirror/view': 6.39.15
|
||||||
'@lezer/highlight': 1.2.3
|
'@lezer/highlight': 1.2.3
|
||||||
|
|
||||||
'@codemirror/view@6.29.0':
|
|
||||||
dependencies:
|
|
||||||
'@codemirror/state': 6.5.4
|
|
||||||
style-mod: 4.1.3
|
|
||||||
w3c-keyname: 2.2.8
|
|
||||||
|
|
||||||
'@codemirror/view@6.39.15':
|
'@codemirror/view@6.39.15':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
@@ -12094,7 +12088,7 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 24.10.13
|
'@types/node': 24.10.13
|
||||||
|
|
||||||
'@uiw/codemirror-extensions-basic-setup@4.25.4(@codemirror/autocomplete@6.20.0)(@codemirror/commands@6.10.2)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/view@6.29.0)':
|
'@uiw/codemirror-extensions-basic-setup@4.25.4(@codemirror/autocomplete@6.20.0)(@codemirror/commands@6.10.2)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@codemirror/autocomplete': 6.20.0
|
'@codemirror/autocomplete': 6.20.0
|
||||||
'@codemirror/commands': 6.10.2
|
'@codemirror/commands': 6.10.2
|
||||||
@@ -12102,30 +12096,30 @@ snapshots:
|
|||||||
'@codemirror/lint': 6.9.4
|
'@codemirror/lint': 6.9.4
|
||||||
'@codemirror/search': 6.6.0
|
'@codemirror/search': 6.6.0
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
'@codemirror/view': 6.29.0
|
'@codemirror/view': 6.39.15
|
||||||
|
|
||||||
'@uiw/codemirror-theme-github@4.25.4(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.29.0)':
|
'@uiw/codemirror-theme-github@4.25.4(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@uiw/codemirror-themes': 4.25.4(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.29.0)
|
'@uiw/codemirror-themes': 4.25.4(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- '@codemirror/language'
|
- '@codemirror/language'
|
||||||
- '@codemirror/state'
|
- '@codemirror/state'
|
||||||
- '@codemirror/view'
|
- '@codemirror/view'
|
||||||
|
|
||||||
'@uiw/codemirror-themes@4.25.4(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.29.0)':
|
'@uiw/codemirror-themes@4.25.4(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@codemirror/language': 6.12.1
|
'@codemirror/language': 6.12.1
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
'@codemirror/view': 6.29.0
|
'@codemirror/view': 6.39.15
|
||||||
|
|
||||||
'@uiw/react-codemirror@4.25.4(@babel/runtime@7.28.6)(@codemirror/autocomplete@6.20.0)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.29.0)(codemirror@6.0.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
|
'@uiw/react-codemirror@4.25.4(@babel/runtime@7.28.6)(@codemirror/autocomplete@6.20.0)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.39.15)(codemirror@6.0.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@babel/runtime': 7.28.6
|
'@babel/runtime': 7.28.6
|
||||||
'@codemirror/commands': 6.10.2
|
'@codemirror/commands': 6.10.2
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
'@codemirror/theme-one-dark': 6.1.3
|
'@codemirror/theme-one-dark': 6.1.3
|
||||||
'@codemirror/view': 6.29.0
|
'@codemirror/view': 6.39.15
|
||||||
'@uiw/codemirror-extensions-basic-setup': 4.25.4(@codemirror/autocomplete@6.20.0)(@codemirror/commands@6.10.2)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/view@6.29.0)
|
'@uiw/codemirror-extensions-basic-setup': 4.25.4(@codemirror/autocomplete@6.20.0)(@codemirror/commands@6.10.2)(@codemirror/language@6.12.1)(@codemirror/lint@6.9.4)(@codemirror/search@6.6.0)(@codemirror/state@6.5.4)(@codemirror/view@6.39.15)
|
||||||
codemirror: 6.0.2
|
codemirror: 6.0.2
|
||||||
react: 18.2.0
|
react: 18.2.0
|
||||||
react-dom: 18.2.0(react@18.2.0)
|
react-dom: 18.2.0(react@18.2.0)
|
||||||
@@ -12772,7 +12766,7 @@ snapshots:
|
|||||||
'@codemirror/lint': 6.9.4
|
'@codemirror/lint': 6.9.4
|
||||||
'@codemirror/search': 6.6.0
|
'@codemirror/search': 6.6.0
|
||||||
'@codemirror/state': 6.5.4
|
'@codemirror/state': 6.5.4
|
||||||
'@codemirror/view': 6.29.0
|
'@codemirror/view': 6.39.15
|
||||||
|
|
||||||
color-convert@2.0.1:
|
color-convert@2.0.1:
|
||||||
dependencies:
|
dependencies:
|
||||||
|
|||||||
Reference in New Issue
Block a user