3588dd66-eb5f-4afc-b2f0-3e036cd4f630

Committed 09 Jul 2025 03:50AM UTC coverage: 48.44% (+1.7%) from 46.776%

Build # 3588dd66-eb5f-4afc-b2f0-3e036cd4f630

Build Type

push

circleci

Committed by

web-flow

Commit Message

feat(core): bump slate into 0.112.0 and import slate-dom@0.111.0 (#290)

* build: bump slate into 0.110.0

* feat(core): bump slate into 0.112.0 and applied slate-dom #WIK-18422

* chore: remove customToSlateNode

* refactor: extract block card logic to individual method

* chore: types

* chore: bump slate into 0.112.0 and import slate-dom@0.111.0

* fix: unit test

* fix: focus

* chore: type

Run Details

364 of 925 branches covered (39.35%)

Branch coverage included in aggregate %.

144 of 234 new or added lines in 4 files covered. (61.54%)

1 existing line in 1 file now uncovered.

940 of 1767 relevant lines covered (53.2%)

44.58 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

26.32

/packages/src/plugins/angular-editor.ts

import { Editor, Node, Path, Transforms, Element } from 'slate';
import { Injector } from '@angular/core';
import { SlateError } from '../types/error';
import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET } from '../utils/block-card';
import { CustomDOMEditor } from './with-dom';

/**
 * An Angular and DOM-specific version of the `Editor` interface.
 */
export interface AngularEditor extends CustomDOMEditor {
    deleteCutData: () => void;
    onKeydown: (event: KeyboardEvent) => void;
    onClick: (event: MouseEvent) => void;
    injector: Injector;
    isBlockCard: (node: Node) => boolean;
    isExpanded: (node: Element) => boolean;
    onError: (errorData: SlateError) => void;
    customInsertFragmentData: (data: DataTransfer) => Promise<boolean>;
    customInsertTextData: (data: DataTransfer) => Promise<boolean>;
}

export const AngularEditor = {
    ...CustomDOMEditor,
    /**
     * handle editor error.
     */

    onError(errorData: SlateError) {
        if (errorData.nativeError) {
            throw errorData.nativeError;
        }
    },

    /**
     * onKeydown hook.
     */
    onKeydown(editor: AngularEditor, data: KeyboardEvent): void {
        editor.onKeydown(data);
    },

    /**
     * onClick hook.
     */
    onClick(editor: AngularEditor, data: MouseEvent): void {
        editor.onClick(data);
    },

    deleteCutData(editor: AngularEditor): void {
        editor.deleteCutData();
    },

    isLeafBlock(editor: AngularEditor, node: Node): boolean {
        return Element.isElement(node) && !editor.isInline(node) && Editor.hasInlines(editor, node);
    },

    /**
     * move native selection to card-left or card-right
     * @param editor
     * @param blockCardNode
     * @param options
     */
    moveBlockCard(
        editor: AngularEditor,
        blockCardNode: Node,
        options: {
            direction: 'left' | 'right';
        }
    ) {
        const cursorNode = AngularEditor.getCardCursorNode(editor, blockCardNode, options);
        const window = AngularEditor.getWindow(editor);
        const domSelection = window.getSelection();
        domSelection.setBaseAndExtent(cursorNode, 1, cursorNode, 1);
    },

    /**
     * move slate selection to card-left or card-right
     * @param editor
     * @param path
     * @param options
     */
    moveBlockCardCursor(
        editor: AngularEditor,
        path: Path,
        options: {
            direction: 'left' | 'right';
        }
    ) {
        const cursor = {
            path,
            offset: options.direction === 'left' ? FAKE_LEFT_BLOCK_CARD_OFFSET : FAKE_RIGHT_BLOCK_CARD_OFFSET
        };
        Transforms.select(editor, { anchor: cursor, focus: cursor });
    }
};

1	import { Editor, Node, Path, Transforms, Element } from 'slate';
2	import { Injector } from '@angular/core';
3	import { SlateError } from '../types/error';
4	import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET } from '../utils/block-card';
5	import { CustomDOMEditor } from './with-dom';
6
7	/**
8	* An Angular and DOM-specific version of the `Editor` interface.
9	*/
10	export interface AngularEditor extends CustomDOMEditor {
11	deleteCutData: () => void;
12	onKeydown: (event: KeyboardEvent) => void;
13	onClick: (event: MouseEvent) => void;
14	injector: Injector;
15	isBlockCard: (node: Node) => boolean;
16	isExpanded: (node: Element) => boolean;
17	onError: (errorData: SlateError) => void;
18	customInsertFragmentData: (data: DataTransfer) => Promise<boolean>;
19	customInsertTextData: (data: DataTransfer) => Promise<boolean>;
20	}
21
22	export const AngularEditor = {	1✔
23	...CustomDOMEditor,
24	/**
25	* handle editor error.
26	*/
27
28	onError(errorData: SlateError) {
29	if (errorData.nativeError) {	×
30	throw errorData.nativeError;	×
31	}
32	},
33
34	/**
35	* onKeydown hook.
36	*/
37	onKeydown(editor: AngularEditor, data: KeyboardEvent): void {
38	editor.onKeydown(data);	×
39	},
40
41	/**
42	* onClick hook.
43	*/
44	onClick(editor: AngularEditor, data: MouseEvent): void {
45	editor.onClick(data);	×
46	},
47
48	deleteCutData(editor: AngularEditor): void {
UNCOV 49	editor.deleteCutData();	×
50	},
51
52	isLeafBlock(editor: AngularEditor, node: Node): boolean {
53	return Element.isElement(node) && !editor.isInline(node) && Editor.hasInlines(editor, node);	159✔
54	},
55
56	/**
57	* move native selection to card-left or card-right
58	* @param editor
59	* @param blockCardNode
60	* @param options
61	*/
62	moveBlockCard(
63	editor: AngularEditor,
64	blockCardNode: Node,
65	options: {
66	direction: 'left' \| 'right';
67	}
68	) {
69	const cursorNode = AngularEditor.getCardCursorNode(editor, blockCardNode, options);	×
70	const window = AngularEditor.getWindow(editor);	×
71	const domSelection = window.getSelection();	×
72	domSelection.setBaseAndExtent(cursorNode, 1, cursorNode, 1);	×
73	},
74
75	/**
76	* move slate selection to card-left or card-right
77	* @param editor
78	* @param path
79	* @param options
80	*/
81	moveBlockCardCursor(
82	editor: AngularEditor,
83	path: Path,
84	options: {
85	direction: 'left' \| 'right';
86	}
87	) {
88	const cursor = {	×
89	path,
90	offset: options.direction === 'left' ? FAKE_LEFT_BLOCK_CARD_OFFSET : FAKE_RIGHT_BLOCK_CARD_OFFSET	×
91	};
92	Transforms.select(editor, { anchor: cursor, focus: cursor });	×
93	}
94	};

worktile / slate-angular / 3588dd66-eb5f-4afc-b2f0-3e036cd4f630

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous