@gientech/modual 2.2.3-fix.5 → 2.2.3-fix.6

package/doc_assets//346/226/271/346/241/210//346/215/242/350/241/214/346/240/274/345/274/217/344/277/235/346/214/201/344/274/230/345/214/226/346/226/271/346/241/210.md

@@ -0,0 +1,359 @@
+# 用户输入换行格式保持优化方案
+
+## 问题描述
+
+用户输入包含换行格式的内容时，提交后显示变成了一行，中间有一些空格，换行格式丢失。
+
+## 问题分析
+
+### 完整数据流追踪
+
+#### 1. 输入阶段 (`apps/AIChat/src/components/Sender/index.tsx`)
+- **第225-228行**：`handleInput` 直接使用 `e.target.value`，通过 `eventsEmit('sender:change', e.target.value)` 传递
+- **第231-237行**：`handlePaste` 处理粘贴事件，确保粘贴内容中的换行符被正确保留
+- **第232-256行**：`handleKeyDown` 处理换行逻辑，支持 Shift+Enter 和 Ctrl/Cmd+Enter
+- **第254行**：发送时触发 `eventsEmit('sender:send')`，**未传递内容参数**
+- **第520-525行**：textarea 添加 `whiteSpace: 'pre-wrap'` 样式，确保 textarea 本身也保留换行格式
+- **状态**：✅ 输入阶段保持原始格式，无 trim 操作
+- **支持场景**：
+  - ✅ 手动输入换行（Shift+Enter 或 Ctrl/Cmd+Enter）
+  - ✅ 从外部复制粘贴包含换行的内容
+
+#### 2. 状态同步阶段 (`apps/AIChat/src/core/AiChat.tsx`)
+- **第172-175行**：`sender:change` 事件直接设置 `setInputValue(payload)`，无 trim
+- **第220行**：`sender:send` 事件中，使用 `content: inputValue` 直接传递
+- **状态**：✅ 状态同步阶段保持原始格式，无 trim 操作
+
+#### 3. 业务层处理 (`gientech/src/modules/chat/index.tsx`)
+- **第968行**：`addEmptyMessage` 使用 `content: data.content || data.text || ''`
+- **第1132行、1192行**：`api_startChat_re` 调用时使用 `content: data.content || data.text || ''`
+- **状态**：✅ 业务层直接传递，无 trim 操作
+
+#### 4. API 调用阶段 (`gientech/src/utils/gientechCommon/hooks/AichatUseController.tsx`)
+- **第180行**：使用 `JSON.stringify(params)` 序列化请求体
+- **JSON.stringify 行为**：✅ 会保留换行符 `\n`（作为转义字符 `\\n` 或直接保留）
+- **状态**：✅ API 调用阶段理论上应保留格式
+
+#### 5. 渲染阶段 (`apps/Rtext/src/adopters/ChatMessageAdapter.tsx`)
+- **第1132-1145行**：`processedContent` 简单转换为字符串
+- **第2804行**：渲染为 `<div>{processedContent}</div>`
+- **问题所在**：`.message-text` 样式缺少 `white-space: pre-wrap`，导致浏览器默认行为忽略换行符
+
+### 根本原因
+
+**双重问题**：
+1. **渲染层问题**：`.message-text` 没有设置 `white-space: pre-wrap`，浏览器默认的 `white-space: normal` 会将：
+   - 多个连续空格合并为一个
+   - 换行符（`\n`）转换为空格
+   - 导致用户输入的换行格式丢失
+
+2. **数据流保障**：虽然当前代码没有显式的 trim 操作，但需要确保整个数据流中内容不被意外处理
+
+## 解决方案
+
+### 方案一：CSS 样式修复 + 数据流保障（推荐）
+
+**优点**：
+- 修改最小，影响范围可控
+- 不改变数据流和业务逻辑
+- 性能最优
+- 双重保障，确保格式完整保留
+
+**修改位置**：
+1. `apps/Rtext/src/adopters/ChatMessageAdapter.tsx` - 渲染样式修复
+2. `gientech/src/modules/chat/index.tsx` - 数据流保障（可选，防御性代码）
+
+**具体修改**：
+
+#### 1. 渲染层样式修复
+
+在 `.message-text` 样式中添加 `white-space: pre-wrap`，保留换行和空格，同时允许自动换行。
+
+```typescript
+.message-text {
+  width: 100%;
+  line-height: 1.6;
+  white-space: pre-wrap; /* 保留换行和空格格式 */
+  border-radius: 0.5rem;
+  min-height: ${props => props.$isUser ? 'auto' : '40px'};
+  font-size: 0.875rem;
+}
+```
+
+#### 2. 数据流保障（防御性代码）
+
+在 `sendMessageWithSessionId` 函数中，确保内容不被意外处理：
+
+```typescript
+function sendMessageWithSessionId(
+  sessionId: string,
+  data: any,
+  clearFn: () => void,
+  configIdOverride?: string
+) {
+  // ... 现有代码 ...
+  
+  // 确保内容保持原始格式，不进行任何 trim 或替换
+  const rawContent = data.content || data.text || '';
+  // 明确保留换行符和空格，不进行任何处理
+  const preservedContent = typeof rawContent === 'string' ? rawContent : String(rawContent);
+  
+  addEmptyMessage({
+    content: preservedContent, // 使用保留格式的内容
+    queryId,
+    currentFiles: localCurrentFiles,
+    filePaths: localCurrentFiles ? JSON.stringify(localCurrentFiles) : undefined,
+  });
+  
+  // ... 后续代码中，使用 preservedContent 替代 data.content || data.text || ''
+  api_startChat_re({
+    configId: configIdToUse,
+    content: preservedContent, // 使用保留格式的内容
+    // ... 其他参数
+  });
+}
+```
+
+### 方案二：内容预处理（备选）
+
+如果方案一无法完全解决问题，可以考虑在渲染前将换行符转换为 `<br>` 标签。
+
+**修改位置**：
+- `apps/Rtext/src/adopters/ChatMessageAdapter.tsx` 的 `processedContent` 处理逻辑
+
+**具体修改**：
+```typescript
+const processedContent = useMemo(() => {
+  if (typeof content === 'string') {
+    // 如果是用户消息且为 plainText，保留换行格式
+    if (isUser && contentType === 'plainText') {
+      return content.split('\n').map((line, idx, arr) => (
+        <React.Fragment key={idx}>
+          {line}
+          {idx < arr.length - 1 && <br />}
+        </React.Fragment>
+      ));
+    }
+    return content;
+  }
+  // ... 其他处理逻辑
+}, [content, defaultAnswer, isUser, contentType]);
+```
+
+**注意**：此方案需要修改渲染部分，将 `<div>{processedContent}</div>` 改为直接渲染 `processedContent`。
+
+## 推荐实施方案
+
+**采用方案一**，原因：
+1. 最简单直接
+2. 符合 HTML/CSS 标准做法
+3. 不影响现有逻辑
+4. 性能最优
+
+## 涉及修改的组件和功能
+
+### 1. 核心修改
+
+#### `apps/Rtext/src/adopters/ChatMessageAdapter.tsx`
+- **位置**：第 309-316 行，`.message-text` 样式定义
+- **修改内容**：添加 `white-space: pre-wrap;`
+- **影响范围**：所有使用 `ChatMessageAdapter` 渲染的用户消息
+- **风险等级**：低（仅影响样式，不改变数据流）
+
+### 2. 验证点
+
+#### `apps/AIChat/src/components/Sender/index.tsx`
+- **验证**：确认发送时 `localValue` 未被 trim
+- **当前状态**：✅ 已确认无 trim 操作（第 254 行直接发送 `localValue`）
+
+#### `apps/AIChat/src/core/AiChat.tsx`
+- **验证**：确认 `inputValue` 传递时未被处理
+- **当前状态**：✅ 已确认直接传递 `inputValue`（第 220 行）
+
+#### `gientech/src/modules/chat/index.tsx`
+- **验证**：确认 `handleSenderSend` 中 `data.content` 未被处理
+- **当前状态**：✅ 已确认直接使用 `data.content || data.text || ''`（第 968 行）
+
+## 实施步骤
+
+### 步骤一：修复输入层样式（必须）
+
+**文件**：`apps/AIChat/src/components/Sender/index.tsx`
+
+1. 添加粘贴事件处理：
+```typescript
+// 处理粘贴事件，确保粘贴内容中的换行符被正确保留
+const handlePaste = (e: React.ClipboardEvent<HTMLTextAreaElement>) => {
+  // 让浏览器默认处理粘贴，textarea 会自动保留换行符
+  // 这里不需要阻止默认行为，只需要确保粘贴后触发高度调整
+  setTimeout(() => {
+    adjustTextareaHeight();
+  }, 0);
+};
+```
+
+2. 在 textarea 上添加样式和事件：
+```typescript
+<textarea
+  ref={textareaRef}
+  value={localValue}
+  onChange={handleInput}
+  onPaste={handlePaste}  // 新增
+  onKeyDown={handleKeyDown}
+  onFocus={handleFocus}
+  style={{
+    backgroundColor: 'transparent',
+    color: textColor,
+    whiteSpace: 'pre-wrap', // 新增：确保 textarea 本身也保留换行格式
+  }}
+/>
+```
+
+### 步骤二：修复渲染层样式（必须）
+
+**文件**：`apps/Rtext/src/adopters/ChatMessageAdapter.tsx`
+
+```typescript
+.message-text {
+  width: 100%;
+  line-height: 1.6;
+  white-space: pre-wrap; /* 保留换行和空格格式 */
+  border-radius: 0.5rem;
+  min-height: ${props => props.$isUser ? 'auto' : '40px'};
+  font-size: 0.875rem;
+}
+```
+
+### 步骤三：添加数据流保障（推荐，防御性代码）
+
+**文件**：`gientech/src/modules/chat/index.tsx`
+
+在 `sendMessageWithSessionId` 函数中，明确保留内容格式：
+
+```typescript
+function sendMessageWithSessionId(
+  sessionId: string,
+  data: any,
+  clearFn: () => void,
+  configIdOverride?: string
+) {
+  const queryId = 'query-' + uid(32);
+  const conv = conversationList.find(c => c.sessionId === sessionId);
+  const configIdToUse = configIdOverride || conv?.configId || currentChatData.configId;
+  const label = data && data.content ? data.content.slice(0, 20) : '未命名会话';
+  
+  // === 新增：明确保留内容格式，不进行任何处理 ===
+  const rawContent = data.content || data.text || '';
+  const preservedContent = typeof rawContent === 'string' ? rawContent : String(rawContent);
+  
+  // ... 文件处理逻辑 ...
+  
+  addEmptyMessage({
+    content: preservedContent, // 使用保留格式的内容
+    queryId,
+    currentFiles: localCurrentFiles,
+    filePaths: localCurrentFiles ? JSON.stringify(localCurrentFiles) : undefined,
+  });
+  
+  // ... 后续所有使用 content 的地方，都使用 preservedContent
+  api_startChat_re({
+    configId: configIdToUse,
+    content: preservedContent, // 确保格式完整传递到后端
+    fileUids: serverUids, // 或 []
+    lastDate: now,
+    name: label,
+    queryId: queryId,
+    sessionId: String(sessionId || ''),
+    type: 'text',
+    audioUrl: '',
+    enableThinking: !!senderSwitchValues.reasoning,
+    enableWebsearch: !!senderSwitchValues.netSearch,
+    qaChannel: senderSwitchValues.qaChannel,
+  } as any, ...);
+}
+```
+
+### 步骤四：测试验证
+
+1. **前端显示测试**
+   - 测试用户手动输入多行文本（Shift+Enter 换行）
+   - 测试用户从外部复制粘贴包含换行的内容（如从 Word、记事本、网页等）
+   - 测试用户输入包含多个空格的内容
+   - 测试用户输入包含制表符的内容
+   - 验证发送后显示格式与输入一致
+
+2. **后端数据测试**
+   - 使用浏览器开发者工具检查 Network 请求
+   - 验证请求体中的 `content` 字段是否包含换行符 `\n`
+   - 验证后端接收到的数据格式是否正确
+
+3. **兼容性检查**
+   - 检查是否影响 AI 消息的显示（AI 消息使用 `contentType="stream"`，不受影响）
+   - 检查是否影响其他使用 `ChatMessageAdapter` 的场景
+
+## 预期效果
+
+### 前端显示
+- ✅ 用户输入的换行格式完整保留
+- ✅ 用户输入的多个空格完整保留
+- ✅ 不影响现有功能
+- ✅ 不影响 AI 消息的渲染
+
+### 后端数据
+- ✅ 提交给后端的数据包含完整的换行符 `\n`
+- ✅ JSON 序列化后换行符正确保留（`\n` 在 JSON 中是有效字符）
+- ✅ 后端接收到的 `content` 字段格式与用户输入一致
+
+## 注意事项
+
+1. **`white-space: pre-wrap` 特性**：
+   - 保留换行符和空格
+   - 允许文本自动换行（与 `pre` 的区别）
+   - 适合聊天场景
+
+2. **如果遇到问题**：
+   - 如果 `pre-wrap` 导致某些场景显示异常，可以考虑使用 `pre-line`（只保留换行，合并空格）
+   - 或者针对用户消息单独设置样式
+
+3. **向后兼容**：
+   - 此修改不影响现有数据
+   - 只影响新消息的显示方式
+   - 历史消息也会受益于此修改
+
+## 相关文件清单
+
+### 需要修改的文件
+- ✅ `apps/AIChat/src/components/Sender/index.tsx` - **已修改**：添加 `handlePaste` 和 `whiteSpace: 'pre-wrap'`
+- ✅ `apps/Rtext/src/adopters/ChatMessageAdapter.tsx` - **已修改**：添加 `white-space: pre-wrap !important`
+- ✅ `gientech/src/modules/chat/index.tsx` - **已修改**：添加数据流保障代码
+
+### 已验证无需修改的文件
+- ✅ `apps/AIChat/src/components/Sender/index.tsx` - 已验证无 trim 操作
+- ✅ `apps/AIChat/src/core/AiChat.tsx` - 已验证直接传递 `inputValue`
+- ✅ `gientech/src/utils/gientechCommon/hooks/AichatUseController.tsx` - 已验证使用 `JSON.stringify`，理论上保留格式
+
+## 数据流保障说明
+
+### JSON.stringify 对换行符的处理
+
+`JSON.stringify` 在序列化字符串时：
+- 换行符 `\n` 会被保留为 `\n`（在 JSON 字符串中）
+- 多个空格会被保留
+- 制表符 `\t` 会被保留为 `\t`
+
+**示例**：
+```javascript
+const content = "第一行\n第二行\n  多个空格";
+JSON.stringify({ content });
+// 结果: '{"content":"第一行\\n第二行\\n  多个空格"}'
+// 注意：JSON 字符串中的 \n 会被转义为 \\n，但后端解析后会恢复为 \n
+```
+
+### 防御性代码的作用
+
+虽然当前代码没有显式的 trim 操作，但添加防御性代码可以：
+1. **明确意图**：代码明确表达"保留原始格式"的意图
+2. **防止未来误改**：如果未来有人修改代码，看到明确的注释和变量名，会意识到需要保留格式
+3. **便于调试**：如果出现问题，可以快速定位到 `preservedContent` 变量
+4. **类型安全**：确保内容始终是字符串类型
+

