@ckeditor/ckeditor5-code-block 0.0.0-nightly-20260602.0 → 0.0.0-nightly-20260604.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/codeblockediting.d.ts +7 -0
- package/dist/converters.d.ts +131 -1
- package/dist/utils.d.ts +193 -1
- package/package.json +8 -8
|
@@ -37,4 +37,11 @@ export declare class CodeBlockEditing extends Plugin {
|
|
|
37
37
|
* @inheritDoc
|
|
38
38
|
*/
|
|
39
39
|
afterInit(): void;
|
|
40
|
+
/**
|
|
41
|
+
* Observe when user enters or leaves code block and set proper aria value in global live announcer.
|
|
42
|
+
* This allows screen readers to indicate when the user has entered and left the specified code block.
|
|
43
|
+
*
|
|
44
|
+
* @internal
|
|
45
|
+
*/
|
|
46
|
+
private _initAriaAnnouncements;
|
|
40
47
|
}
|
package/dist/converters.d.ts
CHANGED
|
@@ -1 +1,131 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module code-block/converters
|
|
7
|
+
*/
|
|
8
|
+
import type { GetCallback } from "@ckeditor/ckeditor5-utils";
|
|
9
|
+
import type { DowncastInsertEvent, Model, UpcastElementEvent, UpcastTextEvent, EditingView } from "@ckeditor/ckeditor5-engine";
|
|
10
|
+
import type { CodeBlockLanguageDefinition } from "./codeblockconfig.js";
|
|
11
|
+
/**
|
|
12
|
+
* A model-to-view (both editing and data) converter for the `codeBlock` element.
|
|
13
|
+
*
|
|
14
|
+
* Sample input:
|
|
15
|
+
*
|
|
16
|
+
* ```html
|
|
17
|
+
* <codeBlock language="javascript">foo();<softBreak></softBreak>bar();</codeBlock>
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* Sample output (editing):
|
|
21
|
+
*
|
|
22
|
+
* ```html
|
|
23
|
+
* <pre data-language="JavaScript"><code class="language-javascript">foo();<br />bar();</code></pre>
|
|
24
|
+
* ```
|
|
25
|
+
*
|
|
26
|
+
* Sample output (data, see {@link module:code-block/converters~modelToDataViewSoftBreakInsertion}):
|
|
27
|
+
*
|
|
28
|
+
* ```html
|
|
29
|
+
* <pre><code class="language-javascript">foo();\nbar();</code></pre>
|
|
30
|
+
* ```
|
|
31
|
+
*
|
|
32
|
+
* @param languageDefs The normalized language configuration passed to the feature.
|
|
33
|
+
* @param useLabels When `true`, the `<pre>` element will get a `data-language` attribute with a
|
|
34
|
+
* human–readable label of the language. Used only in the editing.
|
|
35
|
+
* @returns Returns a conversion callback.
|
|
36
|
+
* @internal
|
|
37
|
+
*/
|
|
38
|
+
export declare function modelToViewCodeBlockInsertion(model: Model, languageDefs: Array<CodeBlockLanguageDefinition>, useLabels?: boolean): GetCallback<DowncastInsertEvent>;
|
|
39
|
+
/**
|
|
40
|
+
* A model-to-data view converter for the new line (`softBreak`) separator.
|
|
41
|
+
*
|
|
42
|
+
* Sample input:
|
|
43
|
+
*
|
|
44
|
+
* ```html
|
|
45
|
+
* <codeBlock ...>foo();<softBreak></softBreak>bar();</codeBlock>
|
|
46
|
+
* ```
|
|
47
|
+
*
|
|
48
|
+
* Sample output:
|
|
49
|
+
*
|
|
50
|
+
* ```html
|
|
51
|
+
* <pre><code ...>foo();\nbar();</code></pre>
|
|
52
|
+
* ```
|
|
53
|
+
*
|
|
54
|
+
* @returns Returns a conversion callback.
|
|
55
|
+
* @internal
|
|
56
|
+
*/
|
|
57
|
+
export declare function modelToDataViewSoftBreakInsertion(model: Model): GetCallback<DowncastInsertEvent>;
|
|
58
|
+
/**
|
|
59
|
+
* A view-to-model converter for `<pre>` with the `<code>` HTML.
|
|
60
|
+
*
|
|
61
|
+
* Sample input:
|
|
62
|
+
*
|
|
63
|
+
* ```html
|
|
64
|
+
* <pre><code class="language-javascript">foo();bar();</code></pre>
|
|
65
|
+
* ```
|
|
66
|
+
*
|
|
67
|
+
* Sample output:
|
|
68
|
+
*
|
|
69
|
+
* ```html
|
|
70
|
+
* <codeBlock language="javascript">foo();bar();</codeBlock>
|
|
71
|
+
* ```
|
|
72
|
+
*
|
|
73
|
+
* @param languageDefs The normalized language configuration passed to the feature.
|
|
74
|
+
* @returns Returns a conversion callback.
|
|
75
|
+
* @internal
|
|
76
|
+
*/
|
|
77
|
+
export declare function dataViewToModelCodeBlockInsertion(editingView: EditingView, languageDefs: Array<CodeBlockLanguageDefinition>): GetCallback<UpcastElementEvent>;
|
|
78
|
+
/**
|
|
79
|
+
* A view-to-model converter for new line characters in `<pre>`.
|
|
80
|
+
*
|
|
81
|
+
* Sample input:
|
|
82
|
+
*
|
|
83
|
+
* ```html
|
|
84
|
+
* <pre><code class="language-javascript">foo();\nbar();</code></pre>
|
|
85
|
+
* ```
|
|
86
|
+
*
|
|
87
|
+
* Sample output:
|
|
88
|
+
*
|
|
89
|
+
* ```html
|
|
90
|
+
* <codeBlock language="javascript">foo();<softBreak></softBreak>bar();</codeBlock>
|
|
91
|
+
* ```
|
|
92
|
+
*
|
|
93
|
+
* @returns {Function} Returns a conversion callback.
|
|
94
|
+
* @internal
|
|
95
|
+
*/
|
|
96
|
+
export declare function dataViewToModelTextNewlinesInsertion(): GetCallback<UpcastTextEvent>;
|
|
97
|
+
/**
|
|
98
|
+
* A view-to-model converter that handles orphan text nodes (white spaces, new lines, etc.)
|
|
99
|
+
* that surround `<code>` inside `<pre>`.
|
|
100
|
+
*
|
|
101
|
+
* Sample input:
|
|
102
|
+
*
|
|
103
|
+
* ```html
|
|
104
|
+
* // White spaces
|
|
105
|
+
* <pre> <code>foo()</code> </pre>
|
|
106
|
+
*
|
|
107
|
+
* // White spaces
|
|
108
|
+
* <pre> <code>foo()</code> </pre>
|
|
109
|
+
*
|
|
110
|
+
* // White spaces
|
|
111
|
+
* <pre> <code>foo()</code> </pre>
|
|
112
|
+
*
|
|
113
|
+
* // New lines
|
|
114
|
+
* <pre>
|
|
115
|
+
* <code>foo()</code>
|
|
116
|
+
* </pre>
|
|
117
|
+
*
|
|
118
|
+
* // Redundant text
|
|
119
|
+
* <pre>ABC<code>foo()</code>DEF</pre>
|
|
120
|
+
* ```
|
|
121
|
+
*
|
|
122
|
+
* Unified output for each case:
|
|
123
|
+
*
|
|
124
|
+
* ```html
|
|
125
|
+
* <codeBlock language="plaintext">foo()</codeBlock>
|
|
126
|
+
* ```
|
|
127
|
+
*
|
|
128
|
+
* @returns Returns a conversion callback.
|
|
129
|
+
* @internal
|
|
130
|
+
*/
|
|
131
|
+
export declare function dataViewToModelOrphanNodeConsumer(): GetCallback<UpcastElementEvent>;
|
package/dist/utils.d.ts
CHANGED
|
@@ -1 +1,193 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module code-block/utils
|
|
7
|
+
*/
|
|
8
|
+
import type { Editor } from "@ckeditor/ckeditor5-core";
|
|
9
|
+
import type { CodeBlockLanguageDefinition } from "./codeblockconfig.js";
|
|
10
|
+
import type { ModelDocumentSelection, ModelElement, Model, ModelPosition, ModelSchema, ModelText, ViewUpcastWriter, ViewDocumentFragment } from "@ckeditor/ckeditor5-engine";
|
|
11
|
+
import { type LocaleTranslate } from "@ckeditor/ckeditor5-utils";
|
|
12
|
+
/**
|
|
13
|
+
* Returns code block languages as defined in `config.codeBlock.languages` but processed:
|
|
14
|
+
*
|
|
15
|
+
* * To consider the editor localization, i.e. to display {@link module:code-block/codeblockconfig~CodeBlockLanguageDefinition}
|
|
16
|
+
* in the correct language. There is no way to use {@link module:utils/locale~Locale#t} when the user
|
|
17
|
+
* configuration is defined because the editor does not exist yet.
|
|
18
|
+
* * To make sure each definition has a CSS class associated with it even if not specified
|
|
19
|
+
* in the original configuration.
|
|
20
|
+
*
|
|
21
|
+
* @internal
|
|
22
|
+
*/
|
|
23
|
+
export declare function getNormalizedAndLocalizedLanguageDefinitions(editor: Editor): Array<CodeBlockLanguageDefinition>;
|
|
24
|
+
/**
|
|
25
|
+
* Returns an object associating certain language definition properties with others. For instance:
|
|
26
|
+
*
|
|
27
|
+
* For:
|
|
28
|
+
*
|
|
29
|
+
* ```ts
|
|
30
|
+
* const definitions = {
|
|
31
|
+
* { language: 'php', class: 'language-php', label: 'PHP' },
|
|
32
|
+
* { language: 'javascript', class: 'js', label: 'JavaScript' },
|
|
33
|
+
* };
|
|
34
|
+
*
|
|
35
|
+
* getPropertyAssociation( definitions, 'class', 'language' );
|
|
36
|
+
* ```
|
|
37
|
+
*
|
|
38
|
+
* returns:
|
|
39
|
+
*
|
|
40
|
+
* ```ts
|
|
41
|
+
* {
|
|
42
|
+
* 'language-php': 'php',
|
|
43
|
+
* 'js': 'javascript'
|
|
44
|
+
* }
|
|
45
|
+
* ```
|
|
46
|
+
*
|
|
47
|
+
* and
|
|
48
|
+
*
|
|
49
|
+
* ```ts
|
|
50
|
+
* getPropertyAssociation( definitions, 'language', 'label' );
|
|
51
|
+
* ```
|
|
52
|
+
*
|
|
53
|
+
* returns:
|
|
54
|
+
*
|
|
55
|
+
* ```ts
|
|
56
|
+
* {
|
|
57
|
+
* 'php': 'PHP',
|
|
58
|
+
* 'javascript': 'JavaScript'
|
|
59
|
+
* }
|
|
60
|
+
* ```
|
|
61
|
+
*
|
|
62
|
+
* @internal
|
|
63
|
+
*/
|
|
64
|
+
export declare function getPropertyAssociation(languageDefs: Array<CodeBlockLanguageDefinition>, key: keyof CodeBlockLanguageDefinition, value: keyof CodeBlockLanguageDefinition): Record<string, string>;
|
|
65
|
+
/**
|
|
66
|
+
* For a given model text node, it returns white spaces that precede other characters in that node.
|
|
67
|
+
* This corresponds to the indentation part of the code block line.
|
|
68
|
+
*
|
|
69
|
+
* @internal
|
|
70
|
+
*/
|
|
71
|
+
export declare function getLeadingWhiteSpaces(textNode: ModelText): string;
|
|
72
|
+
/**
|
|
73
|
+
* For plain text containing the code (a snippet), it returns a document fragment containing
|
|
74
|
+
* view text nodes separated by `<br>` elements (in place of new line characters "\n"), for instance:
|
|
75
|
+
*
|
|
76
|
+
* Input:
|
|
77
|
+
*
|
|
78
|
+
* ```ts
|
|
79
|
+
* "foo()\n
|
|
80
|
+
* bar()"
|
|
81
|
+
* ```
|
|
82
|
+
*
|
|
83
|
+
* Output:
|
|
84
|
+
*
|
|
85
|
+
* ```html
|
|
86
|
+
* <DocumentFragment>
|
|
87
|
+
* "foo()"
|
|
88
|
+
* <br/>
|
|
89
|
+
* "bar()"
|
|
90
|
+
* </DocumentFragment>
|
|
91
|
+
* ```
|
|
92
|
+
*
|
|
93
|
+
* @param text The raw code text to be converted.
|
|
94
|
+
* @internal
|
|
95
|
+
*/
|
|
96
|
+
export declare function rawSnippetTextToViewDocumentFragment(writer: ViewUpcastWriter, text: string): ViewDocumentFragment;
|
|
97
|
+
/**
|
|
98
|
+
* Returns an array of all model positions within the selection that represent code block lines.
|
|
99
|
+
*
|
|
100
|
+
* If the selection is collapsed, it returns the exact selection anchor position:
|
|
101
|
+
*
|
|
102
|
+
* ```html
|
|
103
|
+
* <codeBlock>[]foo</codeBlock> -> <codeBlock>^foo</codeBlock>
|
|
104
|
+
* <codeBlock>foo[]bar</codeBlock> -> <codeBlock>foo^bar</codeBlock>
|
|
105
|
+
* ```
|
|
106
|
+
*
|
|
107
|
+
* Otherwise, it returns positions **before** each text node belonging to all code blocks contained by the selection:
|
|
108
|
+
*
|
|
109
|
+
* ```html
|
|
110
|
+
* <codeBlock> <codeBlock>
|
|
111
|
+
* foo[bar ^foobar
|
|
112
|
+
* <softBreak></softBreak> -> <softBreak></softBreak>
|
|
113
|
+
* baz]qux ^bazqux
|
|
114
|
+
* </codeBlock> </codeBlock>
|
|
115
|
+
* ```
|
|
116
|
+
*
|
|
117
|
+
* It also works across other non–code blocks:
|
|
118
|
+
*
|
|
119
|
+
* ```html
|
|
120
|
+
* <codeBlock> <codeBlock>
|
|
121
|
+
* foo[bar ^foobar
|
|
122
|
+
* </codeBlock> </codeBlock>
|
|
123
|
+
* <paragraph>text</paragraph> -> <paragraph>text</paragraph>
|
|
124
|
+
* <codeBlock> <codeBlock>
|
|
125
|
+
* baz]qux ^bazqux
|
|
126
|
+
* </codeBlock> </codeBlock>
|
|
127
|
+
* ```
|
|
128
|
+
*
|
|
129
|
+
* **Note:** The positions are in reverse order so they do not get outdated when iterating over them and
|
|
130
|
+
* the writer inserts or removes elements at the same time.
|
|
131
|
+
*
|
|
132
|
+
* **Note:** The position is located after the leading white spaces in the text node.
|
|
133
|
+
*
|
|
134
|
+
* @internal
|
|
135
|
+
*/
|
|
136
|
+
export declare function getIndentOutdentPositions(model: Model): Array<ModelPosition>;
|
|
137
|
+
/**
|
|
138
|
+
* Checks if any of the blocks within the model selection is a code block.
|
|
139
|
+
*
|
|
140
|
+
* @internal
|
|
141
|
+
*/
|
|
142
|
+
export declare function isModelSelectionInCodeBlock(selection: ModelDocumentSelection): boolean;
|
|
143
|
+
/**
|
|
144
|
+
* Checks if an {@link module:engine/model/element~ModelElement Element} can become a code block.
|
|
145
|
+
*
|
|
146
|
+
* @param schema Model's schema.
|
|
147
|
+
* @param element The element to be checked.
|
|
148
|
+
* @returns Check result.
|
|
149
|
+
* @internal
|
|
150
|
+
*/
|
|
151
|
+
export declare function canBeCodeBlock(schema: ModelSchema, element: ModelElement): boolean;
|
|
152
|
+
/**
|
|
153
|
+
* Get the translated message read by the screen reader when you enter or exit an element with your cursor.
|
|
154
|
+
*
|
|
155
|
+
* @internal
|
|
156
|
+
*/
|
|
157
|
+
export declare function getCodeBlockAriaAnnouncement(t: LocaleTranslate, languageDefs: Array<CodeBlockLanguageDefinition>, element: ModelElement, direction: "enter" | "leave"): string;
|
|
158
|
+
/**
|
|
159
|
+
* For given position, finds the closest position that is at the beginning of a line of code and returns a text node that is at the
|
|
160
|
+
* beginning of the line (or `null` if there's no text node at the beginning of a given line).
|
|
161
|
+
*
|
|
162
|
+
* Line beings at the start of a code block element and after each `softBreak` element.
|
|
163
|
+
*
|
|
164
|
+
* Note: even though code block doesn't allow inline elements other than `<softBreak>` by default, some features may overwrite this rule,
|
|
165
|
+
* so such inline elements are taken into account.
|
|
166
|
+
*
|
|
167
|
+
* Some examples of expected results:
|
|
168
|
+
*
|
|
169
|
+
* ```
|
|
170
|
+
* <codeBlock>^</codeBlock> -> null
|
|
171
|
+
* <codeBlock>^foobar</codeBlock> -> <codeBlock>[foobar]</codeBlock>
|
|
172
|
+
* <codeBlock>foobar^</codeBlock> -> <codeBlock>[foobar]</codeBlock>
|
|
173
|
+
* <codeBlock>foo^bar</codeBlock> -> <codeBlock>[foobar]</codeBlock>
|
|
174
|
+
* <codeBlock>foo^<softBreak />bar</codeBlock> -> <codeBlock>[foo]<softBreak />bar</codeBlock>
|
|
175
|
+
* <codeBlock>foo<softBreak />bar^</codeBlock> -> <codeBlock>foo<softBreak />[bar]</codeBlock>
|
|
176
|
+
* <codeBlock>foo<softBreak />b^ar</codeBlock> -> <codeBlock>foo<softBreak />[bar]</codeBlock>
|
|
177
|
+
* <codeBlock>foo<softBreak />^bar</codeBlock> -> <codeBlock>foo<softBreak />[bar]</codeBlock>
|
|
178
|
+
* <codeBlock>^<element /></codeBlock> -> null
|
|
179
|
+
* <codeBlock><element />^</codeBlock> -> null
|
|
180
|
+
* <codeBlock>foo^<element /></codeBlock> -> <codeBlock>[foo]<element /></codeBlock>
|
|
181
|
+
* <codeBlock>foo<element />^</codeBlock> -> <codeBlock>[foo]<element /></codeBlock>
|
|
182
|
+
* <codeBlock>foo<element />bar^</codeBlock> -> <codeBlock>[foo]<element />bar</codeBlock>
|
|
183
|
+
* <codeBlock><element />bar^</codeBlock> -> null
|
|
184
|
+
* <codeBlock>foo<softBreak />^<softBreak /></codeBlock> -> null
|
|
185
|
+
* <codeBlock>foo<softBreak />^<element /></codeBlock> -> null
|
|
186
|
+
* <codeBlock>foo<softBreak /><element />^</codeBlock> -> null
|
|
187
|
+
* <codeBlock>foo<softBreak />bar<element />^</codeBlock> -> <codeBlock>foo<softBreak />[bar]<element /></codeBlock>
|
|
188
|
+
* <codeBlock>foo<softBreak /><element />ba^r</codeBlock> -> null
|
|
189
|
+
* ```
|
|
190
|
+
*
|
|
191
|
+
* @internal
|
|
192
|
+
*/
|
|
193
|
+
export declare function getTextNodeAtLineStart(position: ModelPosition, model: Model): ModelText | null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ckeditor/ckeditor5-code-block",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20260604.0",
|
|
4
4
|
"description": "Code block feature for CKEditor 5.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "CKSource (http://cksource.com/)",
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
"./package.json": "./package.json"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@ckeditor/ckeditor5-core": "0.0.0-nightly-
|
|
30
|
-
"@ckeditor/ckeditor5-clipboard": "0.0.0-nightly-
|
|
31
|
-
"@ckeditor/ckeditor5-engine": "0.0.0-nightly-
|
|
32
|
-
"@ckeditor/ckeditor5-enter": "0.0.0-nightly-
|
|
33
|
-
"@ckeditor/ckeditor5-icons": "0.0.0-nightly-
|
|
34
|
-
"@ckeditor/ckeditor5-ui": "0.0.0-nightly-
|
|
35
|
-
"@ckeditor/ckeditor5-utils": "0.0.0-nightly-
|
|
29
|
+
"@ckeditor/ckeditor5-core": "0.0.0-nightly-20260604.0",
|
|
30
|
+
"@ckeditor/ckeditor5-clipboard": "0.0.0-nightly-20260604.0",
|
|
31
|
+
"@ckeditor/ckeditor5-engine": "0.0.0-nightly-20260604.0",
|
|
32
|
+
"@ckeditor/ckeditor5-enter": "0.0.0-nightly-20260604.0",
|
|
33
|
+
"@ckeditor/ckeditor5-icons": "0.0.0-nightly-20260604.0",
|
|
34
|
+
"@ckeditor/ckeditor5-ui": "0.0.0-nightly-20260604.0",
|
|
35
|
+
"@ckeditor/ckeditor5-utils": "0.0.0-nightly-20260604.0"
|
|
36
36
|
},
|
|
37
37
|
"files": [
|
|
38
38
|
"dist",
|