@block-kit/plugin 1.0.0

package/dist/lib/background/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@block-kit/react');
+var background_types_index = require('./types/index.js');
+
+class BackgroundPlugin extends react.EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = background_types_index.BACKGROUND_KEY;
+        editor.command.register(background_types_index.BACKGROUND_KEY, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyMarks(sel, { [background_types_index.BACKGROUND_KEY]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[background_types_index.BACKGROUND_KEY];
+    }
+    renderLeaf(context) {
+        const attrs = context.attributes || {};
+        const background = attrs[background_types_index.BACKGROUND_KEY];
+        if (background) {
+            context.style.backgroundColor = background;
+        }
+        return context.children;
+    }
+}
+
+exports.BackgroundPlugin = BackgroundPlugin;

package/dist/lib/background/types/index.d.ts

@@ -0,0 +1 @@
+export declare const BACKGROUND_KEY = "background";

package/dist/lib/background/types/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const BACKGROUND_KEY = "background";
+
+exports.BACKGROUND_KEY = BACKGROUND_KEY;

package/dist/lib/bold/index.d.ts

@@ -0,0 +1,15 @@
+import type { DeserializeContext, SerializeContext } from "@block-kit/core";
+import type { Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+export declare class BoldPlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    serialize(context: SerializeContext): SerializeContext;
+    deserialize(context: DeserializeContext): DeserializeContext;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}

package/dist/lib/bold/index.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@block-kit/core');
+var react = require('@block-kit/react');
+var utils = require('@block-kit/utils');
+var bold_types_index = require('./types/index.js');
+
+class BoldPlugin extends react.EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = bold_types_index.BOLD_KEY;
+        editor.command.register(bold_types_index.BOLD_KEY, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyMarks(sel, { [bold_types_index.BOLD_KEY]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[bold_types_index.BOLD_KEY];
+    }
+    serialize(context) {
+        const { op, html } = context;
+        if (op.attributes && op.attributes[bold_types_index.BOLD_KEY]) {
+            const strong = document.createElement("strong");
+            // 采用 Wrap Base Node 加原地替换的方式
+            strong.appendChild(html);
+            context.html = strong;
+        }
+        return context;
+    }
+    deserialize(context) {
+        const { delta, html } = context;
+        if (!utils.isHTMLElement(html))
+            return context;
+        if (core.isMatchHTMLTag(html, "strong") ||
+            core.isMatchHTMLTag(html, "b") ||
+            html.style.fontWeight === "bold") {
+            core.applyMarker(delta, { [bold_types_index.BOLD_KEY]: utils.TRULY });
+        }
+        return context;
+    }
+    renderLeaf(context) {
+        context.style.fontWeight = "bold";
+        return context.children;
+    }
+}
+
+exports.BoldPlugin = BoldPlugin;

package/dist/lib/bold/types/index.d.ts

@@ -0,0 +1 @@
+export declare const BOLD_KEY = "bold";

package/dist/lib/bold/types/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const BOLD_KEY = "bold";
+
+exports.BOLD_KEY = BOLD_KEY;

package/dist/lib/bullet-list/index.d.ts

@@ -0,0 +1,16 @@
+import type { CMDPayload, Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLineContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { EventContext } from "@block-kit/utils";
+import type { ReactNode } from "react";
+export declare class BulletListPlugin extends EditorPlugin {
+    protected editor: Editor;
+    key: string;
+    constructor(editor: Editor);
+    destroy(): void;
+    match(attrs: AttributeMap): boolean;
+    renderLine(context: ReactLineContext): ReactNode;
+    protected onExec(payload: CMDPayload): undefined;
+    protected onKeyDown(event: KeyboardEvent, context: EventContext): undefined;
+}

package/dist/lib/bullet-list/index.js

@@ -0,0 +1,153 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../tslib.es6-d44c9a95.js');
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@block-kit/core');
+var delta = require('@block-kit/delta');
+var react = require('@block-kit/react');
+var utils = require('@block-kit/utils');
+var indent_types_index = require('../indent/types/index.js');
+var dom = require('../dom-cb8b8e40.js');
+var is$1 = require('../is-473d664a.js');
+var bulletList_types_index = require('./types/index.js');
+var is = require('../is-fa1755d0.js');
+
+const BulletListView = props => {
+    const { level, children } = props;
+    return (jsxRuntime.jsx("ul", { className: "block-kit-bullet-list", children: jsxRuntime.jsx("li", { className: utils.cs("block-kit-bullet-item", `block-kit-li-level-${level % 3}`), children: children }) }));
+};
+
+class BulletListPlugin extends react.EditorPlugin {
+    constructor(editor) {
+        super();
+        this.editor = editor;
+        this.key = bulletList_types_index.BULLET_LIST_KEY;
+        editor.command.register(this.key, this.onExec);
+        editor.event.on(core.EDITOR_EVENT.KEY_DOWN, this.onKeyDown);
+    }
+    destroy() {
+        this.editor.event.off(core.EDITOR_EVENT.KEY_DOWN, this.onKeyDown);
+    }
+    match(attrs) {
+        return is.isBulletList(attrs);
+    }
+    renderLine(context) {
+        const level = Number(context.attributes[indent_types_index.INDENT_LEVEL_KEY]) || 0;
+        // 这里需要注意, 必须要将 context.children 作为 React 的子元素
+        // 否则, 在 React 的渲染过程中, 会出现奇怪的 Crash 问题
+        return (jsxRuntime.jsx(BulletListView, { level: level, editor: this.editor, context: context, children: context.children }));
+    }
+    onExec(payload) {
+        const editor = this.editor;
+        const sel = editor.selection.get() || payload.range;
+        if (!sel)
+            return void 0;
+        const { start, end } = sel;
+        // 先检查当前需要设置/解除列表状态
+        const lines = editor.state.block.getLines().slice(start.line, end.line + 1);
+        const isBullet = lines.every(line => is.isBulletList(line.attributes));
+        // 计算需要操作的范围
+        const rawPoint = core.RawPoint.fromPoint(this.editor, core.Point.from(start.line, 0));
+        if (!rawPoint)
+            return void 0;
+        const block = this.editor.state.block;
+        const delta$1 = new delta.Delta();
+        delta$1.retain(rawPoint.offset);
+        // 根据行的状态, 逐行设置列表状态
+        for (let i = start.line; i <= end.line; i++) {
+            const lineState = block.getLine(i);
+            if (!lineState)
+                break;
+            delta$1.retain(lineState.length - 1);
+            const attrs = {
+                [bulletList_types_index.LIST_TYPE_KEY]: isBullet ? utils.NIL : bulletList_types_index.BULLET_LIST_TYPE,
+            };
+            if (!isBullet && lineState.attributes[indent_types_index.INDENT_LEVEL_KEY]) {
+                attrs[indent_types_index.INDENT_LEVEL_KEY] = lineState.attributes[indent_types_index.INDENT_LEVEL_KEY];
+            }
+            delta$1.retain(1, attrs);
+        }
+        this.editor.state.apply(delta$1, { autoCaret: false });
+    }
+    onKeyDown(event, context) {
+        const sel = this.editor.selection.get();
+        if (!sel)
+            return void 0;
+        const block = this.editor.state.block;
+        const startLine = block.getLine(sel.start.line);
+        if (!startLine)
+            return void 0;
+        const prevLine = startLine.prev();
+        const attrs = startLine.attributes;
+        // 当前行是列表行, 且按下回车键, 且选区折叠, 且当前行是空行
+        // => 处理列表的缩进等级
+        if (is$1.isKeyCode(event, utils.KEY_CODE.ENTER) &&
+            is.isBulletList(attrs) &&
+            sel.isCollapsed &&
+            is$1.isEmptyLine(startLine)) {
+            const level = Number(attrs[indent_types_index.INDENT_LEVEL_KEY]);
+            const nextAttrs = {};
+            if (level > 0) {
+                // 缩进等级大于 0, 则减少缩进等级
+                const nextLevel = level - 1 > 0 ? String(level - 1) : utils.NIL;
+                nextAttrs[indent_types_index.INDENT_LEVEL_KEY] = nextLevel;
+            }
+            else {
+                // 否则, 取消列表状态
+                nextAttrs[bulletList_types_index.LIST_TYPE_KEY] = utils.NIL;
+            }
+            const delta$1 = new delta.Delta().retain(startLine.start + startLine.length - 1).retain(1, nextAttrs);
+            this.editor.state.apply(delta$1, { autoCaret: false });
+            dom.preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是列表行, 且按下回车键, 且选区折叠, 且位于行首, 且上一行是列表行
+        // => 继续列表格式, 避免默认的处理, 保持列表的连续性
+        if (is$1.isKeyCode(event, utils.KEY_CODE.ENTER) &&
+            is.isBulletList(attrs) &&
+            sel.isCollapsed &&
+            sel.start.offset === 0 &&
+            prevLine &&
+            is.isBulletList(prevLine.attributes)) {
+            const nextAttrs = Object.assign({}, prevLine.attributes);
+            if (attrs[indent_types_index.INDENT_LEVEL_KEY]) {
+                // 缩进层级优先取当前行的缩进层级
+                nextAttrs[indent_types_index.INDENT_LEVEL_KEY] = attrs[indent_types_index.INDENT_LEVEL_KEY];
+            }
+            const delta$1 = new delta.Delta().retain(startLine.start).insertEOL(nextAttrs);
+            this.editor.state.apply(delta$1);
+            dom.preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是列表行, 且按下回车键
+        // => 在列表行内部插入换行符, 且携带列表状态
+        if (is$1.isKeyCode(event, utils.KEY_CODE.ENTER) && is.isBulletList(attrs) && sel.start.offset) {
+            this.editor.perform.insertBreak(sel, attrs);
+            dom.preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是列表行, 且折叠选区, 且在行首, 且按下退格键
+        // => 将当前行的列表状态移除, 保留缩进的等级
+        if (is$1.isKeyCode(event, utils.KEY_CODE.BACKSPACE) &&
+            sel.isCollapsed &&
+            is.isBulletList(attrs) &&
+            !sel.start.offset) {
+            const delta$1 = new delta.Delta()
+                .retain(startLine.start + startLine.length - 1)
+                .retain(1, { [bulletList_types_index.LIST_TYPE_KEY]: utils.NIL });
+            this.editor.state.apply(delta$1, { autoCaret: false });
+            dom.preventContextEvent(event, context);
+            return void 0;
+        }
+    }
+}
+tslib_es6.__decorate([
+    utils.Bind
+], BulletListPlugin.prototype, "onExec", null);
+tslib_es6.__decorate([
+    utils.Bind
+], BulletListPlugin.prototype, "onKeyDown", null);
+
+exports.BulletListPlugin = BulletListPlugin;

package/dist/lib/bullet-list/types/index.d.ts

@@ -0,0 +1,6 @@
+/** 无序列表插件标识 */
+export declare const BULLET_LIST_KEY = "bullet-list";
+/** 列表类型 key => 无序列表/有序列表 */
+export declare const LIST_TYPE_KEY = "list";
+/** 无序列表类型值 */
+export declare const BULLET_LIST_TYPE = "bullet";

package/dist/lib/bullet-list/types/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/** 无序列表插件标识 */
+const BULLET_LIST_KEY = "bullet-list";
+/** 列表类型 key => 无序列表/有序列表 */
+const LIST_TYPE_KEY = "list";
+/** 无序列表类型值 */
+const BULLET_LIST_TYPE = "bullet";
+
+exports.BULLET_LIST_KEY = BULLET_LIST_KEY;
+exports.BULLET_LIST_TYPE = BULLET_LIST_TYPE;
+exports.LIST_TYPE_KEY = LIST_TYPE_KEY;

package/dist/lib/bullet-list/utils/is.d.ts

@@ -0,0 +1,6 @@
+import type { AttributeMap } from "@block-kit/delta";
+/**
+ * 检查无序列表
+ * @param attrs
+ */
+export declare const isBulletList: (attrs: AttributeMap) => boolean;

package/dist/lib/bullet-list/view/list.d.ts

@@ -0,0 +1,9 @@
+import "../styles/index.scss";
+import type { Editor } from "@block-kit/core";
+import type { ReactLineContext } from "@block-kit/react";
+import type { FC } from "react";
+export declare const BulletListView: FC<{
+    context: ReactLineContext;
+    editor: Editor;
+    level: number;
+}>;

package/dist/lib/divider/index.d.ts

@@ -0,0 +1,17 @@
+import "./styles/index.scss";
+import type { CMDPayload, Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+import { SelectionPlugin } from "../shared/modules/selection";
+export declare class DividerPlugin extends EditorPlugin {
+    protected editor: Editor;
+    key: string;
+    selection: SelectionPlugin;
+    constructor(editor: Editor);
+    destroy(): void;
+    protected onExec(context: CMDPayload): undefined;
+    match(attrs: AttributeMap): boolean;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}

package/dist/lib/divider/index.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../tslib.es6-d44c9a95.js');
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@block-kit/core');
+var delta = require('@block-kit/delta');
+var react = require('@block-kit/react');
+var utils = require('@block-kit/utils');
+var selection = require('../selection-868f15c1.js');
+var is = require('../is-473d664a.js');
+var divider_types_index = require('./types/index.js');
+require('react');
+
+class DividerPlugin extends react.EditorPlugin {
+    constructor(editor) {
+        super();
+        this.editor = editor;
+        this.key = divider_types_index.DIVIDER_KEY;
+        this.selection = new selection.SelectionPlugin(editor);
+        editor.command.register(divider_types_index.DIVIDER_KEY, this.onExec);
+    }
+    destroy() {
+        this.selection.destroy();
+    }
+    onExec(context) {
+        const editor = this.editor;
+        const sel = editor.selection.get() || context.range;
+        const line = sel && editor.state.block.getLine(sel.start.line);
+        if (!sel || !line)
+            return void 0;
+        const isEmptyTextLine = is.isEmptyLine(line);
+        let nextLineIndex = line.index + 1;
+        const delta$1 = new delta.Delta();
+        if (isEmptyTextLine) {
+            // 当前选区为空行
+            delta$1.retain(line.start);
+        }
+        else {
+            // 移动选区到当前行最后
+            delta$1.retain(line.start + line.length);
+        }
+        delta$1.insert(" ", { [divider_types_index.DIVIDER_KEY]: utils.TRULY }).insertEOL();
+        if (!isEmptyTextLine) {
+            nextLineIndex++;
+            delta$1.insertEOL();
+        }
+        const point = new core.Point(nextLineIndex, 0);
+        editor.state.apply(delta$1, { autoCaret: false });
+        editor.selection.set(new core.Range(point, point.clone()));
+    }
+    match(attrs) {
+        return !!attrs[divider_types_index.DIVIDER_KEY];
+    }
+    renderLeaf(context) {
+        return (jsxRuntime.jsx(selection.SelectionHOC, { selection: this.selection, leaf: context.leafState, children: jsxRuntime.jsx(react.Void, { tag: "div", className: "block-kit-divider-container", context: context, children: jsxRuntime.jsx("div", { className: "block-kit-divider" }) }) }));
+    }
+}
+tslib_es6.__decorate([
+    utils.Bind
+], DividerPlugin.prototype, "onExec", null);
+
+exports.DividerPlugin = DividerPlugin;

package/dist/lib/divider/types/index.d.ts

@@ -0,0 +1 @@
+export declare const DIVIDER_KEY = "divider";

package/dist/lib/divider/types/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DIVIDER_KEY = "divider";
+
+exports.DIVIDER_KEY = DIVIDER_KEY;

package/dist/lib/dom-cb8b8e40.js

@@ -0,0 +1,50 @@
+'use strict';
+
+const EDITOR_TO_DOM = new WeakMap();
+/**
+ * 设置挂载 DOM
+ * @param editor
+ * @param dom
+ */
+const setMountDOM = (editor, dom) => {
+    EDITOR_TO_DOM.set(editor, dom);
+};
+/**
+ * 获取挂载 DOM
+ * @param editor
+ * @param dom
+ */
+const getMountDOM = (editor) => {
+    return EDITOR_TO_DOM.get(editor) || document.body;
+};
+/**
+ * 阻止所有编辑器分发的事件
+ * @param event
+ * @param context
+ */
+const preventContextEvent = (event, context) => {
+    context.stop();
+    context.prevent();
+    event.preventDefault();
+    event.stopPropagation();
+};
+/**
+ * 滚动到指定元素
+ * @param container
+ * @param child
+ */
+const scrollIfNeeded = (container, child, buffer = 0) => {
+    const rect = child.getBoundingClientRect();
+    const containerRect = container.getBoundingClientRect();
+    if (rect.bottom > containerRect.bottom) {
+        container.scrollTop = container.scrollTop + rect.bottom - containerRect.bottom + buffer;
+    }
+    else if (rect.top < containerRect.top) {
+        container.scrollTop = container.scrollTop - containerRect.top + rect.top - buffer;
+    }
+};
+
+exports.getMountDOM = getMountDOM;
+exports.preventContextEvent = preventContextEvent;
+exports.scrollIfNeeded = scrollIfNeeded;
+exports.setMountDOM = setMountDOM;

package/dist/lib/emoji/index.d.ts

@@ -0,0 +1,16 @@
+import "./styles/index.scss";
+import type { CMDPayload } from "@block-kit/core";
+import type { Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+export declare class EmojiPlugin extends EditorPlugin {
+    protected editor: Editor;
+    key: string;
+    constructor(editor: Editor);
+    destroy(): void;
+    match(attrs: AttributeMap): boolean;
+    onExec(payload: CMDPayload): undefined;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}

package/dist/lib/emoji/index.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../tslib.es6-d44c9a95.js');
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@block-kit/core');
+var delta = require('@block-kit/delta');
+var react = require('@block-kit/react');
+var utils = require('@block-kit/utils');
+var data = require('@emoji-mart/data');
+var emojiMart = require('emoji-mart');
+var emoji_types_index = require('./types/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var data__default = /*#__PURE__*/_interopDefaultLegacy(data);
+
+class EmojiPlugin extends react.EditorPlugin {
+    constructor(editor) {
+        super();
+        this.editor = editor;
+        this.key = emoji_types_index.EMOJI_KEY;
+        emojiMart.init({ data: data__default["default"] });
+        editor.command.register(emoji_types_index.EMOJI_KEY, this.onExec);
+    }
+    destroy() { }
+    match(attrs) {
+        return !!attrs[emoji_types_index.EMOJI_KEY];
+    }
+    onExec(payload) {
+        const editor = this.editor;
+        const sel = payload.range || editor.selection.get();
+        if (!sel)
+            return void 0;
+        const value = payload.value;
+        const delta$1 = new delta.Delta();
+        const raw = core.RawRange.fromRange(editor, sel);
+        if (!raw)
+            return void 0;
+        delta$1
+            .retain(raw.start)
+            .delete(raw.len)
+            .insert(" ", { [emoji_types_index.EMOJI_KEY]: value });
+        editor.state.apply(delta$1);
+    }
+    renderLeaf(context) {
+        const attrs = context.attributes || {};
+        const id = attrs[emoji_types_index.EMOJI_KEY];
+        if (!id)
+            return context.children;
+        return (jsxRuntime.jsx(react.Embed, { className: "block-kit-emoji", context: context, children: jsxRuntime.jsx("em-emoji", { id: id }) }));
+    }
+}
+tslib_es6.__decorate([
+    utils.Bind
+], EmojiPlugin.prototype, "onExec", null);
+
+exports.EmojiPlugin = EmojiPlugin;

package/dist/lib/emoji/types/index.d.ts

@@ -0,0 +1 @@
+export declare const EMOJI_KEY = "emoji";

package/dist/lib/emoji/types/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const EMOJI_KEY = "emoji";
+
+exports.EMOJI_KEY = EMOJI_KEY;

package/dist/lib/font-color/index.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+export declare class FontColorPlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}

package/dist/lib/font-color/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@block-kit/react');
+var fontColor_types_index = require('./types/index.js');
+
+class FontColorPlugin extends react.EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = fontColor_types_index.FONT_COLOR_KEY;
+        editor.command.register(fontColor_types_index.FONT_COLOR_KEY, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyMarks(sel, { [fontColor_types_index.FONT_COLOR_KEY]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[fontColor_types_index.FONT_COLOR_KEY];
+    }
+    renderLeaf(context) {
+        const attrs = context.attributes || {};
+        const color = attrs[fontColor_types_index.FONT_COLOR_KEY];
+        if (color) {
+            context.style.color = color;
+        }
+        return context.children;
+    }
+}
+
+exports.FontColorPlugin = FontColorPlugin;

package/dist/lib/font-color/types/index.d.ts

@@ -0,0 +1 @@
+export declare const FONT_COLOR_KEY = "color";

package/dist/lib/font-color/types/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const FONT_COLOR_KEY = "color";
+
+exports.FONT_COLOR_KEY = FONT_COLOR_KEY;

package/dist/lib/font-size/index.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+export declare class FontSizePlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}