feat: dockerize application

Author: oae

.env.example

@@ -0,0 +1,19 @@
+# Application
+APP_PORT=3000
+
+# Database
+DATABASE_USER=kaizoku
+DATABASE_SCHEMA=kaizoku
+DATABASE_PASSWORD=kaizoku
+DATABASE_PORT=5432
+DATABASE_HOST=localhost
+DATABASE_URL=postgresql://${DATABASE_USER}:${DATABASE_PASSWORD}@${DATABASE_HOST}:${DATABASE_PORT}/${DATABASE_SCHEMA}
+
+# Redis
+REDIS_HOST=localhost
+REDIS_PORT=6379
+
+# Notification
+TELEGRAM_TOKEN="***REMOVED***"
+TELEGRAM_CHAT_ID="***REMOVED***"
+TELEGRAM_SEND_SILENTLY=0

Dockerfile

@@ -0,0 +1,55 @@
+##### DEPENDENCIES
+
+FROM node:18-alpine AS deps
+RUN apk add --no-cache libc6-compat openssl
+WORKDIR /app
+
+# Install Prisma Client - remove if not using Prisma
+
+COPY prisma ./
+
+# Install dependencies based on the preferred package manager
+
+COPY package.json yarn.lock ./
+
+RUN yarn --frozen-lockfile
+
+##### BUILDER
+
+FROM node:18-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN yarn build
+
+##### RUNNER
+
+FROM node:18-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/next.config.mjs ./
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/package.json ./package.json
+
+COPY --from=builder /app/.next ./.next
+COPY --from=builder /app/prisma ./prisma
+COPY --from=builder /app/dist ./dist
+COPY --from=builder /app/node_modules ./node_modules
+
+RUN chown -R nextjs:nodejs /app
+
+USER nextjs
+EXPOSE 3000
+ENV PORT 3000
+
+CMD ["yarn", "prod"]

docker-compose.yml

@@ -5,10 +5,23 @@ volumes:
 
 
 services:
+  app:
+    container_name: kaizoku
+    build: .
+    environment:
+      DATABASE_URL: postgresql://${DATABASE_USER}:${DATABASE_PASSWORD}@db:${DATABASE_PORT}/${DATABASE_SCHEMA}
+      REDIS_HOST: redis
+    env_file:
+      - .env
+    depends_on:
+      db:
+        condition: service_healthy
+    ports:
+      - "${APP_PORT}:3000"
   redis:
     image: redis:7-alpine
     ports:
-      - 6379:6379
+      - "${REDIS_PORT}:6379"
   db:
     image: postgres:alpine
     restart: unless-stopped

next.config.mjs

