@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.
@@ -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
  }
@@ -1 +1,131 @@
1
- export {};
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
- export {};
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-20260602.0",
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-20260602.0",
30
- "@ckeditor/ckeditor5-clipboard": "0.0.0-nightly-20260602.0",
31
- "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20260602.0",
32
- "@ckeditor/ckeditor5-enter": "0.0.0-nightly-20260602.0",
33
- "@ckeditor/ckeditor5-icons": "0.0.0-nightly-20260602.0",
34
- "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20260602.0",
35
- "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20260602.0"
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",