auto-gen-crud 0.1.0

package/docs/AI_AGENT_GUIDE.md

@@ -0,0 +1,210 @@
+# auto-gen-crud AI Agent 使用指南
+
+这份文档面向你的 VSCode AI agent 插件。目标不是让 agent 生成一个“看起来像 CRUD 的页面”，而是让它按 `auto-gen-crud` 的工程边界生成可维护、可二开的初始化页面。
+
+## 推荐工作流
+
+1. 先确认当前项目是否已安装并初始化 `auto-gen-crud`。
+2. 优先读取项目已有页面、公共请求工具、路由规范和权限写法。
+3. 如果有 OpenAPI / Apifox 文档，优先调用 `auto-gen-crud/generator` 生成页面骨架。
+4. 如果没有接口文档，再用 `AutoCrud`、`useSearchForm`、`useTable`、`useModalForm` 手写页面。
+5. 生成后只做必要二开，不把业务逻辑塞进组件内部。
+6. 最后执行类型检查、构建或项目已有 lint 命令。
+
+## Agent 必须遵守的边界
+
+- 不要改 `node_modules`、`dist` 或发布产物来解决业务问题。
+- 不要把 CRUD 封成一个更大的黑盒页面组件；优先生成清晰的页面目录。
+- 页面目录默认拆成 `index.vue`、`api/`、`config/` 三层。
+- `index.vue` 只负责页面编排、请求调用和跨模块动作。
+- `config/searchForm.ts` 只描述搜索字段。
+- `config/table.ts` 只描述表格列和操作入口。
+- `config/modalForm.ts` 只描述新增、编辑、查看弹窗字段。
+- `api/types.ts` 放当前页面的类型，不要硬编码跨项目相对路径。
+- `pageContext` 默认保持空对象，只在业务需要权限、联动、缓存时补字段。
+- `getDataList` 推荐直接展开 `...searchForm.data`，不要逐个生成查询字段。
+- 枚举默认生成 `TypeTextMap`；只有明确需要数组选项时才打开 `generateTypeOptions`。
+
+## OpenAPI 生成器
+
+包内导出：
+
+```ts
+import { generateCrudPage } from "auto-gen-crud/generator";
+```
+
+最小用法：
+
+```ts
+await generateCrudPage({
+  openapi: "http://127.0.0.1:4523/export/openapi/2?version=3.1",
+  outDir: "src/views/DictTypePage",
+  overwrite: false,
+});
+```
+
+常用配置：
+
+```ts
+await generateCrudPage({
+  openapi,
+  outDir: "src/views/DictTypePage",
+  tag: "开发中心/字典管理",
+  pageTitle: "字典管理",
+  entityName: "DictType",
+  operationMap: {
+    list: "POST /web/dict/pageQueryDictType.json",
+    create: "POST /web/dict/createDictType.json",
+    update: "POST /web/dict/updateDictType.json",
+  },
+  requestAdapter: {
+    importCode: 'import request from "@/utils/request";',
+    renderCall(ctx) {
+      return `return request.${ctx.method}<${ctx.responseType}>({ url: ${JSON.stringify(ctx.path)}, data: ${ctx.payloadName} });`;
+    },
+  },
+  generateTypeOptions: false,
+});
+```
+
+## 生成器输出约定
+
+生成目录通常包含：
+
+```text
+src/views/ExamplePage/
+├── index.vue
+├── api/
+│   ├── index.ts
+│   └── types.ts
+└── config/
+    ├── enums.ts
+    ├── searchForm.ts
+    ├── table.ts
+    └── modalForm.ts
+```
+
+`index.vue` 的核心查询逻辑应保持这种形态：
+
+```ts
+async function getDataList() {
+  const { page, pageSize } = table.pagination;
+
+  const result = await queryExampleList({
+    currentPage: page,
+    pageSize,
+    ...searchForm.data,
+  });
+
+  table.data = result.result.records;
+  table.pagination.total = result.result.total;
+}
+```
+
+## 手写页面时的最小结构
+
+```vue
+<script setup lang="ts">
+import { AutoCrud, useModalForm, useSearchForm, useTable } from "auto-gen-crud";
+
+interface RowType {
+  id?: number | string;
+  name?: string;
+  status?: string;
+  [key: string]: unknown;
+}
+
+const statusTextMap = {
+  enabled: "启用",
+  disabled: "禁用",
+};
+
+const searchForm = useSearchForm({
+  columns: [
+    { label: "名称", prop: "name", component: "input" },
+    { label: "状态", prop: "status", component: "select", options: statusTextMap },
+  ],
+});
+
+const modalForm = useModalForm<RowType>({
+  columns: [
+    { label: "名称", prop: "name", component: "input", required: true },
+    { label: "状态", prop: "status", component: "select", options: statusTextMap },
+  ],
+  async onSubmit(data) {
+    console.log("提交", data);
+    modalForm.close();
+    await table.load();
+  },
+});
+
+const table = useTable<RowType>({
+  columns: [
+    { title: "名称", field: "name" },
+    { title: "状态", field: "status" },
+    {
+      title: "操作",
+      actions: [
+        { key: "edit", label: "编辑", type: "primary", onClick: row => modalForm.openEdit(row) },
+        { key: "view", label: "查看", type: "link", onClick: row => modalForm.openView(row) },
+      ],
+    },
+  ],
+  async getDataList({ pagination }) {
+    console.log("查询", pagination, searchForm.data);
+    return { data: [], total: 0 };
+  },
+});
+</script>
+
+<template>
+  <AutoCrud
+    title="示例"
+    :search-form-config="searchForm"
+    :table-config="table"
+    :modal-form-config="modalForm"
+  />
+</template>
+```
+
+## MCP 接入
+
+本包内置 stdio MCP：
+
+```bash
+node node_modules/auto-gen-crud/mcp/auto-gen-crud-mcp.mjs
+```
+
+如果使用全局安装：
+
+```bash
+auto-gen-crud-mcp
+```
+
+VSCode AI 插件可以注册：
+
+```json
+{
+  "mcpServers": {
+    "auto-gen-crud": {
+      "command": "node",
+      "args": ["node_modules/auto-gen-crud/mcp/auto-gen-crud-mcp.mjs"]
+    }
+  }
+}
+```
+
+Agent 优先调用这些工具：
+
+- `vac_get_agent_guide`：获取 agent 生成 CRUD 页面的规则。
+- `vac_get_generator_reference`：获取 OpenAPI 生成器参数和示例。
+- `vac_get_api_reference`：查询组件和 hook API。
+- `vac_list_schema_fields`：查询表单、表格 schema。
+- `vac_search_docs`：搜索 README、API、agent guide 和核心类型。
+
+## Agent Prompt 建议
+
+```text
+你是 auto-gen-crud 页面生成 agent。先读取项目已有页面、请求工具和路由规范；如果有 OpenAPI，优先使用 auto-gen-crud/generator 生成初始化页面；如果没有 OpenAPI，再手写 AutoCrud + hooks。保持 index.vue/api/config 分层，pageContext 默认空对象，getDataList 使用 ...searchForm.data，枚举默认使用 TypeTextMap。生成后执行类型检查或项目已有校验命令。
+```
+

package/mcp/auto-crud-mcp.mjs

@@ -0,0 +1,502 @@
+#!/usr/bin/env node
+import { readFileSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const rootDir = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+
+const docs = {
+  readme: readText("README.md"),
+  api: readText("API.md"),
+  coreTypes: readText("src/core/types.ts"),
+  tableUtils: readText("src/core/table-utils.ts"),
+  formUtils: readText("src/core/form-utils.ts"),
+};
+
+const formComponents = [
+  "input",
+  "textarea",
+  "select",
+  "multipleSelect",
+  "radio",
+  "checkbox",
+  "inputNumber",
+  "datePicker",
+  "timePicker",
+  "switch",
+  "cascader",
+  "slider",
+];
+
+const uiInstallMap = {
+  "element-plus": {
+    install: "npm install auto-gen-crud element-plus",
+    imports: 'import ElementPlus from "element-plus";\nimport "element-plus/dist/index.css";',
+    use: "app.use(ElementPlus).use(createAutoCrud());",
+  },
+  naive: {
+    install: "npm install auto-gen-crud naive-ui",
+    imports: 'import naive from "naive-ui";',
+    use: 'app.use(naive).use(createAutoCrud({ ui: "naive" }));',
+  },
+  "ant-design-vue": {
+    install: "npm install auto-gen-crud ant-design-vue",
+    imports: 'import Antd from "ant-design-vue";\nimport "ant-design-vue/dist/reset.css";',
+    use: 'app.use(Antd).use(createAutoCrud({ ui: "ant-design-vue" }));',
+  },
+};
+
+const tools = [
+  {
+    name: "vac_get_overview",
+    description: "获取 auto-gen-crud 的安装方式、核心设计、UI adapter 选择和最小示例摘要。",
+    inputSchema: {
+      type: "object",
+      properties: {
+        topic: {
+          type: "string",
+          enum: ["all", "install", "example", "adapter", "migration"],
+          description: "要聚焦的主题。默认 all。",
+        },
+      },
+    },
+  },
+  {
+    name: "vac_get_api_reference",
+    description: "查询 auto-gen-crud 的 API 文档片段，例如 createAutoCrud、useTable、CrudFormItem。",
+    inputSchema: {
+      type: "object",
+      properties: {
+        symbol: {
+          type: "string",
+          description: "API 名称，如 createAutoCrud、useSearchForm、useTable、useModalForm、CrudFormItem、CrudTableColumn、Adapter。",
+        },
+      },
+      required: ["symbol"],
+    },
+  },
+  {
+    name: "vac_list_schema_fields",
+    description: "列出表单字段、表格列、安装配置等 schema 支持的字段和组件类型。",
+    inputSchema: {
+      type: "object",
+      properties: {
+        schema: {
+          type: "string",
+          enum: ["form", "table", "install", "components"],
+          description: "要查询的 schema 类型。",
+        },
+      },
+      required: ["schema"],
+    },
+  },
+  {
+    name: "vac_generate_crud_page",
+    description: "根据实体名和字段生成一个可复制的 Vue3 + auto-gen-crud 页面示例。",
+    inputSchema: {
+      type: "object",
+      properties: {
+        entityName: {
+          type: "string",
+          description: "实体中文名或业务名，例如 用户、订单。",
+        },
+        rowTypeName: {
+          type: "string",
+          description: "TS 行数据类型名，默认 RowData。",
+        },
+        ui: {
+          type: "string",
+          enum: ["element-plus", "naive", "ant-design-vue"],
+          description: "目标 UI。默认 element-plus。",
+        },
+        fields: {
+          type: "array",
+          description: "字段列表。每项支持 label、prop、component、table、search、modal、required、copy、decode、dateTime。",
+          items: {
+            type: "object",
+            properties: {
+              label: { type: "string" },
+              prop: { type: "string" },
+              component: { type: "string", enum: formComponents },
+              table: { type: "boolean" },
+              search: { type: "boolean" },
+              modal: { type: "boolean" },
+              required: { type: "boolean" },
+              copy: { type: "boolean" },
+              decode: { type: "boolean" },
+              dateTime: { oneOf: [{ type: "boolean" }, { type: "string" }] },
+            },
+            required: ["label", "prop"],
+          },
+        },
+      },
+      required: ["entityName", "fields"],
+    },
+  },
+  {
+    name: "vac_generate_install_snippet",
+    description: "生成指定 UI 库下的 Vue app 初始化代码，包括依赖安装命令和 createAutoCrud 配置。",
+    inputSchema: {
+      type: "object",
+      properties: {
+        ui: {
+          type: "string",
+          enum: ["element-plus", "naive", "ant-design-vue"],
+          description: "目标 UI。默认 element-plus。",
+        },
+        withDecode: {
+          type: "boolean",
+          description: "是否包含敏感信息 decode/decodeLog 示例。",
+        },
+      },
+    },
+  },
+  {
+    name: "vac_search_docs",
+    description: "在 README、API 和核心类型文件中搜索关键词，返回相关上下文。",
+    inputSchema: {
+      type: "object",
+      properties: {
+        query: {
+          type: "string",
+          description: "搜索关键词，如 pagination、decode、options。",
+        },
+        limit: {
+          type: "number",
+          description: "最多返回多少条，默认 8。",
+        },
+      },
+      required: ["query"],
+    },
+  },
+];
+
+function readText(relativePath) {
+  return readFileSync(resolve(rootDir, relativePath), "utf8");
+}
+
+function jsonRpc(id, result) {
+  return { jsonrpc: "2.0", id, result };
+}
+
+function jsonRpcError(id, code, message, data) {
+  return { jsonrpc: "2.0", id, error: { code, message, data } };
+}
+
+function textContent(text) {
+  return { content: [{ type: "text", text }] };
+}
+
+function sectionByHeading(text, heading) {
+  const lines = text.split(/\r?\n/);
+  const index = lines.findIndex(line => line.replace(/^#+\s*/, "").trim().toLowerCase() === heading.toLowerCase());
+  if (index < 0) return "";
+  const level = (lines[index].match(/^#+/) || [""])[0].length;
+  const end = lines.findIndex((line, lineIndex) => lineIndex > index && /^#+\s+/.test(line) && (line.match(/^#+/) || [""])[0].length <= level);
+  return lines.slice(index, end < 0 ? undefined : end).join("\n").trim();
+}
+
+function compact(text, max = 3500) {
+  if (text.length <= max) return text;
+  return `${text.slice(0, max)}\n\n...内容已截断，可用 vac_search_docs 继续查询。`;
+}
+
+function handleToolCall(name, args = {}) {
+  switch (name) {
+    case "vac_get_overview":
+      return textContent(getOverview(args.topic || "all"));
+    case "vac_get_api_reference":
+      return textContent(getApiReference(args.symbol));
+    case "vac_list_schema_fields":
+      return textContent(getSchemaFields(args.schema));
+    case "vac_generate_crud_page":
+      return textContent(generateCrudPage(args));
+    case "vac_generate_install_snippet":
+      return textContent(generateInstallSnippet(args.ui || "element-plus", Boolean(args.withDecode)));
+    case "vac_search_docs":
+      return textContent(searchDocs(args.query, args.limit || 8));
+    default:
+      throw new Error(`未知工具：${name}。可用工具：${tools.map(tool => tool.name).join(", ")}`);
+  }
+}
+
+function getOverview(topic) {
+  const map = {
+    install: sectionByHeading(docs.readme, "安装和初始化"),
+    example: sectionByHeading(docs.readme, "最小示例"),
+    adapter: `${sectionByHeading(docs.readme, "为什么要用 Adapter")}\n\n${sectionByHeading(docs.api, "Adapter 学习重点")}`,
+    migration: sectionByHeading(docs.readme, "从旧 auto-gen-crud 迁移"),
+  };
+  if (topic !== "all") return compact(map[topic] || docs.readme);
+  return compact(
+    [
+      sectionByHeading(docs.readme, "设计特点"),
+      sectionByHeading(docs.readme, "安装和初始化"),
+      sectionByHeading(docs.readme, "最小示例"),
+      sectionByHeading(docs.readme, "为什么要用 Adapter"),
+    ].join("\n\n")
+  );
+}
+
+function getApiReference(symbol) {
+  const normalized = String(symbol || "").trim();
+  const heading = normalized.toLowerCase();
+  const headingMap = {
+    createautocrud: "createAutoCrud",
+    usesearchform: "useSearchForm",
+    usetable: "useTable",
+    usemodalform: "useModalForm",
+    crudformitem: "CrudFormItem",
+    crudtablecolumn: "CrudTableColumn",
+    adapter: "Adapter 学习重点",
+  };
+  const section = sectionByHeading(docs.api, headingMap[heading] || normalized);
+  if (section) return section;
+
+  const typeContext = searchInText(docs.coreTypes, normalized, 6)
+    .map(item => `src/core/types.ts:${item.line}\n${item.context}`)
+    .join("\n\n");
+  if (typeContext) return typeContext;
+
+  return `没有找到 ${normalized}。建议查询：createAutoCrud、useSearchForm、useTable、useModalForm、CrudFormItem、CrudTableColumn、Adapter。`;
+}
+
+function getSchemaFields(schema) {
+  switch (schema) {
+    case "components":
+      return `CrudFormComponent 支持：\n${formComponents.map(name => `- ${name}`).join("\n")}`;
+    case "install":
+      return sectionByHeading(docs.api, "AutoCrudInstallOptions");
+    case "form":
+      return `${sectionByHeading(docs.api, "CrudFormItem")}\n\n常用 component：${formComponents.join(", ")}`;
+    case "table":
+      return sectionByHeading(docs.api, "CrudTableColumn");
+    default:
+      return "schema 必须是 form、table、install 或 components。";
+  }
+}
+
+function generateInstallSnippet(ui, withDecode) {
+  const config = uiInstallMap[ui] || uiInstallMap["element-plus"];
+  const options = ui === "element-plus" ? "" : `{ ui: "${ui}" }`;
+  const decodeOptions = withDecode
+    ? `{
+  ${ui === "element-plus" ? "" : `ui: "${ui}",\n  `}decode: async value => String(value),
+  decodeLog: async (value, row) => {
+    console.log("记录查看日志", value, row);
+  },
+}`
+    : options;
+  return `安装：\n\n\`\`\`bash\n${config.install}\n\`\`\`\n\nmain.ts：\n\n\`\`\`ts\nimport { createApp } from "vue";
+import { createAutoCrud } from "auto-gen-crud";
+import App from "./App.vue";
+${config.imports}
+import "auto-gen-crud/style.css";
+
+createApp(App)
+  .use(${ui === "element-plus" ? "ElementPlus" : ui === "naive" ? "naive" : "Antd"})
+  .use(createAutoCrud(${decodeOptions}))
+  .mount("#app");
+\`\`\``;
+}
+
+function generateCrudPage(args) {
+  const entityName = safeText(args.entityName || "数据");
+  const rowTypeName = safeIdentifier(args.rowTypeName || "RowData");
+  const fields = Array.isArray(args.fields) && args.fields.length > 0 ? args.fields : [{ label: "名称", prop: "name", component: "input", table: true, search: true, modal: true, required: true }];
+  const normalizedFields = fields.map(field => ({
+    label: safeText(field.label || field.prop),
+    prop: safeProp(field.prop),
+    component: formComponents.includes(field.component) ? field.component : "input",
+    table: field.table !== false,
+    search: Boolean(field.search),
+    modal: field.modal !== false,
+    required: Boolean(field.required),
+    copy: Boolean(field.copy),
+    decode: Boolean(field.decode),
+    dateTime: field.dateTime,
+  }));
+
+  const typeFields = normalizedFields.map(field => `  ${field.prop}: ${field.component === "inputNumber" || field.component === "slider" ? "number" : field.component === "switch" ? "boolean" : "string"};`).join("\n");
+  const searchColumns = normalizedFields.filter(field => field.search).map(toFormItem).join(",\n    ");
+  const modalColumns = normalizedFields.filter(field => field.modal).map(toFormItem).join(",\n    ");
+  const tableColumns = normalizedFields.filter(field => field.table).map(toTableColumn).join(",\n    ");
+
+  return `\`\`\`vue
+<script setup lang="ts">
+import { AutoCrud, useModalForm, useSearchForm, useTable } from "auto-gen-crud";
+
+interface ${rowTypeName} extends Record<string, unknown> {
+${typeFields}
+}
+
+const searchForm = useSearchForm({
+  columns: [
+    ${searchColumns || toFormItem(normalizedFields[0])},
+  ],
+});
+
+const modalForm = useModalForm<${rowTypeName}>({
+  columns: [
+    ${modalColumns || toFormItem(normalizedFields[0])},
+  ],
+  async onSubmit(data, mode) {
+    console.log("${entityName}提交", mode, data);
+    modalForm.close();
+    await table.load(searchForm.data);
+  },
+});
+
+const table = useTable<${rowTypeName}>({
+  columns: [
+    ${tableColumns || toTableColumn(normalizedFields[0])},
+    {
+      title: "操作",
+      actions: [
+        { key: "edit", label: "编辑", type: "primary", onClick: row => modalForm.openEdit(row) },
+        { key: "view", label: "查看", type: "link", onClick: row => modalForm.openView(row) },
+      ],
+    },
+  ],
+  async getDataList({ pagination, searchData }) {
+    console.log("${entityName}查询", pagination, searchData);
+    return { data: [], total: 0 };
+  },
+});
+</script>
+
+<template>
+  <AutoCrud
+    title="${entityName}"
+    :search-form-config="searchForm"
+    :table-config="table"
+    :modal-form-config="modalForm"
+  />
+</template>
+\`\`\``;
+}
+
+function toFormItem(field) {
+  const extra = field.required ? ", required: true" : "";
+  return `{ label: "${field.label}", prop: "${field.prop}", component: "${field.component}"${extra} }`;
+}
+
+function toTableColumn(field) {
+  const attrs = [
+    `title: "${field.label}"`,
+    `field: "${field.prop}"`,
+    field.copy ? "copy: true" : "",
+    field.decode ? "decode: true" : "",
+    field.dateTime ? `dateTime: ${field.dateTime === true ? "true" : JSON.stringify(field.dateTime)}` : "",
+  ].filter(Boolean);
+  return `{ ${attrs.join(", ")} }`;
+}
+
+function safeIdentifier(value) {
+  const text = String(value).replace(/[^\w$]/g, "");
+  return text || "RowData";
+}
+
+function safeProp(value) {
+  return String(value || "name").replace(/[^a-zA-Z0-9_.$]/g, "") || "name";
+}
+
+function safeText(value) {
+  return String(value || "").replace(/["\\]/g, "");
+}
+
+function searchDocs(query, limit) {
+  const parts = [
+    ["README.md", docs.readme],
+    ["API.md", docs.api],
+    ["src/core/types.ts", docs.coreTypes],
+    ["src/core/form-utils.ts", docs.formUtils],
+    ["src/core/table-utils.ts", docs.tableUtils],
+  ];
+  const results = parts.flatMap(([file, text]) => searchInText(text, query, 3).map(item => ({ file, ...item }))).slice(0, limit);
+  if (results.length === 0) return `没有找到 "${query}"。`;
+  return results.map(item => `${item.file}:${item.line}\n${item.context}`).join("\n\n---\n\n");
+}
+
+function searchInText(text, query, radius) {
+  const keyword = String(query || "").toLowerCase();
+  if (!keyword) return [];
+  const lines = text.split(/\r?\n/);
+  const matches = [];
+  lines.forEach((line, index) => {
+    if (line.toLowerCase().includes(keyword)) {
+      const start = Math.max(0, index - radius);
+      const end = Math.min(lines.length, index + radius + 1);
+      matches.push({
+        line: index + 1,
+        context: lines.slice(start, end).join("\n"),
+      });
+    }
+  });
+  return matches;
+}
+
+async function handleRequest(request) {
+  const { id, method, params = {} } = request;
+  if (method === "initialize") {
+    return jsonRpc(id, {
+      protocolVersion: params.protocolVersion || "2024-11-05",
+      capabilities: {
+        tools: {},
+      },
+      serverInfo: {
+        name: "auto-gen-crud-mcp",
+        version: "0.1.0",
+      },
+    });
+  }
+
+  if (method === "tools/list") {
+    return jsonRpc(id, { tools });
+  }
+
+  if (method === "tools/call") {
+    try {
+      const result = handleToolCall(params.name, params.arguments || {});
+      return jsonRpc(id, result);
+    } catch (error) {
+      return jsonRpcError(id, -32000, error instanceof Error ? error.message : String(error));
+    }
+  }
+
+  if (method === "notifications/initialized") return null;
+
+  return jsonRpcError(id, -32601, `不支持的方法：${method}`);
+}
+
+let buffer = "";
+
+process.stdin.setEncoding("utf8");
+process.stdin.on("data", chunk => {
+  buffer += chunk;
+  drainBuffer().catch(error => {
+    writeMessage(jsonRpcError(null, -32000, error instanceof Error ? error.message : String(error)));
+  });
+});
+
+async function drainBuffer() {
+  while (true) {
+    const headerEnd = buffer.indexOf("\r\n\r\n");
+    if (headerEnd < 0) return;
+    const header = buffer.slice(0, headerEnd);
+    const match = header.match(/Content-Length:\s*(\d+)/i);
+    if (!match) throw new Error("缺少 Content-Length header");
+    const length = Number(match[1]);
+    const bodyStart = headerEnd + 4;
+    if (buffer.length < bodyStart + length) return;
+    const body = buffer.slice(bodyStart, bodyStart + length);
+    buffer = buffer.slice(bodyStart + length);
+    const response = await handleRequest(JSON.parse(body));
+    if (response) writeMessage(response);
+  }
+}
+
+function writeMessage(message) {
+  const body = JSON.stringify(message);
+  process.stdout.write(`Content-Length: ${Buffer.byteLength(body, "utf8")}\r\n\r\n${body}`);
+}