@ckeditor/ckeditor5-ckbox 0.0.0-nightly-next-20250223.0 → 0.0.0-nightly-20250224.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ckbox",
-  "version": "0.0.0-nightly-next-20250223.0",
+  "version": "0.0.0-nightly-20250224.0",
   "description": "CKBox integration for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,17 +13,16 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-cloud-services": "0.0.0-nightly-next-20250223.0",
-    "@ckeditor/ckeditor5-core": "0.0.0-nightly-next-20250223.0",
-    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-next-20250223.0",
-    "@ckeditor/ckeditor5-icons": "0.0.0-nightly-next-20250223.0",
-    "@ckeditor/ckeditor5-image": "0.0.0-nightly-next-20250223.0",
-    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-next-20250223.0",
-    "@ckeditor/ckeditor5-upload": "0.0.0-nightly-next-20250223.0",
-    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-next-20250223.0",
-    "ckeditor5": "0.0.0-nightly-next-20250223.0",
+    "@ckeditor/ckeditor5-cloud-services": "0.0.0-nightly-20250224.0",
+    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20250224.0",
+    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20250224.0",
+    "@ckeditor/ckeditor5-image": "0.0.0-nightly-20250224.0",
+    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20250224.0",
+    "@ckeditor/ckeditor5-upload": "0.0.0-nightly-20250224.0",
+    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20250224.0",
+    "ckeditor5": "0.0.0-nightly-20250224.0",
     "blurhash": "2.0.5",
-    "es-toolkit": "1.32.0"
+    "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/ckboxcommand.js

