@coze-arch/cli 0.0.1-alpha.ecba20 → 0.0.1-alpha.ee5d83

package/lib/__templates__/expo/.coze

@@ -9,4 +9,4 @@ run = ["bash", ".cozeproj/scripts/dev_run.sh"]
 [deploy]
 build = ["bash", ".cozeproj/scripts/prod_build.sh"]
 run = ["bash", ".cozeproj/scripts/prod_run.sh"]
-build_app_dir = "."
+build_app_dir = "./client"

package/lib/__templates__/expo/.cozeproj/scripts/dev_build.sh

@@ -2,108 +2,45 @@
 if [ -z "${BASH_VERSION:-}" ]; then exec /usr/bin/env bash "$0" "$@"; fi
 set -euo pipefail
 ROOT_DIR="$(pwd)"
-PREVIEW_DIR="${COZE_PREVIEW_DIR:-$ROOT_DIR}"
-LOG_DIR="${COZE_LOG_DIR:-$ROOT_DIR/logs}"
-LOG_FILE="$LOG_DIR/app.log"
-mkdir -p "$LOG_DIR"
+PREVIEW_DIR="${COZE_PREVIEW_DIR:-/source/preview}"
 
 # ==================== 配置项 ====================
 SERVER_DIR="app"
 EXPO_DIR="expo"
 CHECK_HASH_SCRIPT="$ROOT_DIR/check_hash.py"
-# ==================== 工具函数 ====================
-info() {
-  echo -e "\033[32m[INFO] $1\033[0m"
-}
-warn() {
-  echo -e "\033[33m[WARN] $1\033[0m"
-}
-error() {
-  echo -e "\033[31m[ERROR] $1\033[0m"
-  exit 1
-}
+
 check_command() {
   if ! command -v "$1" &> /dev/null; then
-    error "命令 $1 未找到，请先安装"
+    echo "error:命令 $1 未找到，请先安装"
   fi
 }
-write_log() {
-  local level="${1:-INFO}"
-  local msg="${2:-}"
-  node -e '
-const fs=require("fs");
-const path=process.argv[1];
-const level=(process.argv[2]||"").toUpperCase();
-let msg=String(process.argv[3]||"");
-const ts=Date.now();
-const dt=new Date();
-const parts=new Intl.DateTimeFormat("en-GB",{timeZone:"Asia/Shanghai",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:false}).formatToParts(dt);
-const o={};
-for(const p of parts){o[p.type]=p.value}
-const dt_str=`${o.year}-${o.month}-${o.day} ${o.hour}:${o.minute}:${o.second}`;
-msg=msg.replace(/\\n/g,"\n");
-msg=`${dt_str} [${level}] ${msg}`;
-const record=JSON.stringify({level, message: msg, timestamp: ts},null,0);
-const fd=fs.openSync(path,"a");
-fs.writeSync(fd, record+"\n", null, "utf8");
-fs.fsyncSync(fd);
-fs.closeSync(fd);
-' "$LOG_FILE" "$level" "$msg"
-}
 
-# ==================== 前置检查 ====================
-write_log "INFO" "==================== 开始构建 ===================="
+echo "==================== 开始构建 ===================="
 
-write_log "INFO" "检查根目录 pre_install.py"
+echo "检查根目录 pre_install.py"
 if [ -f "$PREVIEW_DIR/pre_install.py" ]; then
-  write_log "INFO" "执行：python $PREVIEW_DIR/pre_install.py"
-  python "$PREVIEW_DIR/pre_install.py" || write_log "ERROR" "pre_install.py 执行失败"
+  echo "执行：python $PREVIEW_DIR/pre_install.py"
+  python "$PREVIEW_DIR/pre_install.py" || echo "pre_install.py 执行失败"
 fi
 
-write_log "INFO" "开始执行构建脚本（build_dev.sh）..."
-write_log "INFO" "正在检查依赖命令是否存在..."
+echo "开始执行构建脚本（build_dev.sh）..."
+echo "正在检查依赖命令是否存在..."
 # 检查核心命令
-# check_command "pip"
-# check_command "python"
 check_command "pnpm"
 check_command "npm"
 
-# ==================== 步骤 1：安装项目依赖 ====================
-write_log "INFO" "==================== 安装项目依赖 ===================="
+echo "==================== 安装项目依赖 ===================="
 if [ ! -f "package.json" ]; then
