@appthen/cli 1.2.10 → 1.2.11

package/tests/test-app/.appthen/space-config.json

@@ -0,0 +1,8 @@
+{
+  "spaceId": "test-app-e99876b1",
+  "projectRoot": "/Users/huanglei/Documents/work/ruoqing/editor/packages/cli/tests/test-app",
+  "projectId": "66123f22b93b36e6a40dbcb9",
+  "userId": 100001,
+  "createdAt": "2026-01-27T03:47:59.733Z",
+  "lastAccess": "2026-01-27T03:47:59.733Z"
+}

package/tests/test-app/docs/AI-Workflow.flow

@@ -0,0 +1,112 @@
+{
+  "nodes": [
+    {
+      "id": "n-txt",
+      "type": "text",
+      "position": {
+        "x": 50,
+        "y": 50
+      },
+      "data": {
+        "text": "请分析视频中的人物情绪变化。"
+      }
+    },
+    {
+      "id": "n-vid",
+      "type": "video",
+      "position": {
+        "x": 50,
+        "y": 320
+      },
+      "data": {
+        "url": "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=400"
+      }
+    },
+    {
+      "id": "c-1",
+      "type": "connector",
+      "position": {
+        "x": 420,
+        "y": 220
+      },
+      "data": {}
+    },
+    {
+      "id": "n-analysis",
+      "type": "analysis",
+      "position": {
+        "x": 580,
+        "y": 80
+      },
+      "data": {}
+    },
+    {
+      "id": "n-extract",
+      "type": "extractor",
+      "position": {
+        "x": 580,
+        "y": 480
+      },
+      "data": {}
+    },
+    {
+      "id": "n-crop",
+      "type": "image_crop",
+      "position": {
+        "x": 920,
+        "y": 350
+      },
+      "data": {}
+    }
+  ],
+  "edges": [
+    {
+      "id": "e1",
+      "source": "n-txt",
+      "target": "c-1",
+      "animated": true,
+      "style": {
+        "strokeWidth": 2,
+        "stroke": "#3b82f6"
+      }
+    },
+    {
+      "id": "e2",
+      "source": "n-vid",
+      "target": "c-1",
+      "animated": true,
+      "style": {
+        "strokeWidth": 2,
+        "stroke": "#a855f7"
+      }
+    },
+    {
+      "id": "e3",
+      "source": "c-1",
+      "target": "n-analysis",
+      "targetHandle": "video",
+      "style": {
+        "strokeWidth": 2,
+        "stroke": "#a855f7"
+      }
+    },
+    {
+      "id": "e4",
+      "source": "n-vid",
+      "target": "n-extract",
+      "style": {
+        "strokeWidth": 2,
+        "stroke": "#a855f7"
+      }
+    },
+    {
+      "id": "e5",
+      "source": "n-extract",
+      "target": "n-crop",
+      "style": {
+        "strokeWidth": 2,
+        "stroke": "#fb923c"
+      }
+    }
+  ]
+}

package/tests/test-app/docs/Logic-1.flow

@@ -0,0 +1,16 @@
+{
+  "nodes": [
+    {
+      "id": "start",
+      "position": {
+        "x": 250,
+        "y": 150
+      },
+      "data": {
+        "label": "Start Process"
+      },
+      "type": "default"
+    }
+  ],
+  "edges": []
+}

package/tests/test-app/docs/Logic.flow

@@ -0,0 +1,16 @@
+{
+  "nodes": [
+    {
+      "id": "start",
+      "position": {
+        "x": 250,
+        "y": 150
+      },
+      "data": {
+        "label": "Start Process"
+      },
+      "type": "default"
+    }
+  ],
+  "edges": []
+}

package/tests/test-app/docs/Project-Blueprint-1.flow

