fix(migration): address feedback from PR review

Author: idebenone

package-lock.json

@@ -45,6 +45,6 @@
     "vite-plugin-dts": "^3.9.1"
   },
   "dependencies": {
-    "@codexteam/icons": "^0.0.5"
+    "@codexteam/icons": "^0.3.1"
   }
 }

package.json

@@ -1,7 +1,7 @@
 import './index.css';
 import { getLineStartPosition } from './utils/string';
 import { IconBrackets } from '@codexteam/icons';
-import { API, PasteEvent } from '@editorjs/editorjs';
+import { API, BlockToolConstructorOptions, BlockTool, PasteEvent } from '@editorjs/editorjs';
 
 /**
  * CodeTool for Editor.js
@@ -11,7 +11,7 @@ import { API, PasteEvent } from '@editorjs/editorjs';
  */
 
 /**
- * @description CodeTool's data
+ * @description CodeTool generates data in this format
  */
 export interface CodeData {
   code: string;
@@ -42,54 +42,34 @@ interface CodeToolNodes {
   textarea: HTMLTextAreaElement | null;
 }
 
-/**
- * @description Constructor arguments for CodeTool
- */
-interface ConstructorArgs {
-  /** Previously saved data */
-  data: CodeData;
-  /** User config for the tool */
-  config: CodeConfig;
-  /** Editor.js API */
-  api: API;
-  /** Read-only mode flag */
-  readOnly: boolean;
-}
-
 /**
  * Code Tool for the Editor.js allows to include code examples in your articles.
  */
-export default class CodeTool {
+export default class CodeTool implements BlockTool {
   /** 
   * Editor.js API
-  * @private
   */
   private api: API;
   /**
   * Read-only mode flag
-  * @private
   */
   private readOnly: boolean;
   /**
    * CodeTool's placeholder
-   * @private
    */
   private placeholder: string;
   /**
    * CodeTool's CSS
-   * @private
    */
   private CSS: CodeToolCSS;
   /**
    * CodeTool nodes
-   * @private
    */
   private nodes: CodeToolNodes;
   /**
   * CodeTool's data
-  * @private
   */
-  private _data: CodeData;
+  private _data!: CodeData;
 
   /**
    * Notify core that read-only mode is supported
@@ -124,7 +104,7 @@ export default class CodeTool {
    * @param {object} options.api - Editor.js API
    * @param {boolean} options.readOnly - read only mode flag
    */
-  constructor({ data, config, api, readOnly }: ConstructorArgs) {
+  constructor({ data, config, api, readOnly }: BlockToolConstructorOptions) {
     this.api = api;
     this.readOnly = readOnly;
 
@@ -142,7 +122,7 @@ export default class CodeTool {
       textarea: null,
     };
 
-    this._data = {
+    this.data = {
       code: data.code || '',
     };
 
@@ -161,7 +141,7 @@ export default class CodeTool {
 
     wrapper.classList.add(this.CSS.baseClass, this.CSS.wrapper);
     textarea.classList.add(this.CSS.textarea, this.CSS.input);
-    textarea.textContent = this._data.code;
+    textarea.textContent = this.data.code;
 
     textarea.placeholder = this.placeholder;
 
@@ -220,7 +200,7 @@ export default class CodeTool {
 
     if ('data' in detail) {
       const content = detail.data as string;
-      this._data = {
+      this.data = {
         code: content || '',
       };
     }

src/index.ts

@@ -7,10 +7,10 @@
   resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.24.8.tgz"
   integrity sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w==
 
-"@codexteam/icons@^0.0.5":
-  version "0.0.5"
-  resolved "https://registry.npmjs.org/@codexteam/icons/-/icons-0.0.5.tgz"
-  integrity sha512-s6H2KXhLz2rgbMZSkRm8dsMJvyUNZsEjxobBEg9ztdrb1B2H3pEzY6iTwI4XUPJWJ3c3qRKwV4TrO3J5jUdoQA==
+"@codexteam/icons@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.npmjs.org/@codexteam/icons/-/icons-0.3.1.tgz"
+  integrity sha512-xojjd40csucwaKz/Nnh/iy18BtTdQjq3YQNL6MCqqFRyUNN+8nRfm/Mp+Y4xo6TseDkReS2tM1FbuULyrFjn0w==
 
 "@editorjs/editorjs@^2.30.2":
   version "2.30.2"