@ckeditor/ckeditor5-link 40.1.0 → 41.0.0

package/src/link.js

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/link
  */
-import { Plugin } from 'ckeditor5/src/core';
-import LinkEditing from './linkediting';
-import LinkUI from './linkui';
-import AutoLink from './autolink';
+import { Plugin } from 'ckeditor5/src/core.js';
+import LinkEditing from './linkediting.js';
+import LinkUI from './linkui.js';
+import AutoLink from './autolink.js';
 /**
  * The link plugin.
  *

package/src/linkcommand.d.ts

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkcommand
  */
-import { Command } from 'ckeditor5/src/core';
-import { Collection } from 'ckeditor5/src/utils';
-import AutomaticDecorators from './utils/automaticdecorators';
-import type ManualDecorator from './utils/manualdecorator';
+import { Command } from 'ckeditor5/src/core.js';
+import { Collection } from 'ckeditor5/src/utils.js';
+import AutomaticDecorators from './utils/automaticdecorators.js';
+import type ManualDecorator from './utils/manualdecorator.js';
 /**
  * The link command. It is used by the {@link module:link/link~Link link feature}.
  */

package/src/linkcommand.js

@@ -1,15 +1,15 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkcommand
  */
-import { Command } from 'ckeditor5/src/core';
-import { findAttributeRange } from 'ckeditor5/src/typing';
-import { Collection, first, toMap } from 'ckeditor5/src/utils';
-import AutomaticDecorators from './utils/automaticdecorators';
-import { isLinkableElement } from './utils';
+import { Command } from 'ckeditor5/src/core.js';
+import { findAttributeRange } from 'ckeditor5/src/typing.js';
+import { Collection, first, toMap } from 'ckeditor5/src/utils.js';
+import AutomaticDecorators from './utils/automaticdecorators.js';
+import { isLinkableElement } from './utils.js';
 /**
  * The link command. It is used by the {@link module:link/link~Link link feature}.
  */

package/src/linkconfig.d.ts

@@ -1,11 +1,11 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkconfig
  */
-import type { ArrayOrItem } from 'ckeditor5/src/utils';
+import type { ArrayOrItem } from 'ckeditor5/src/utils.js';
 /**
  * The configuration of the {@link module:link/link~Link link feature}.
  *
@@ -43,6 +43,25 @@ export interface LinkConfig {
      * **NOTE:** If no configuration is provided, the editor will not auto-fix the links.
      */
     defaultProtocol?: string;
+    /**
+     * When set to `true`, the form will accept an empty value in the URL field, creating a link with an empty `href` (`<a href="">`).
+     *
+     * ```ts
+     * ClassicEditor
+     * 	.create( editorElement, {
+     * 		link: {
+     * 			allowCreatingEmptyLinks: true
+     * 		}
+     * 	} )
+     * 	.then( ... )
+     * 	.catch( ... );
+     * ```
+     *
+     * **NOTE:** This option only adds form validation. If a link with an empty `href` is loaded into the editor, it will be left as-is.
+     *
+     * @default false
+     */
+    allowCreatingEmptyLinks?: boolean;
     /**
      * When set to `true`, the `target="blank"` and `rel="noopener noreferrer"` attributes are automatically added to all external links
      * in the editor. "External links" are all links in the editor content starting with `http`, `https`, or `//`.

package/src/linkconfig.js

@@ -1,5 +1,5 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 export {};

package/src/linkediting.d.ts

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkediting
  */
