@aicayzer/inkkit 0.0.18 → 0.1.1

package/dist/selection.js

@@ -1,59 +0,0 @@
-import { Plugin, PluginKey } from '@milkdown/kit/prose/state';
-import { $prose } from '@milkdown/kit/utils';
-/** The stylesheet paints the selection under this name. */
-const name = 'inkkit-selection';
-const ranges = new Map();
-/** The selected text within each block. */
-function covered(state) {
-    const { from, to, empty, visible } = state.selection;
-    if (empty || !visible)
-        return null;
-    const text = [];
-    state.doc.nodesBetween(from, to, (node, pos) => {
-        if (!node.isTextblock)
-            return true;
-        const start = Math.max(from, pos + 1);
-        const end = Math.min(to, pos + node.nodeSize - 1);
-        if (end > start)
-            text.push({ from: start, to: end });
-        return false;
-    });
-    return text;
-}
-function domRange(view, span) {
-    const start = view.domAtPos(span.from);
-    const end = view.domAtPos(span.to);
-    const range = document.createRange();
-    range.setStart(start.node, start.offset);
-    range.setEnd(end.node, end.offset);
-    return range;
-}
-function paint(view) {
-    ranges.set(view, (covered(view.state) ?? []).map((span) => domRange(view, span)));
-    refresh();
-}
-function refresh() {
-    if (ranges.size === 0) {
-        CSS.highlights.delete(name);
-        return;
-    }
-    const highlight = new Highlight();
-    for (const selection of ranges.values())
-        for (const range of selection)
-            highlight.add(range);
-    CSS.highlights.set(name, highlight);
-}
-// Paint only selected text, without WebKit filling the surrounding margins.
-export const selectionPlugin = $prose(() => new Plugin({
-    key: new PluginKey('selection'),
-    view(view) {
-        paint(view);
-        return {
-            update: (view) => paint(view),
-            destroy: () => {
-                ranges.delete(view);
-                refresh();
-            },
-        };
-    },
-}));

package/dist/source.d.ts

@@ -1,16 +0,0 @@
-import type { Node as ProseNode } from '@milkdown/kit/prose/model';
-export declare const sourceAttribute = "inkkitSource";
-export interface SourceProvenance {
-    readonly text: string;
-    readonly format: 'md' | 'txt';
-    readonly from: number;
-    readonly to: number;
-}
-export declare function cleanSourceDoc(doc: ProseNode): ProseNode;
-export declare function rawOffset(source: string, normalized: number): number;
-export declare function normalizedOffset(source: string, raw: number): number;
-export declare function editedPlainSource(previous: string, value: string): string;
-export declare function sourceSelection(source: string, start: number, end: number): {
-    markdown: string;
-    shareable: string;
-};

package/dist/source.js

@@ -1,57 +0,0 @@
-import { literalCommentSpans } from './comments.js';
-export const sourceAttribute = 'inkkitSource';
-export function cleanSourceDoc(doc) {
-    return doc.attrs[sourceAttribute] == null
-        ? doc
-        : doc.type.create({ ...doc.attrs, [sourceAttribute]: null }, doc.content);
-}
-export function rawOffset(source, normalized) {
-    let position = 0, count = 0;
-    while (position < source.length && count < normalized) {
-        if (source[position] === '\r' && source[position + 1] === '\n')
-            position++;
-        position++;
-        count++;
-    }
-    return position;
-}
-export function normalizedOffset(source, raw) {
-    return source.slice(0, raw).replace(/\r\n?/g, '\n').length;
-}
-export function editedPlainSource(previous, value) {
-    const normalized = previous.replace(/\r\n?/g, '\n');
-    if (normalized === value)
-        return previous;
-    let prefix = 0, suffix = 0;
-    while (prefix < normalized.length &&
-        prefix < value.length &&
-        normalized[prefix] === value[prefix])
-        prefix++;
-    while (suffix < normalized.length - prefix &&
-        suffix < value.length - prefix &&
-        normalized[normalized.length - suffix - 1] ===
-            value[value.length - suffix - 1])
-        suffix++;
-    const ending = /\r\n|\r|\n/.exec(previous)?.[0] ?? '\n';
-    return (previous.slice(0, rawOffset(previous, prefix)) +
-        value
-            .slice(prefix, value.length - suffix)
-            .replace(/\r\n?/g, '\n')
-            .replaceAll('\n', ending) +
-        previous.slice(rawOffset(previous, normalized.length - suffix)));
-}
-export function sourceSelection(source, start, end) {
-    const from = rawOffset(source, start), to = rawOffset(source, end);
-    let shareable = '', cursor = from;
-    const bom = source.startsWith('\uFEFF') ? 1 : 0;
-    for (const parsed of literalCommentSpans(source.slice(bom))) {
-        const span = { start: parsed.start + bom, end: parsed.end + bom };
-        if (span.end <= from || span.start >= to)
-            continue;
-        if (span.start > cursor)
-            shareable += source.slice(cursor, Math.min(span.start, to));
-        cursor = Math.max(cursor, Math.min(span.end, to));
-    }
-    shareable += source.slice(cursor, to);
-    return { markdown: source.slice(from, to), shareable };
-}

package/dist/spreadsheet.d.ts

@@ -1,8 +0,0 @@
-import type { Ctx } from '@milkdown/kit/ctx';
-import { type ClipboardInput } from './types.js';
-/** Pastes a spreadsheet at the selection, or at `at` for a drop, which
- *  always lands outside a table. */
-export declare function pasteSpreadsheet(ctx: Ctx, input: ClipboardInput, at?: {
-    from: number;
-    to: number;
-}): boolean;

package/dist/spreadsheet.js

@@ -1,289 +0,0 @@
-import { editorViewCtx } from '@milkdown/kit/core';
-import { DOMParser as ProseParser, Fragment, Slice, } from '@milkdown/kit/prose/model';
-import { isInTable, selectedRect } from '@milkdown/kit/prose/tables';
-import { InkKitError } from './types.js';
-import { literalCommentSpans } from './comments.js';
-import { restoreConvertedSpaces } from './paste-html.js';
-import { importableSlice } from './html-import.js';
-import { caretAfter } from './drop-placement.js';
-import { normalizeTableAlignment } from './table-alignment.js';
-import { dispatchTableOperation, editableTable, selectTableRectangle, } from './tables.js';
-/** Pastes a spreadsheet at the selection, or at `at` for a drop, which
- *  always lands outside a table. */
-export function pasteSpreadsheet(ctx, input, at) {
-    const view = ctx.get(editorViewCtx);
-    if (input.plainText || input.markdown != null)
-        return false;
-    const inTable = !at && isInTable(view.state);
-    if (input.html &&
-        /data-inkkit-(?:markdown|reference|footnote|comment)/i.test(input.html)) {
-        if (inTable && /<table[\s>]/i.test(input.html))
-            reject();
-        return false;
-    }
-    if (input.images?.length || (input.html && /<img[\s>]/i.test(input.html))) {
-        if (!input.html || !/<table[\s>]/i.test(input.html))
-            return false;
-        const template = document.createElement('template');
-        template.innerHTML = input.html;
-        for (const image of template.content.querySelectorAll('img'))
-            image.replaceWith(document.createTextNode(image.getAttribute('alt') ?? 'Image'));
-        try {
-            htmlGrid(view.state.schema, template.innerHTML);
-            return false;
-        }
-        catch {
-            if (!inTable && !standaloneTable(input.html))
-                return false;
-        }
-    }
-    let grid;
-    try {
-        grid = input.html?.match(/<table[\s>]/i)
-            ? htmlGrid(view.state.schema, input.html)
-            : input.text.includes('\t')
-                ? textGrid(view.state.schema, input.text)
-                : undefined;
-    }
-    catch (error) {
-        if (inTable || !input.html)
-            throw error;
-        if (!standaloneTable(input.html))
-            return false;
-        const schema = view.state.schema;
-        const children = [];
-        let cursor = 0;
-        for (const span of literalCommentSpans(input.html)) {
-            if (span.start > cursor)
-                children.push(schema.text(input.html.slice(cursor, span.start)));
-            children.push(schema.nodes.comment_inline.create({ syntax: span.syntax, block: Boolean(span.block) }, span.value ? schema.text(span.value) : null));
-            cursor = span.end;
-        }
-        if (cursor < input.html.length)
-            children.push(schema.text(input.html.slice(cursor)));
-        // The source is kept only where it reads back as one literal block.
-        const content = importableSlice(ctx, new Slice(Fragment.from(schema.nodes.literal_markdown.create(null, children)), 0, 0)).content;
-        const selection = view.state.selection;
-        const tr = at
-            ? view.state.tr.replaceWith(at.from, at.to, content)
-            : selection.$from.parent.type.name === 'paragraph' &&
-                selection.empty &&
-                selection.$from.parent.content.size === 0
-                ? view.state.tr.replaceWith(selection.$from.before(), selection.$from.after(), content)
-                : content.childCount === 1
-                    ? view.state.tr.replaceSelectionWith(content.firstChild)
-                    : view.state.tr.replaceSelection(new Slice(content, 0, 0));
-        dispatchTableOperation(view, tr);
-        return true;
-    }
-    if (!grid)
-        return false;
-    if (!inTable) {
-        const schema = view.state.schema;
-        const rows = grid.cells.map((row, index) => schema.nodes[index ? 'table_row' : 'table_header_row'].create(null, row.map((content, column) => schema.nodes[index ? 'table_cell' : 'table_header'].create({ alignment: grid.alignment?.[column] ?? 'left' }, schema.nodes.paragraph.create(null, content)))));
-        const table = schema.nodes.table.create(null, rows);
-        const selection = view.state.selection;
-        const tr = at
-            ? view.state.tr.replaceWith(at.from, at.to, table)
-            : selection.$from.parent.type.name === 'paragraph' &&
-                selection.empty &&
-                selection.$from.parent.content.size === 0
-                ? view.state.tr.replaceWith(selection.$from.before(), selection.$from.after(), table)
-                : view.state.tr.replaceSelectionWith(table);
-        let tableStart = -1;
-        tr.doc.descendants((node, pos) => {
-            if (node === table)
-                tableStart = pos + 1;
-        });
-        if (tableStart < 0)
-            reject();
-        // Selecting the new table would let the next keystroke replace it.
-        tr.setSelection(caretAfter(tr.doc, tableStart - 1 + table.nodeSize));
-        dispatchTableOperation(view, tr);
-        return true;
-    }
-    const rect = selectedRect(view.state);
-    if (!editableTable(rect.table))
-        reject();
-    const width = Math.max(rect.map.width, rect.left + grid.width);
-    const height = Math.max(rect.map.height, rect.top + grid.cells.length);
-    if (width > 100 || height > 100)
-        reject();
-    const schema = view.state.schema;
-    const alignment = Array.from({ length: width }, (_, column) => column < rect.map.width
-        ? rect.table.firstChild.child(column).attrs.alignment
-        : 'left');
-    const rows = [];
-    for (let row = 0; row < height; row++) {
-        const cells = [];
-        for (let column = 0; column < width; column++) {
-            const existing = row < rect.map.height && column < rect.map.width
-                ? rect.table.child(row).child(column)
-                : undefined;
-            const incoming = grid.cells[row - rect.top]?.[column - rect.left];
-            const cleared = row >= rect.top &&
-                row < rect.bottom &&
-                column >= rect.left &&
-                column < rect.right;
-            if (existing && !incoming && !cleared)
-                cells.push(existing);
-            else {
-                const type = schema.nodes[row ? 'table_cell' : 'table_header'];
-                cells.push(type.create({ ...(existing?.attrs ?? {}), alignment: alignment[column] }, schema.nodes.paragraph.create(null, incoming)));
-            }
-        }
-        rows.push(schema.nodes[row ? 'table_row' : 'table_header_row'].create(rect.table.maybeChild(row)?.attrs, cells));
-    }
-    const table = rect.table.copy(Fragment.fromArray(rows));
-    const tr = view.state.tr.replaceWith(rect.tableStart - 1, rect.tableStart - 1 + rect.table.nodeSize, table);
-    selectTableRectangle(tr, rect.tableStart, table, rect.top, rect.left, rect.top + grid.cells.length, rect.left + grid.width);
-    dispatchTableOperation(view, tr);
-    return true;
-}
-function standaloneTable(html) {
-    const template = document.createElement('template');
-    template.innerHTML = html;
-    for (const metadata of template.content.querySelectorAll('meta[charset]'))
-        metadata.remove();
-    const elements = [...template.content.childNodes].filter((node) => node.nodeType !== 3 || node.textContent?.trim());
-    return elements.length === 1 && elements[0] instanceof HTMLTableElement;
-}
-function reject() {
-    throw new InkKitError('preservation', 'This spreadsheet cannot be represented safely in a Markdown table. Paste as plain text outside the table to retain its source.');
-}
-function textGrid(schema, input) {
-    const text = input.replace(/\r\n?/g, '\n').replace(/\n$/, '');
-    const rows = [[]];
-    let value = '', quoted = false, closed = false, start = true;
-    for (let index = 0; index <= text.length; index++) {
-        const character = text[index];
-        if (quoted) {
-            if (character == null)
-                reject();
-            if (character === '"') {
-                if (text[index + 1] === '"') {
-                    value += '"';
-                    index++;
-                }
-                else {
-                    quoted = false;
-                    closed = true;
-                }
-            }
-            else
-                value += character;
-            continue;
-        }
-        if (character === '"' && start) {
-            quoted = true;
-            start = false;
-        }
-        else if (character === '\t' || character === '\n' || character == null) {
-            rows.at(-1).push(value);
-            value = '';
-            start = true;
-            closed = false;
-            if (character === '\n')
-                rows.push([]);
-        }
-        else {
-            if (closed)
-                reject();
-            value += character;
-            start = false;
-        }
-    }
-    const width = Math.max(...rows.map((row) => row.length));
-    if (width > 100 || rows.length > 100)
-        reject();
-    if (rows.some((row) => row.some((value) => /[\n\t]/.test(value))))
-        reject();
-    return {
-        width,
-        cells: rows.map((row) => Array.from({ length: width }, (_, column) => {
-            const value = row[column] ?? '';
-            return value ? Fragment.from(schema.text(value)) : Fragment.empty;
-        })),
-    };
-}
-function htmlGrid(schema, html) {
-    const template = document.createElement('template');
-    template.innerHTML = html;
-    const fragment = template.content;
-    for (const metadata of fragment.querySelectorAll('meta[charset]'))
-        metadata.remove();
-    const table = fragment.querySelector('table');
-    if (!table || fragment.querySelectorAll('table').length !== 1)
-        reject();
-    const wrapper = table.parentElement;
-    if (wrapper && wrapper.tagName !== 'BODY')
-        reject();
-    for (const sibling of fragment.childNodes)
-        if (sibling !== table &&
-            (sibling.textContent?.trim() || sibling.nodeType !== 3))
-            reject();
-    const rows = [...table.querySelectorAll('tr')];
-    if (document.createTreeWalker(table, NodeFilter.SHOW_COMMENT).nextNode())
-        reject();
-    for (const element of table.children) {
-        if (!['TR', 'THEAD', 'TBODY', 'TFOOT'].includes(element.tagName))
-            reject();
-        if (element.tagName !== 'TR')
-            for (const row of element.children)
-                if (row.tagName !== 'TR')
-                    reject();
-    }
-    const width = rows[0]?.children.length ?? 0;
-    if (!width || width > 100 || !rows.length || rows.length > 100)
-        reject();
-    const parser = ProseParser.fromSchema(schema);
-    const inline = new Set([
-        'STRONG',
-        'B',
-        'EM',
-        'I',
-        'S',
-        'DEL',
-        'STRIKE',
-        'CODE',
-        'A',
-        'MARK',
-        'SPAN',
-    ]);
-    const cells = rows.map((row) => {
-        if (row.children.length !== width)
-            reject();
-        return [...row.children].map((cell) => {
-            if (!['TH', 'TD'].includes(cell.tagName))
-                reject();
-            if ((cell.hasAttribute('rowspan') &&
-                cell.getAttribute('rowspan') !== '1') ||
-                (cell.hasAttribute('colspan') && cell.getAttribute('colspan') !== '1'))
-                reject();
-            for (const element of cell.querySelectorAll('*'))
-                if (!inline.has(element.tagName) &&
-                    !(element.tagName === 'P' &&
-                        element.parentElement === cell &&
-                        cell.children.length === 1))
-                    reject();
-            const walker = document.createTreeWalker(cell, NodeFilter.SHOW_COMMENT);
-            if (walker.nextNode())
-                reject();
-            if (/[\n\r\t]/.test(cell.textContent ?? ''))
-                reject();
-            for (const link of cell.querySelectorAll('a'))
-                if (!link.hasAttribute('href'))
-                    reject();
-            restoreConvertedSpaces(cell);
-            const parsed = parser.parse(cell, { preserveWhitespace: true });
-            if (parsed.childCount === 0)
-                return Fragment.empty;
-            if (parsed.childCount !== 1 ||
-                parsed.firstChild.type.name !== 'paragraph')
-                reject();
-            return parsed.firstChild.content;
-        });
-    });
-    const alignment = [...rows[0].children].map((cell) => normalizeTableAlignment(cell) ?? 'left');
-    return { width, cells, alignment };
-}

package/dist/table-alignment.d.ts

@@ -1,2 +0,0 @@
-export declare function normalizeTableAlignment(element: HTMLElement): 'left' | 'center' | 'right' | null;
-export declare function normalizeTableColumnAlignment(element: HTMLElement): 'left' | 'center' | 'right' | null;

package/dist/table-alignment.js

@@ -1,46 +0,0 @@
-export function normalizeTableAlignment(element) {
-    const alignment = (element.style.textAlign ||
-        element.getAttribute('align') ||
-        '')
-        .trim()
-        .toLowerCase();
-    if (alignment === 'left' || alignment === 'center' || alignment === 'right')
-        return alignment;
-    if (alignment !== 'start' && alignment !== 'end')
-        return null;
-    let direction = 'ltr';
-    for (let current = element; current; current = current.parentElement) {
-        const value = (current.style.direction || current.getAttribute('dir') || '')
-            .trim()
-            .toLowerCase();
-        if (value === 'ltr' || value === 'rtl') {
-            direction = value;
-            break;
-        }
-        if (value === 'auto') {
-            const first = [...(current.textContent ?? '')].find((character) => /[\u061c\u200e\u200f]|\p{Letter}/u.test(character));
-            if (first) {
-                direction =
-                    /[\u0590-\u08ff\u200f\ufb1d-\ufdff\ufe70-\ufeff\u{10800}-\u{10fff}\u{1e800}-\u{1edff}\u{1e900}-\u{1e95f}]/u.test(first)
-                        ? 'rtl'
-                        : 'ltr';
-                break;
-            }
-        }
-    }
-    return alignment === 'start'
-        ? direction === 'rtl'
-            ? 'right'
-            : 'left'
-        : direction === 'rtl'
-            ? 'left'
-            : 'right';
-}
-export function normalizeTableColumnAlignment(element) {
-    if (!(element instanceof HTMLTableCellElement))
-        return normalizeTableAlignment(element);
-    const table = element.closest('table');
-    const header = table?.rows[0]?.cells[element.cellIndex];
-    // GFM represents alignment once per column, independently of cell direction.
-    return normalizeTableAlignment(header ?? element);
-}

package/dist/tables.d.ts

@@ -1,27 +0,0 @@
-import type { Ctx } from '@milkdown/kit/ctx';
-import { type Node as ProseNode } from '@milkdown/kit/prose/model';
-import type { EditorView } from '@milkdown/kit/prose/view';
-import type { EditorState, Transaction } from '@milkdown/kit/prose/state';
-export type TableCommand = 'insert' | 'addRowBefore' | 'addRowAfter' | 'addColumnBefore' | 'addColumnAfter' | 'deleteRow' | 'deleteColumn' | 'deleteTable' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'moveRowUp' | 'moveRowDown' | 'moveColumnLeft' | 'moveColumnRight' | 'sortRows' | 'exit';
-export declare const tableCommands: readonly TableCommand[];
-export declare function tableContext(state: EditorState): {
-    row: number;
-    column: number;
-    rows: number;
-    columns: number;
-} | undefined;
-/** Checks the same default operations without dispatching a transaction. */
-export declare function tableAvailability(ctx: Ctx): Record<TableCommand, boolean>;
-export interface TableOptions {
-    rows?: number;
-    columns?: number;
-    column?: number;
-    order?: 'ascending' | 'descending';
-    comparison?: 'text' | 'number';
-}
-export declare const tablePlugins: (((ctx: Ctx) => () => void) | import("@milkdown/kit/ctx").MilkdownPlugin)[];
-export declare function tableCommand(ctx: Ctx, command: TableCommand, options?: TableOptions): boolean;
-export declare function dispatchTableOperation(view: EditorView, tr: Transaction): void;
-export declare function configureTableMovement(ctx: Ctx, canEdit: () => boolean): void;
-export declare function editableTable(table: ProseNode): boolean;
-export declare function selectTableRectangle(tr: Transaction, tableStart: number, table: ProseNode, top: number, left: number, bottom: number, right: number): void;