-  write_log "ERROR" "项目目录下无 package.json，不是合法的 Node.js 项目"
-fi
-# 步骤 2.1/2.2：安装 Expo 项目依赖（按哈希变化执行）
-if [ -f "$CHECK_HASH_SCRIPT" ]; then
-  write_log "INFO" "检测 package.json 哈希是否变化"
-  set +e
-  python "$CHECK_HASH_SCRIPT" --config "package.json" --check
-  rc_node=$?
-  set -e
-  if [ $rc_node -eq 1 ]; then
-    write_log "INFO" "依赖哈希已变化，执行：pnpm install"
-    pnpm install --registry=https://registry.npmmirror.com || write_log "ERROR" "Expo 项目依赖安装失败（pnpm 执行出错）"
-
-    write_log "INFO" "依赖哈希已变化，执行：npm run install-missing"
-    npm run install-missing || write_log "ERROR" "npm run install-missing 执行失败，请检查 package.json 中的脚本配置"
-
-    set +e
-    python "$CHECK_HASH_SCRIPT" --config "package.json" --update
-    set -e
-  else
-    write_log "INFO" "跳过 pnpm install 与 npm run install-missing"
-  fi
-else
-  write_log "WARN" "未找到 check_hash.py，默认执行：pnpm install 与 npm run install-missing"
-  pnpm install --registry=https://registry.npmmirror.com || write_log "ERROR" "Expo 项目依赖安装失败（pnpm 执行出错）"
-  npm run install-missing || write_log "ERROR" "npm run install-missing 执行失败，请检查 package.json 中的脚本配置"
+  echo "项目目录下无 package.json，不是合法的 Node.js 项目"
 fi
+# 步骤 2.1/2.2：安装项目依赖
+pnpm install --registry=https://registry.npmmirror.com || echo "Expo 项目依赖安装失败（pnpm 执行出错）"
 
-write_log "INFO" "检查根目录 post_install.py"
-if [ -f "$ROOT_DIR/post_install.py" ]; then
-  write_log "INFO" "执行：python $ROOT_DIR/post_install.py"
-  python "$ROOT_DIR/post_install.py" || write_log "ERROR" "post_install.py 执行失败"
+echo "检查根目录 post_install.py"
+if [ -f "$PREVIEW_DIR/post_install.py" ]; then
+  echo "执行：python $PREVIEW_DIR/post_install.py"
+  python "$PREVIEW_DIR/post_install.py" || echo "post_install.py 执行失败"
 fi
 
-write_log "INFO" "==================== 依赖安装完成！====================\n"
-write_log "INFO" "下一步：执行 ./deploy_run.sh 启动服务"
+echo "==================== 依赖安装完成！====================\n"
+echo "下一步：执行 ./deploy_run.sh 启动服务"

package/lib/__templates__/expo/.cozeproj/scripts/dev_run.sh

@@ -1,5 +1,5 @@
 ROOT_DIR="$(cd "$(dirname "$0")" && pwd)"
-PREVIEW_DIR="${COZE_PREVIEW_DIR:-$ROOT_DIR}"
+PREVIEW_DIR="${COZE_PREVIEW_DIR:-/source/preview}"
 LOG_DIR="${COZE_LOG_DIR:-$ROOT_DIR/logs}"
 LOG_FILE="$LOG_DIR/app.log"
 mkdir -p "$LOG_DIR"
@@ -23,19 +23,9 @@ export EXPO_PUBLIC_BACKEND_BASE_URL EXPO_PACKAGER_PROXY_URL
 SERVER_PID=""
 EXPO_PID=""
 # ==================== 工具函数 ====================
