Added go,ts,java to languages list

Author: samandar-boymurodov

dist/editorjs-codeflask.bundle.js

@@ -1,17 +1,15 @@
 {
-  "name": "@calumk/editorjs-codeflask",
+  "name": "@samandar.boymurodov/editorjs-codeflask",
   "description": "Codeflask, for EditorJS",
-  "version": "1.0.9",
-
+  "version": "1.0.10",
   "author": "Calum Knott",
-  "repository": "https://github.com/calumk/editorjs-codeflask",
+  "repository": "https://github.com/samandar-boymurodov/editorjs-codeflask",
   "license": "MIT",
-
   "main": "./dist/editorjs-codeflask.bundle.js",
   "scripts": {
-    "build": "webpack --mode production"
+    "build": "webpack --mode production",
+    "build:dev": "webpack --mode development --watch"
   },
-
   "dependencies": {
     "codeflask": "^1.4.1",
     "nice-select2": "^2.0.0",

package-lock.json

@@ -5,13 +5,13 @@
   * @author Calum Knott ([email protected])
   * @license The MIT License (MIT)
   */
- 
+
  /**
   * @typedef {object} EditorJsCodeFlaskConfig
   * @property {string} placeholder - placeholder for the empty EditorJsCodeFlask
   * @property {boolean} preserveBlank - Whether or not to keep blank EditorJsCodeFlasks when saving editor data
   */
- 
+
  /**
   * @typedef {Object} EditorJsCodeFlaskData
   * @description Tool's input and output data format
@@ -23,27 +23,25 @@
 
   import Prism from 'prismjs';
 
+  // Additional languages
+  import "prismjs/components/prism-java"
+  import "prismjs/components/prism-go"
+  import "prismjs/components/prism-typescript"
+
   // import "prismjs-components-importer/esm"; // ALL - Massivly Increases Bundle size!
 
   import "prismjs-components-importer/esm/prism-iecst"; // Structured Text
-  import "prismjs-components-importer/esm/prism-markdown"; 
-  import "prismjs-components-importer/esm/prism-json"; 
+  import "prismjs-components-importer/esm/prism-markdown";
+  import "prismjs-components-importer/esm/prism-json";
   import "prismjs-components-importer/esm/prism-python";
   import "prismjs-components-importer/esm/prism-bash";
- 
+
 
   import CodeFlask from 'codeflask';
 
   import NiceSelect from "nice-select2/dist/js/nice-select2";
   import NiceSelectStyle from "nice-select2/dist/css/nice-select2.css";
 
-
-
-
-  // console.log(Prism.languages)
-
-
- 
  class EditorJsCodeFlask {
    /**
     * Default placeholder for EditorJsCodeFlask Tool
@@ -58,7 +56,7 @@
    static get enableLineBreaks() {
     return true;
   }
- 
+
    /**
     * Render plugin`s main Element and fill it with saved data
     *
@@ -72,18 +70,18 @@
     //  console.log(data)
      this.api = api;
      this.readOnly = readOnly;
- 
+
      this._CSS = {
        block: this.api.styles.block,
        wrapper: 'ce-EditorJsCodeFlask',
        settingsButton: this.api.styles.settingsButton,
        settingsButtonActive: this.api.styles.settingsButtonActive,
      };
- 
+
      if (!this.readOnly) {
        this.onKeyUp = this.onKeyUp.bind(this);
      }
- 
+
      /**
       * Placeholder for EditorJsCodeFlask if it is first Block
       * @type {string}
@@ -94,7 +92,7 @@
 
      this._element; // used to hold the wrapper div, as a point of reference
 
- 
+
 
      // let x = (x === undefined) ? your_default_value : x;
      this.data = {}
@@ -106,7 +104,7 @@
     //  console.log(this.data)
 
    }
- 
+
    /**
     * Check if text content is empty and set empty string to inner html.
     * We need this because some browsers (e.g. Safari) insert <br> into empty contenteditanle elements
@@ -117,15 +115,15 @@
      if (e.code !== 'Backspace' && e.code !== 'Delete') {
        return;
      }
- 
+
      const {textContent} = this._element;
- 
+
      if (textContent === '') {
        this._element.innerHTML = '';
      }
    }
 
- 
+
    /**
     * Return Tool's view
     *
@@ -145,8 +143,8 @@
     this._element.appendChild(editorElem)
     this._element.appendChild(langdisplay)
 
-    this.data.editorInstance = new CodeFlask(editorElem, { 
-      language: this.data.language, 
+    this.data.editorInstance = new CodeFlask(editorElem, {
+      language: this.data.language,
       lineNumbers : this.data.showlinenumbers,
       readonly : this.readOnly
     });
@@ -232,7 +230,7 @@
 
     settingsContainer.appendChild(languagesSelect);
     new NiceSelect(languagesSelect, {searchable : true, placeholder : "Language..."});
-    
+
     // settingsContainer.appendChild(settingsButton);
 
     return settingsContainer;
@@ -249,12 +247,13 @@
 
   _updateLanguage = (lang) => {
     this.data.language = lang
-    this._element.querySelector('.editorjs-codeFlask_LangDisplay').innerHTML = this.data.language
-    this.data.editorInstance.updateLanguage(this.data.language)
+    this._element.querySelector('.editorjs-codeFlask_LangDisplay').innerHTML = lang
+    this.data.editorInstance.addLanguage(lang, Prism.languages[lang])
+    this.data.editorInstance.updateLanguage(lang)
   }
- 
 
- 
+
+
    /**
     * Extract Tool's data from the view
     * @param {HTMLDivElement} toolsContent - EditorJsCodeFlask tools rendered view
@@ -267,10 +266,10 @@
       language : this.data.language,
       showlinenumbers : this.data.showlinenumbers
     };
-    
+
     return resp
    }
- 
+
    /**
     * Returns true to notify the core that read-only mode is supported
     *
@@ -280,7 +279,7 @@
      return true;
    }
 
- 
+
    /**
     * Icon and title for displaying at the Toolbox
     *
@@ -293,5 +292,5 @@
      };
    }
  }
- 
-export { EditorJsCodeFlask as default }
+
+export { EditorJsCodeFlask as default }