feat(docker): Add Docker configuration files and update .gitignore

- Introduced .dockerignore to exclude temporary folders and unnecessary files from Docker context.
- Added Dockerfile for containerization of the application with Nginx for serving static files.
- Created DOCKER_README.md for Docker usage instructions.
- Updated .gitignore to include agentx directory.
- Added nginx.conf for Nginx configuration.
- Introduced tsconfig.rslib.json and vitest.config.ts for TypeScript and testing configurations.
- Removed deprecated agentx files to clean up the project structure.

Author: shengoo

web/.dockerignore

@@ -0,0 +1,88 @@
+# Dependencies
+node_modules
+.pnpm-store
+.pnpm
+
+# Build outputs
+dist
+build
+
+# Development files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# IDE files
+.vscode
+.idea
+*.swp
+*.swo
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# Git
+.git
+.gitignore
+
+# Docker
+Dockerfile
+docker-compose.yaml
+.dockerignore
+
+# Testing
+coverage
+.nyc_output
+
+# Logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+
+# Storybook build outputs
+.out
+.storybook-out
+
+# Temporary folders
+tmp/
+temp/

web/.gitignore

@@ -13,3 +13,5 @@ dist
 .vscode/*
 !.vscode/extensions.json
 .idea
+
+agentx

web/DOCKER_README.md

@@ -0,0 +1,66 @@
+# Web Frontend Docker Deployment Guide
+
+This directory contains Docker configuration files for deploying the React frontend application.
+
+## File Description
+
+- `Dockerfile` - Multi-stage Docker file for production build
+- `nginx.conf` - Nginx configuration file for production environment
+- `docker-compose.yaml` - Docker Compose configuration file
+- `.dockerignore` - Files to ignore during Docker build
+
+## Usage
+
+### Production Environment
+
+#### Using Docker Compose
+
+```bash
+# Build and start production environment
+docker-compose up --build
+
+# Run in background
+docker-compose up -d --build
+```
+
+Production environment will run on `http://localhost:80`.
+
+#### Using Docker Commands
+
+```bash
+# Build production image
+docker build -t langcrew-web .
+
+# Run production container
+docker run -p 80:80 langcrew-web
+```
+
+### Custom Configuration
+
+#### Environment Variables
+
+- `NODE_ENV` - Runtime environment (production)
+- `AGENT_API_HOST` - Backend API address
+
+#### Port Configuration
+
+- Production environment: 80
+
+## Build Stages
+
+1. **build** - Build stage, installs dependencies and builds the application
+2. **production** - Production stage, serves static files using Nginx
+
+## Features
+
+- **Multi-stage build** - Optimized image size and build efficiency
+- **Production optimized** - Nginx serving, compression, caching
+- **Security** - Security headers and optimized configuration
+- **Performance** - Static asset optimization and gzip compression
+
+## Notes
+
+- Make sure Docker and Docker Compose are installed before running
+- Production environment uses Nginx to serve static files
+- All static assets are compressed and cache-optimized
+- The application supports client-side routing

web/Dockerfile

@@ -0,0 +1,36 @@
+# Production build for React frontend application
+FROM node:18-alpine AS build
+
+# Install pnpm globally
+RUN npm install -g pnpm
+
+# Set working directory
+WORKDIR /app
+
+# Copy package files
+COPY package.json pnpm-lock.yaml ./
+
+# Install dependencies
+RUN pnpm install --frozen-lockfile
+
+# Copy source code
+COPY . .
+
+# Build the application
+ENV NODE_ENV=production
+RUN pnpm build
+
+# Production stage
+FROM nginx:alpine
+
+# Copy built assets from build stage
+COPY --from=build /app/dist /usr/share/nginx/html
+
+# Copy nginx configuration
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Expose port
+EXPOSE 80
+
+# Start nginx
+CMD ["nginx", "-g", "daemon off;"]

web/README.md

@@ -52,7 +52,7 @@ pnpm install
 pnpm dev
 
 # Open Browser
-http://localhost:3000/chat
+http://localhost:3600/chat
 ```
 
 ---
@@ -79,12 +79,8 @@ pnpm add ./agentx
 import AgentX from 'agentx';
 
 <AgentX
-  agentId="your-agent-id"
-  sessionId=""
   shareId=""
   sharePassword=""
-  basePath=""
-  backPath=""
   headerNode={<></>}
   footerNode={<></>}
   shareButtonNode={<></>}
@@ -100,20 +96,14 @@ import AgentX from 'agentx';
 />;
 ```
 
-> ⚠ **Note:**`agentId` is **required** and must be obtained from the **LangCrew Admin Panel**.
-
 ---
 
 ## 📚 API Reference
 
 | Prop Name              | Type          | Description                  | Required |
 | ---------------------- | ------------- | ---------------------------- | -------- |
-| agentId                | `string`      | Agent ID                     | ✅       |
-| sessionId              | `string`      | Session ID                   | ❌       |
 | shareId                | `string`      | Share ID                     | ❌       |
 | sharePassword          | `string`      | Share password               | ❌       |
-| basePath               | `string`(URL) | Route prefix                 | ❌       |
-| backPath               | `string`(URL) | Return path                  | ❌       |
 | headerNode             | `ReactNode`   | Custom header                | ❌       |
 | footerNode             | `ReactNode`   | Custom footer                | ❌       |
 | shareButtonNode        | `ReactNode`   | Custom share button          | ❌       |