-import { Plugin, type Editor } from 'ckeditor5/src/core';
-import { Input, TwoStepCaretMovement } from 'ckeditor5/src/typing';
-import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
+import { Plugin, type Editor } from 'ckeditor5/src/core.js';
+import { Input, TwoStepCaretMovement } from 'ckeditor5/src/typing.js';
+import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
 import '../theme/link.css';
 /**
  * The link engine feature.
@@ -58,47 +58,11 @@ export default class LinkEditing extends Plugin {
      */
     private _enableLinkOpen;
     /**
-     * Starts listening to {@link module:engine/model/model~Model#event:insertContent} and corrects the model
-     * selection attributes if the selection is at the end of a link after inserting the content.
+     * Watches the DocumentSelection attribute changes and removes link decorator attributes when the linkHref attribute is removed.
      *
-     * The purpose of this action is to improve the overall UX because the user is no longer "trapped" by the
-     * `linkHref` attribute of the selection and they can type a "clean" (`linkHref`–less) text right away.
-     *
-     * See https://github.com/ckeditor/ckeditor5/issues/6053.
-     */
-    private _enableInsertContentSelectionAttributesFixer;
-    /**
-     * Starts listening to {@link module:engine/view/document~Document#event:mousedown} and
-     * {@link module:engine/view/document~Document#event:selectionChange} and puts the selection before/after a link node
-     * if clicked at the beginning/ending of the link.
-     *
-     * The purpose of this action is to allow typing around the link node directly after a click.
-     *
-     * See https://github.com/ckeditor/ckeditor5/issues/1016.
-     */
-    private _enableClickingAfterLink;
-    /**
-     * Starts listening to {@link module:engine/model/model~Model#deleteContent} and {@link module:engine/model/model~Model#insertContent}
-     * and checks whether typing over the link. If so, attributes of removed text are preserved and applied to the inserted text.
-     *
-     * The purpose of this action is to allow modifying a text without loosing the `linkHref` attribute (and other).
-     *
-     * See https://github.com/ckeditor/ckeditor5/issues/4762.
-     */
-    private _enableTypingOverLink;
-    /**
-     * Starts listening to {@link module:engine/model/model~Model#deleteContent} and checks whether
-     * removing a content right after the "linkHref" attribute.
-     *
-     * If so, the selection should not preserve the `linkHref` attribute. However, if
-     * the {@link module:typing/twostepcaretmovement~TwoStepCaretMovement} plugin is active and
-     * the selection has the "linkHref" attribute due to overriden gravity (at the end), the `linkHref` attribute should stay untouched.
-     *
-     * The purpose of this action is to allow removing the link text and keep the selection outside the link.
-     *
-     * See https://github.com/ckeditor/ckeditor5/issues/7521.
+     * This is to ensure that there is no left-over link decorator attributes on the document selection that is no longer in a link.
      */
-    private _handleDeleteContentAfterLink;
+    private _enableSelectionAttributesFixer;
     /**
      * Enables URL fixing on pasting.
      */

package/src/linkediting.js

@@ -1,19 +1,18 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkediting
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { MouseObserver } from 'ckeditor5/src/engine';
-import { Input, TwoStepCaretMovement, inlineHighlight, findAttributeRange } from 'ckeditor5/src/typing';
-import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
-import { keyCodes, env } from 'ckeditor5/src/utils';
-import LinkCommand from './linkcommand';
-import UnlinkCommand from './unlinkcommand';
-import ManualDecorator from './utils/manualdecorator';
-import { createLinkElement, ensureSafeUrl, getLocalizedDecorators, normalizeDecorators, openLink, addLinkProtocolIfApplicable } from './utils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { Input, TwoStepCaretMovement, inlineHighlight } from 'ckeditor5/src/typing.js';
+import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
+import { keyCodes, env } from 'ckeditor5/src/utils.js';
+import LinkCommand from './linkcommand.js';
+import UnlinkCommand from './unlinkcommand.js';
+import ManualDecorator from './utils/manualdecorator.js';
+import { createLinkElement, ensureSafeUrl, getLocalizedDecorators, normalizeDecorators, openLink, addLinkProtocolIfApplicable } from './utils.js';
 import '../theme/link.css';
 const HIGHLIGHT_CLASS = 'ck-link_selected';
 const DECORATOR_AUTOMATIC = 'automatic';
