feat: add docker support

Author: xiaoxiunique

Dockerfile

@@ -0,0 +1,71 @@
+# 构建阶段
+FROM oven/bun:1 as builder
+
+# 安装构建依赖
+RUN apt-get update && apt-get install -y \
+    python3 \
+    build-essential \
+    && rm -rf /var/lib/apt/lists/*
+
+WORKDIR /app
+
+# 复制 package.json 和 lock 文件
+COPY package*.json ./
+COPY bun.lockb ./
+
+# 安装依赖
+RUN bun install
+
+# 复制源代码
+COPY . .
+
+# 构建应用
+RUN bun run build
+
+# 运行阶段
+FROM oven/bun:1-slim
+
+# 安装 Playwright 依赖
+RUN apt-get update && apt-get install -y \
+    python3 \
+    libnss3 \
+    libnspr4 \
+    libatk1.0-0 \
+    libatk-bridge2.0-0 \
+    libcups2 \
+    libdrm2 \
+    libxkbcommon0 \
+    libxcomposite1 \
+    libxdamage1 \
+    libxfixes3 \
+    libxrandr2 \
+    libgbm1 \
+    libasound2 \
+    && rm -rf /var/lib/apt/lists/*
+
+# 安装 Playwright 浏览器
+RUN bunx playwright install
+
+WORKDIR /app
+
+# 从构建阶段复制构建产物和源代码
+COPY --from=builder /app/.output ./
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/hono ./hono
+COPY start.sh ./
+
+# 设置环境变量
+ENV NODE_ENV=production
+ENV NUXT_HOST=0.0.0.0
+ENV NUXT_PORT=3000
+ENV PYTHON=/usr/bin/python3
+
+# 设置启动脚本权限
+RUN chmod +x ./start.sh
+
+# 暴露端口
+EXPOSE 3000
+EXPOSE 3001
+
+# 启动应用
+CMD ["./start.sh"] 

Dockerfile.server

@@ -0,0 +1,60 @@
+# 构建阶段
+FROM oven/bun:1 as builder
+
+# 安装构建依赖
+RUN apt-get update && apt-get install -y \
+    python3 \
+    build-essential \
+    && rm -rf /var/lib/apt/lists/*
+
+WORKDIR /app
+
+# 复制 package.json 和 lock 文件
+COPY package*.json ./
+COPY bun.lockb ./
+
+# 安装依赖
+RUN bun install
+
+# 复制源代码
+COPY . .
+
+# 运行阶段
+FROM oven/bun:1-slim
+
+# 安装 Playwright 依赖
+RUN apt-get update && apt-get install -y \
+    python3 \
+    libnss3 \
+    libnspr4 \
+    libatk1.0-0 \
+    libatk-bridge2.0-0 \
+    libcups2 \
+    libdrm2 \
+    libxkbcommon0 \
+    libxcomposite1 \
+    libxdamage1 \
+    libxfixes3 \
+    libxrandr2 \
+    libgbm1 \
+    libasound2 \
+    && rm -rf /var/lib/apt/lists/*
+
+# 安装 Playwright 浏览器
+RUN bunx playwright install --with-deps
+
+WORKDIR /app
+
+# 从构建阶段复制必要文件
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/hono ./hono
+
+# 设置环境变量
+ENV NODE_ENV=production
+ENV PYTHON=/usr/bin/python3
+
+# 暴露端口
+EXPOSE 3001
+
+# 启动应用
+CMD ["bun", "./hono/index.ts"] 

Dockerfile.web

@@ -0,0 +1,43 @@
+# 构建阶段
+FROM oven/bun:1 as builder
+
+# 安装构建依赖
+RUN apt-get update && apt-get install -y \
+    python3 \
+    build-essential \
+    && rm -rf /var/lib/apt/lists/*
+
+WORKDIR /app
+
+# 复制 package.json 和 lock 文件
+COPY package*.json ./
+COPY bun.lockb ./
+
+# 安装依赖
+RUN bun install
+
+# 复制源代码
+COPY . .
+
+# 构建应用
+RUN bun run build
+
+# 运行阶段
+FROM oven/bun:1-slim
+
+WORKDIR /app
+
+# 从构建阶段复制构建产物
+COPY --from=builder /app/.output ./
+COPY --from=builder /app/node_modules ./node_modules
+
+# 设置环境变量
+ENV NODE_ENV=production
+ENV NUXT_HOST=0.0.0.0
+ENV NUXT_PORT=3000
+
+# 暴露端口
+EXPOSE 3000
+
+# 启动应用
+CMD ["bun", "./server/index.mjs"] 

build.sh

@@ -0,0 +1 @@
+ 

bun.lockb

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import Image from 'nuxt/image'
 import { ref } from 'vue'
 
 interface Props {

components/ImagePreview.vue

@@ -0,0 +1,22 @@
+version: '3.8'
+
+services:
+  web:
+    build:
+      context: .
+      dockerfile: Dockerfile.web
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+    restart: unless-stopped
+
+  server:
+    build:
+      context: .
+      dockerfile: Dockerfile.server
+    ports:
+      - "3001:3001"
+    environment:
+      - NODE_ENV=production
+    restart: unless-stopped 

docker-compose.yml

@@ -8,8 +8,7 @@ export default defineNuxtConfig({
     '@nuxt/fonts',
     '@nuxt/icon',
     '@nuxt/image',
-    '@nuxtjs/tailwindcss',
-    'dayjs-nuxt',
+    '@nuxtjs/tailwindcss', 'dayjs-nuxt',
     '@pinia/colada-nuxt',
     'nuxt-og-image',
     '@nuxtjs/seo',
@@ -32,5 +31,8 @@ export default defineNuxtConfig({
     configPath: 'tailwind.config.js',
     exposeConfig: false,
     viewer: true,
+  },
+  nitro: {
+    preset: "bun"
   }
 })

nuxt.config.ts

@@ -38,6 +38,7 @@
     "lucide-vue-next": "^0.484.0",
     "nuxt": "^3.16.1",
     "nuxt-og-image": "5.1.0",
+    "ofetch": "^1.4.1",
     "pinia": "^3.0.1",
     "pinia-plugin-persistedstate": "^4.2.0",
     "playwright": "1.46.1",

package.json

@@ -4,6 +4,6 @@ export default defineEventHandler(async event => {
   const url = event.path;
   console.log("🚀 ~ url:", url)
   if (url.startsWith('/api/proxy')) {
-    return proxyRequest(event, `http://localhost:3001${url}`);
+    return proxyRequest(event, `http://server:3001${url}`);
   }
 });

server/middleware/proxy.ts

@@ -0,0 +1,3 @@
+#!/bin/sh
+bun ./server/index.mjs &
+bun ./hono/index.ts