fix: add blockquote component support (#263)

Author: sirily11

apps/example-bot/src/app/page.tsx

@@ -19,6 +19,7 @@ export default async function Page({
         <br />
         Click the menu button to see the available options.
       </p>
+      <blockquote>Hello world</blockquote>
     </div>
   );
 }

packages/common/src/hostconfig.interface.ts

@@ -33,6 +33,7 @@ export enum InstanceType {
   Pre = "Pre",
   BoldText = "BoldText",
   ItalicText = "ItalicText",
+  BlockQuote = "BlockQuote",
 }
 
 /**

packages/common/src/react.ts

@@ -47,6 +47,7 @@ export enum ReactInstanceType {
   NewLine = "br",
   ThematicBreak = "hr",
   Suspendable = "suspendable",
+  BlockQuote = "blockquote",
   Command = "command",
   Pre = "pre",
   Code = "code",

packages/core/src/components/Blockquote.ts

@@ -0,0 +1,6 @@
+import { InstanceType } from "@rx-lab/common";
+import { BaseComponent } from "./Component";
+
+export class Blockquote extends BaseComponent<any> {
+  type = InstanceType.BlockQuote;
+}

packages/core/src/components/builder/componentBuilder.ts

@@ -13,6 +13,7 @@ import {
   UnsupportedComponentError,
   UnsupportedReactComponentError,
 } from "@rx-lab/errors";
+import { Blockquote } from "../Blockquote";
 import { BoldText } from "../BoldText";
 import { Code, Pre } from "../Code";
 import { ItalicText } from "../ItalicText";
@@ -71,6 +72,7 @@ export class ComponentBuilder implements Builder {
     [InstanceType.BoldText]: BoldText as unknown as Constructor<
       BaseComponent<any>
     >,
+    [InstanceType.BlockQuote]: Blockquote,
     [InstanceType.ItalicText]: ItalicText as unknown as Constructor<
       BaseComponent<any>
     >,
@@ -88,6 +90,7 @@ export class ComponentBuilder implements Builder {
     [ReactInstanceType.Div]: InstanceType.Container,
     [ReactInstanceType.Text]: InstanceType.Text,
     [ReactInstanceType.Paragraph]: InstanceType.Paragraph,
+    [ReactInstanceType.BlockQuote]: InstanceType.BlockQuote,
     [ReactInstanceType.Span]: InstanceType.InlineParagraph,
     [ReactInstanceType.Menu]: InstanceType.Menu,
     [ReactInstanceType.H1]: InstanceType.Header,

packages/telegram-adapter/src/renderer.ts

@@ -38,7 +38,8 @@ export const renderElementHelper = (
         text: children.join(""),
         callback_data: parser.encode(element),
       };
-
+    case InstanceType.BlockQuote:
+      return [`<blockquote>${children.join("")}</blockquote>`];
     case InstanceType.Link:
       return [`<a href="${element.props.href}">${children.join("")}</a>`];
     case InstanceType.BoldText: