@milkdown/preset-gfm 5.2.0 → 5.3.2

package/src/table/operator-plugin/widget.ts

@@ -0,0 +1,66 @@
+/* Copyright 2021, Milkdown by Mirone. */
+
+import { Ctx, themeToolCtx } from '@milkdown/core';
+import { Decoration, WidgetDecorationSpec } from '@milkdown/prose';
+
+import { CellPos, selectLine, selectTable } from '../utils';
+import { ToolTipPos } from './constant';
+
+const calculateClassName = (pos: ToolTipPos) => {
+    switch (pos) {
+        case ToolTipPos.Left: {
+            return 'milkdown-cell-left';
+        }
+        case ToolTipPos.Top: {
+            return 'milkdown-cell-top';
+        }
+        case ToolTipPos.Point:
+        default: {
+            return 'milkdown-cell-point';
+        }
+    }
+};
+
+export function createWidget(ctx: Ctx, cell: CellPos, pos: ToolTipPos.Point): Decoration<WidgetDecorationSpec>;
+export function createWidget(
+    ctx: Ctx,
+    cell: CellPos,
+    pos: ToolTipPos.Left,
+    index: number,
+): Decoration<WidgetDecorationSpec>;
+export function createWidget(
+    ctx: Ctx,
+    cell: CellPos,
+    pos: ToolTipPos.Top,
+    index: number,
+): Decoration<WidgetDecorationSpec>;
+export function createWidget(ctx: Ctx, cell: CellPos, pos: ToolTipPos, index = 0) {
+    const widget = Decoration.widget(cell.pos + 1, (view) => {
+        const div = document.createElement('div');
+        div.classList.add(calculateClassName(pos));
+        if (pos === ToolTipPos.Point) {
+            div.appendChild(ctx.get(themeToolCtx).slots.icon('select'));
+        }
+        div.addEventListener('mousedown', (e) => {
+            if (!view) return;
+
+            e.preventDefault();
+            switch (pos) {
+                case ToolTipPos.Point: {
+                    view.dispatch(selectTable(view.state.tr));
+                    return;
+                }
+                case ToolTipPos.Left: {
+                    view.dispatch(selectLine('row')(index)(view.state.tr));
+                    return;
+                }
+                case ToolTipPos.Top: {
+                    view.dispatch(selectLine('col')(index)(view.state.tr));
+                    return;
+                }
+            }
+        });
+        return div;
+    });
+    return widget;
+}

package/src/table/utils.ts