-info() {
-  echo -e "\033[32m[INFO] $1\033[0m"
-}
-warn() {
-  echo -e "\033[33m[WARN] $1\033[0m"
-}
-error() {
-  echo -e "\033[31m[ERROR] $1\033[0m"
-  exit 1
-}
 check_command() {
   if ! command -v "$1" &> /dev/null; then
-    error "命令 $1 未找到，请先安装"
+    echo "error:命令 $1 未找到，请先安装"
   fi
 }
 while [ $# -gt 0 ]; do
@@ -64,10 +54,10 @@ ensure_port() {
   local var_name=$1
   local port_val=$2
   if is_port_free "$port_val"; then
-    info "端口未占用：$port_val"
+    echo "端口未占用：$port_val"
     eval "$var_name=$port_val"
   else
-    warn "端口已占用：$port_val"
+    echo "端口已占用：$port_val"
     local choice
     if [ "$ASSUME_YES" = "1" ]; then choice="Y"; else read -r -p "是否关闭该端口的进程？[Y/n] " choice || choice="Y"; fi
     if [ -z "$choice" ] || [ "$choice" = "y" ] || [ "$choice" = "Y" ]; then
@@ -75,15 +65,15 @@ ensure_port() {
         local pids
         pids=$(lsof -t -i tcp:"$port_val" -sTCP:LISTEN 2>/dev/null || true)
         if [ -n "$pids" ]; then
-          info "正在关闭进程：$pids"
-          kill -9 $pids 2>/dev/null || warn "关闭进程失败：$pids"
+          echo "正在关闭进程：$pids"
+          kill -9 $pids 2>/dev/null || echo "关闭进程失败：$pids"
           eval "$var_name=$port_val"
         else
-          warn "未获取到占用该端口的进程"
+          echo "未获取到占用该端口的进程"
           eval "$var_name=$port_val"
         fi
       else
-        warn "缺少 lsof，无法自动关闭进程"
+        echo "缺少 lsof，无法自动关闭进程"
         eval "$var_name=$port_val"
       fi
     else
@@ -95,28 +85,18 @@ ensure_port() {
   fi
 }
 
-write_log() {
-  local level="${1:-INFO}"
-  local msg="${2:-}"
-  node -e '
-const fs=require("fs");
-const path=process.argv[1];
-const level=(process.argv[2]||"").toUpperCase();
-let msg=String(process.argv[3]||"");
-const ts=Date.now();
-msg=msg.replace(/\\n/g,"\n");
-const dt=new Date();
-const parts=new Intl.DateTimeFormat("en-GB",{timeZone:"Asia/Shanghai",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:false}).formatToParts(dt);
-const o={};
-for(const p of parts){o[p.type]=p.value}
-const dt_str=`${o.year}-${o.month}-${o.day} ${o.hour}:${o.minute}:${o.second}`;
-msg=`${dt_str} [${level}] ${msg}`;
-const record=JSON.stringify({level, message: msg, timestamp: ts},null,0);
-const fd=fs.openSync(path,"a");
-fs.writeSync(fd, record+"\n", null, "utf8");
-fs.fsyncSync(fd);
-fs.closeSync(fd);
-' "$LOG_FILE" "$level" "$msg"
+pipe_to_log() {
+  local source="${1:-CLIENT}"
+  local raw_log="${2:-}"
+  local line timestamp ts msg record
+  while IFS= read -r line || [ -n "$line" ]; do
+    if [ -n "$raw_log" ]; then
+      echo "$line" >> "$raw_log"
+    fi
+    line=$(echo "[$source] $line" | sed 's/\x1b\[[0-9;]*[a-zA-Z]//g; s/\x1b\[[0-9;]*m//g')
+    msg="${line}"
+    echo "$msg"
+  done
 }
 
 wait_port_connectable() {
@@ -134,12 +114,14 @@ start_expo() {
   pushd ./client
 
   if [ "$offline" = "1" ]; then
-    EXPO_OFFLINE=1 EXPO_NO_DOCTOR=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" nohup npx expo start --clear --port "$EXPO_PORT" > ../logs/expo.log 2>&1 &
+    ( EXPO_OFFLINE=1 EXPO_NO_DOCTOR=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" \
+      nohup npx expo start --clear --port "$EXPO_PORT" 2>&1 | pipe_to_log "CLIENT" "../logs/client.log" ) &
   else
-    EXPO_NO_DOCTOR=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" nohup npx expo start --clear --port "$EXPO_PORT" > ../logs/expo.log 2>&1 &
+    ( EXPO_NO_DOCTOR=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" \
+      nohup npx expo start --clear --port "$EXPO_PORT" 2>&1 | pipe_to_log "CLIENT" "../logs/client.log" ) &
   fi
   EXPO_PID=$!
-  echo "$EXPO_PID"
+  disown $EXPO_PID 2>/dev/null || true
 
   popd
 }
@@ -147,7 +129,7 @@ start_expo() {
 detect_expo_fetch_failed() {
   local timeout="${1:-8}"
   local waited=0
-  local log_file="logs/expo.log"
+  local log_file="logs/client.log"
   while [ "$waited" -lt "$timeout" ]; do
     if [ -f "$log_file" ] && grep -q "TypeError: fetch failed" "$log_file" 2>/dev/null; then
       return 0
@@ -162,78 +144,77 @@ detect_expo_fetch_failed() {
 # 关掉nginx进程
 ps -ef | grep nginx | grep -v grep | awk '{print $2}' | xargs -r kill -9
 
-write_log "INFO" "检查根目录 pre_install.py"
+echo "检查根目录 pre_install.py"
 if [ -f "$PREVIEW_DIR/pre_install.py" ]; then
-  write_log "INFO" "执行：python $PREVIEW_DIR/pre_install.py"
-  python "$PREVIEW_DIR/pre_install.py" || write_log "ERROR" "pre_install.py 执行失败"
+  echo "执行：python $PREVIEW_DIR/pre_install.py"
+  python "$PREVIEW_DIR/pre_install.py" || echo "pre_install.py 执行失败"
 fi
 
-write_log "INFO" "==================== 开始启动 ===================="
-write_log "INFO" "开始执行服务启动脚本（start_dev.sh）..."
-write_log "INFO" "正在检查依赖命令和目录是否存在..."
+echo "==================== 开始启动 ===================="
+echo "开始执行服务启动脚本（start_dev.sh）..."
+echo "正在检查依赖命令和目录是否存在..."
 # 检查核心命令
-# check_command "python"
 check_command "npm"
 check_command "pnpm"
 check_command "lsof"
 check_command "bash"
 
-info "准备日志目录：logs"
+echo "准备日志目录：logs"
 mkdir -p logs
 # 端口占用预检查与处理
 ensure_port SERVER_PORT "$SERVER_PORT"
 ensure_port EXPO_PORT "$EXPO_PORT"
 
-# ==================== 启动 Server 服务 ====================
-write_log "INFO" "==================== 启动 server 服务 ===================="
-write_log "INFO" "正在执行：npm run dev"
-PORT="$SERVER_PORT" nohup npm run dev --prefix ./server > logs/app.log 2>&1 &
+echo "==================== 启动 server 服务 ===================="
+echo "正在执行：npm run dev"
+( PORT="$SERVER_PORT" nohup npm run dev --prefix ./server 2>&1 | pipe_to_log "SERVER" "logs/server.log" ) &
 SERVER_PID=$!
+disown $SERVER_PID 2>/dev/null || true
 if [ -z "${SERVER_PID}" ]; then
-  write_log "ERROR" "无法获取 server 后台进程 PID"
+  echo "无法获取 server 后台进程 PID"
 fi
-write_log "INFO" "server 服务已启动，进程 ID：${SERVER_PID:-unknown}"
+echo "server 服务已启动，进程 ID：${SERVER_PID:-unknown}"
 
-write_log "INFO" "==================== 启动 Expo 项目 ===================="
-write_log "INFO" "开始启动 Expo 服务，端口 ${EXPO_PORT}"
-EXPO_PID=$(start_expo 0)
+echo "==================== 启动 Expo 项目 ===================="
+echo "开始启动 Expo 服务，端口 ${EXPO_PORT}"
+start_expo 0
 if detect_expo_fetch_failed 8; then
-  write_log "WARN" "Expo 启动检测到网络错误：TypeError: fetch failed，启用离线模式重试"
+  echo "Expo 启动检测到网络错误：TypeError: fetch failed，启用离线模式重试"
   if [ -n "${EXPO_PID}" ]; then kill -9 "$EXPO_PID" 2>/dev/null || true; fi
-  : > logs/expo.log
-  EXPO_PID=$(start_expo 1)
+  : > logs/client.log
+  start_expo 1
 fi
 # 输出以下环境变量，确保 Expo 项目能正确连接到 Server 服务
-write_log "INFO" "Expo 环境变量配置："
-write_log "INFO" "EXPO_PUBLIC_BACKEND_BASE_URL=${EXPO_PUBLIC_BACKEND_BASE_URL}"
-write_log "INFO" "EXPO_PACKAGER_PROXY_URL=${EXPO_PACKAGER_PROXY_URL}"
+echo "Expo 环境变量配置："
+echo "EXPO_PUBLIC_BACKEND_BASE_URL=${EXPO_PUBLIC_BACKEND_BASE_URL}"
+echo "EXPO_PACKAGER_PROXY_URL=${EXPO_PACKAGER_PROXY_URL}"
 if [ -z "${EXPO_PID}" ]; then
-  write_log "ERROR" "无法获取 Expo 后台进程 PID"
+  echo "无法获取 Expo 后台进程 PID"
 fi
 
-write_log "INFO" "所有服务已启动。Server PID: ${SERVER_PID}, Expo PID: ${EXPO_PID}"
+echo "所有服务已启动。Server PID: ${SERVER_PID}, Expo PID: ${EXPO_PID}"
 
-write_log "INFO" "检查 Server 服务端口：$SERVER_HOST:$SERVER_PORT"
+echo "检查 Server 服务端口：$SERVER_HOST:$SERVER_PORT"
 if wait_port_connectable "$SERVER_HOST" "$SERVER_PORT" 10 2; then
-  write_log "INFO" "端口可连接：$SERVER_HOST:$SERVER_PORT"
+  echo "端口可连接：$SERVER_HOST:$SERVER_PORT"
 else
-  write_log "WARN" "端口不可连接：$SERVER_HOST:$SERVER_PORT 10 次）"
+  echo "端口不可连接：$SERVER_HOST:$SERVER_PORT 10 次）"
 fi
 
-write_log "INFO" "检查 Expo 服务端口：$EXPO_HOST:$EXPO_PORT"
+echo "检查 Expo 服务端口：$EXPO_HOST:$EXPO_PORT"
 if wait_port_connectable "$EXPO_HOST" "$EXPO_PORT" 10 2; then
-  write_log "INFO" "端口可连接：$EXPO_HOST:$EXPO_PORT"
+  echo "端口可连接：$EXPO_HOST:$EXPO_PORT"
 else
-  write_log "WARN" "端口不可连接：$EXPO_HOST:$EXPO_PORT（已尝试 10 次）"
+  echo "端口不可连接：$EXPO_HOST:$EXPO_PORT（已尝试 10 次）"
 fi
 
-write_log "INFO" "服务端口检查完成"
+echo "服务端口检查完成"
 
-write_log "INFO" "检查根目录 post_run.py"
+echo "检查根目录 post_run.py"
 if [ -f "$ROOT_DIR/post_run.py" ]; then
-  write_log "INFO" "启动检查中"
-  python "$ROOT_DIR/post_run.py" --port "$EXPO_PORT" || write_log "ERROR" "post_run.py 执行失败"
-  write_log "INFO" "启动检查结束"
+  echo "启动检查中"
+  python "$ROOT_DIR/post_run.py" --port "$EXPO_PORT" || echo "post_run.py 执行失败"
+  echo "启动检查结束"
 fi
 
-write_log "INFO" "==================== 服务启动完成 ===================="
+echo "==================== 服务启动完成 ===================="

package/lib/__templates__/expo/README.md

@@ -3,7 +3,9 @@
 ## 目录结构规范（严格遵循）
 
 当前仓库是一个 monorepo（基于 pnpm 的 workspace）
-其中 Expo 代码在 client 目录，Express.js 代码在 server 目录
+
+- Expo 代码在 client 目录，Express.js 代码在 server 目录
+- 本模板默认无 Tab Bar，可按需改造
 
 目录结构说明
 
@@ -14,7 +16,8 @@
 ├── client/                     # React Native 前端代码
 │   ├── app/                    # Expo Router 路由目录（仅路由配置）
 │   │   ├── _layout.tsx         # 根布局文件（必需）
-│   │   └── index.ts            # 首页
+│   │   ├── home.tsx            # 首页
+│   │   └── index.tsx           # re-export home.tsx
 │   ├── screens/                # 页面实现目录（与 app/ 路由对应）
 │   │   └── home/
 │   │       ├── index.tsx       # 页面组件实现
@@ -29,17 +32,6 @@
 ├── .cozeproj                   # 预置脚手架脚本（禁止修改）
 └── .coze                       # 配置文件（禁止修改）
 
-## Expo 路径别名
-Expo 配置了 `@/` 路径别名指向 `client/` 目录：
-
-```tsx
-// 正确
-import { Screen } from '@/components/Screen';
-
-// 避免相对路径
-import { Screen } from '../../../components/Screen';
-```
-
 ## 安装依赖
 
 ### 命令
@@ -57,7 +49,23 @@ pnpm i
 - 编辑 `client/package.json` 或 `server/package.json`
 - 在根目录执行 `pnpm i`
 
-## 启动前后端服务（开发环境）
+## Expo 开发规范
+
+### 路径别名
+
+Expo 配置了 `@/` 路径别名指向 `client/` 目录：
+
+```tsx
+// 正确
+import { Screen } from '@/components/Screen';
+
+// 避免相对路径
+import { Screen } from '../../../components/Screen';
+```
+
+## 本地开发
+
+运行 coze dev 可以同时启动前端和后端服务，如果端口已占用，该命令会先杀掉占用端口的进程再启动，也可以用来重启前端和后端服务
 
 ```bash
 coze dev

package/lib/__templates__/expo/client/app/index.tsx

@@ -0,0 +1 @@
+export { default } from './home'

package/lib/__templates__/expo/client/app.config.ts

@@ -1,71 +1,75 @@
 import { ExpoConfig, ConfigContext } from 'expo/config';
 
+const appName = 'My App';
+const slugAppName = 'my-app';
+
 export default ({ config }: ConfigContext): ExpoConfig => {
   return {
     ...config,
-      "name": "${app_name}",
-      "slug": "${slug}",
-      "version": "1.0.0",
-      "orientation": "portrait",
-      "icon": "./assets/images/icon.png",
-      "scheme": "myapp",
-      "userInterfaceStyle": "automatic",
-      "newArchEnabled": true,
-      "ios": {
-        "supportsTablet": true
+    "name": appName,
+    "slug": slugAppName,
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "myapp",
+    "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
       },
-      "android": {
-        "adaptiveIcon": {
-          "foregroundImage": "./assets/images/adaptive-icon.png",
+      "package": "com.anonymous.myapp"
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "single",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": [
+      process.env.EXPO_PUBLIC_BACKEND_BASE_URL ? [
+        "expo-router",
+        {
+          "origin": process.env.EXPO_PUBLIC_BACKEND_BASE_URL
+        }
+      ] : 'expo-router',
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/images/splash-icon.png",
+          "imageWidth": 200,
+          "resizeMode": "contain",
           "backgroundColor": "#ffffff"
         }
-      },
-      "web": {
-        "bundler": "metro",
-        "output": "single",
-        "favicon": "./assets/images/favicon.png"
-      },
-      "plugins": [
-        process.env.EXPO_PUBLIC_BACKEND_BASE_URL ? [
-          "expo-router",
-          {
-            "origin": process.env.EXPO_PUBLIC_BACKEND_BASE_URL
-          }
-        ] : 'expo-router',
-        [
-          "expo-splash-screen",
-          {
-            "image": "./assets/images/splash-icon.png",
-            "imageWidth": 200,
-            "resizeMode": "contain",
-            "backgroundColor": "#ffffff"
-          }
-        ],
-        [
-          "expo-image-picker",
-          {
-            "photosPermission": "允许${app_name}访问您的相册，以便您上传或保存图片。",
-            "cameraPermission": "允许${app_name}使用您的相机，以便您直接拍摄照片上传。",
-            "microphonePermission": "允许${app_name}访问您的麦克风，以便您拍摄带有声音的视频。"
-          }
-        ],
-        [
-          "expo-location",
-          {
-            "locationWhenInUsePermission": "${app_name}需要访问您的位置以提供周边服务及导航功能。"
-          }
-        ],
-        [
-          "expo-camera",
-          {
-            "cameraPermission": "${app_name}需要访问相机以拍摄照片和视频。",
-            "microphonePermission": "${app_name}需要访问麦克风以录制视频声音。",
-            "recordAudioAndroid": true
-          }
-        ]
       ],
-      "experiments": {
-        "typedRoutes": true
-      }
+      [
+        "expo-image-picker",
+        {
+          "photosPermission": `允许${appName}访问您的相册，以便您上传或保存图片。`,
+          "cameraPermission": `允许${appName}使用您的相机，以便您直接拍摄照片上传。`,
+          "microphonePermission": `允许${appName}访问您的麦克风，以便您拍摄带有声音的视频。`
+        }
+      ],
+      [
+        "expo-location",
+        {
+          "locationWhenInUsePermission": `${appName}需要访问您的位置以提供周边服务及导航功能。`
+        }
+      ],
+      [
+        "expo-camera",
+        {
+          "cameraPermission": `${appName}需要访问相机以拍摄照片和视频。`,
+          "microphonePermission": `${appName}需要访问麦克风以录制视频声音。`,
+          "recordAudioAndroid": true
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true
+    }
   }
 }