@lark-apaas/coding-templates 0.1.43-alpha.5 → 0.1.43-alpha.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/coding-templates",
-  "version": "0.1.43-alpha.5",
+  "version": "0.1.43-alpha.7",
   "description": "OpenClaw project templates for mclaw CLI",
   "publishConfig": {
     "access": "public"

package/template-vite-react/.spark/meta.json

@@ -0,0 +1,8 @@
+{
+  "appId": "app_xxxxxxxxxxxxxx",
+  "template": "vite-react",
+  "version": "0.1.0",
+  "archType": 2,
+  "features": ["client"],
+  "appUrl": "https://bytedance.aiforce.cloud/app/app_xxxxxxxxxxxxxx"
+}

package/template-vite-react/package.json

@@ -10,7 +10,7 @@
     ]
   },
   "scripts": {
-    "dev": "concurrently -k -n vite,health 'vite --port 8001 --host 0.0.0.0' 'node scripts/mock-health.cjs'",
+    "dev": "node scripts/dev.cjs",
     "build": "bash scripts/build.sh",
     "typecheck": "tsc -p tsconfig.app.json",
     "lint": "npm run typecheck && npm run lint:eslint",
@@ -44,7 +44,7 @@
     "@radix-ui/react-toggle": "^1.1.9",
     "@radix-ui/react-toggle-group": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.1.18",
-    "@lark-apaas/client-toolkit-lite": "1.1.7-alpha.7",
+    "@lark-apaas/client-toolkit-lite": "1.1.7-alpha.9",
     "@formkit/auto-animate": "^0.9.0",
     "@gsap/react": "^2.1.2",
     "framer-motion": "^12.38.0",
@@ -62,6 +62,7 @@
     "react": "^19.2.4",
     "react-day-picker": "^9.14.0",
     "react-dom": "^19.2.4",
+    "react-error-boundary": "^6.0.0",
     "react-hook-form": "^7.72.0",
     "react-resizable-panels": "^4.7.6",
     "react-router-dom": "^7.13.2",
@@ -79,7 +80,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@lark-apaas/coding-presets": "^1.0.0",
-    "@lark-apaas/coding-vite-preset": "1.0.7-alpha.3",
+    "@lark-apaas/coding-vite-preset": "1.0.7-alpha.5",
     "concurrently": "^9",
     "eslint": "^9",
     "eslint-plugin-react-hooks": "^7",

package/template-vite-react/scripts/dev.cjs

@@ -0,0 +1,109 @@
+#!/usr/bin/env node
+/**
+ * jsPage 模板 dev launcher。
+ *
+ * 跟全栈 dev.js 对齐：每个子进程的 stdout/stderr 经 readline 逐行拼上
+ * 时间戳 + [name] 前缀，同时写到 logs/<name>.std.log（沙箱外壳 dev-logs
+ * middleware 监听的标准路径）和当前 stdout。
+ *
+ * jsPage 只需要 client(vite) + health 两个进程，没有 server。
+ * 端口约定（保持跟 .spark_project healthCheck 一致）：
+ *   - vite      → 8001（CLIENT_DEV_PORT 可覆盖）
+ *   - mock-health → 3000（占位，老沙箱探针兼容用）
+ *
+ * Ctrl+C / SIGTERM 时 kill 整个进程组。
+ */
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const readline = require('readline');
+const { spawn } = require('child_process');
+
+const ROOT = path.resolve(__dirname, '..');
+process.chdir(ROOT);
+
+const LOG_DIR = process.env.LOG_DIR || 'logs';
+const CLIENT_DEV_PORT = process.env.CLIENT_DEV_PORT || '8001';
+
+fs.mkdirSync(LOG_DIR, { recursive: true });
+
+function timestamp() {
+  const now = new Date();
+  const pad = (n) => String(n).padStart(2, '0');
+  return (
+    `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ` +
+    `${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`
+  );
+}
+
+const managed = [];
+
+function startProcess({ name, command, args, logFileName }) {
+  const logFd = logFileName
+    ? fs.openSync(path.join(LOG_DIR, logFileName), 'a')
+    : null;
+
+  const child = spawn(command, args, {
+    stdio: ['ignore', 'pipe', 'pipe'],
+    shell: false,
+    cwd: ROOT,
+    env: process.env,
+    detached: true,
+  });
+
+  const pipeLines = (stream) => {
+    const rl = readline.createInterface({ input: stream, crlfDelay: Infinity });
+    rl.on('line', (line) => {
+      const msg = `[${timestamp()}] [${name}] ${line}\n`;
+      try { process.stdout.write(msg); } catch {}
+      if (logFd != null) {
+        try { fs.writeSync(logFd, msg); } catch {}
+      }
+    });
+  };
+  pipeLines(child.stdout);
+  pipeLines(child.stderr);
+
+  managed.push({ name, child });
+  return child;
+}
+
+startProcess({
+  name: 'client',
+  command: 'npx',
+  args: ['vite', '--port', CLIENT_DEV_PORT, '--host', '0.0.0.0'],
+  logFileName: 'client.std.log',
+});
+
+startProcess({
+  name: 'health',
+  command: 'node',
+  args: ['scripts/mock-health.cjs'],
+  // health 进程不单独写 log，透传到 stdout 就够
+});
+
+let stopping = false;
+function cleanup(signal) {
+  if (stopping) return;
+  stopping = true;
+  for (const { child } of managed) {
+    if (!child.pid) continue;
+    try { process.kill(-child.pid, signal || 'SIGTERM'); } catch {}
+  }
+  setTimeout(() => {
+    for (const { child } of managed) {
+      if (!child.pid) continue;
+      try { process.kill(-child.pid, 'SIGKILL'); } catch {}
+    }
+    process.exit(0);
+  }, 2000);
+}
+
+process.on('SIGINT', () => cleanup('SIGTERM'));
+process.on('SIGTERM', () => cleanup('SIGTERM'));
+
+// 任意子进程退出就触发整体 cleanup，避免半残留
+Promise.race(
+  managed.map(({ child }) => new Promise((r) => child.on('exit', r)))
+).then(() => cleanup('SIGTERM'));

package/template-vite-react/src/index.tsx

@@ -1,7 +1,8 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
-import { AppContainer } from "@lark-apaas/client-toolkit-lite";
+import { ErrorBoundary } from "react-error-boundary";
+import { AppContainer, ErrorRender } from "@lark-apaas/client-toolkit-lite";
 import App from "./app";
 import "./index.css";
 
@@ -9,7 +10,13 @@ createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <BrowserRouter basename={process.env.CLIENT_BASE_PATH || "/"}>
       <AppContainer>
-        <App />
+        <ErrorBoundary
+          fallbackRender={({ error, resetErrorBoundary }) => (
+            <ErrorRender error={error} resetErrorBoundary={resetErrorBoundary} />
+          )}
+        >
+          <App />
+        </ErrorBoundary>
       </AppContainer>
     </BrowserRouter>
   </StrictMode>,