fix: build project error

Author: KUN1007

components/message/chat/window/ChatMessage.tsx

@@ -167,7 +167,7 @@ export const ChatMessage = ({
           </div>
 
           {message.reaction && message.reaction.length > 0 && (
-            <div className="grid grid-cols-5 gap-x-2 gap-y-1 mt-1">
+            <div className="flex flex-wrap items-center gap-x-2 gap-y-1 mt-1">
               {message.reaction.length < 3
                 ? message.reaction.map((r: ChatMessageReaction) => (
                     <Chip

components/message/chat/window/ChatMessageContextMenu.tsx

@@ -50,8 +50,6 @@ export const ChatMessageContextMenu = ({
   onEdit,
   isOwner = false
 }: Props) => {
-  if (!isMenuOpen) return null
-
   const groupedReactions = useMemo(() => {
     if (!reactionArray || reactionArray.length === 0) {
       return {}
@@ -68,6 +66,8 @@ export const ChatMessageContextMenu = ({
     )
   }, [reactionArray])
 
+  if (!isMenuOpen) return null
+
   const handleMenuAction = (key: Key) => {
     switch (key) {
       case 'reply':

config/app.ts

@@ -1,4 +1,6 @@
-export const KUN_VISUAL_NOVEL_PATCH_APP_ADDRESS =
-  process.env.NODE_ENV === 'production'
-    ? `http://${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_PROD_HOST}${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_PROD_PORT ? `:${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_PROD_PORT}` : ''}`
-    : `http://${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_DEV_HOST}${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_DEV_PORT ? `:${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_DEV_PORT}` : ''}`
+export const KUN_VISUAL_NOVEL_PATCH_APP_ADDRESS =
+  process.env.NODE_ENV === 'production'
+    ? `http://${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_PROD_HOST}${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_PROD_PORT ? `:${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_PROD_PORT}` : ''}`
+    : `http://${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_DEV_HOST}${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_DEV_PORT ? `:${process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_DEV_PORT}` : ''}`
+
+export const KUN_SOCKET_IO_ROUTE = '/ws'

context/SocketProvider.tsx

@@ -2,6 +2,7 @@
 
 import React, { createContext, useContext, useEffect, useState } from 'react'
 import { io } from 'socket.io-client'
+import { KUN_SOCKET_IO_ROUTE } from '~/config/app'
 import type { Socket } from 'socket.io-client'
 
 interface SocketContextType {
@@ -34,7 +35,7 @@ export const SocketProvider = ({
     }
 
     const socketInstance = io({
-      path: '/api/socket',
+      path: KUN_SOCKET_IO_ROUTE,
       query: { userId }
       // addTrailingSlash: false,
     })

ecosystem.config.cjs

@@ -10,7 +10,7 @@ module.exports = {
       autorestart: true,
       watch: false,
       max_memory_restart: '1G',
-      script: './.next/standalone/server.js'
+      script: './.next/kun/server.js'
     }
   ]
 }

hooks/useSocket.ts

@@ -1,6 +1,7 @@
 // hooks/useSocket.ts
 import { useEffect, useState } from 'react'
 import { io, Socket } from 'socket.io-client'
+import { KUN_SOCKET_IO_ROUTE } from '~/config/app'
 
 export const useSocket = (userId: number | null) => {
   const [socket, setSocket] = useState<Socket | null>(null)
@@ -11,7 +12,7 @@ export const useSocket = (userId: number | null) => {
     }
 
     const newSocket = io({
-      path: '/api/socket',
+      path: KUN_SOCKET_IO_ROUTE,
       query: { userId }
     })
 

next.config.ts

@@ -42,7 +42,11 @@ const nextConfig: NextConfig = {
     ]
   },
 
-  output: 'standalone',
+  // outputFileTracingIncludes: {
+  //   '/ws': ['./socket/**/*', './server.ts']
+  // },
+
+  // output: 'standalone',
   experimental: {
     // turbotrace: {
     //   logLevel: 'error',

package.json

@@ -7,10 +7,11 @@
   "scripts": {
     "dev": "nodemon --exec esno server.ts",
     "build:next": "next build",
-    "build:server": "tsc --project tsconfig.server.json",
+    "build:server": "tsc --project tsconfig.server.json && tsc-alias -p tsconfig.server.json",
+    "build:sitemap": "esno scripts/generateKunSitemap.ts",
     "build": "pnpm build:next && pnpm build:server",
     "preview": "node .next/server/server.js",
-    "postbuild": "esno scripts/postbuild.ts",
+    "postbuild": "pnpm build:sitemap",
     "format": "prettier . --write",
     "lint": "next lint",
     "lint:fix": "next lint --fix",
@@ -70,7 +71,7 @@
     "@milkdown/plugin-automd": "^7.12.1",
     "@next/mdx": "^15.3.3",
     "@noble/hashes": "^1.8.0",
-    "@prisma/client": "^6.8.2",
+    "@prisma/client": "6.10.0",
     "@tailwindcss/postcss": "^4.1.8",
     "@tanstack/react-query": "^5.79.0",
     "@types/mdx": "^2.0.13",
@@ -168,7 +169,6 @@
     "@types/react-dom": "19.1.5",
     "autoprefixer": "^10.4.21",
     "dotenv": "^16.5.0",
-    "env-cmd": "^10.1.0",
     "eslint": "^9.28.0",
     "eslint-config-next": "^15.3.3",
     "eslint-config-prettier": "^10.1.5",
@@ -195,6 +195,7 @@
     "stylelint-order": "^7.0.0",
     "tailwindcss": "^4.1.8",
     "ts-node-dev": "^2.0.0",
+    "tsc-alias": "^1.8.16",
     "tsx": "^4.20.3",
     "typescript": "^5.8.3"
   },

pnpm-lock.yaml

@@ -4,6 +4,7 @@ import { parse } from 'url'
 import next from 'next'
 import express from 'ultimate-express'
 import { onSocketConnection } from './socket/handler'
+import { KUN_SOCKET_IO_ROUTE } from '~/config/app'
 
 const dev = process.env.NODE_ENV !== 'production'
 const hostname = process.env.NEXT_PUBLIC_KUN_PATCH_APP_ADDRESS_PROD_HOST
@@ -19,7 +20,7 @@ app.prepare().then(() => {
   const httpServer = createServer((req, res) => {
     const parsedUrl = parse(req.url!, true)
 
-    if (parsedUrl.pathname?.startsWith('/api/socket')) {
+    if (parsedUrl.pathname?.startsWith(KUN_SOCKET_IO_ROUTE)) {
       expressApp(req, res)
     } else {
       handle(req, res, parsedUrl)
@@ -30,7 +31,7 @@ app.prepare().then(() => {
   })
 
   const io = new Server(httpServer, {
-    path: '/api/socket',
+    path: KUN_SOCKET_IO_ROUTE,
     cors: {
       origin: process.env.NEXT_PUBLIC_KUN_PATCH_ADDRESS_DEV
     }
@@ -42,8 +43,6 @@ app.prepare().then(() => {
 
   httpServer.listen(port, () => {
     console.log(`> Ready on http://${hostname}:${port}`)
-    console.log(
-      `> Socket.IO server listening on http://${hostname}:${port}/api/socket`
-    )
+    console.log(`> Socket.IO server listening on http://${hostname}:${port}/ws`)
   })
 })