@@ -0,0 +1,119 @@
+{
+  "nodes": [
+    {
+      "id": "j1",
+      "type": "journey",
+      "position": {
+        "x": 50,
+        "y": 150
+      },
+      "data": {
+        "label": "用户登录流程",
+        "config": {
+          "desc": "用户输入账号密码后进入首页"
+        }
+      }
+    },
+    {
+      "id": "s1",
+      "type": "screen",
+      "position": {
+        "x": 350,
+        "y": 50
+      },
+      "data": {
+        "label": "登录页 (Design)",
+        "config": {
+          "previewUrl": "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=400"
+        }
+      }
+    },
+    {
+      "id": "s2",
+      "type": "screen",
+      "position": {
+        "x": 350,
+        "y": 250
+      },
+      "data": {
+        "label": "工作台 (Design)",
+        "config": {
+          "previewUrl": "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400"
+        }
+      }
+    },
+    {
+      "id": "c1",
+      "type": "ui_comp",
+      "position": {
+        "x": 650,
+        "y": 50
+      },
+      "data": {
+        "label": "LoginForm 组件",
+        "config": {
+          "path": "@/components/auth/LoginForm.tsx",
+          "props": [
+            "onSubmit",
+            "initialValues"
+          ]
+        }
+      }
+    },
+    {
+      "id": "a1",
+      "type": "api_node",
+      "position": {
+        "x": 950,
+        "y": 150
+      },
+      "data": {
+        "label": "Login API",
+        "state": "ready",
+        "config": {
+          "method": "POST",
+          "path": "/api/v1/auth/login"
+        }
+      }
+    }
+  ],
+  "edges": [
+    {
+      "id": "e1",
+      "source": "j1",
+      "target": "s1",
+      "animated": true,
+      "style": {
+        "stroke": "#fbbf24"
+      }
+    },
+    {
+      "id": "e2",
+      "source": "j1",
+      "target": "s2",
+      "animated": true,
+      "style": {
+        "stroke": "#fbbf24"
+      }
+    },
+    {
+      "id": "e3",
+      "source": "s1",
+      "target": "c1",
+      "animated": true,
+      "style": {
+        "stroke": "#60a5fa"
+      }
+    },
+    {
+      "id": "e4",
+      "source": "c1",
+      "target": "a1",
+      "animated": true,
+      "style": {
+        "stroke": "#34d399",
+        "strokeWidth": 3
+      }
+    }
+  ]
+}

package/tests/test-app/docs/Project-Blueprint.flow

@@ -0,0 +1,119 @@
+{
+  "nodes": [
+    {
+      "id": "j1",
+      "type": "journey",
+      "position": {
+        "x": 50,
+        "y": 150
+      },
+      "data": {
+        "label": "用户登录流程",
+        "config": {
+          "desc": "用户输入账号密码后进入首页"
+        }
+      }
+    },
+    {
+      "id": "s1",
+      "type": "screen",
+      "position": {
+        "x": 350,
+        "y": 50
+      },
+      "data": {
+        "label": "登录页 (Design)",
+        "config": {
+          "previewUrl": "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=400"
+        }
+      }
+    },
+    {
+      "id": "s2",
+      "type": "screen",
+      "position": {
+        "x": 350,
+        "y": 250
+      },
+      "data": {
+        "label": "工作台 (Design)",
+        "config": {
+          "previewUrl": "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400"
+        }
+      }
+    },
+    {
+      "id": "c1",
+      "type": "ui_comp",
+      "position": {
+        "x": 650,
+        "y": 50
+      },
+      "data": {
+        "label": "LoginForm 组件",
+        "config": {
+          "path": "@/components/auth/LoginForm.tsx",
+          "props": [
+            "onSubmit",
+            "initialValues"
+          ]
+        }
+      }
+    },
+    {
+      "id": "a1",
+      "type": "api_node",
+      "position": {
+        "x": 950,
+        "y": 150
+      },
+      "data": {
+        "label": "Login API",
+        "state": "ready",
+        "config": {
+          "method": "POST",
+          "path": "/api/v1/auth/login"
+        }
+      }
+    }
+  ],
+  "edges": [
+    {
+      "id": "e1",
+      "source": "j1",
+      "target": "s1",
+      "animated": true,
+      "style": {
+        "stroke": "#fbbf24"
+      }
+    },
+    {
+      "id": "e2",
+      "source": "j1",
+      "target": "s2",
+      "animated": true,
+      "style": {
+        "stroke": "#fbbf24"
+      }
+    },
+    {
+      "id": "e3",
+      "source": "s1",
+      "target": "c1",
+      "animated": true,
+      "style": {
+        "stroke": "#60a5fa"
+      }
+    },
+    {
+      "id": "e4",
+      "source": "c1",
+      "target": "a1",
+      "animated": true,
+      "style": {
+        "stroke": "#34d399",
+        "strokeWidth": 3
+      }
+    }
+  ]
+}

package/tests/test-app/docs/README.md

@@ -0,0 +1,3 @@
+
+# Test Project
+This is a test project for shadow-sync.

package/tests/test-app/docs/claude.md

@@ -0,0 +1,194 @@
+# Appthen 项目 - Claude Code 自定义指令
+
+## 🎯 项目概述
+
+这是一个 **Appthen 低代码平台**项目，支持用高代码开发低代码系统中的 React 页面和组件。
+
+**关键特性：**
+- 使用特殊规范的 TSX 语法
+- 代码会被低代码系统解析和导入
+- 必须严格遵守规范，否则无法导入
+
+---
+
+## 🚨 重要：开发 TSX 文件的强制要求
+
+### 必须遵守的规范
+
+在开发任何 TSX 文件（页面或组件）时，**必须严格遵守**以下规范：
+
+1. **阅读规范文档**
+   - 查看 `.appthen/prompts/tsx-generation.md` 了解完整规范
+   - 查看 `.appthen/prompts/decision-tree.md` 了解决策流程
+   - 查看 `.appthen/prompts/validation-checklist.md` 了解验证清单
+
+2. **render() 方法约束**（零容忍）
+   - ❌ 不能有任何变量声明（const/let/var）
+   - ❌ 不能有任何解构赋值
+   - ❌ 不能有任何逻辑语句（if/for/while）
+   - ❌ 不能有任何函数调用（除了 this.state/this.props 访问）
+   - ✅ 第一行必须是 `return (`
+   - ✅ 只能直接访问 `this.state.xxx` 和 `this.props.xxx`
+
+3. **TypeScript 语法限制**
+   - ❌ 方法不能有参数类型注解
+   - ❌ 方法不能有返回类型注解
+   - ❌ 变量不能有类型注解
+   - ❌ 不能使用泛型（除了 React.Component<IProps, IState>）
+   - ✅ 只在 IProps/IState 中使用类型定义
+
+4. **JSX 位置限制**
+   - ✅ 只有 render() 方法可以包含 JSX
+   - ❌ 其他方法不能包含 JSX
+   - ❌ 类属性不能包含 JSX
+
+5. **对象访问安全**
+   - ✅ 嵌套对象必须使用可选链：`this.state.user?.name`
+   - ✅ 数组访问必须使用可选链：`this.state.items?.map(...)`
+
+### 验证要求
+
+**每次修改 TSX 文件后，必须运行验证：**
+
+```bash
+appthen check-tsx -f "app/src/pages/YourPage.tsx"
+```
+
+**如果验证失败，必须修正后才能提交！**
+
+---
+
+## 🚫 禁止的操作
+
+### 绝对不要执行以下命令：
+
+- ❌ `eslint` 或 `eslint --fix`（针对 .tsx 文件）
+- ❌ `prettier` 格式化命令（针对 .tsx 文件）
+- ❌ `tsc --noEmit` 或任何 tsc 命令
+- ❌ 任何 TypeScript 语法检查工具
+- ❌ 任何自动格式化工具
+
+**原因：** 这些工具会破坏我们的特殊 TSX 语法！
+
+---
+
+## 📚 快速参考
+
+### 正确的 TSX 文件结构
+
+```typescript
+/**
+ * 页面标题
+ * @type Page|Component
+ */
+import React from 'react';
+
+interface IProps {
+  title?: string;
+}
+
+class IState {
+  count?: number;
+}
+
+class Document extends React.Component<IProps, IState> {
+  static defaultProps = {
+    title: 'Default'
+  };
+
+  state = {
+    count: 0
+  };
+
+  handleClick() {
+    this.setState({ count: this.state.count + 1 });
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>{this.props.title}</h1>
+        <p>{this.state.count}</p>
+        <button onClick={() => this.handleClick()}>Click</button>
+      </div>
+    );
+  }
+}
+
+export default Document;
+```
+
+### 常见错误示例
+
+❌ **错误：render() 中的变量声明**
+```typescript
+render() {
+  const data = this.state.data; // ❌ 不允许
+  return <div>{data}</div>;
+}
+```
+
+✅ **正确：直接访问**
+```typescript
+render() {
+  return <div>{this.state.data}</div>;
+}
+```
+
+❌ **错误：方法中的类型注解**
+```typescript
+handleClick(e: Event) { // ❌ 不允许
+  this.setState({ clicked: true });
+}
+```
+
+✅ **正确：无类型注解**
+```typescript
+handleClick(e) { // ✅ 正确
+  this.setState({ clicked: true });
+}
+```
+
+---
+
+## 🎯 开发流程
+
+### 创建新页面/组件
+
+1. 查看规范文档：`.appthen/prompts/tsx-generation.md`
+2. 生成代码（遵守所有约束）
+3. 验证语法：`appthen check-tsx -f "path/to/file.tsx"`
+4. 修正错误（如果有）
+5. 在低代码系统中导入测试
+
+### 修改现有页面/组件
+
+1. 查看现有代码结构
+2. 修改代码（遵守所有约束）
+3. 验证语法：`appthen check-tsx -f "path/to/file.tsx"`
+4. 修正错误（如果有）
+5. 测试功能
+
+---
+
+## 💡 自定义命令
+
+你可以使用以下自定义命令（在 `.claude/commands/` 目录中）：
+
+- `$check-tsx` - 验证 TSX 文件语法
+- `$review-tsx` - 审查 TSX 代码质量
+- `$create-page` - 创建新页面（遵守规范）
+- `$create-component` - 创建新组件（遵守规范）
+
+---
+
+## 📖 更多信息
+
+- **完整规范**：`.appthen/prompts/tsx-generation.md`
+- **决策树**：`.appthen/prompts/decision-tree.md`
+- **验证清单**：`.appthen/prompts/validation-checklist.md`
+- **项目指南**：`.appthen/prompts/project-guide.md`
+
+---
+
+**记住：遵守规范是成功的关键！违反规范的代码无法在低代码系统中使用。** 🎯