Refactor code structure for improved readability and maintainability

Author: neozhu

Dockerfile

@@ -7,10 +7,16 @@ RUN apt-get update \
     && rm -rf /var/lib/apt/lists/*
 WORKDIR /app
 
+
+
 FROM base AS deps
 
-COPY package.json package-lock.json* ./
-RUN if [ -f package-lock.json ]; then npm ci; else npm install; fi
+COPY package.json package-lock.json ./
+RUN --mount=type=cache,target=/root/.npm \
+    npm ci \
+    && npm install --no-save --ignore-scripts \
+        @tailwindcss/oxide-linux-x64-gnu@4.1.18 \
+        lightningcss-linux-x64-gnu@1.30.2
 
 FROM base AS builder
 
@@ -31,8 +37,9 @@ FROM base AS runner
 ENV NODE_ENV=production
 ENV NEXT_TELEMETRY_DISABLED=1
 
-COPY package.json package-lock.json* ./
-RUN if [ -f package-lock.json ]; then npm ci --only=production; else npm install --only=production; fi
+COPY package.json package-lock.json ./
+RUN --mount=type=cache,target=/root/.npm \
+    npm ci --omit=dev
 
 COPY --from=builder /app/.next ./.next
 COPY --from=builder /app/public ./public

components/ai-elements/message.tsx

@@ -35,7 +35,6 @@ import {
   useState,
 } from "react";
 import { Streamdown } from "streamdown";
-import type { ExtraProps } from "streamdown";
 
 export type MessageProps = HTMLAttributes<HTMLDivElement> & {
   from: UIMessage["role"];
@@ -392,7 +391,7 @@ const MarkdownCode = ({
   );
 };
 
-const MarkdownPre = ({ children }: ComponentProps<"pre"> & ExtraProps) => children;
+const MarkdownPre = ({ children }: ComponentProps<"pre">) => children;
 
 export const MessageResponse = memo(
   ({ className, components, ...props }: MessageResponseProps) => (

docker-compose.yml

@@ -4,6 +4,7 @@ services:
       context: .
       dockerfile: Dockerfile
       args:
+        NPM_CONFIG_REGISTRY: ${NPM_CONFIG_REGISTRY:-https://registry.npmjs.org/}
         PUBLIC_SUPABASE_URL: ${PUBLIC_SUPABASE_URL}
         PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY: ${PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY}
     environment: