@ usewaypoint/ 文件核心

这是用于构建电子邮件信件的核心库 路径。它不具有倾向性,而且轻于依赖性,因此可用于编写复杂的文档.

[尖叫声] 此库仍在开发中, 最终界面为主题 更改

安装

安装 npm

npm install --save @usewaypoint/document-core

使用量

图书馆的根是 DocumentBlocksDictionary 词典. 这是将块名称映射到一个具有zod schema和相应的反应组件的物体上.

const dictionary = {
  Alert: {
    schema: z.object({
      message: z.string(),
    }),
    Component: ({ message }: { message: string }) => {
      return <div>{message.toUpperCase()}</div>
    }
  }
}

此字典对象被传递到构建器函数中作为参数.

buildBlockComponent

const Block = buildBlockComponent(dictionary);

<Block type="Alert" data={{message: 'Hello World' }} />

buildBlockConfigurationSchema

const Schema = buildBlockConfigurationSchema(dictionary);

const parsedData = Schema.safeParse({
  type: 'Alert',
  data: { message: 'Hello World' },
});