package/eslint.config.js

@@ -0,0 +1,92 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+import reactPlugin from "eslint-plugin-react";
+import importPlugin from "eslint-plugin-import";
+import jsxA11yPlugin from "eslint-plugin-jsx-a11y";
+import prettierPlugin from "eslint-plugin-prettier";
+
+export default tseslint.config(
+  { ignores: ["dist", "node_modules", "coverage"] },
+  {
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      "plugin:react/recommended",
+      "plugin:react-hooks/recommended",
+      "plugin:react-refresh/recommended",
+      "plugin:prettier/recommended",
+      "plugin:import/recommended",
+      "plugin:import/typescript",
+      "plugin:jsx-a11y/recommended",
+    ],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        sourceType: "module",
+      },
+    },
+    plugins: {
+      "react": reactPlugin,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+      "@typescript-eslint": tseslint.plugin,
+      "import": importPlugin,
+      "jsx-a11y": jsxA11yPlugin,
+      "prettier": prettierPlugin,
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+      "import/resolver": {
+        typescript: {},
+        node: {
+          extensions: [".js", ".jsx", ".ts", ".tsx"],
+        },
+      },
+    },
+    rules: {
+      // React 相关规则
+      "react/react-in-jsx-scope": "off",
+      "react/prop-types": "off",
+      "react/jsx-uses-react": "off",
+      "react-hooks/rules-of-hooks": "error",
+      "react-hooks/exhaustive-deps": "warn",
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExports: true },
+      ],
+      
+      // TypeScript 相关规则
+      "@typescript-eslint/explicit-module-boundary-types": "off",
+      "@typescript-eslint/no-explicit-any": "warn",
+      "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
+      
+      // 导入相关规则
+      "import/order": [
+        "error",
+        {
+          groups: ["builtin", "external", "internal", "parent", "sibling", "index"],
+          "newlines-between": "always",
+          alphabetize: { order: "asc", caseInsensitive: true },
+        },
+      ],
+      
+      // 通用规则
+      "no-console": ["warn", { allow: ["warn", "error"] }],
+      "prettier/prettier": "error",
+      "no-unused-vars": "off", // 使用 @typescript-eslint/no-unused-vars 替代
+    },
+  }
+);

package/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>组件测试页面</title>
+  </head>
+  <body style="margin: 0">
+    <div id="root" style="height: 100vh; margin: 0"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/package.json

@@ -1,73 +1,154 @@
 {
   "name": "@gientech/modual",
-  "license": "MIT",
-  "style": "assets/style.css",
   "private": false,
-  "version": "2.2.3-fix.5",
   "author": "hanfeng_Zhang",
+  "version": "2.2.3-fix.6",
   "type": "module",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
-  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js",
-      "default": "./index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./chat": {
-      "types": "./chat.d.ts",
-      "import": "./chat.js",
-      "default": "./chat.js"
+      "types": "./dist/chat.d.ts",
+      "import": "./dist/chat.js",
+      "default": "./dist/chat.js"
     },
     "./chatCompare": {
-      "types": "./chatCompare.d.ts",
-      "import": "./chatCompare.js",
-      "default": "./chatCompare.js"
+      "types": "./dist/chatCompare.d.ts",
+      "import": "./dist/chatCompare.js",
+      "default": "./dist/chatCompare.js"
     },
     "./database": {
-      "types": "./database.d.ts",
-      "import": "./database.js",
-      "default": "./database.js"
+      "types": "./dist/database.d.ts",
+      "import": "./dist/database.js",
+      "default": "./dist/database.js"
     },
     "./databaseId": {
-      "types": "./databaseId.d.ts",
-      "import": "./databaseId.js",
-      "default": "./databaseId.js"
-    },
-    "./modelManage": {
-      "types": "./modelManage.d.ts",
-      "import": "./modelManage.js",
-      "default": "./modelManage.js"
-    },
-    "./databaseTable": {
-      "types": "./databaseTable.d.ts",
-      "import": "./databaseTable.js",
-      "default": "./databaseTable.js"
+      "types": "./dist/databaseId.d.ts",
+      "import": "./dist/databaseId.js",
+      "default": "./dist/databaseId.js"
     },
     "./sensitive": {
-      "types": "./sensitive.d.ts",
-      "import": "./sensitive.js",
-      "default": "./sensitive.js"
+      "types": "./dist/sensitive.d.ts",
+      "import": "./dist/sensitive.js",
+      "default": "./dist/sensitive.js"
     },
     "./streamFilesReader": {
-      "types": "./streamFilesReader.d.ts",
-      "import": "./streamFilesReader.js",
-      "default": "./streamFilesReader.js"
+      "types": "./dist/streamFilesReader.d.ts",
+      "import": "./dist/streamFilesReader.js",
+      "default": "./dist/streamFilesReader.js"
+    },
+    "./databaseTable": {
+      "types": "./dist/databaseTable.d.ts",
+      "import": "./dist/databaseTable.js",
+      "default": "./dist/databaseTable.js"
+    },
+    "./modelManage": {
+      "types": "./dist/modelManage.d.ts",
+      "import": "./dist/modelManage.js",
+      "default": "./dist/modelManage.js"
     },
     "./assistantConfig": {
       "types": "./assistantConfig.d.ts",
       "import": "./assistantConfig.js",
       "default": "./assistantConfig.js"
     },
-    "./style.css": "./assets/style.css",
-    "./assets/style.css": "./assets/style.css"
+    "./style.css": "./dist/assets/style.css"
+  },
+  "standard-version": {
+    "standard-version": {
+      "releaseAs": "patch"
+    },
+    "skip": {
+      "tag": true,
+      "commit": true,
+      "changelog": true
+    }
+  },
+  "peerDependencies": {
+    "@mxmweb/aichat": "*",
+    "@mxmweb/fviewer": "^1",
+    "@mxmweb/nodegraph": "^1.x.x",
+    "@mxmweb/rtext": "^1.5.*",
+    "@mxmweb/veoviewer": "^1.0.4",
+    "@mxmweb/xviewer": "^1.2.x",
+    "@mxmweb/zui": "^1.3.x",
+    "@mxmweb/zui-components": "*",
+    "@mxmweb/zui-elements": "*",
+    "@mxmweb/zui-icons": "1.2.8",
+    "@mxmweb/zui-layouts": "*",
+    "@mxmweb/zui-theme": "*",
+    "pdfjs-dist": "2.16.105",
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20",
+    "styled-components": "^6.1.19"
+  },
+  "dependencies": {
+    "@mxmweb/aichat": "2.1.8",
+    "@mxmweb/fviewer": "1.5.7",
+    "@mxmweb/nodegraph": "1.0.15",
+    "@mxmweb/rtext": "1.7.12",
+    "@mxmweb/xviewer": "1.4.10",
+    "@mxmweb/zui": "1.3.16",
+    "@mxmweb/zui-components": "1.3.0",
+    "@mxmweb/zui-elements": "1.2.0",
+    "@mxmweb/zui-icons": "1.2.9",
+    "@mxmweb/zui-layouts": "1.3.5",
+    "@mxmweb/zui-theme": "2.1.7",
+    "antd": "^5.18.0",
+    "axios": "^1.7.2",
+    "lodash": "^4.17.23",
+    "rc-virtual-list": "^3.19.2"
+  },
+  "devDependencies": {
+    "@types/react-speech-recognition": "^3.9.6",
+    "clipboard": "^2.0.11",
+    "fs-extra": "^11.2.0",
+    "inquirer": "^9.2.15",
+    "less": "^4.4.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-flip-toolkit": "^7.2.4",
+    "react-speech-recognition": "^4.0.1",
+    "standard-version": "^9.5.0"
+  },
+  "include": [
+    "src/application/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "src/main.tsx",
+    "src/Preview.tsx",
+    "type.d.ts",
+    "vite-env.d.ts"
+  ],
+  "engines": {
+    "node": ">=16.0.0"
   },
   "scripts": {
-    "test": "yarn link",
-    "disconnect": "yarn unlink"
+    "dev": "vite",
+    "build": "cross-env VITE_INLINE_DEPS=true vite build --mode production",
+    "build:external": "vite build --mode production",
+    "build:app": "vite build --config vite.config.app.ts --mode production",
+    "build:app:dev": "vite build --config vite.config.app.ts --mode development",
+    "build:docs": "node ../../scripts/generate-docs.js && vite build --mode production",
+    "release": "npm run changelog:edit && npm run check  && npm run build",
+    "preview": "vite preview",
+    "preview:app": "vite preview --config vite.config.app.ts",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint src --ext ts,tsx --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css,md}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,css,md}\"",
+    "release:dry": "semantic-release --dry-run",
+    "dev:demo": "node scripts/dev-demo.js",
+    "build:demo": "node scripts/build-demo.js",
+    "preview:demo": "node scripts/preview-demo.js",
+    "changelog:edit": "node scripts/open-file.cjs CHANGELOG.md",
+    "version:bump": "standard-version --skip.changelog",
+    "check": "node scripts/check-changelog.cjs && node scripts/check-version.cjs"
   }
 }