perf(build): make standalone image deterministic
This commit is contained in:
+14
-5
@@ -12,6 +12,7 @@ RUN --mount=type=cache,target=/root/.bun/install/cache \
|
||||
# Stage 2: Build the application
|
||||
FROM oven/bun:1.3.14-alpine AS builder
|
||||
WORKDIR /app
|
||||
ENV NEXT_TELEMETRY_DISABLED=1
|
||||
COPY --from=deps /app/node_modules ./node_modules
|
||||
COPY . .
|
||||
# Build Next.js
|
||||
@@ -20,18 +21,26 @@ RUN --mount=type=cache,target=/app/.next/cache \
|
||||
|
||||
# Stage 3: Production runner
|
||||
FROM oven/bun:1.3.14-alpine AS runner
|
||||
ARG TARGETARCH
|
||||
WORKDIR /app
|
||||
ENV NODE_ENV=production
|
||||
ENV NEXT_TELEMETRY_DISABLED=1
|
||||
ENV HOSTNAME=0.0.0.0
|
||||
ENV PORT=3000
|
||||
|
||||
# Copy built assets and dependencies from builder stage
|
||||
# Copy the standalone server and static assets without the full dependency tree
|
||||
COPY --from=builder /app/.next/standalone ./
|
||||
COPY --from=builder /app/public ./public
|
||||
COPY --from=builder /app/.next ./.next
|
||||
COPY --from=builder /app/node_modules ./node_modules
|
||||
COPY --from=builder /app/package.json ./package.json
|
||||
COPY --from=builder /app/.next/static ./.next/static
|
||||
|
||||
# The standalone tracer includes both glibc and musl Sharp packages. Alpine only
|
||||
# needs musl, so discard the incompatible duplicate without touching runtime deps.
|
||||
RUN rm -rf \
|
||||
"./node_modules/@img/sharp-linux-${TARGETARCH}" \
|
||||
"./node_modules/@img/sharp-libvips-linux-${TARGETARCH}"
|
||||
|
||||
EXPOSE 3000
|
||||
CMD ["bun", "start"]
|
||||
CMD ["bun", "server.js"]
|
||||
|
||||
# Stage 4: Scheduled video upload worker
|
||||
FROM deps AS video-upload-worker
|
||||
|
||||
@@ -42,10 +42,10 @@ export async function POST(request: Request) {
|
||||
const stagingDirectory = `${VIDEO_DIR}/staging/${discordId}`;
|
||||
filePath = `${stagingDirectory}/${stagedVideoId}-${safeFileName(originalFilename)}`;
|
||||
|
||||
await mkdir(stagingDirectory, { recursive: true });
|
||||
await mkdir(/* turbopackIgnore: true */ stagingDirectory, { recursive: true });
|
||||
await pipeline(
|
||||
Readable.fromWeb(request.body as never),
|
||||
createWriteStream(filePath, { flags: "wx" }),
|
||||
createWriteStream(/* turbopackIgnore: true */ filePath, { flags: "wx" }),
|
||||
);
|
||||
|
||||
return NextResponse.json({
|
||||
@@ -55,7 +55,7 @@ export async function POST(request: Request) {
|
||||
size: contentLength,
|
||||
});
|
||||
} catch (error) {
|
||||
if (filePath) await unlink(filePath).catch(() => undefined);
|
||||
if (filePath) await unlink(/* turbopackIgnore: true */ filePath).catch(() => undefined);
|
||||
const message = error instanceof Error ? error.message : "Upload failed.";
|
||||
const status =
|
||||
message === "Unauthorized" || message === "Not authenticated" ? 401 : 400;
|
||||
|
||||
@@ -3,6 +3,42 @@
|
||||
@import "tw-animate-css";
|
||||
@import "shadcn/tailwind.css";
|
||||
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url("/fonts/inter-latin.woff2") format("woff2");
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
|
||||
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
|
||||
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Anuphan";
|
||||
font-style: normal;
|
||||
font-weight: 100 700;
|
||||
font-display: swap;
|
||||
src: url("/fonts/anuphan-thai.woff2") format("woff2");
|
||||
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Anuphan";
|
||||
font-style: normal;
|
||||
font-weight: 100 700;
|
||||
font-display: swap;
|
||||
src: url("/fonts/anuphan-latin.woff2") format("woff2");
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
|
||||
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
|
||||
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
:root {
|
||||
--font-inter: "Inter", Arial, sans-serif;
|
||||
--font-anuphan: "Anuphan", Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
@custom-variant dark (&:is(.dark *));
|
||||
|
||||
@theme inline {
|
||||
|
||||
+1
-14
@@ -1,21 +1,8 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Inter, Anuphan } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { cn } from "@/lib/utils";
|
||||
import { config } from "@/lib/config";
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
display: "swap",
|
||||
});
|
||||
|
||||
const anuphan = Anuphan({
|
||||
variable: "--font-anuphan",
|
||||
subsets: ["latin", "thai"],
|
||||
display: "swap",
|
||||
});
|
||||
|
||||
const siteUrl = config.site.url;
|
||||
|
||||
export const metadata: Metadata = {
|
||||
@@ -81,7 +68,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html
|
||||
lang="th"
|
||||
className={cn("h-full", "antialiased", inter.variable, anuphan.variable, "font-sans")}
|
||||
className={cn("h-full", "antialiased", "font-sans")}
|
||||
suppressHydrationWarning
|
||||
>
|
||||
<body className="font-sans" suppressHydrationWarning>
|
||||
|
||||
@@ -219,7 +219,7 @@ async function publishYoutube(upload: typeof videoUploads.$inferSelect) {
|
||||
throw new Error(`YouTube upload initialization failed (${init.status}).`);
|
||||
const location = init.headers.get("location");
|
||||
if (!location) throw new Error("YouTube did not return an upload URL.");
|
||||
const video = await readFile(upload.videoPath);
|
||||
const video = await readFile(/* turbopackIgnore: true */ upload.videoPath);
|
||||
const result = await fetch(location, {
|
||||
method: "PUT",
|
||||
headers: {
|
||||
@@ -233,7 +233,7 @@ async function publishYoutube(upload: typeof videoUploads.$inferSelect) {
|
||||
const data = (await result.json()) as { id?: string };
|
||||
if (!data.id) throw new Error("YouTube did not return a video ID.");
|
||||
if (upload.thumbnailPath) {
|
||||
const thumbnail = await readFile(upload.thumbnailPath);
|
||||
const thumbnail = await readFile(/* turbopackIgnore: true */ upload.thumbnailPath);
|
||||
const thumb = await fetch(
|
||||
`https://www.googleapis.com/upload/youtube/v3/thumbnails/set?videoId=${encodeURIComponent(data.id)}`,
|
||||
{
|
||||
@@ -279,7 +279,7 @@ async function publishTiktok(upload: typeof videoUploads.$inferSelect) {
|
||||
settings.privacyLevel ??
|
||||
creator.data?.privacy_level_options?.[0] ??
|
||||
"SELF_ONLY";
|
||||
const video = await readFile(upload.videoPath);
|
||||
const video = await readFile(/* turbopackIgnore: true */ upload.videoPath);
|
||||
const chunkSize = Math.min(10 * 1024 * 1024, video.byteLength);
|
||||
const totalChunkCount = Math.max(1, Math.floor(video.byteLength / chunkSize));
|
||||
const init = await fetch(
|
||||
|
||||
@@ -34,24 +34,24 @@ export async function saveVideoUpload(formData: FormData, discordId: string) {
|
||||
throw new Error("Invalid staged video.");
|
||||
}
|
||||
const stagingDirectory = `${VIDEO_DIR}/staging/${discordId}`;
|
||||
const stagedFile = (await readdir(stagingDirectory)).find((name) =>
|
||||
const stagedFile = (await readdir(/* turbopackIgnore: true */ stagingDirectory)).find((name) =>
|
||||
name.startsWith(`${stagedVideoId}-`),
|
||||
);
|
||||
if (!stagedFile) throw new Error("Uploaded video was not found.");
|
||||
videoPath = `${stagingDirectory}/${stagedFile}`;
|
||||
originalFilename = String(formData.get("videoName") ?? stagedFile);
|
||||
mimeType = String(formData.get("videoMimeType") ?? "");
|
||||
videoSize = (await stat(videoPath)).size;
|
||||
videoSize = (await stat(/* turbopackIgnore: true */ videoPath)).size;
|
||||
if (!["video/mp4", "video/quicktime", "video/webm"].includes(mimeType)) {
|
||||
throw new Error("Use an MP4, MOV, or WebM video.");
|
||||
}
|
||||
} else if (video instanceof File) {
|
||||
validateVideoFile(video);
|
||||
await mkdir(VIDEO_DIR, { recursive: true });
|
||||
await mkdir(/* turbopackIgnore: true */ VIDEO_DIR, { recursive: true });
|
||||
const temporaryId = randomUUID();
|
||||
const safeVideoName = video.name.replace(/[^a-zA-Z0-9._-]/g, "_");
|
||||
videoPath = `${VIDEO_DIR}/${temporaryId}-${safeVideoName}`;
|
||||
await writeFile(videoPath, Buffer.from(await video.arrayBuffer()));
|
||||
await writeFile(/* turbopackIgnore: true */ videoPath, Buffer.from(await video.arrayBuffer()));
|
||||
originalFilename = video.name;
|
||||
mimeType = video.type;
|
||||
videoSize = video.size;
|
||||
@@ -74,7 +74,7 @@ export async function saveVideoUpload(formData: FormData, discordId: string) {
|
||||
let thumbnailPath: string | null = null;
|
||||
if (thumbnail instanceof File && thumbnail.size > 0) {
|
||||
thumbnailPath = `${VIDEO_DIR}/${id}-thumbnail-${thumbnail.name.replace(/[^a-zA-Z0-9._-]/g, "_")}`;
|
||||
await writeFile(thumbnailPath, Buffer.from(await thumbnail.arrayBuffer()));
|
||||
await writeFile(/* turbopackIgnore: true */ thumbnailPath, Buffer.from(await thumbnail.arrayBuffer()));
|
||||
}
|
||||
|
||||
const youtubeSettings: YoutubeSettings = JSON.parse(
|
||||
|
||||
+3
-2
@@ -1,10 +1,11 @@
|
||||
import type { NextConfig } from "next";
|
||||
|
||||
const nextConfig: NextConfig = {
|
||||
serverExternalPackages: ["bun"],
|
||||
output: "standalone",
|
||||
turbopack: {
|
||||
root: process.cwd(),
|
||||
root: __dirname,
|
||||
},
|
||||
serverExternalPackages: ["bun"],
|
||||
allowedDevOrigins: ['test.gunshiz.top'],
|
||||
images: {
|
||||
remotePatterns: [
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user