@@ -0,0 +1,158 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import {
+    CellSelection,
+    cloneTr,
+    findParentNode,
+    Node as ProsemirrorNode,
+    Schema,
+    Selection,
+    TableMap,
+    tableNodeTypes,
+    TableRect,
+    Transaction,
+} from '@milkdown/prose';
+
+export type CellPos = {
+    pos: number;
+    start: number;
+    node: ProsemirrorNode;
+};
+
+export const findTable = (selection: Selection) =>
+    findParentNode((node) => node.type.spec.tableRole === 'table')(selection);
+
+export const getCellsInColumn =
+    (columnIndex: number) =>
+    (selection: Selection): CellPos[] | undefined => {
+        const table = findTable(selection);
+        if (!table) return undefined;
+        const map = TableMap.get(table.node);
+        if (columnIndex < 0 || columnIndex >= map.width) {
+            return undefined;
+        }
+
+        return map.cellsInRect({ left: columnIndex, right: columnIndex + 1, top: 0, bottom: map.height }).map((pos) => {
+            const node = table.node.nodeAt(pos);
+            if (!node) throw new Error();
+            const start = pos + table.start;
+            return {
+                pos: start,
+                start: start + 1,
+                node,
+            };
+        });
+    };
+
+export const getCellsInRow =
+    (rowIndex: number) =>
+    (selection: Selection): CellPos[] | undefined => {
+        const table = findTable(selection);
+        if (!table) return undefined;
+        const map = TableMap.get(table.node);
+        if (rowIndex < 0 || rowIndex >= map.height) {
+            return undefined;
+        }
+
+        return map.cellsInRect({ left: 0, right: map.width, top: rowIndex, bottom: rowIndex + 1 }).map((pos) => {
+            const node = table.node.nodeAt(pos);
+            if (!node) throw new Error();
+            const start = pos + table.start;
+            return {
+                pos: start,
+                start: start + 1,
+                node,
+            };
+        });
+    };
+
+export const createTable = (schema: Schema, rowsCount = 3, colsCount = 3) => {
+    const { cell: tableCell, header_cell: tableHeader, row: tableRow, table } = tableNodeTypes(schema);
+
+    const cells = Array(colsCount)
+        .fill(0)
+        .map(() => tableCell.createAndFill(null) as ProsemirrorNode);
+
+    const headerCells = Array(colsCount)
+        .fill(0)
+        .map(() => tableHeader.createAndFill(null) as ProsemirrorNode);
+
+    const rows = Array(rowsCount)
+        .fill(0)
+        .map((_, i) => tableRow.create(null, i === 0 ? headerCells : cells));
+
+    return table.create(null, rows);
+};
+
+export const selectLine = (type: 'row' | 'col') => (index: number) => (tr: Transaction) => {
+    const table = findTable(tr.selection);
+    const isRowSelection = type === 'row';
+    if (table) {
+        const map = TableMap.get(table.node);
+
+        // Check if the index is valid
+        if (index >= 0 && index < (isRowSelection ? map.height : map.width)) {
+            const lastCell = map.positionAt(
+                isRowSelection ? index : map.height - 1,
+                isRowSelection ? map.width - 1 : index,
+                table.node,
+            );
+            const $lastCell = tr.doc.resolve(table.start + lastCell);
+
+            const createCellSelection = isRowSelection ? CellSelection.rowSelection : CellSelection.colSelection;
+
+            const firstCell = map.positionAt(isRowSelection ? index : 0, isRowSelection ? 0 : index, table.node);
+            const $firstCell = tr.doc.resolve(table.start + firstCell);
+            return cloneTr(tr.setSelection(createCellSelection($lastCell, $firstCell) as unknown as Selection));
+        }
+    }
+    return tr;
+};
+
+export const getCellsInTable = (selection: Selection) => {
+    const table = findTable(selection);
+    if (!table) {
+        return;
+    }
+    const map = TableMap.get(table.node);
+    const cells = map.cellsInRect({
+        left: 0,
+        right: map.width,
+        top: 0,
+        bottom: map.height,
+    });
+    return cells.map((nodePos) => {
+        const node = table.node.nodeAt(nodePos);
+        const pos = nodePos + table.start;
+        return { pos, start: pos + 1, node };
+    });
+};
+
+export const selectTable = (tr: Transaction) => {
+    const cells = getCellsInTable(tr.selection);
+    if (cells) {
+        const $firstCell = tr.doc.resolve(cells[0].pos);
+        const $lastCell = tr.doc.resolve(cells[cells.length - 1].pos);
+        return cloneTr(tr.setSelection(new CellSelection($lastCell, $firstCell) as unknown as Selection));
+    }
+    return tr;
+};
+
+export function addRowWithAlignment(tr: Transaction, { map, tableStart, table }: TableRect, row: number) {
+    const rowPos = Array(row)
+        .fill(0)
+        .reduce((acc, _, i) => {
+            return acc + table.child(i).nodeSize;
+        }, tableStart);
+
+    const { cell: cellType, row: rowType } = tableNodeTypes(table.type.schema);
+
+    const cells = Array(map.width)
+        .fill(0)
+        .map((_, col) => {
+            const headerCol = table.nodeAt(map.map[col]);
+            return cellType.createAndFill({ alignment: headerCol?.attrs.alignment }) as ProsemirrorNode;
+        });
+
+    tr.insert(rowPos, rowType.create(null, cells));
+    return tr;
+}

package/src/task-list-item.ts

@@ -2,9 +2,8 @@
 import { css } from '@emotion/css';
 import { createCmd, createCmdKey, themeToolCtx } from '@milkdown/core';
 import type { Icon } from '@milkdown/design-system';
-import { wrapIn, wrappingInputRule } from '@milkdown/prose';
+import { liftListItem, sinkListItem, splitListItem, wrapIn, wrappingInputRule } from '@milkdown/prose';
 import { createNode, createShortcut } from '@milkdown/utils';
-import { liftListItem, sinkListItem, splitListItem } from 'prosemirror-schema-list';
 
 import { SupportedKeys } from './supported-keys';
 
@@ -80,13 +79,14 @@ export const taskListItem = createNode<Keys>((utils) => {
             },
             parseDOM: [
                 {
-                    tag: 'li[data-type="task-list-item"]',
+                    tag: 'li[data-type="task-item"]',
                     getAttrs: (dom) => {
                         if (!(dom instanceof HTMLElement)) {
                             throw new Error();
                         }
                         return { checked: dom.dataset.checked === 'true' };
                     },
+                    priority: 60,
                 },
             ],
             toDOM: (node) => [

package/lib/auto-link.js

@@ -1,19 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { InputRule, inputRules } from '@milkdown/prose';
-import { createPlugin } from '@milkdown/utils';
-const urlRegex = /(https?:\/\/)?www\.[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z]{2,}\b(?:[-a-zA-Z0-9@:%._+~#=?!&/]*)(?:[-a-zA-Z0-9@:%._+~#=?!&/]*)$/;
-const proseUrlPlugin = () => inputRules({
-    rules: [
-        new InputRule(urlRegex, (state, match, start, end) => {
-            const { schema } = state;
-            const [text] = match;
-            if (!text)
-                return null;
-            return state.tr
-                .replaceWith(start, end, schema.text(text))
-                .addMark(start, text.length + start, schema.marks.link.create({ href: text.startsWith('www') ? `https://${text}` : text }));
-        }),
-    ],
-});
-export const urlPlugin = createPlugin(() => ({ prosePlugins: () => [proseUrlPlugin()] }));
-//# sourceMappingURL=auto-link.js.map

package/lib/auto-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-link.js","sourceRoot":"","sources":["../src/auto-link.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,QAAQ,GACV,8HAA8H,CAAC;AAEnI,MAAM,cAAc,GAAG,GAAG,EAAE,CACxB,UAAU,CAAC;IACP,KAAK,EAAE;QACH,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;YACjD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;YACzB,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC;YAEvB,OAAO,KAAK,CAAC,EAAE;iBACV,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC1C,OAAO,CACJ,KAAK,EACL,IAAI,CAAC,MAAM,GAAG,KAAK,EACnB,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CACxF,CAAC;QACV,CAAC,CAAC;KACL;CACJ,CAAC,CAAC;AAEP,MAAM,CAAC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/lib/index.js

@@ -1,29 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { tablePlugin } from '@milkdown/plugin-table';
-import { commands as commonmarkCommands, commonmark } from '@milkdown/preset-commonmark';
-import { AtomList } from '@milkdown/utils';
-import { urlPlugin } from './auto-link';
-import { strikeThrough, ToggleStrikeThrough } from './strike-through';
-import { LiftTaskListItem, SinkTaskListItem, SplitTaskListItem, taskListItem, TurnIntoTaskList, } from './task-list-item';
-export * from './strike-through';
-export { SupportedKeys } from './supported-keys';
-export * from './task-list-item';
-export { BreakTable, 
-// command
-createTable, InsertTable, NextCell, PrevCell, 
-// gather
-table, tablePlugin, } from '@milkdown/plugin-table';
-export { blockquote, bulletList, codeFence, codeInline, commonmark, 
-// gather
-commonmarkNodes, commonmarkPlugins, 
-// node
-doc, em, hardbreak, heading, hr, image, 
-// command
-InsertHardbreak, InsertHr, InsertImage, LiftListItem, link, listItem, ModifyImage, ModifyLink, orderedList, paragraph, SinkListItem, SplitListItem, strong, text, ToggleBold, ToggleInlineCode, ToggleItalic, ToggleLink, TurnIntoCodeFence, TurnIntoHeading, TurnIntoText, WrapInBlockquote, WrapInBulletList, WrapInOrderedList, } from '@milkdown/preset-commonmark';
-export const gfm = AtomList.create([...commonmark, tablePlugin(), urlPlugin(), strikeThrough(), taskListItem()]);
-export const commands = Object.assign(Object.assign({}, commonmarkCommands), { ToggleStrikeThrough,
-    TurnIntoTaskList,
-    SinkTaskListItem,
-    LiftTaskListItem,
-    SplitTaskListItem });
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EACH,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GACnB,MAAM,kBAAkB,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EACH,UAAU;AACV,UAAU;AACV,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ;AACR,SAAS;AACT,KAAK,EACL,WAAW,GACd,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACH,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU;AACV,SAAS;AACT,eAAe,EACf,iBAAiB;AACjB,OAAO;AACP,GAAG,EACH,EAAE,EACF,SAAS,EACT,OAAO,EACP,EAAE,EACF,KAAK;AACL,UAAU;AACV,eAAe,EACf,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,EACb,MAAM,EACN,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GACpB,MAAM,6BAA6B,CAAC;AAErC,MAAM,CAAC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,UAAU,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,EAAE,aAAa,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;AAEjH,MAAM,CAAC,MAAM,QAAQ,GAAG,gCACjB,kBAAkB,KACrB,mBAAmB;IACnB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB,GACX,CAAC"}

package/lib/strike-through.js

@@ -1,46 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { css } from '@emotion/css';
-import { createCmd, createCmdKey } from '@milkdown/core';
-import { markRule, toggleMark } from '@milkdown/prose';
-import { createMark, createShortcut } from '@milkdown/utils';
-import { SupportedKeys } from './supported-keys';
-export const ToggleStrikeThrough = createCmdKey();
-export const strikeThrough = createMark((utils) => {
-    const id = 'strike_through';
-    const style = utils.getStyle((themeTool) => css `
-                text-decoration-color: ${themeTool.palette('secondary')};
-            `);
-    return {
-        id,
-        schema: () => ({
-            parseDOM: [
-                { tag: 'del' },
-                { style: 'text-decoration', getAttrs: (value) => (value === 'line-through') },
-            ],
-            toDOM: (mark) => ['del', { class: utils.getClassName(mark.attrs, 'strike-through', style) }],
-            parseMarkdown: {
-                match: (node) => node.type === 'delete',
-                runner: (state, node, markType) => {
-                    state.openMark(markType);
-                    state.next(node.children);
-                    state.closeMark(markType);
-                },
-            },
-            toMarkdown: {
-                match: (mark) => mark.type.name === id,
-                runner: (state, mark) => {
-                    state.withMark(mark, 'delete');
-                },
-            },
-        }),
-        inputRules: (markType) => [
-            markRule(/(?:~~)([^~]+)(?:~~)$/, markType),
-            markRule(/(?:^|[^~])(~([^~]+)~)$/, markType),
-        ],
-        commands: (markType) => [createCmd(ToggleStrikeThrough, () => toggleMark(markType))],
-        shortcuts: {
-            [SupportedKeys.StrikeThrough]: createShortcut(ToggleStrikeThrough, 'Mod-Alt-x'),
-        },
-    };
-});
-//# sourceMappingURL=strike-through.js.map

package/lib/strike-through.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"strike-through.js","sourceRoot":"","sources":["../src/strike-through.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,YAAY,EAAE,CAAC;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAO,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,GAAG,gBAAgB,CAAC;IAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CACxB,CAAC,SAAS,EAAE,EAAE,CACV,GAAG,CAAA;yCAC0B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;aAC1D,CACR,CAAC;IAEF,OAAO;QACH,EAAE;QACF,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YACX,QAAQ,EAAE;gBACN,EAAE,GAAG,EAAE,KAAK,EAAE;gBACd,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,cAAc,CAAU,EAAE;aACzF;YACD,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;YAC5F,aAAa,EAAE;gBACX,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACvC,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;oBAC9B,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;oBACzB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBAC1B,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gBAC9B,CAAC;aACJ;YACD,UAAU,EAAE;gBACR,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE;gBACtC,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;oBACpB,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBACnC,CAAC;aACJ;SACJ,CAAC;QACF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;YACtB,QAAQ,CAAC,sBAAsB,EAAE,QAAQ,CAAC;YAC1C,QAAQ,CAAC,wBAAwB,EAAE,QAAQ,CAAC;SAC/C;QACD,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QACpF,SAAS,EAAE;YACP,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,cAAc,CAAC,mBAAmB,EAAE,WAAW,CAAC;SAClF;KACJ,CAAC;AACN,CAAC,CAAC,CAAC"}

package/lib/supported-keys.js

@@ -1,5 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { SupportedKeys as TableKeys } from '@milkdown/plugin-table';
-import { SupportedKeys as CommonmarkKeys } from '@milkdown/preset-commonmark';
-export const SupportedKeys = Object.assign(Object.assign(Object.assign({}, CommonmarkKeys), TableKeys), { StrikeThrough: 'StrikeThrough', TaskList: 'TaskList' });
-//# sourceMappingURL=supported-keys.js.map

package/lib/supported-keys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"supported-keys.js","sourceRoot":"","sources":["../src/supported-keys.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,aAAa,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,aAAa,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,CAAC,MAAM,aAAa,GAAG,8CACtB,cAAc,GACd,SAAS,KACZ,aAAa,EAAE,eAAe,EAC9B,QAAQ,EAAE,UAAU,GACd,CAAC"}

package/lib/task-list-item.js

@@ -1,195 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { css } from '@emotion/css';
-import { createCmd, createCmdKey, themeToolCtx } from '@milkdown/core';
-import { wrapIn, wrappingInputRule } from '@milkdown/prose';
-import { createNode, createShortcut } from '@milkdown/utils';
-import { liftListItem, sinkListItem, splitListItem } from 'prosemirror-schema-list';
-import { SupportedKeys } from './supported-keys';
-export const SplitTaskListItem = createCmdKey();
-export const SinkTaskListItem = createCmdKey();
-export const LiftTaskListItem = createCmdKey();
-export const TurnIntoTaskList = createCmdKey();
-export const taskListItem = createNode((utils) => {
-    const id = 'task_list_item';
-    const style = utils.getStyle(({ palette, size }) => css `
-                list-style-type: none;
-                position: relative;
-
-                & > div {
-                    overflow: hidden;
-                    padding: 0 2px;
-                }
-
-                label {
-                    position: absolute;
-                    top: 0;
-                    left: -2rem;
-                    display: inline-block;
-                    width: 1.5rem;
-                    height: 1.5rem;
-                    margin: 0.5rem 0;
-                    input {
-                        visibility: hidden;
-                    }
-                }
-                label:before {
-                    position: absolute;
-                    top: 0;
-                    right: 0;
-                    bottom: 0;
-                    left: 0;
-                    border-radius: ${size.radius};
-                }
-                label:hover:before {
-                    background: ${palette('background')};
-                }
-                &[data-checked='true'] {
-                    label {
-                        color: ${palette('primary')};
-                    }
-                }
-                &[data-checked='false'] {
-                    label {
-                        color: ${palette('solid', 0.87)};
-                    }
-                }
-                .paragraph {
-                    margin: 0.5rem 0;
-                }
-            `);
-    return {
-        id,
-        schema: () => ({
-            group: 'listItem',
-            content: 'paragraph block*',
-            defining: true,
-            attrs: {
-                checked: {
-                    default: false,
-                },
-            },
-            parseDOM: [
-                {
-                    tag: 'li[data-type="task-list-item"]',
-                    getAttrs: (dom) => {
-                        if (!(dom instanceof HTMLElement)) {
-                            throw new Error();
-                        }
-                        return { checked: dom.dataset.checked === 'true' };
-                    },
-                },
-            ],
-            toDOM: (node) => [
-                'li',
-                {
-                    'data-type': 'task-item',
-                    'data-checked': node.attrs.checked ? 'true' : 'false',
-                    class: utils.getClassName(node.attrs, 'task-list-item', style),
-                },
-                0,
-            ],
-            parseMarkdown: {
-                match: ({ type, checked }) => {
-                    return type === 'listItem' && checked !== null;
-                },
-                runner: (state, node, type) => {
-                    state.openNode(type, { checked: node.checked });
-                    state.next(node.children);
-                    state.closeNode();
-                },
-            },
-            toMarkdown: {
-                match: (node) => node.type.name === id,
-                runner: (state, node) => {
-                    state.openNode('listItem', undefined, { checked: node.attrs.checked });
-                    state.next(node.content);
-                    state.closeNode();
-                },
-            },
-        }),
-        inputRules: (nodeType) => [
-            wrappingInputRule(/^\s*(\[([ |x])\])\s$/, nodeType, (match) => ({
-                checked: match[match.length - 1] === 'x',
-            })),
-        ],
-        commands: (nodeType) => [
-            createCmd(SplitTaskListItem, () => splitListItem(nodeType)),
-            createCmd(SinkTaskListItem, () => sinkListItem(nodeType)),
-            createCmd(LiftTaskListItem, () => liftListItem(nodeType)),
-            createCmd(TurnIntoTaskList, () => wrapIn(nodeType)),
-        ],
-        shortcuts: {
-            [SupportedKeys.NextListItem]: createShortcut(SplitTaskListItem, 'Enter'),
-            [SupportedKeys.SinkListItem]: createShortcut(SinkTaskListItem, 'Mod-]'),
-            [SupportedKeys.LiftListItem]: createShortcut(LiftTaskListItem, 'Mod-['),
-            [SupportedKeys.TaskList]: createShortcut(TurnIntoTaskList, 'Mod-Alt-9'),
-        },
-        view: (ctx) => (node, view, getPos) => {
-            const createIcon = ctx.get(themeToolCtx).slots.icon;
-            const listItem = document.createElement('li');
-            const checkboxWrapper = document.createElement('label');
-            const checkboxStyler = document.createElement('span');
-            const checkbox = document.createElement('input');
-            const content = document.createElement('div');
-            let icon = createIcon('unchecked');
-            checkboxWrapper.appendChild(icon);
-            const setIcon = (name) => {
-                const nextIcon = createIcon(name);
-                checkboxWrapper.replaceChild(nextIcon, icon);
-                icon = nextIcon;
-            };
-            checkboxWrapper.contentEditable = 'false';
-            checkbox.type = 'checkbox';
-            const onChange = (event) => {
-                const target = event.target;
-                if (!(target instanceof HTMLInputElement))
-                    return;
-                if (!view.editable) {
-                    checkbox.checked = !checkbox.checked;
-                    return;
-                }
-                const { tr } = view.state;
-                view.dispatch(tr.setNodeMarkup(getPos(), undefined, {
-                    checked: target.checked,
-                }));
-            };
-            checkbox.addEventListener('change', onChange);
-            listItem.dataset.checked = node.attrs.checked;
-            if (node.attrs.checked) {
-                checkbox.setAttribute('checked', 'checked');
-            }
-            checkboxWrapper.append(checkbox, checkboxStyler);
-            listItem.append(checkboxWrapper, content);
-            const attributes = {
-                'data-type': 'task-item',
-                'data-checked': node.attrs.checked ? 'true' : 'false',
-                class: utils.getClassName(node.attrs, 'task-list-item', style),
-            };
-            Object.entries(attributes).forEach(([key, value]) => {
-                listItem.setAttribute(key, value);
-            });
-            setIcon(node.attrs.checked ? 'checked' : 'unchecked');
-            return {
-                dom: listItem,
-                contentDOM: content,
-                update: (updatedNode) => {
-                    if (updatedNode.type.name !== id)
-                        return false;
-                    listItem.dataset.checked = updatedNode.attrs.checked;
-                    if (updatedNode.attrs.checked) {
-                        checkbox.setAttribute('checked', 'checked');
-                    }
-                    else {
-                        checkbox.removeAttribute('checked');
-                    }
-                    setIcon(updatedNode.attrs.checked ? 'checked' : 'unchecked');
-                    return true;
-                },
-                destroy: () => {
-                    checkbox.removeEventListener('change', onChange);
-                },
-            };
-        },
-    };
-});
-//# sourceMappingURL=task-list-item.js.map

package/lib/task-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"task-list-item.js","sourceRoot":"","sources":["../src/task-list-item.ts"],"names":[],"mappings":"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"}