@@ -45,6 +44,7 @@ export default class LinkEditing extends Plugin {
     constructor(editor) {
         super(editor);
         editor.config.define('link', {
+            allowCreatingEmptyLinks: false,
             addTargetToExternalLinks: false
         });
     }
@@ -89,14 +89,8 @@ export default class LinkEditing extends Plugin {
         inlineHighlight(editor, 'linkHref', 'a', HIGHLIGHT_CLASS);
         // Handle link following by CTRL+click or ALT+ENTER
         this._enableLinkOpen();
-        // Change the attributes of the selection in certain situations after the link was inserted into the document.
-        this._enableInsertContentSelectionAttributesFixer();
-        // Handle a click at the beginning/end of a link element.
-        this._enableClickingAfterLink();
-        // Handle typing over the link.
-        this._enableTypingOverLink();
-        // Handle removing the content after the link element.
-        this._handleDeleteContentAfterLink();
+        // Clears the DocumentSelection decorator attributes if the selection is no longer in a link (for example while using 2-SCM).
+        this._enableSelectionAttributesFixer();
         // Handle adding default protocol to pasted links.
         this._enableClipboardIntegration();
     }
@@ -225,244 +219,22 @@ export default class LinkEditing extends Plugin {
         });
     }
     /**
-     * Starts listening to {@link module:engine/model/model~Model#event:insertContent} and corrects the model
-     * selection attributes if the selection is at the end of a link after inserting the content.
+     * Watches the DocumentSelection attribute changes and removes link decorator attributes when the linkHref attribute is removed.
      *
-     * The purpose of this action is to improve the overall UX because the user is no longer "trapped" by the
-     * `linkHref` attribute of the selection and they can type a "clean" (`linkHref`–less) text right away.
-     *
-     * See https://github.com/ckeditor/ckeditor5/issues/6053.
+     * This is to ensure that there is no left-over link decorator attributes on the document selection that is no longer in a link.
      */
