@aicayzer/inkkit 0.0.7 → 0.0.8

package/dist/tables.d.ts

@@ -1,8 +1,17 @@
 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 { Transaction } from '@milkdown/kit/prose/state';
+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;

package/dist/tables.js

@@ -1,3 +1,4 @@
+import { editorLabels } from './labels.js';
 import { commandsCtx, editorViewCtx } from '@milkdown/kit/core';
 import { tableBlock, tableBlockConfig, } from '@milkdown/kit/component/table-block';
 import { insertTableCommand, exitTable, moveRowCommand, moveColCommand, } from '@milkdown/kit/preset/gfm';
@@ -7,17 +8,92 @@ import { closeHistory } from '@milkdown/kit/prose/history';
 import { keymap } from '@milkdown/kit/prose/keymap';
 import { $prose } from '@milkdown/kit/utils';
 import { clipboardText } from './clipboard.js';
-const labels = {
-    add_row: 'Add row',
-    add_col: 'Add column',
-    delete_row: 'Delete row',
-    delete_col: 'Delete column',
-    align_col_left: 'Align left',
-    align_col_center: 'Align center',
-    align_col_right: 'Align right',
-    col_drag_handle: 'Move column',
-    row_drag_handle: 'Move row',
+export const tableCommands = [
+    'insert',
+    'addRowBefore',
+    'addRowAfter',
+    'addColumnBefore',
+    'addColumnAfter',
+    'deleteRow',
+    'deleteColumn',
+    'deleteTable',
+    'alignLeft',
+    'alignCenter',
+    'alignRight',
+    'moveRowUp',
+    'moveRowDown',
+    'moveColumnLeft',
+    'moveColumnRight',
+    'sortRows',
+    'exit',
+];
+export function tableContext(state) {
+    if (!isInTable(state))
+        return undefined;
+    const rect = selectedRect(state);
+    return {
+        row: rect.top,
+        column: rect.left,
+        rows: rect.map.height,
+        columns: rect.map.width,
+    };
+}
+/** Checks the same default operations without dispatching a transaction. */
+export function tableAvailability(ctx) {
+    const view = ctx.get(editorViewCtx);
+    const state = view.state;
+    const commands = ctx.get(commandsCtx);
+    const available = Object.fromEntries(tableCommands.map((name) => [name, false]));
+    available.insert = commands.get(insertTableCommand.key)({ row: 3, col: 2 })(state);
+    const actions = {
+        addRowBefore,
+        addRowAfter,
+        addColumnBefore,
+        addColumnAfter,
+        deleteRow,
+        deleteColumn,
+        deleteTable,
+    };
+    for (const [name, action] of Object.entries(actions))
+        available[name] = action(state);
+    available.exit = commands.get(exitTable.key)()(state);
+    if (!isInTable(state))
+        return available;
+    const rect = selectedRect(state);
+    available.alignLeft = available.alignCenter = available.alignRight = true;
+    if (!editableTable(rect.table))
+        return available;
+    available.moveRowUp = rect.top > 1;
+    available.moveRowDown = rect.top > 0 && rect.bottom < rect.map.height;
+    available.moveColumnLeft = rect.left > 0;
+    available.moveColumnRight = rect.right < rect.map.width;
+    const body = [];
+    rect.table.forEach((row, _offset, index) => {
+        if (index)
+            body.push({ key: clipboardText(row.child(rect.left).content), index });
+    });
+    const sorted = [...body].sort((a, b) => compareCells(a.key, b.key, 'text', 'ascending') || a.index - b.index);
+    available.sortRows = sorted.some((row, index) => row !== body[index]);
+    return available;
+}
+const tableLabels = {
+    add_row: 'tableAddRow',
+    add_col: 'tableAddColumn',
+    delete_row: 'tableDeleteRow',
+    delete_col: 'tableDeleteColumn',
+    align_col_left: 'tableAlignLeft',
+    align_col_center: 'tableAlignCenter',
+    align_col_right: 'tableAlignRight',
+    col_drag_handle: 'tableMoveColumn',
+    row_drag_handle: 'tableMoveRow',
 };
+function tableButton(label) {
+    const span = document.createElement('span');
+    span.setAttribute('role', 'img');
+    span.setAttribute('aria-label', label);
+    span.textContent = label;
+    return span.outerHTML;
+}
 export const tablePlugins = [
     moveRowCommand,
     moveColCommand,
@@ -25,7 +101,7 @@ export const tablePlugins = [
     (ctx) => () => {
         ctx.update(tableBlockConfig.key, (config) => ({
             ...config,
-            renderButton: (type) => `<span role="img" aria-label="${labels[type]}">${labels[type]}</span>`,
+            renderButton: (type) => tableButton(editorLabels(ctx)[tableLabels[type]]),
         }));
     },
     tableBlock,

package/dist/tasks.js

@@ -8,6 +8,8 @@ export const taskListPlugin = $prose(() => new Plugin({
     key: new PluginKey('taskToggle'),
     props: {
         handleClickOn(view, _pos, node, nodePos, event) {
+            if (!view.editable)
+                return false;
             if (node.type.name !== 'list_item' || node.attrs.checked == null)
                 return false;
             const target = event.target;

package/dist/types.d.ts

@@ -14,7 +14,7 @@ export interface DocumentSnapshot extends DocumentInput {
     revision: number;
     dirty: boolean;
 }
-export type EditorErrorCode = 'not-ready' | 'stale-document' | 'composition' | 'operation-pending' | 'destroyed' | 'preservation' | 'image-unavailable' | 'diagram-unavailable';
+export type EditorErrorCode = 'not-ready' | 'stale-document' | 'composition' | 'read-only' | 'operation-pending' | 'destroyed' | 'preservation' | 'image-unavailable' | 'diagram-unavailable';
 export declare class InkKitError extends Error {
     readonly code: EditorErrorCode;
     constructor(code: EditorErrorCode, message: string);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicayzer/inkkit",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "A preserving Markdown editor for offline web views and the web",
   "license": "MIT",
   "type": "module",
@@ -42,7 +42,8 @@
     "dev": "vite playground",
     "build:playground": "vite build playground --config vite.config.ts",
     "test:package": "node scripts/test-package.mjs",
-    "check": "pnpm typecheck && pnpm test && pnpm build && pnpm test:package"
+    "check": "pnpm typecheck && pnpm test && pnpm build && pnpm test:package",
+    "test:browser": "playwright test --project=chromium"
   },
   "dependencies": {
     "@milkdown/kit": "7.22.1",
@@ -68,6 +69,7 @@
     "prosemirror-search": "^1.1.1"
   },
   "devDependencies": {
+    "@playwright/test": "^1.64.0",
     "@types/hast": "^3.0.5",
     "@types/mdast": "^4.0.4",
     "@types/node": "^26.6.2",