fix: fixed highlight

Author: micheleriva

.gitattribute

@@ -0,0 +1 @@
+*.js linguist-detectable=false

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hackdoor/codebox",
-  "version": "1.0.11",
+  "version": "1.0.16",
   "license": "ISC",
   "description": "Code syntax highlighting tool for Editor.js",
   "keywords": [
@@ -23,12 +23,13 @@
     "url": "git+https://github.com/BomdiZane/codebox.git"
   },
   "scripts": {
-    "build": "esbuild --bundle --outfile=\"./dist/index.min.js\" --global-name=\"CodeBox\" --platform=\"browser\" ./src/index.ts && cp ./src/style.css ./dist/style.css",
+    "build": "esbuild --bundle --outfile=\"./dist/index.min.js\" --global-name=\"CodeBox\" --format=\"cjs\" --platform=\"browser\" ./src/index.ts && cp ./src/style.css ./dist/style.css",
     "dev": "nodemon --watch ./src/*.ts npm run build",
     "start": "node test.js",
     "prepublish": "npm run build"
   },
   "devDependencies": {
+    "@types/node": "^14.11.2",
     "css-loader": "^1.0.0",
     "esbuild": "^0.7.9",
     "eslint": "^6.8.0",
@@ -39,8 +40,5 @@
     "dist",
     "src"
   ],
-  "main": "dist/index.min.js",
-  "dependencies": {
-    "rangy": "^1.3.0"
-  }
+  "main": "dist/index.min.js"
 }

src/index.ts

@@ -7,10 +7,6 @@
   * @author - Adombang Munang Mbomndih (Bomdi) <[email protected]> (https://bomdisoft.com)
   */
 
-import rangy from 'rangy/lib/rangy-core.js'
-import 'rangy/lib/rangy-textrange.js'
-import 'rangy/lib/rangy-selectionsaverestore.js'
-
 import { DEFAULT_THEMES, COMMON_LANGUAGES } from './constants';
 
 type CodeboxConfig = {
@@ -156,9 +152,26 @@ export default class CodeBox {
   }
 
   _highlightCodeArea(event){
-    const savedSel = rangy.saveSelection();
     hljs.highlightBlock(this.codeArea);
-    rangy.restoreSelection(savedSel);
+    this._placeCaretAtEnd(this.codeArea)
+  }
+
+  _placeCaretAtEnd(el) {
+    el.focus();
+    if (typeof window.getSelection != "undefined" &&
+      typeof document.createRange != "undefined") {
+      let range = document.createRange();
+      range.selectNodeContents(el);
+      range.collapse(false);
+      let sel = window.getSelection();
+      sel.removeAllRanges();
+      sel.addRange(range);
+    } else if (typeof document.body.createTextRange != "undefined") {
+      let textRange = document.body.createTextRange();
+      textRange.moveToElementText(el);
+      textRange.collapse(false);
+      textRange.select();
+    }
   }
 
   _handleCodeAreaPaste(event){

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "incremental": true,                   
     "target": "ESNext",                 
-    "module": "UMD",            
+    "module": "ESNext",            
     "allowJs": true,                       
     "checkJs": true,                       
     "strict": true,                       

yarn.lock

@@ -40,6 +40,11 @@
   resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
   integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
 
+"@types/node@^14.11.2":
+  version "14.11.2"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.11.2.tgz#2de1ed6670439387da1c9f549a2ade2b0a799256"
+  integrity sha512-jiE3QIxJ8JLNcb1Ps6rDbysDhN4xa8DJJvuC9prr6w+1tIh+QAbYyNF3tyiZNLDBIuBCf4KEcV2UvQm/V60xfA==
+
 abbrev@1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"