@@ -24,33 +24,33 @@ const ASSET_INSERTION_WAIT_TIMEOUT = 1000;
  * {@link module:link/link~Link Link feature}.
  */
 export default class CKBoxCommand extends Command {
-    /**
-     * A set of all chosen assets. They are stored temporarily and they are automatically removed 1 second after being chosen.
-     * Chosen assets have to be "remembered" for a while to be able to map the given asset with the element inserted into the model.
-     * This association map is then used to set the ID on the model element.
-     *
-     * All chosen assets are automatically removed after the timeout, because (theoretically) it may happen that they will never be
-     * inserted into the model, even if the {@link module:link/linkcommand~LinkCommand `'link'`} command or the
-     * {@link module:image/image/insertimagecommand~InsertImageCommand `'insertImage'`} command is enabled. Such a case may arise when
-     * another plugin blocks the command execution. Then, in order not to keep the chosen (but not inserted) assets forever, we delete
-     * them automatically to prevent memory leakage. The 1 second timeout is enough to insert the asset into the model and extract the
-     * ID from the chosen asset.
-     *
-     * The assets are stored only if
-     * the {@link module:ckbox/ckboxconfig~CKBoxConfig#ignoreDataId `config.ckbox.ignoreDataId`} option is set to `false` (by default).
-     *
-     * @internal
-     */
-    _chosenAssets = new Set();
-    /**
-     * The DOM element that acts as a mounting point for the CKBox dialog.
-     */
-    _wrapper = null;
     /**
      * @inheritDoc
      */
     constructor(editor) {
         super(editor);
+        /**
+         * A set of all chosen assets. They are stored temporarily and they are automatically removed 1 second after being chosen.
+         * Chosen assets have to be "remembered" for a while to be able to map the given asset with the element inserted into the model.
+         * This association map is then used to set the ID on the model element.
+         *
+         * All chosen assets are automatically removed after the timeout, because (theoretically) it may happen that they will never be
+         * inserted into the model, even if the {@link module:link/linkcommand~LinkCommand `'link'`} command or the
+         * {@link module:image/image/insertimagecommand~InsertImageCommand `'insertImage'`} command is enabled. Such a case may arise when
+         * another plugin blocks the command execution. Then, in order not to keep the chosen (but not inserted) assets forever, we delete
+         * them automatically to prevent memory leakage. The 1 second timeout is enough to insert the asset into the model and extract the
+         * ID from the chosen asset.
+         *
+         * The assets are stored only if
+         * the {@link module:ckbox/ckboxconfig~CKBoxConfig#ignoreDataId `config.ckbox.ignoreDataId`} option is set to `false` (by default).
+         *
+         * @internal
+         */
+        this._chosenAssets = new Set();
+        /**
+         * The DOM element that acts as a mounting point for the CKBox dialog.
+         */
+        this._wrapper = null;
         this._initListeners();
     }
     /**

package/src/ckboximageedit/ckboximageeditcommand.js

@@ -9,7 +9,7 @@
 import { Command, PendingActions } from 'ckeditor5/src/core.js';
 import { CKEditorError, abortableDebounce, createElement, retry, delay } from 'ckeditor5/src/utils.js';
 import { Notification } from 'ckeditor5/src/ui.js';
-import { isEqual } from 'es-toolkit/compat';
+import { isEqual } from 'lodash-es';
 import { sendHttpRequest } from '../utils.js';
 import { prepareImageAssetAttributes } from '../ckboxcommand.js';
 import { createEditabilityChecker } from './utils.js';
@@ -20,35 +20,27 @@ import CKBoxUtils from '../ckboxutils.js';
  * Opens the CKBox dialog for editing the image.
  */
 export default class CKBoxImageEditCommand extends Command {
-    /**
-     * The DOM element that acts as a mounting point for the CKBox Edit Image dialog.
-     */
-    _wrapper = null;
-    /**
-     * The states of image processing in progress.
-     */
-    _processInProgress = new Set();
-    /**
-     * Determines if the element can be edited.
-     */
-    _canEdit;
-    /**
-     * A wrapper function to prepare mount options. Ensures that at most one preparation is in-flight.
-     */
-    _prepareOptions;
-    /**
-    * CKBox's onClose function runs before the final cleanup, potentially causing
-    * page layout changes after it finishes. To address this, we use a setTimeout hack
-    * to ensure that floating elements on the page maintain their correct position.
-    *
-    * See: https://github.com/ckeditor/ckeditor5/issues/16153.
-    */
-    _updateUiDelayed = delay(() => this.editor.ui.update(), 0);
     /**
      * @inheritDoc
      */
     constructor(editor) {
         super(editor);
+        /**
+         * The DOM element that acts as a mounting point for the CKBox Edit Image dialog.
+         */
+        this._wrapper = null;
+        /**
+         * The states of image processing in progress.
+         */
+        this._processInProgress = new Set();
+        /**
+        * CKBox's onClose function runs before the final cleanup, potentially causing
+        * page layout changes after it finishes. To address this, we use a setTimeout hack
+        * to ensure that floating elements on the page maintain their correct position.
+        *
+        * See: https://github.com/ckeditor/ckeditor5/issues/16153.
+        */
+        this._updateUiDelayed = delay(() => this.editor.ui.update(), 0);
         this.value = false;
         this._canEdit = createEditabilityChecker(editor.config.get('ckbox.allowExternalImagesEditing'));
         this._prepareOptions = abortableDebounce((signal, state) => this._prepareOptionsAbortable(signal, state));

package/src/ckboximageedit/ckboximageeditui.js

@@ -7,7 +7,7 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { ButtonView } from 'ckeditor5/src/ui.js';
-import { IconCkboxImageEdit } from 'ckeditor5/src/icons.js';
+import ckboxImageEditIcon from '../../theme/icons/ckbox-image-edit.svg';
 /**
  * The UI plugin of the CKBox image edit feature.
  *
@@ -38,7 +38,7 @@ export default class CKBoxImageEditUI extends Plugin {
             const view = new ButtonView(locale);
             const t = locale.t;
             view.set({
-                icon: IconCkboxImageEdit,
+                icon: ckboxImageEditIcon,
                 tooltip: true
             });
             view.bind('label').to(uploadImageCommand, 'isAccessAllowed', isAccessAllowed => isAccessAllowed ?

package/src/ckboxui.js

@@ -5,9 +5,8 @@
 /**
  * @module ckbox/ckboxui
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { icons, Plugin } from 'ckeditor5/src/core.js';
 import { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';
-import { IconBrowseFiles, IconImageAssetManager } from 'ckeditor5/src/icons.js';
 /**
  * Introduces UI components for the `CKBox` plugin.
  *
@@ -73,7 +72,7 @@ export default class CKBoxUI extends Plugin {
     _createFileToolbarButton() {
         const t = this.editor.locale.t;
         const button = this._createButton(ButtonView);
-        button.icon = IconBrowseFiles;
+        button.icon = icons.browseFiles;
         button.label = t('Open file manager');
         button.tooltip = true;
         return button;
@@ -85,7 +84,7 @@ export default class CKBoxUI extends Plugin {
         const t = this.editor.locale.t;
         const imageInsertUI = this.editor.plugins.get('ImageInsertUI');
         const button = this._createButton(ButtonView);
-        button.icon = IconImageAssetManager;
+        button.icon = icons.imageAssetManager;
         button.bind('label').to(imageInsertUI, 'isImageSelected', isImageSelected => isImageSelected ? t('Replace image with file manager') : t('Insert image with file manager'));
         button.tooltip = true;
         return button;
@@ -97,7 +96,7 @@ export default class CKBoxUI extends Plugin {
         const t = this.editor.locale.t;
         const imageInsertUI = this.editor.plugins.get('ImageInsertUI');
         const button = this._createButton(ButtonView);
-        button.icon = IconImageAssetManager;
+        button.icon = icons.imageAssetManager;
         button.withText = true;
         button.bind('label').to(imageInsertUI, 'isImageSelected', isImageSelected => isImageSelected ? t('Replace with file manager') : t('Insert with file manager'));
         button.on('execute', () => {
@@ -111,7 +110,7 @@ export default class CKBoxUI extends Plugin {
     _createFileMenuBarButton() {
         const t = this.editor.locale.t;
         const button = this._createButton(MenuBarMenuListItemButtonView);
-        button.icon = IconBrowseFiles;
+        button.icon = icons.browseFiles;
         button.withText = true;
         button.label = t('File');
         return button;
@@ -124,7 +123,7 @@ export default class CKBoxUI extends Plugin {
         const translateVariableKey = this.editor.locale.t;
         const t = this.editor.locale.t;
         const button = this._createButton(MenuBarMenuListItemButtonView);
-        button.icon = IconImageAssetManager;
+        button.icon = icons.imageAssetManager;
         button.withText = true;
         switch (type) {
             case 'insertOnly':

package/src/ckboxuploadadapter.js

@@ -71,30 +71,6 @@ export default class CKBoxUploadAdapter extends Plugin {
  * Upload adapter for CKBox.
  */
 class Adapter {
-    /**
-     * FileLoader instance to use during the upload.
-     */
-    loader;
-    /**
-     * CKEditor Cloud Services access token.
-     */
-    token;
-    /**
-     * The editor instance.
-     */
-    editor;
-    /**
-     * The abort controller for aborting asynchronous processes.
-     */
-    controller;
-    /**
-     * The base URL where all requests should be sent.
-     */
-    serviceOrigin;
-    /**
-     * The reference to CKBoxUtils plugin.
-     */
-    ckboxUtils;
     /**
      * Creates a new adapter instance.
      */

package/src/ckboxutils.js

@@ -10,10 +10,6 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
  * The CKBox utilities plugin.
  */
 export default class CKBoxUtils extends Plugin {
-    /**
-     * CKEditor Cloud Services access token.
-     */
-    _token;
     /**
      * @inheritDoc
      */

package/src/utils.js

@@ -38,11 +38,12 @@ export function getImageUrls(imageUrls) {
 export function getWorkspaceId(token, defaultWorkspaceId) {
     const [, binaryTokenPayload] = token.value.split('.');
     const payload = JSON.parse(atob(binaryTokenPayload));
-    const workspaces = payload.auth?.ckbox?.workspaces || [payload.aud];
+    const workspaces = (payload.auth && payload.auth.ckbox && payload.auth.ckbox.workspaces) || [payload.aud];
     if (!defaultWorkspaceId) {
         return workspaces[0];
     }
-    if (payload.auth?.ckbox?.role == 'superadmin' || workspaces.includes(defaultWorkspaceId)) {
+    const role = payload.auth && payload.auth.ckbox && payload.auth.ckbox.role;
+    if (role == 'superadmin' || workspaces.includes(defaultWorkspaceId)) {
         return defaultWorkspaceId;
     }
     return null;

package/theme/icons/ckbox-image-edit.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M1.201 1C.538 1 0 1.47 0 2.1v14.363c0 .64.534 1.037 1.186 1.037H5.06l5.058-5.078L6.617 9.15a.696.696 0 0 0-.957-.033L1.5 13.6V2.5h15v4.354a3.478 3.478 0 0 1 1.5.049V2.1c0-.63-.547-1.1-1.2-1.1H1.202Zm11.713 2.803a2.147 2.147 0 0 0-2.049 1.992 2.14 2.14 0 0 0 1.28 2.096 2.13 2.13 0 0 0 2.642-3.11 2.129 2.129 0 0 0-1.873-.978ZM8.089 17.635v2.388h2.389l7.046-7.046-2.39-2.39-7.045 7.048Zm11.282-6.507a.637.637 0 0 0 .139-.692.603.603 0 0 0-.139-.205l-1.49-1.488a.63.63 0 0 0-.899 0l-1.166 1.163 2.39 2.39 1.165-1.168Z"/></svg>