彗星聊天卡渲染器

用于彗星Chat Card Schema的香草TypeScript渲染器. 传出JSON卡,拿回一棵本地DOM元素树. 交互式元素的磁带通过一个回调程序向您的应用程序发射——软件包从不执行动作本身.

它会做什么

• 将卡片 Schema JSON 切入打入型号
• 渲染20个元素类型(文本、图像、图标、相机、徽章、分隔器、空间器、芯片、进步栏、代码Block、标记下、行、列、网格、手风琴、分页、按钮、图标按钮、链接、表格)
• 决定认识到主题颜色和图像 URL auto, (中文(简体) ), light,以及 dark 模式,可选主题覆盖
• 点击按钮、图标按钮, 并按键链接回调 CometChatCardActionEvent编号

包裹是一个纯粹的渲染器. 它不与"彗星Chat SDK"对话,不管理信息生命周期,也不知道你的应用的路由. 每个动作都由你决定.

安装

npm install @cometchat/cards

使用量

import { renderCard } from "@cometchat/cards";

const { element, containerStyle, destroy } = renderCard({
  cardJson,
  themeMode: "auto",
  onAction: (event) => {
    console.log("action:", event.action.type, "from", event.elementId);
  },
});

document.getElementById("card-root")!.appendChild(element);

// Later, when unmounting:
destroy();

这个 destroy 函数清理所使用的系统主题媒体查询倾听器 auto 模式.

反应收发器

对于反应项目, 使用 @cometchat/cards-react 提供 CometChatCardView 包件组件.

开始

参见 一体化步骤 将卡片整合到您的应用程序中.

先决条件

• 节点.js
• npm 第7页

帮助和支持

关于一体化问题,建立一个 支持票 或通过 彗星聊天板。 。 。 .