@mybricks/plugin-ai 0.0.1 → 0.0.2

package/src/preset/agents.ts

@@ -0,0 +1,380 @@
+import { fileFormat } from "@mybricks/rxai";
+import { SingleInstanceAgent } from "../agents/utils/config";
+import { MYBRICKS_TOOLS } from "./../tools";
+import { context } from "../context";
+import { PromiseStack } from "../tools/utils";
+
+export const agents = [
+  new SingleInstanceAgent({
+    name: '智能组件助手',
+    type: 'mybricks.basic-comlib.ai-mix', // 这个需要和focus里面的type对应上
+    goal: '根据用户需要，开发可运行在MyBricks平台的组件',
+    backstory: `基于React + Less`,
+    tools: (params: any) => {
+      const promiseStack = new PromiseStack();
+      const { focus } = params;
+      const FILENAME_TO_ACTION: Record<string, string> = {
+        "index.jsx": "编写组件runtime代码",
+        "index.less": "编写组件样式代码",
+        "inputs.json": "更新组件输入项",
+        "outputs.json": "更新组件输出项",
+        "configs.json": "更新组件配置项"
+      };
+
+      return [
+        {
+          name: 'generate-mybricks-component', // 唯一key
+          displayName: '编写组件代码', // 这个用于ui展示
+          description: '编写MyBricks平台的组件代码', // 工具摘要，用于ai规划使用
+          getPrompts: (params: any) => {
+            const comInfo = context.api.uiCom.api.getOutlineInfo(focus.comId);
+            return `你是一个专业的前端开发者，专注于MyBricks生态的组件开发，精通React + Less技术栈，熟练使用echarts-for-react三方库，能够严格遵循规范完成组件的运行时、样式、输入项、输出项、配置项的开发，精准响应用户的组件开发需求。
+
+<限制使用的技术栈和三方库>
+技术栈
+- React
+- Less
+
+三方库
+- echarts-for-react
+
+除上述技术栈和三方库外，禁止使用其他任何技术栈和三方库。
+</限制使用的技术栈和三方库>
+
+<如何编写MyBricks组件>
+  <编写组件runtime代码>
+  - 基于React框架编写组件的运行时代码
+  - 返回组件runtime代码字符串示例
+  ${fileFormat({
+    content: `import React from 'react';
+import './index.less';
+
+export default function Button() {
+return (
+  <button className="button">按钮</button>
+);
+}`,
+    fileName: 'index.jsx'
+  })}
+  </编写组件runtime代码>
+
+  <编写组件样式代码>
+  - 基于Less框架编写组件的样式代码
+  - 返回组件样式代码字符串示例
+  ${fileFormat({
+    content: `.button {
+background-color: #000;
+color: #fff;
+}`,
+    fileName: 'index.less'
+  })}
+  </编写组件样式代码>
+
+  <更新组件的输入项>
+  - 输入项用于外部调用组件的各类api，实现外部对组件的动态修改
+  - 返回内容格式以Typescript的形式说明如下
+  \`\`\`typescript
+  interface Params {
+    id: string; // 输入项id
+    title: string; // 输入项语义化名称
+    /**
+     * 操作类型
+     * undefined - 根据是否存在id判断是添加或更新
+     * delete - 删除id对应的输入项
+     */
+    updateType: "delete" | undefined;
+  }
+  \`\`\`
+  - 返回内容示例示例
+    1. 添加
+    ${fileFormat({
+      content: `[{"id":"语义化的输入项id","title":"语义化的输入项标题"}]`,
+      fileName: 'inputs.json'
+    })}
+    2. 修改，除了id以外的字段均为可选项
+    ${fileFormat({
+      content: `[{"id":"需要修改的输入项id","title":"修改的输入项标题"}]`,
+      fileName: 'inputs.json'
+    })}
+    3. 删除，只需要id和updateType
+    ${fileFormat({
+      content: `[{"id":"需要删除的输入项id","updateType":"delete"}]`,
+      fileName: 'inputs.json'
+    })}
+  - 更新输入项后按需同步<编写组件runtime代码>
+  </更新组件的输入项>
+
+  <更新组件的输出项>
+  - 添加组件的输出项，用于组件内各类事件触发时向外输出内容
+  - 返回内容格式以Typescript的形式说明如下
+  \`\`\`typescript
+  interface Params {
+    id: string; // 输出项id
+    title: string; // 输出项语义化名称
+    /**
+     * 操作类型
+     * undefined - 根据是否存在id判断是添加或更新
+     * delete - 删除id对应的输出项
+     */
+    updateType: "delete" | undefined;
+  }
+  \`\`\`
+  - 返回内容示例示例
+    1. 添加
+    ${fileFormat({
+      content: `[{"id":"语义化的输出项id","title":"语义化的输出项标题"}]`,
+      fileName: 'outputs.json'
+    })}
+    2. 修改，除了id以外的字段均为可选项
+    ${fileFormat({
+      content: `[{"id":"需要修改的输出项id","title":"修改的输出项标题"}]`,
+      fileName: 'outputs.json'
+    })}
+    3. 删除，只需要id和updateType
+    ${fileFormat({
+      content: `[{"id":"需要删除的输出项id","updateType":"delete"}]`,
+      fileName: 'outputs.json'
+    })}
+  - 更新输出项后按需同步<编写组件runtime代码>
+  </更新组件的输出项>
+
+  <更新组件的配置项>
+  - 配置项用于组件的静态数据配置编辑，渲染时通过组件入参*data*读取配置内容
+  - 返回内容格式以Typescript的形式说明如下
+  \`\`\`typescript
+  type Params = TextParams | StyleParams;
+  /**
+   * 操作类型
+   * undefined - 根据是否存在key判断是添加或更新
+   * delete - 删除key对应的配置项
+   */
+  type UpdateType = "delete" | undefined;
+
+  interface ConfigBase {
+    /** 配置项的语义化标题 */
+    title: string;
+    /** 唯一的key，没有业务语义，用于查询对应的配置项 */
+    key: string;
+    updateType: UpdateType;
+    /** 
+     * css选择器，表达需要对哪一块区域进行编辑。
+     * 如果是对组件整体配置，默认使用*:root*，需要与元素的className对应。
+     * 注意只能使用*类选择器*，禁止其它任何形式的选择器。
+     */
+    selector: string;
+  }
+
+  /** 
+   * 文本类型配置
+   */
+  interface TextParams extends ConfigBase {
+    type: "text";
+    /** 需要配置的语义化字段，对应到组件的入参的*data[fieldName]* */
+    fieldName: string;
+  }
+
+  /**
+   * 样式配置
+   */
+  interface StyleParams extends ConfigBase {
+    type: "style";
+    /** 样式编辑器配置 */
+    option: {
+      /**
+       * 需要支持的配置内容
+       * font - 字体配置
+       * background - 背景配置
+       */
+      options: string[];
+      /** 样式作用于目标元素的 css selector，多个target代表样式同时作用于多个目标元素 */
+      target: string[];
+    };
+  }
+  \`\`\`
+  - 返回内容示例示例
+    1. 添加
+      ${fileFormat({
+      content: '[{"type":"配置项类型","title":"语义化的配置项标题","fieldName":"fieldName","key":"key","selector":"selector"}]',
+      fileName: 'configs.json'
+    })}
+    2. 修改，除了key以外的字段均为可选项
+    ${fileFormat({
+      content: '[{"type":"配置项类型","title":"语义化的配置项标题","fieldName":"fieldName","key":"key","selector":"selector"}]',
+      fileName: 'configs.json'
+    })}
+    3. 删除，只需要key和updateType
+    ${fileFormat({
+      content: '[{"key":"需要删除的配置项key","updateType":"delete"}]',
+      fileName: 'configs.json'
+    })}
+  - 更新配置项后按需同步<编写组件runtime代码>
+  </更新组件的配置项>
+
+  注意：
+  - 当没有数据类型的配置项（非样式配置）时，禁止使用入参*data*，只有配置项才需要从*data*中获取对应的值
+  - 无论修改了什么内容，都要分析是否有相关的内容需要改造，例如runtime代码内没有调用outputs了，是否同步删除组件的输出项
+</如何编写MyBricks组件>
+
+<当前组件内容>
+runtime代码：
+${fileFormat({
+  content: `${decodeURIComponent(comInfo.data._sourceRenderCode || "")}`,
+  fileName: 'index.jsx'
+})}
+
+样式代码：
+${fileFormat({
+  content: `${decodeURIComponent(comInfo.data._sourceStyleCode || "")}`,
+  fileName: 'index.less'
+})}
+
+输入项：
+${fileFormat({
+  content: `${JSON.stringify(comInfo.data.inputs || [])}`,
+  fileName: 'inputs.json'
+})}
+
+输出项：
+${fileFormat({
+  content: `${JSON.stringify(comInfo.data.outputs || [])}`,
+  fileName: 'outputs.json'
+})}
+
+配置项：
+${fileFormat({
+  content: `${JSON.stringify(comInfo.data.configs || [])}`,
+  fileName: 'configs.json'
+})}
+</当前组件内容>
+
+<开发须知>
+- 对于开发过程中使用到的占位图片，可以使用以下服务，根据其用途选择合适的来源
+  - https://placehold.co/600x400/orange/ffffff?text=hello，可以配置一个橙色背景带白色hello文字的色块占位图片。
+  - https://ai.mybricks.world/image-search?term=搜索词&w=宽&h=高，可以配置一个高质量的摄影图片。
+- 当要求根据附件中的图片进行开发、还原时，需要分析元素结构、区块结构、布局、颜色、文字、内边距、外边距、圆角等视觉信息，并输出分析结果，为后续的代码编写提供依据。
+- 编辑任何内容前，都需要说明原因以及即将修改的内容是什么。
+</开发须知>
+
+<输出规范>
+- 无需添加修改说明类表述，如「以下是修改后的内容」「根据要求修改如下」「根据要求新增如下」等。
+- 禁止出现文件名，代码块标识等与文件无关的内容。
+</输出规范>
+
+<注意>
+- 按需开发，保持最简实现。
+  - 当需求不涉及样式修改时，禁止返回<编写组件样式代码>内容。
+  - 当需求修改不涉及元素变更、样式名称变更、输入、输出、配置时，禁止返回<编写组件runtime代码>内容。
+  - 当需求中没有提及输入项，禁止返回<更新组件的输入项>内容。
+  - 当需求中没有提及输出项，禁止返回<更新组件的输出项>内容。
+  - 当需求中没有提及配置项，禁止返回<更新组件的配置项>内容。
+</注意>
+`
+          },
+          stream(params: any) {
+            const { files, replaceContent, status } = params;
+            const filesLastIndex = files.length - 1;
+            let result = replaceContent;
+            files.forEach((file: any, index: number) => {
+              const { fileName } = file;
+              if (index === filesLastIndex && status !== 'complete') {
+                if (result.endsWith(fileName)) {
+                  result = result.replace(fileName, "正在" + FILENAME_TO_ACTION[fileName] + "...");
+                  return;
+                }
+              }
+              result = result.replace(fileName, FILENAME_TO_ACTION[fileName] + "完成");
+            })
+            return result;
+          },
+          execute: async (params: any) => {
+            console.log("[生成组件代码 - execute]", params);
+            console.log("[focus]", focus)
+            const { files, replaceContent } = params;
+            const actions: any[] = [];
+            const { comId, pageId } = focus;
+
+            files.forEach((file: any) => {
+              const { fileName, content } = file;
+              switch (file.fileName) {
+                case "index.jsx":
+                  actions.push({
+                    comId,
+                    type: "doConfig",
+                    target: ":root",
+                    params: {
+                      path: "组件runtime代码",
+                      value: content
+                    }
+                  })
+                  break
+                case "index.less":
+                  actions.push({
+                    comId,
+                    type: "doConfig",
+                    target: ":root",
+                    params: {
+                      path: "组件样式代码",
+                      value: content
+                    }
+                  })
+                  break
+                case "inputs.json":
+                  actions.push({
+                    comId,
+                    type: "doConfig",
+                    target: ":root",
+                    params: {
+                      path: "更新输入项",
+                      value: JSON.parse(content)
+                    }
+                  });
+                  break;
+                case "outputs.json":
+                  actions.push({
+                    comId,
+                    type: "doConfig",
+                    target: ":root",
+                    params: {
+                      path: "更新输出项",
+                      value: JSON.parse(content)
+                    }
+                  });
+                  break;
+                case "configs.json":
+                  actions.push({
+                    comId,
+                    type: "doConfig",
+                    target: ":root",
+                    params: {
+                      path: "更新配置项",
+                      value: JSON.parse(content)
+                    }
+                  });
+                  break;
+                default:
+                  break;
+              }
+            })
+
+            promiseStack.add(() => {
+              context.designer?.updatePage?.(pageId, [], 'start');
+            })
+            promiseStack.add(() => {
+              context.designer?.updatePage?.(pageId, actions, 'ing');
+            })
+            promiseStack.add(() => {
+              context.designer?.updatePage?.(pageId, [], 'complete');
+            })
+
+            return files.reduce((pre: string, file: any) => {
+              return pre.replace(file.fileName, FILENAME_TO_ACTION[file.fileName] + "完成");
+            }, replaceContent)
+          },
+          // aiRole: "expert",
+          // aiRole: "architect",
+        },
+        MYBRICKS_TOOLS.Answer({})
+      ]
+    },
+  })
+]

package/src/preset/createTemplates.ts

@@ -0,0 +1,25 @@
+export const createTemplates = {
+  page: ({ title }: any) => {
+    return {
+      type: "normal",
+      title: title,
+      template: {
+        namespace: 'mybricks.harmony.systemPage',
+        deletable: false,
+        asRoot: true,
+        data: {
+          useTabBar: false,
+        },
+      },
+      inputs: [
+        {
+          id: "open",
+          title: "打开",
+          schema: {
+            type: "object",
+          },
+        },
+      ],
+    }
+  }
+}

package/src/preset/index.ts

@@ -0,0 +1,12 @@
+import { user } from "./user"
+import { prompts } from "./prompts"
+import { createRequestAsStream } from "./requestAsStream"
+import { createTemplates } from './createTemplates'
+
+export default {
+  name: '智能助手',
+  user,
+  prompts,
+  createRequestAsStream,
+  createTemplates,
+}

package/src/preset/prompts.ts

@@ -0,0 +1,235 @@
+import { fileFormat } from "@mybricks/rxai";
+import { DeviceType } from './../types';
+
+function systemAppendPrompts () {
+  return `
+<对于当前搭建有以下特殊上下文>
+<搭建画布信息>
+  当前搭建画布的宽度为375，所有元素的尺寸需要关注此信息，且尽可能自适应宽度进行布局。
+    比如：
+      1.布局需要自适应画布宽度，考虑100%通栏，要么配置宽度+间距；
+      2.配置上下左右和宽度高度时，一定要基于画布尺寸进行合理的计算；
+  特殊地，系统已经内置了底部导航栏和顶部导航栏，仅关注页面内容即可，不用实现此部分内容。
+  最后，必须给页面设置页面高度。
+</搭建画布信息>
+
+<允许使用的图标>
+airplane_fill
+alarm_fill_1
+arrow_clockwise
+arrow_counterclockwise
+arrow_counterclockwise_clock
+arrow_down_right_and_arrow_up_left
+arrow_left
+arrow_right
+arrow_right_up_and_square
+arrow_up_left_and_arrow_down_right
+arrow_up_to_line
+arrowshape_turn_up_right_fill
+backward_end_fill
+battery
+battery_75percent
+bell_fill
+bluetooth
+bluetooth_slash
+bookmark
+calendar
+camera
+camera_fill
+checkmark
+checkmark_circle
+checkmark_circle_fill
+checkmark_square
+checkmark_square_fill
+chevron_down
+chevron_left
+chevron_right
+chevron_up
+clock
+dial
+doc_plaintext
+doc_plaintext_and_pencil
+doc_text_badge_arrow_up
+doc_text_badge_magnifyingglass
+ellipsis_message
+envelope
+eye
+eye_slash
+fast_forward
+folder
+folder_badge_plus
+forward_end_fill
+gearshape
+hand_thumbsup_fill
+headphones_fill
+heart
+heart_fill
+heart_slash
+house
+house_fill
+line_viewfinder
+list_square_bill
+livephoto
+lock
+lock_open
+magnifyingglass
+message
+message_on_message
+mic
+music
+music_note_list
+paintpalette
+paperclip
+pause
+picture
+picture_2
+picture_damage
+play_circle_fill
+play_fill
+play_round_rectangle_fill
+play_video
+plus
+qrcode
+record_circle
+resolution_video
+save
+share
+template
+text_clipboard
+timer
+trash
+wifi
+worldclock
+xmark
+</允许使用的图标>
+</对于当前搭建有以下特殊上下文>`
+}
+
+function prdExamplesPrompts () {
+  return `
+<example>
+<user_query>根据图片搭建页面</user_query>
+<assistant_response>
+好的，经过对图片的全面分析，结论如下：
+${fileFormat({
+  content: `**themes**
+  界面采用简约的卡片式布局，整体背景采用浅紫色，内容区域使用纯白色背景，营造出清爽简洁的视觉效果。
+  
+  **layout**
+  界面总体采用从上往下的纵向流式布局，顶部内容通栏，每个区块以圆角卡片的形式呈现，底部通栏为固定布局；
+  1. 顶部区域为通栏，中间居中展示一个图标 + 标题；
+  2. 导航区域为两行四列的导航入口；
+  3. 套餐区域为横向三列的均分布局卡片；
+    3.1 卡片内所有文本元素从上到下依次排列，右上角可能存在一个圆形的角标；
+  4. 联系人区域是居左的标题 + 居右的联系人详情，联系人详情包含头像和昵称，以及一个可选择箭头；
+  5. 结算区域是固定的底部内容，包含左侧的价格计算+右侧的支付按钮；
+  
+  **colors**
+  界面主色调为明亮的蓝紫色，用于突出按钮和重要文字。背景采用柔和的浅紫色，搭配纯白色的内容区域，形成层次分明的视觉层级。
+  
+  **attention**
+  注意以下细节：
+  - 截图中的总体背景没有意义，可以考虑去掉；
+  - 注意各区块间距，顶部通栏就不要使用外间距了；
+  - 卡片中字体内容较丰富，注意字体大小，不要换行和重叠；
+  - 图片中的电话区域选择与输入手机号为一体设计、整体圆角；
+  - 验证码区域的获取验证码按钮为蓝色，按钮文字为白色；
+
+  **risk**
+  参考图片宽度为720像素，目标画布宽度为375像素，我们需要对元素尺寸进行合理的缩放，所以在搭建时需要注意内容不要溢出画布，主要关注以下部分：
+  1. 导航区域为两行四列的网格均分布局，两行使用换行来实现，同时内容需要考虑固定宽度，避免超出画布；
+  2. 套餐区域中的卡片为三列的均分布局，其中卡片的内容信息较丰富，建议固定宽高，同时将文本字体减少至10px;
+  3. “适合各种活动的场地”为动态内容，注意配置文本字体极小，并且配置溢出能力，避免换行；
+  4. 底部居左部分内容宽度缩小后会超过一半，注意将字体调整至极小，避免遮挡右侧内容；
+  5. 右侧图标 + 文本横向排列时，注意文本宽度，防止遮挡图标；`,
+  fileName: 'XX页面需求文档.md'
+})}
+
+推荐采用以下组件进行搭建：
+${fileFormat({
+  content: `[
+  {
+    "namespace": "mybricks.somelib.card"
+  },
+  {
+    "namespace": "mybricks.somelib.icon"
+  },
+  {
+    "namespace": "mybricks.somelib.text"
+  },
+  {
+    "namespace": "mybricks.somelib.button"
+  }
+]`,
+  fileName: 'XX页面所需要的组件信息.json'
+})}
+</assistant_response>
+</example>`
+}
+
+function generatePageActionExamplesPrompts() {
+  return `
+<example>
+<user_query>搭建一个个人中心页面框架</user_query>
+<assistant_response>
+  首先，必须根据页面内容设置一个合适的页面的高度。
+  其次，必须对页面布局设置一个合理的布局。
+  然后
+  基于用户当前的选择上下文，我们来实现一个个人中心页面框架，由于是框架，所以我仅给出主体部分，思考过程如下：
+  1. 搭建页面时一般用从上到下的楼层化搭建方式，我们推荐在页面最外层设置为flex的垂直布局，设置子组件的左右margin以及高度，这样好调整位置；
+  2. 将页面从上到下分成顶部信息、个人信息、中间入口、底部按钮四个部分；
+  3. 个人信息部分，图文编排卡片，用flex布局实现左右布局；
+  4. 中间入口是竖排的入口，为了方便上下调整，我们可以使用flex布局；
+  5. 底部居下固定的修改个人信息的按钮；
+
+  ${fileFormat({
+    content: `["_root_",":root","setLayout",{"height": 820}]
+    ["_root_",":root","doConfig",{"path":"root/标题","value":"个人中心页面框架"}]
+    ["_root_",":root","doConfig",{"path":"root/布局","value":{"display":"flex","flexDirection":"column","alignItems":"center"}}]
+    ["_root_",":root","doConfig",{"path":"root/样式","style":{"background":"#F5F5F5"}}]
+    ["_root_","_rootSlot_","addChild",{"title":"顶部信息","ns":"some.banner","comId":"u_top32","layout":{"width":"100%","height":80,"marginTop":8,"marginLeft":12,"marginRight":12},"configs":[{"path":"常规/布局","value":{"display":"flex"}}]}]
+    ["_root_","_rootSlot_","addChild",{"title":"个人信息","ns":"some.container","comId":"u_a2fer","layout":{"width":"100%","height":100,"marginLeft":8,"marginRight":8},"configs":[{"path":"常规/布局","value":{"display":"flex","flexDirection":"row","justifyContent":"space-between","alignItems":"center"}}]}]
+    ["u_a2fer", "content", "addChild",{"title":"头像","ns":"some.avatar","comId":"u_avatar1","layout":{"width":64,"height":64},"configs":[]}]
+    ["u_a2fer", "content", "addChild",{"title":"用户信息","ns":"some.container","comId":"u_info4","ignore":true,"layout":{"width":"fit-content","height":"fit-content"},"configs":[{"path":"常规/布局","value":{"display":"flex","flexDirection":"row","alignItems":"center"}}]}]
+    ["_root_","_rootSlot_","addChild",{"title":"中间入口","ns":"some.container","comId":"u_iiusd7","layout":{"width":"100%","height":200,"marginLeft":8,"marginRight":8},"configs":[{"path":"常规/布局","value":{"display":"flex","flexDirection":"column"}}]}]
+    ["_root_","_rootSlot_","addChild",{"title":"底部固定按钮","comId":"u_btm21","ns":"some.container","layout":{"width":"100%","height":84,"position":"fixed","bottom":0,"left":0},"configs":[{"path":"常规/布局","value":{"display":"flex"}}]}]`,
+    fileName: '生成个人中心页面操作步骤.json'
+  })}
+
+  注意：
+  - 用户信息布局组件父组件为布局组件，且仅承担布局功能，不承担样式、点击功能，我们添加ignore标记来优化。
+</assistant_response>
+</example>
+
+<example>
+<user_query>添加一个一行三列的导航</user_query>
+<assistant_response>
+  好的，一行三列的导航考察的是我们布局的关键知识，一行三列，就是均分布局，均分我们一般选择使用flex布局。
+  所以提供一个flex容器，确定子组件的宽度，并将内容平铺上去。
+  
+  首先，必须根据页面内容设置一个合适的页面的高度。
+  其次，必须对页面布局设置一个合理的布局。
+  
+  ${fileFormat({
+    content: `["_root_",":root","setLayout",{"height": 360}]
+    ["_root_",":root","doConfig",{"path":"root/标题","value":"一行三列的导航"}]
+    ["_root_",":root","doConfig",{"path":"root/布局","value":{"display":"flex","flexDirection":"column","alignItems":"center"}}]
+    ["_root_","_rootSlot_","addChild",{"title":"Flex容器","ns":"some.container","comId":"u_iiusd7","layout":{"width":"100%","height":200,"marginLeft":8,"marginRight":8},"configs":[{"path":"常规/布局","value":{"display":"flex","flexDirection":"row","justifyContent":"space-between","alignItems":"center","flexWrap":"wrap"}}]}]
+    ["u_iiusd7","content","addChild",{"title":"导航1","ns":"some.icon","comId":"u_icon1","layout":{"width":120,"height":120,"marginTop":8},"configs":[{"path":"样式/文本","style":{"background":"#0000FF"}}]}]`,
+    fileName: '一行三列导航操作步骤.json'
+  })}
+
+注意：
+  - 这个Flex容器是根组件的直接子组件，所以不允许添加ignore标记。
+</assistant_response>
+</example>`
+}
+
+const prompts = {
+  systemAppendPrompts: systemAppendPrompts(),
+  prdExamplesPrompts: prdExamplesPrompts(),
+  generatePageActionExamplesPrompts: generatePageActionExamplesPrompts(),
+}
+
+export { prompts }
+