@cocreate/selection 1.13.2 → 1.14.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.14.0](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.13.2...v1.14.0) (2024-11-04)
+
+
+### Bug Fixes
+
+* html[contenteditable] ([68b79f0](https://github.com/CoCreate-app/CoCreate-selection/commit/68b79f08d2f970fcd15abdf947dca9bc8b4146a9))
+* observer taget has been renamed to selector ([c36ae20](https://github.com/CoCreate-app/CoCreate-selection/commit/c36ae20b8d254c3ede29ad559af93237c8a49115))
+* pretier.config.js and file formating ([6039624](https://github.com/CoCreate-app/CoCreate-selection/commit/603962428197395e8db671597e4c5aea26b79524))
+
+
+### Features
+
+* add prettier.config.js and format files ([cf8e664](https://github.com/CoCreate-app/CoCreate-selection/commit/cf8e664884b66db4455a28c572099cefafc16c33))
+
 ## [1.13.2](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.13.1...v1.13.2) (2024-09-21)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/selection",
-  "version": "1.13.2",
+  "version": "1.14.0",
   "description": "A simple selection component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "selection",

package/prettier.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+        tabWidth: 4,
+        semi: true,
+        trailingComma: "none",
+        bracketSameLine: true,
+        useTabs: true,
+        overrides: [
+            {
+                files: ["*.json", "*.yml", "*.yaml"],
+                options: {
+                    tabWidth: 2,
+                    useTabs: false
+                },
+            }
+        ],  
+    };

package/src/index.js

@@ -5,103 +5,111 @@ String.prototype.customSplice = function (index, absIndex, string) {
 };
 
 export function getSelection(element) {
-    if (element.tagName === "INPUT" || element.tagName === "TEXTAREA") {
-        return {
-            start: element.selectionStart,
-            end: element.selectionEnd
-        };
-
-    } else {
-        let Document = element.ownerDocument;
-        let selection = Document.getSelection();
-        if (!selection.rangeCount)
-            return { start: 0, end: 0 };
-
-        let range = selection.getRangeAt(0);
-
-        let contenteditable
-        if (range.startContainer.nodeType === 3)
-            contenteditable = range.startContainer.parentElement.closest('[contenteditable][array][object][key]');
-        else
-            contenteditable = range.startContainer.closest('[contenteditable][array][object][key]');
-
-        if (contenteditable) {
-            element = contenteditable;
-        } else return { start: range.startOffset, end: range.endOffset }
+    try {
+        if (element.tagName === "INPUT" || element.tagName === "TEXTAREA") {
+            return {
+                start: element.selectionStart,
+                end: element.selectionEnd
+            };
+        } else {
+            let Document = element.ownerDocument;
+            let selection = Document.getSelection();
+            if (!selection.rangeCount)
+                return { start: 0, end: 0 };
 
-        let domTextEditor = element;
-        if (!domTextEditor.htmlString) {
-            domTextEditor = domTextEditor.closest('[contenteditable]');
-        }
+            let range = selection.getRangeAt(0);
 
+            let contenteditable
+            if (range.startContainer.nodeType === 3)
+                contenteditable = range.startContainer.parentElement.closest('[contenteditable][array][object][key], html[contenteditable]');
+            else
+                contenteditable = range.startContainer.closest('[contenteditable][array][object][key], html[contenteditable]');
 
-        let start = getNodePosition(range.startContainer, domTextEditor, range.startOffset)
-        let end = start
-        if (range.startContainer !== range.endContainer) {
-            end = getNodePosition(range.endContainer, domTextEditor, range.endOffset)
-        } else if (range.endOffset !== range.startOffset)
-            end = start + (range.endOffset - range.startOffset)
+            if (contenteditable) {
+                element = contenteditable;
+            } else return { start: range.startOffset, end: range.endOffset }
 
-        let startContainer = range.startContainer;
-        if (startContainer.nodeType == 3)
-            startContainer = range.startContainer.parentElement;
+            let domTextEditor = element;
+            if (!domTextEditor.htmlString) {
+                domTextEditor = domTextEditor.closest('[contenteditable]');
+            }
 
-        let endContainer = range.endContainer;
-        if (endContainer.nodeType == 3)
-            endContainer = range.endContainer.parentElement;
 
-        let textStart = 0, node = range.startContainer
-        while (node) {
-            textStart += node.textContent.length;
-            if (node === contenteditable)
-                node = undefined
-            else
-                node = node.previousSibling;
+            let start = getNodePosition(range.startContainer, domTextEditor, range.startOffset)
+            let end = start
+            if (range.startContainer !== range.endContainer) {
+                end = getNodePosition(range.endContainer, domTextEditor, range.endOffset)
+            } else if (range.endOffset !== range.startOffset)
+                end = start + (range.endOffset - range.startOffset)
+
+            let startContainer = range.startContainer;
+            if (startContainer.nodeType == 3)
+                startContainer = range.startContainer.parentElement;
+
+            let endContainer = range.endContainer;
+            if (endContainer.nodeType == 3)
+                endContainer = range.endContainer.parentElement;
+
+            let textStart = 0, node = range.startContainer
+            while (node) {
+                textStart += node.textContent.length;
+                if (node === contenteditable)
+                    node = undefined
+                else
+                    node = node.previousSibling;
+            }
+            let textEnd = textStart + (range.endOffset - range.startOffset)
+
+            let rangeObj = {
+                element,
+                domTextEditor,
+                startOffset: range.startOffset,
+                endOffset: range.endOffset,
+                startContainer,
+                endContainer,
+                elementStart: start,
+                elementEnd: end,
+                nodeStartContainer: range.startContainer,
+                nodeEndContainer: range.endContainer,
+                textStart,
+                textEnd
+            };
+
+            return { element: contenteditable, value: selection.toString(), start, end, range: rangeObj };
         }
-        let textEnd = textStart + (range.endOffset - range.startOffset)
-
-        let rangeObj = {
-            element,
-            domTextEditor,
-            startOffset: range.startOffset,
-            endOffset: range.endOffset,
-            startContainer,
-            endContainer,
-            elementStart: start,
-            elementEnd: end,
-            nodeStartContainer: range.startContainer,
-            nodeEndContainer: range.endContainer,
-            textStart,
-            textEnd
-        };
-
-        return { element: contenteditable, value: selection.toString(), start, end, range: rangeObj };
+    } catch (error) {
+        console.error("Error fetching selection from element:", error);
     }
-
 }
 
 
 function getNodePosition(container, domTextEditor, position) {
-    let string = domTextEditor.htmlString
-    if (!string)
-        return 0
-    let node = container.previousSibling
-    while (node && node.nodeType === 3) {
-        position += node.textContent.length;
-        node = node.previousSibling;
-    }
+    try {
+        let string = domTextEditor.htmlString
+        if (!string)
+            return 0
+        let node = container.previousSibling
+        while (node && node.nodeType === 3) {
+            position += node.textContent.length;
+            node = node.previousSibling;
+        }
+
+        let nodePosition
+        if (node && node.nodeType === 1) {
+            nodePosition = getStringPosition({ string, target: node, position: 'afterend' });
+            position += nodePosition.end
+        } else if (container.parentElement !== domTextEditor && container !== domTextEditor) {
+            let parentElement = container.parentElement
+            nodePosition = getStringPosition({ string, target: parentElement, position: 'afterbegin' });
+            position += nodePosition.start
+        }
+
+        return position
 
-    let nodePosition
-    if (node && node.nodeType === 1) {
-        nodePosition = getStringPosition({ string, target: node, position: 'afterend' });
-        position += nodePosition.end
-    } else if (container.parentElement !== domTextEditor && container !== domTextEditor) {
-        let parentElement = container.parentElement
-        nodePosition = getStringPosition({ string, target: parentElement, position: 'afterbegin' });
-        position += nodePosition.start
+    } catch (error) {
+        console.error("Error getting node position:", error);
     }
 
-    return position
 }
 
 export function processSelection(element, value = "", prev_start, prev_end, start, end, range) {