@block-kit/plugin 1.0.0

package/dist/es/inline-code/index.d.ts

@@ -0,0 +1,14 @@
+import "./styles/index.scss";
+import type { Editor, SerializeContext } 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 InlineCodePlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    serialize(context: SerializeContext): SerializeContext;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}

package/dist/es/inline-code/index.js

@@ -0,0 +1,46 @@
+import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { Priority } from '@block-kit/core';
+import { EditorPlugin } from '@block-kit/react';
+import { INLINE_CODE } from './types/index.js';
+
+class InlineCodePlugin extends EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = INLINE_CODE;
+        editor.command.register(INLINE_CODE, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyMarks(sel, { [INLINE_CODE]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[INLINE_CODE];
+    }
+    serialize(context) {
+        const { op, html } = context;
+        if (op.attributes && op.attributes[INLINE_CODE]) {
+            const strong = document.createElement("code");
+            strong.appendChild(html);
+            context.html = strong;
+        }
+        return context;
+    }
+    renderLeaf(context) {
+        const leaf = context.leafState;
+        const prev = leaf.prev(false);
+        const next = leaf.next(false);
+        if (!prev || !prev.op.attributes || !prev.op.attributes[INLINE_CODE]) {
+            context.classList.push("block-kit-inline-code-start");
+        }
+        context.classList.push("block-kit-inline-code");
+        if (!next || !next.op.attributes || !next.op.attributes[INLINE_CODE]) {
+            context.classList.push("block-kit-inline-code-end");
+        }
+        return context.children;
+    }
+}
+__decorate([
+    Priority(100)
+], InlineCodePlugin.prototype, "renderLeaf", null);
+
+export { InlineCodePlugin };

package/dist/es/inline-code/types/index.d.ts

@@ -0,0 +1 @@
+export declare const INLINE_CODE = "inline-code";

package/dist/es/inline-code/types/index.js

@@ -0,0 +1,3 @@
+const INLINE_CODE = "inline-code";
+
+export { INLINE_CODE };

package/dist/es/is-2b264ec8.js

@@ -0,0 +1,11 @@
+import { LIST_TYPE_KEY, BULLET_LIST_TYPE } from './bullet-list/types/index.js';
+
+/**
+ * 检查无序列表
+ * @param attrs
+ */
+const isBulletList = (attrs) => {
+    return attrs[LIST_TYPE_KEY] === BULLET_LIST_TYPE;
+};
+
+export { isBulletList as i };

package/dist/es/is-3de778e2.js

@@ -0,0 +1,15 @@
+import { isEOLOp } from '@block-kit/delta';
+
+const isEmptyLine = (line) => {
+    if (!line)
+        return true;
+    const lastLeaf = line.getLastLeaf();
+    const leaves = line.getLeaves();
+    // 没有最后的叶子结点, 或者仅单个节点且最后的叶子结点是换行符
+    return !lastLeaf || (leaves.length === 1 && isEOLOp(lastLeaf.op));
+};
+const isKeyCode = (event, code) => {
+    return event.keyCode === code;
+};
+
+export { isKeyCode as a, isEmptyLine as i };

package/dist/es/is-7f3ae820.js

@@ -0,0 +1,12 @@
+import { LIST_TYPE_KEY } from './bullet-list/types/index.js';
+import { ORDER_LIST_TYPE } from './order-list/types/index.js';
+
+/**
+ * 检查有序列表
+ * @param attrs
+ */
+const isOrderList = (attrs) => {
+    return attrs[LIST_TYPE_KEY] === ORDER_LIST_TYPE;
+};
+
+export { isOrderList as i };

package/dist/es/italic/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 ItalicPlugin 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/es/italic/index.js

@@ -0,0 +1,43 @@
+import { isMatchHTMLTag, applyMarker } from '@block-kit/core';
+import { EditorPlugin } from '@block-kit/react';
+import { isHTMLElement, TRULY } from '@block-kit/utils';
+import { ITALIC_KEY } from './types/index.js';
+
+class ItalicPlugin extends EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = ITALIC_KEY;
+        editor.command.register(ITALIC_KEY, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyMarks(sel, { [ITALIC_KEY]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[ITALIC_KEY];
+    }
+    serialize(context) {
+        const { op, html } = context;
+        if (op.attributes && op.attributes[ITALIC_KEY]) {
+            const strong = document.createElement("em");
+            strong.appendChild(html);
+            context.html = strong;
+        }
+        return context;
+    }
+    deserialize(context) {
+        const { delta, html } = context;
+        if (!isHTMLElement(html))
+            return context;
+        if (isMatchHTMLTag(html, "em") || html.style.fontStyle === "italic") {
+            applyMarker(delta, { [ITALIC_KEY]: TRULY });
+        }
+        return context;
+    }
+    renderLeaf(context) {
+        context.style.fontStyle = "italic";
+        return context.children;
+    }
+}
+
+export { ItalicPlugin };

package/dist/es/italic/types/index.d.ts

@@ -0,0 +1 @@
+export declare const ITALIC_KEY = "italic";

package/dist/es/italic/types/index.js

@@ -0,0 +1,3 @@
+const ITALIC_KEY = "italic";
+
+export { ITALIC_KEY };

package/dist/es/line-height/index.d.ts

@@ -0,0 +1,12 @@
+import type { 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 { ReactNode } from "react";
+export declare class LineHeightPlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    renderLine(context: ReactLineContext): ReactNode;
+}

package/dist/es/line-height/index.js

@@ -0,0 +1,25 @@
+import { EditorPlugin } from '@block-kit/react';
+import { LINE_HEIGHT_KEY } from './types/index.js';
+
+class LineHeightPlugin extends EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = LINE_HEIGHT_KEY;
+        editor.command.register(LINE_HEIGHT_KEY, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyLineMarks(sel, { [LINE_HEIGHT_KEY]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[LINE_HEIGHT_KEY];
+    }
+    renderLine(context) {
+        const attrs = context.attributes || {};
+        const height = attrs[LINE_HEIGHT_KEY];
+        context.style.lineHeight = height;
+        return context.children;
+    }
+}
+
+export { LineHeightPlugin };

package/dist/es/line-height/types/index.d.ts

@@ -0,0 +1 @@
+export declare const LINE_HEIGHT_KEY = "line-height";

package/dist/es/line-height/types/index.js

@@ -0,0 +1,3 @@
+const LINE_HEIGHT_KEY = "line-height";
+
+export { LINE_HEIGHT_KEY };

package/dist/es/link/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { Editor } from "@block-kit/core";
+import type { CMDPayload } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext, ReactWrapLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+export declare class LinkPlugin extends EditorPlugin {
+    protected editor: Editor;
+    key: string;
+    protected modal: HTMLDivElement | null;
+    constructor(editor: Editor);
+    destroy(): void;
+    match(attrs: AttributeMap): boolean;
+    wrapLeaf(context: ReactWrapLeafContext): React.ReactNode;
+    renderLeaf(context: ReactLeafContext): React.ReactNode;
+    onExec(payload: CMDPayload): undefined;
+}

package/dist/es/link/index.js

@@ -0,0 +1,64 @@
+import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { jsx } from 'react/jsx-runtime';
+import { useReadonly, InjectWrapKeys, EditorPlugin } from '@block-kit/react';
+import { CTRL_KEY, Bind } from '@block-kit/utils';
+import { LINK_KEY, LINK_BLANK_KEY, LINK_TEMP_KEY } from './types/index.js';
+import '@block-kit/core';
+
+const A = props => {
+    const { attrs } = props;
+    const { readonly } = useReadonly();
+    const href = attrs[LINK_KEY];
+    const target = attrs[LINK_BLANK_KEY] ? "_blank" : "_self";
+    const onClick = (e) => {
+        e[CTRL_KEY] && window.open(href, "_blank");
+        e.preventDefault();
+    };
+    return (jsx("a", { href: href, target: target, rel: "noreferrer", className: "block-kit-hyper-link", onClick: readonly ? void 0 : onClick, children: props.children }));
+};
+
+class LinkPlugin extends EditorPlugin {
+    constructor(editor) {
+        super();
+        this.editor = editor;
+        this.key = LINK_KEY;
+        this.modal = null;
+        editor.command.register(this.key, this.onExec);
+    }
+    destroy() {
+        this.modal && this.modal.remove();
+        this.modal = null;
+    }
+    match(attrs) {
+        return !!attrs[LINK_KEY] || !!attrs[LINK_TEMP_KEY];
+    }
+    wrapLeaf(context) {
+        const state = context.leafState;
+        const attrs = state.op.attributes || {};
+        const href = attrs[LINK_KEY];
+        if (!href)
+            return context.children;
+        return jsx(A, { attrs: attrs, children: context.children });
+    }
+    renderLeaf(context) {
+        const attrs = context.attributes;
+        if (attrs && attrs[LINK_TEMP_KEY]) {
+            context.style.backgroundColor = "rgba(0, 0, 0, 0.1)";
+        }
+        return context.children;
+    }
+    onExec(payload) {
+        const range = this.editor.selection.get() || payload.range;
+        const attrs = payload.attrs;
+        if (!range || attrs)
+            return void 0;
+    }
+}
+__decorate([
+    InjectWrapKeys(LINK_KEY)
+], LinkPlugin.prototype, "wrapLeaf", null);
+__decorate([
+    Bind
+], LinkPlugin.prototype, "onExec", null);
+
+export { LinkPlugin };

package/dist/es/link/types/index.d.ts

@@ -0,0 +1,3 @@
+export declare const LINK_KEY = "link";
+export declare const LINK_BLANK_KEY = "link-blank";
+export declare const LINK_TEMP_KEY: string;

package/dist/es/link/types/index.js

@@ -0,0 +1,7 @@
+import { CLIENT_KEY } from '@block-kit/core';
+
+const LINK_KEY = "link";
+const LINK_BLANK_KEY = "link-blank";
+const LINK_TEMP_KEY = CLIENT_KEY + "temp-link";
+
+export { LINK_BLANK_KEY, LINK_KEY, LINK_TEMP_KEY };

package/dist/es/link/view/a.d.ts

@@ -0,0 +1,6 @@
+import "../styles/index.scss";
+import type { AttributeMap } from "@block-kit/delta";
+import type { FC } from "react";
+export declare const A: FC<{
+    attrs: AttributeMap;
+}>;

package/dist/es/marks-ac0ec630.js

@@ -0,0 +1,46 @@
+const PLUGIN_EVENTS = {
+    SHORTCUT_MARKS_CHANGE: "SHORTCUT_MARKS_CHANGE",
+};
+
+const filterMarkMap = (ops) => {
+    const firstOp = ops[0];
+    if (!firstOp || !firstOp.attributes)
+        return {};
+    // FIX: 取首个对象会被 immutable 的设计影响
+    // 因此这里必须要将其 clone, 否则会影响渲染的内容
+    const target = Object.assign({}, firstOp.attributes);
+    // 全部存在且相同的属性才认为是此时存在的 mark
+    for (let i = 1; i < ops.length; i++) {
+        const op = ops[i];
+        const attrs = op.attributes;
+        const keys = attrs && Object.keys(attrs);
+        if (!keys || !keys.length)
+            return {};
+        for (const key of keys) {
+            if (attrs[key] !== target[key]) {
+                delete target[key];
+            }
+        }
+    }
+    return target;
+};
+const filterLineMarkMap = (attrs) => {
+    if (!attrs.length)
+        return {};
+    // FIX: 取首个对象会被 immutable 的设计影响
+    // 因此这里必须要将其 clone, 否则会影响渲染的内容
+    const target = Object.assign({}, attrs[0]);
+    for (let i = 1; i < attrs.length; i++) {
+        const keys = Object.keys(attrs[i]);
+        if (!keys || !keys.length)
+            return {};
+        for (const key of keys) {
+            if (attrs[i][key] !== target[key]) {
+                delete target[key];
+            }
+        }
+    }
+    return target;
+};
+
+export { PLUGIN_EVENTS as P, filterMarkMap as a, filterLineMarkMap as f };

package/dist/es/mention/index.d.ts

@@ -0,0 +1,16 @@
+import "./styles/index.scss";
+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";
+import { SuggestModule } from "./modules/suggest";
+export declare class MentionPlugin extends EditorPlugin {
+    protected editor: Editor;
+    key: string;
+    protected suggest: SuggestModule;
+    constructor(editor: Editor);
+    destroy(): void;
+    match(attrs: AttributeMap): boolean;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}

package/dist/es/mention/index.js

@@ -0,0 +1,13 @@
+import 'react/jsx-runtime';
+import '@block-kit/react';
+export { M as MentionPlugin } from '../index-1e46887d.js';
+import './types/index.js';
+import '../tslib.es6-83956cc1.js';
+import '@block-kit/core';
+import '@block-kit/delta';
+import '@block-kit/utils';
+import 'react-dom';
+import '../dom-71a99400.js';
+import '../is-3de778e2.js';
+import '@block-kit/utils/dist/es/hooks';
+import 'react';

package/dist/es/mention/modules/suggest.d.ts

@@ -0,0 +1,18 @@
+import type { Editor, SelectionChangeEvent } from "@block-kit/core";
+import { Point } from "@block-kit/core";
+export declare class SuggestModule {
+    editor: Editor;
+    point: Point;
+    isMountSuggest: boolean;
+    mountSuggestNode: HTMLElement | null;
+    rect: {
+        top: number;
+        left: number;
+    } | null;
+    constructor(editor: Editor);
+    destroy(): void;
+    onKeydown(event: KeyboardEvent): void;
+    onSelectionChange(event: SelectionChangeEvent): void;
+    mountSuggestPanel(text?: string): undefined;
+    unmountSuggestPanel(): void;
+}

package/dist/es/mention/types/index.d.ts

@@ -0,0 +1,2 @@
+export declare const MENTION_KEY = "mention";
+export declare const MENTION_NAME = "name";

package/dist/es/mention/types/index.js

@@ -0,0 +1,4 @@
+const MENTION_KEY = "mention";
+const MENTION_NAME = "name";
+
+export { MENTION_KEY, MENTION_NAME };

package/dist/es/mention/utils/constant.d.ts

@@ -0,0 +1,2 @@
+export declare const SUGGEST_OFFSET = 5;
+export declare const DATA: string[];

package/dist/es/mention/view/suggest.d.ts

@@ -0,0 +1,9 @@
+import "../styles/suggest.scss";
+import type { FC } from "react";
+import type { SuggestModule } from "../modules/suggest";
+export declare const Suggest: FC<{
+    top: number;
+    left: number;
+    text: string;
+    controller: SuggestModule;
+}>;

package/dist/es/order-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 OrderListPlugin 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;
+}