@@ -1,6 +1,4 @@
 import withBundleAnalyzer from '@next/bundle-analyzer';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { env } from './src/env/server.mjs';
 
 const bundleAnalyzer = withBundleAnalyzer({
   enabled: process.env.ANALYZE === 'true',

package.json

@@ -7,6 +7,7 @@
     "dev:server": "NODE_ENV=development ts-node --project tsconfig.server.json src/server/index.ts",
     "build:server": "tsc --project tsconfig.server.json",
     "start:server": "NODE_ENV=production node dist/server/index.js",
+    "prod": "prisma migrate deploy && yarn run start:server",
     "dev": "next dev",
     "build:next": "next build",
     "build": "yarn run build:next && yarn run build:server",
@@ -32,51 +33,52 @@
     ]
   },
   "dependencies": {
-    "@bull-board/api": "^4.3.2",
-    "@bull-board/express": "^4.3.2",
+    "@bull-board/api": "^4.6.0",
+    "@bull-board/express": "^4.6.0",
     "@emotion/react": "^11.10.4",
     "@emotion/server": "^11.10.0",
-    "@mantine/core": "^5.5.4",
-    "@mantine/form": "^5.5.4",
-    "@mantine/hooks": "^5.5.4",
-    "@mantine/modals": "^5.5.4",
-    "@mantine/next": "^5.5.4",
-    "@mantine/notifications": "^5.5.4",
-    "@mantine/nprogress": "^5.5.4",
-    "@mantine/spotlight": "^5.5.4",
+    "@mantine/core": "^5.5.6",
+    "@mantine/form": "^5.5.6",
+    "@mantine/hooks": "^5.5.6",
+    "@mantine/modals": "^5.5.6",
+    "@mantine/next": "^5.5.6",
+    "@mantine/notifications": "^5.5.6",
+    "@mantine/nprogress": "^5.5.6",
+    "@mantine/spotlight": "^5.5.6",
     "@next/bundle-analyzer": "^12.3.1",
-    "@prisma/client": "4.4.0",
-    "@tabler/icons": "^1.101.0",
-    "@tanstack/react-query": "^4.9.0",
-    "@trpc/client": "^10.0.0-proxy-beta.13",
-    "@trpc/next": "^10.0.0-proxy-beta.13",
+    "@prisma/client": "4.5.0",
+    "@tabler/icons": "^1.106.0",
+    "@tanstack/react-query": "^4.12.0",
+    "@trpc/client": "^10.0.0-proxy-beta.23",
+    "@trpc/next": "^10.0.0-proxy-beta.23",
     "@trpc/react": "^10.0.0-proxy-beta.13",
-    "@trpc/server": "^10.0.0-proxy-beta.13",
-    "bullmq": "^2.1.3",
+    "@trpc/react-query": "^10.0.0-proxy-beta.23",
+    "@trpc/server": "^10.0.0-proxy-beta.23",
+    "bullmq": "^2.3.2",
     "chokidar": "^3.5.3",
     "contrast-color": "^1.0.1",
     "dayjs": "^1.11.5",
     "execa": "5.1.1",
-    "express": "^4.18.1",
-    "framer-motion": "^7.5.3",
+    "express": "^4.18.2",
+    "framer-motion": "^7.6.1",
     "json-diff": "^0.9.0",
     "mantine-datatable": "^1.7.9",
     "meow": "^9.0.0",
     "moment": "^2.29.4",
     "next": "12.3.1",
     "node-telegram-bot-api": "^0.59.0",
     "pino": "^8.6.1",
-    "pino-pretty": "^9.1.0",
+    "pino-pretty": "^9.1.1",
     "pretty-bytes": "5.6.0",
     "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "^4.4.0",
+    "react-icons": "^4.6.0",
     "react-no-ssr": "^1.1.0",
     "sharp": "^0.31.1",
     "string-to-color": "^2.2.2",
-    "superjson": "^1.10.0",
-    "yaml": "^2.1.2",
+    "superjson": "^1.10.1",
+    "yaml": "^2.1.3",
     "zod": "^3.19.1"
   },
   "devDependencies": {
@@ -85,31 +87,31 @@
     "@types/contrast-color": "^1.0.0",
     "@types/express": "^4.17.14",
     "@types/json-diff": "^0.9.0",
-    "@types/node": "18.8.0",
-    "@types/node-telegram-bot-api": "^0.57.1",
+    "@types/node": "18.11.2",
+    "@types/node-telegram-bot-api": "^0.57.5",
     "@types/react": "18.0.21",
     "@types/react-dom": "18.0.6",
     "@types/react-no-ssr": "^1.1.3",
-    "@typescript-eslint/eslint-plugin": "^5.39.0",
-    "@typescript-eslint/parser": "^5.39.0",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
+    "@typescript-eslint/parser": "^5.40.1",
     "autoprefixer": "^10.4.12",
-    "eslint": "8.24.0",
+    "eslint": "8.25.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-next": "12.3.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^4.3.8",
     "lint-staged": "^13.0.3",
-    "postcss": "^8.4.17",
+    "postcss": "^8.4.18",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
-    "prisma": "^4.4.0",
-    "tailwindcss": "^3.1.8",
+    "prisma": "^4.5.0",
+    "tailwindcss": "^3.2.0",
     "ts-node": "^10.9.1",
     "typescript": "4.8.4"
   }

src/server/index.ts

@@ -11,7 +11,7 @@ import { notificationQueue } from './queue/notify';
 const dev = process.env.NODE_ENV !== 'production';
 const app = next({ dev });
 const handle = app.getRequestHandler();
-const port = process.env.PORT || 3000;
+const port = process.env.APP_PORT || 3000;
 
 const serverAdapter = new ExpressAdapter();
 serverAdapter.setBasePath('/bull/queues');

src/server/queue/checkChapters.ts

@@ -94,8 +94,8 @@ const checkChapters = async (manga: MangaWithLibraryAndMetadata) => {
 
 export const checkChaptersQueue = new Queue('checkChaptersQueue', {
   connection: {
-    host: 'localhost',
-    port: 6379,
+    host: process.env.REDIS_HOST,
+    port: parseInt(process.env.REDIS_PORT || '6379', 10),
   },
 });
 
@@ -109,8 +109,8 @@ export const checkChaptersWorker = new Worker(
   {
     concurrency: 5,
     connection: {
-      host: 'localhost',
-      port: 6379,
+      host: process.env.REDIS_HOST,
+      port: parseInt(process.env.REDIS_PORT || '6379', 10),
     },
   },
 );

src/server/queue/download.ts

@@ -52,16 +52,16 @@ export const downloadWorker = new Worker(
   {
     concurrency: 5,
     connection: {
-      host: 'localhost',
-      port: 6379,
+      host: process.env.REDIS_HOST,
+      port: parseInt(process.env.REDIS_PORT || '6379', 10),
     },
   },
 );
 
 export const downloadQueue = new Queue('downloadQueue', {
   connection: {
-    host: 'localhost',
-    port: 6379,
+    host: process.env.REDIS_HOST,
+    port: parseInt(process.env.REDIS_PORT || '6379', 10),
   },
   defaultJobOptions: {
     attempts: 20,

src/server/queue/notify.ts

@@ -26,6 +26,10 @@ export const notificationWorker = new Worker(
     }
   },
   {
+    connection: {
+      host: process.env.REDIS_HOST,
+      port: parseInt(process.env.REDIS_PORT || '6379', 10),
+    },
     concurrency: 30,
     limiter: {
       max: 30,
@@ -36,8 +40,8 @@ export const notificationWorker = new Worker(
 
 export const notificationQueue = new Queue('notificationQueue', {
   connection: {
-    host: 'localhost',
-    port: 6379,
+    host: process.env.REDIS_HOST,
+    port: parseInt(process.env.REDIS_PORT || '6379', 10),
   },
   defaultJobOptions: {
     attempts: 20,

src/server/trpc/router/library.ts

@@ -20,7 +20,16 @@ export const libraryRouter = t.router({
           path: libraryPath,
         },
       });
-      await createLibrary(libraryPath);
+      try {
+        await createLibrary(libraryPath);
+      } catch (err) {
+        await ctx.prisma.library.delete({
+          where: {
+            id: library.id,
+          },
+        });
+        throw err;
+      }
       return library;
     }),
 });

src/server/utils/notification.ts

@@ -1,16 +1,21 @@
 import TelegramBot from 'node-telegram-bot-api';
 
-const token = '***REMOVED***';
-const chatId = '***REMOVED***';
+const token = process.env.TELEGRAM_TOKEN || '';
+const chatId = process.env.TELEGRAM_CHAT_ID || '';
+const disableNotification = !!parseInt(process.env.TELEGRAM_SEND_SILENTLY || '0', 10);
 const bot = new TelegramBot(token);
 
 export const sendNotification = async (title: string, body: string, url?: string) => {
+  if (!token || !chatId) {
+    return;
+  }
+
   const message = `
 <b>${title}</b>
 
 ${body}
 
 ${url || ''}
   `;
-  await bot.sendMessage(chatId, message, { parse_mode: 'HTML' });
+  await bot.sendMessage(chatId, message, { parse_mode: 'HTML', disable_notification: disableNotification });
 };