-    _enableInsertContentSelectionAttributesFixer() {
+    _enableSelectionAttributesFixer() {
         const editor = this.editor;
         const model = editor.model;
         const selection = model.document.selection;
-        this.listenTo(model, 'insertContent', () => {
-            const nodeBefore = selection.anchor.nodeBefore;
-            const nodeAfter = selection.anchor.nodeAfter;
-            // NOTE: ↰ and ↱ represent the gravity of the selection.
-            // The only truly valid case is:
-            //
-            //		                                 ↰
-            //		...<$text linkHref="foo">INSERTED[]</$text>
-            //
-            // If the selection is not "trapped" by the `linkHref` attribute after inserting, there's nothing
-            // to fix there.
-            if (!selection.hasAttribute('linkHref')) {
-                return;
-            }
-            // Filter out the following case where a link with the same href (e.g. <a href="foo">INSERTED</a>) is inserted
-            // in the middle of an existing link:
-            //
-            // Before insertion:
-            //		                       ↰
-            //		<$text linkHref="foo">l[]ink</$text>
-            //
-            // Expected after insertion:
-            //		                               ↰
-            //		<$text linkHref="foo">lINSERTED[]ink</$text>
-            //
-            if (!nodeBefore) {
-                return;
-            }
-            // Filter out the following case where the selection has the "linkHref" attribute because the
-            // gravity is overridden and some text with another attribute (e.g. <b>INSERTED</b>) is inserted:
-            //
-            // Before insertion:
-            //
-            //		                       ↱
-            //		<$text linkHref="foo">[]link</$text>
-            //
-            // Expected after insertion:
-            //
-            //		                                                          ↱
-            //		<$text bold="true">INSERTED</$text><$text linkHref="foo">[]link</$text>
-            //
-            if (!nodeBefore.hasAttribute('linkHref')) {
-                return;
-            }
-            // Filter out the following case where a link is a inserted in the middle (or before) another link
-            // (different URLs, so they will not merge). In this (let's say weird) case, we can leave the selection
-            // attributes as they are because the user will end up writing in one link or another anyway.
-            //
-            // Before insertion:
-            //
-            //		                       ↰
-            //		<$text linkHref="foo">l[]ink</$text>
-            //
-            // Expected after insertion:
-            //
-            //		                                                             ↰
-            //		<$text linkHref="foo">l</$text><$text linkHref="bar">INSERTED[]</$text><$text linkHref="foo">ink</$text>
-            //
-            if (nodeAfter && nodeAfter.hasAttribute('linkHref')) {
+        this.listenTo(selection, 'change:attribute', (evt, { attributeKeys }) => {
+            if (!attributeKeys.includes('linkHref') || selection.hasAttribute('linkHref')) {
                 return;
             }
             model.change(writer => {
                 removeLinkAttributesFromSelection(writer, getLinkAttributesAllowedOnText(model.schema));
             });
-        }, { priority: 'low' });
-    }
-    /**
-     * Starts listening to {@link module:engine/view/document~Document#event:mousedown} and
-     * {@link module:engine/view/document~Document#event:selectionChange} and puts the selection before/after a link node
-     * if clicked at the beginning/ending of the link.
-     *
-     * The purpose of this action is to allow typing around the link node directly after a click.
-     *
-     * See https://github.com/ckeditor/ckeditor5/issues/1016.
-     */
-    _enableClickingAfterLink() {
-        const editor = this.editor;
-        const model = editor.model;
-        editor.editing.view.addObserver(MouseObserver);
-        let clicked = false;
-        // Detect the click.
-        this.listenTo(editor.editing.view.document, 'mousedown', () => {
-            clicked = true;
         });
-        // When the selection has changed...
-        this.listenTo(editor.editing.view.document, 'selectionChange', () => {
-            if (!clicked) {
-                return;
-            }
-            // ...and it was caused by the click...
-            clicked = false;
-            const selection = model.document.selection;
-            // ...and no text is selected...
-            if (!selection.isCollapsed) {
-                return;
-            }
-            // ...and clicked text is the link...
-            if (!selection.hasAttribute('linkHref')) {
-                return;
-            }
-            const position = selection.getFirstPosition();
-            const linkRange = findAttributeRange(position, 'linkHref', selection.getAttribute('linkHref'), model);
-            // ...check whether clicked start/end boundary of the link.
-            // If so, remove the `linkHref` attribute.
-            if (position.isTouching(linkRange.start) || position.isTouching(linkRange.end)) {
-                model.change(writer => {
-                    removeLinkAttributesFromSelection(writer, getLinkAttributesAllowedOnText(model.schema));
-                });
-            }
-        });
-    }
-    /**
-     * Starts listening to {@link module:engine/model/model~Model#deleteContent} and {@link module:engine/model/model~Model#insertContent}
-     * and checks whether typing over the link. If so, attributes of removed text are preserved and applied to the inserted text.
-     *
-     * The purpose of this action is to allow modifying a text without loosing the `linkHref` attribute (and other).
-     *
-     * See https://github.com/ckeditor/ckeditor5/issues/4762.
-     */
-    _enableTypingOverLink() {
-        const editor = this.editor;
-        const view = editor.editing.view;
-        // Selection attributes when started typing over the link.
-        let selectionAttributes = null;
-        // Whether pressed `Backspace` or `Delete`. If so, attributes should not be preserved.
-        let deletedContent = false;
-        // Detect pressing `Backspace` / `Delete`.
-        this.listenTo(view.document, 'delete', () => {
-            deletedContent = true;
-        }, { priority: 'high' });
-        // Listening to `model#deleteContent` allows detecting whether selected content was a link.
-        // If so, before removing the element, we will copy its attributes.
-        this.listenTo(editor.model, 'deleteContent', () => {
-            const selection = editor.model.document.selection;
-            // Copy attributes only if anything is selected.
-            if (selection.isCollapsed) {
-                return;
-            }
-            // When the content was deleted, do not preserve attributes.
-            if (deletedContent) {
-                deletedContent = false;
-                return;
-            }
-            // Enabled only when typing.
-            if (!isTyping(editor)) {
-                return;
-            }
-            if (shouldCopyAttributes(editor.model)) {
-                selectionAttributes = selection.getAttributes();
-            }
-        }, { priority: 'high' });
-        // Listening to `model#insertContent` allows detecting the content insertion.
-        // We want to apply attributes that were removed while typing over the link.
-        this.listenTo(editor.model, 'insertContent', (evt, [element]) => {
-            deletedContent = false;
-            // Enabled only when typing.
-            if (!isTyping(editor)) {
-                return;
-            }
-            if (!selectionAttributes) {
-                return;
-            }
-            editor.model.change(writer => {
-                for (const [attribute, value] of selectionAttributes) {
-                    writer.setAttribute(attribute, value, element);
-                }
-            });
-            selectionAttributes = null;
-        }, { priority: 'high' });
-    }
-    /**
-     * Starts listening to {@link module:engine/model/model~Model#deleteContent} and checks whether
-     * removing a content right after the "linkHref" attribute.
-     *
-     * If so, the selection should not preserve the `linkHref` attribute. However, if
-     * the {@link module:typing/twostepcaretmovement~TwoStepCaretMovement} plugin is active and
-     * the selection has the "linkHref" attribute due to overriden gravity (at the end), the `linkHref` attribute should stay untouched.
-     *
-     * The purpose of this action is to allow removing the link text and keep the selection outside the link.
-     *
-     * See https://github.com/ckeditor/ckeditor5/issues/7521.
-     */
-    _handleDeleteContentAfterLink() {
-        const editor = this.editor;
-        const model = editor.model;
-        const selection = model.document.selection;
-        const view = editor.editing.view;
-        // A flag whether attributes `linkHref` attribute should be preserved.
-        let shouldPreserveAttributes = false;
-        // A flag whether the `Backspace` key was pressed.
-        let hasBackspacePressed = false;
-        // Detect pressing `Backspace`.
-        this.listenTo(view.document, 'delete', (evt, data) => {
-            hasBackspacePressed = data.direction === 'backward';
-        }, { priority: 'high' });
-        // Before removing the content, check whether the selection is inside a link or at the end of link but with 2-SCM enabled.
-        // If so, we want to preserve link attributes.
-        this.listenTo(model, 'deleteContent', () => {
-            // Reset the state.
-            shouldPreserveAttributes = false;
-            const position = selection.getFirstPosition();
-            const linkHref = selection.getAttribute('linkHref');
-            if (!linkHref) {
-                return;
-            }
-            const linkRange = findAttributeRange(position, 'linkHref', linkHref, model);
-            // Preserve `linkHref` attribute if the selection is in the middle of the link or
-            // the selection is at the end of the link and 2-SCM is activated.
-            shouldPreserveAttributes = linkRange.containsPosition(position) || linkRange.end.isEqual(position);
-        }, { priority: 'high' });
-        // After removing the content, check whether the current selection should preserve the `linkHref` attribute.
-        this.listenTo(model, 'deleteContent', () => {
-            // If didn't press `Backspace`.
-            if (!hasBackspacePressed) {
-                return;
-            }
-            hasBackspacePressed = false;
-            // Disable the mechanism if inside a link (`<$text url="foo">F[]oo</$text>` or <$text url="foo">Foo[]</$text>`).
-            if (shouldPreserveAttributes) {
-                return;
-            }
-            // Use `model.enqueueChange()` in order to execute the callback at the end of the changes process.
-            editor.model.enqueueChange(writer => {
-                removeLinkAttributesFromSelection(writer, getLinkAttributesAllowedOnText(model.schema));
-            });
-        }, { priority: 'low' });
     }
     /**
      * Enables URL fixing on pasting.
@@ -498,46 +270,6 @@ function removeLinkAttributesFromSelection(writer, linkAttributes) {
         writer.removeSelectionAttribute(attribute);
     }
 }
-/**
- * Checks whether selection's attributes should be copied to the new inserted text.
- */
-function shouldCopyAttributes(model) {
-    const selection = model.document.selection;
-    const firstPosition = selection.getFirstPosition();
-    const lastPosition = selection.getLastPosition();
-    const nodeAtFirstPosition = firstPosition.nodeAfter;
-    // The text link node does not exist...
-    if (!nodeAtFirstPosition) {
-        return false;
-    }
-    // ...or it isn't the text node...
-    if (!nodeAtFirstPosition.is('$text')) {
-        return false;
-    }
-    // ...or isn't the link.
-    if (!nodeAtFirstPosition.hasAttribute('linkHref')) {
-        return false;
-    }
-    // `textNode` = the position is inside the link element.
-    // `nodeBefore` = the position is at the end of the link element.
-    const nodeAtLastPosition = lastPosition.textNode || lastPosition.nodeBefore;
-    // If both references the same node selection contains a single text node.
-    if (nodeAtFirstPosition === nodeAtLastPosition) {
-        return true;
-    }
-    // If nodes are not equal, maybe the link nodes has defined additional attributes inside.
-    // First, we need to find the entire link range.
-    const linkRange = findAttributeRange(firstPosition, 'linkHref', nodeAtFirstPosition.getAttribute('linkHref'), model);
-    // Then we can check whether selected range is inside the found link range. If so, attributes should be preserved.
-    return linkRange.containsRange(model.createRange(firstPosition, lastPosition), true);
-}
-/**
- * Checks whether provided changes were caused by typing.
- */
-function isTyping(editor) {
-    const currentBatch = editor.model.change(writer => writer.batch);
-    return currentBatch.isTyping;
-}
 /**
  * Returns an array containing names of the attributes allowed on `$text` that describes the link item.
  */

package/src/linkimage.d.ts

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkimage
  */
-import { Plugin } from 'ckeditor5/src/core';
-import LinkImageEditing from './linkimageediting';
-import LinkImageUI from './linkimageui';
+import { Plugin } from 'ckeditor5/src/core.js';
+import LinkImageEditing from './linkimageediting.js';
+import LinkImageUI from './linkimageui.js';
 import '../theme/linkimage.css';
 /**
  * The `LinkImage` plugin.

package/src/linkimage.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkimage
  */
-import { Plugin } from 'ckeditor5/src/core';
-import LinkImageEditing from './linkimageediting';
-import LinkImageUI from './linkimageui';
+import { Plugin } from 'ckeditor5/src/core.js';
+import LinkImageEditing from './linkimageediting.js';
+import LinkImageUI from './linkimageui.js';
 import '../theme/linkimage.css';
 /**
  * The `LinkImage` plugin.

package/src/linkimageediting.d.ts

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkimageediting
  */
-import { Plugin } from 'ckeditor5/src/core';
-import LinkEditing from './linkediting';
+import { Plugin } from 'ckeditor5/src/core.js';
+import LinkEditing from './linkediting.js';
 /**
  * The link image engine feature.
  *
@@ -25,7 +25,7 @@ export default class LinkImageEditing extends Plugin {
     /**
      * @inheritDoc
      */
-    init(): void;
+    afterInit(): void;
     /**
      * Processes {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators} definitions and
      * attaches proper converters that will work when linking an image.`

package/src/linkimageediting.js

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module link/linkimageediting
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { Matcher } from 'ckeditor5/src/engine';
-import { toMap } from 'ckeditor5/src/utils';
-import LinkEditing from './linkediting';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { Matcher } from 'ckeditor5/src/engine.js';
+import { toMap } from 'ckeditor5/src/utils.js';
+import LinkEditing from './linkediting.js';
 /**
  * The link image engine feature.
  *
@@ -31,7 +31,7 @@ export default class LinkImageEditing extends Plugin {
     /**
      * @inheritDoc
      */
-    init() {
+    afterInit() {
         const editor = this.editor;
         const schema = editor.model.schema;
         if (editor.plugins.has('ImageBlockEditing')) {

package/src/linkimageui.d.ts

@@ -1,10 +1,10 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-import { Plugin } from 'ckeditor5/src/core';
-import LinkUI from './linkui';
-import LinkEditing from './linkediting';
+import { Plugin } from 'ckeditor5/src/core.js';
+import LinkUI from './linkui.js';
+import LinkEditing from './linkediting.js';
 /**
  * The link image UI plugin.
  *