@cocreate/text 1.6.0 → 1.6.4

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.6.4](https://github.com/CoCreate-app/CoCreate-text/compare/v1.6.3...v1.6.4) (2021-09-18)
+
+
+### Bug Fixes
+
+* dispatch Event with  content, start, end ([3433e01](https://github.com/CoCreate-app/CoCreate-text/commit/3433e01f0c7011a2f94c0a3a129510617450b4fc))
+
+## [1.6.3](https://github.com/CoCreate-app/CoCreate-text/compare/v1.6.2...v1.6.3) (2021-09-16)
+
+
+### Bug Fixes
+
+* update dependencies ([69b5e50](https://github.com/CoCreate-app/CoCreate-text/commit/69b5e50a985d2c9e9917ef215bbcd320ec295302))
+
+## [1.6.2](https://github.com/CoCreate-app/CoCreate-text/compare/v1.6.1...v1.6.2) (2021-09-14)
+
+
+### Bug Fixes
+
+* add cocreate.app to domains ([af5610b](https://github.com/CoCreate-app/CoCreate-text/commit/af5610be3dceb13972a04546922387ab9934dcce))
+
+## [1.6.1](https://github.com/CoCreate-app/CoCreate-text/compare/v1.6.0...v1.6.1) (2021-09-13)
+
+
+### Bug Fixes
+
+* upgrade dependencies ([d6eb7a7](https://github.com/CoCreate-app/CoCreate-text/commit/d6eb7a715efe067c95a882b26771d8c71e83f5ae))
+
 # [1.6.0](https://github.com/CoCreate-app/CoCreate-text/compare/v1.5.16...v1.6.0) (2021-09-13)
 
 

package/CoCreate.config.js

@@ -14,12 +14,13 @@ module.exports = {
                 "name": "index.html",
                 "path": "/docs/text/index.html",
                 "domains": [
+                    "cocreate.app",
                     "general.cocreate.app"
                 ],
                 "directory": "/docs/text",
                 "content-type": "text/html",
                 "public": "true",
-                "website_id": "61381ed8829b690010a4f2b2"
+                "website_id": "614298c2829b690010a5c031"
             }
         }
     ],

package/demo/test-webpage.html

@@ -191,7 +191,7 @@
 		</main>
 		
 		<!-- Footer -->
-		<footer id="spreadtheword" content_id="content" class="padding:100px_0px background-size:cover background-position:center position:relative color:white" style="background-image:url(assets/banner.png)" collection="components" document_id="6092ebcc19ec8e58fc80c9e3" name="html">
+		<footer id="spreadtheword" content_id="content" class="padding:100px_0px background-size:cover background-position:center position:relative color:white" style="background-image:url(/assets/banner.png)" collection="components" document_id="6092ebcc19ec8e58fc80c9e3" name="html">
 		</footer>
 </div>
         <script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/text",
-  "version": "1.6.0",
+  "version": "1.6.4",
   "description": "A simple text component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "text",
@@ -61,14 +61,14 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/crdt": "^1.3.10",
-    "@cocreate/crud-client": "^1.2.18",
-    "@cocreate/cursors": "^1.4.8",
-    "@cocreate/docs": "^1.2.17",
-    "@cocreate/floating-label": "^1.1.15",
-    "@cocreate/form": "^1.2.12",
-    "@cocreate/hosting": "^1.2.15",
-    "@cocreate/observer": "^1.3.15",
-    "@cocreate/utils": "^1.1.14"
+    "@cocreate/crdt": "^1.3.14",
+    "@cocreate/crud-client": "^1.2.24",
+    "@cocreate/cursors": "^1.4.11",
+    "@cocreate/docs": "^1.2.21",
+    "@cocreate/floating-label": "^1.1.19",
+    "@cocreate/form": "^1.2.17",
+    "@cocreate/hosting": "^1.2.18",
+    "@cocreate/observer": "^1.3.19",
+    "@cocreate/utils": "^1.1.18"
   }
 }

package/src/index.js

@@ -3,7 +3,6 @@
 import observer from '@cocreate/observer';
 import crud from '@cocreate/crud-client';
 import crdt from '@cocreate/crdt';
-// import contenteditable from './contenteditable';
 
 let eventObj;
 let selector = `[collection][document_id][name]`;
@@ -40,6 +39,7 @@ function initElement (element) {
             element.value = "";
         }
         crdt.init({ collection, document_id, name });
+        // element.crdt = { collection, document_id, name };
     }
 }
 
@@ -109,6 +109,7 @@ function _keydown (event) {
     sendPosition(element);
     const { start, end } = getSelections(element);
     if(event.key == "Backspace" || event.key == "Tab" || event.key == "Enter") {
+        // eventObj = {event, detail: {value: event.key, start, end}};
         eventObj = event;
         if(start != end) {
             deleteText(element, start, end);
@@ -134,6 +135,7 @@ function _keypress (event) {
         deleteText(element, start, end);
     }
     eventObj = event;
+    // eventObj = {event, detail: {value: event.key, start, end}};
     insertText(element, event.key, start);
     event.preventDefault();
 }
@@ -231,12 +233,12 @@ function _crdtUpdateListener () {
             if(element === document.activeElement) {
                 sendPosition(element);
             }
-            _updateElement(element, info);
+            updateElement(element, info);
         });
     });
 }
 
-function _updateElement (element, info) {
+function updateElement (element, info) {
     element.crudSetted = true;
 
     var pos = 0;
@@ -303,22 +305,26 @@ function _updateElementText (element, content, start, end) {
         sendPosition(element);
     }
     
-    _dispatchInputEvent(element);
+    _dispatchInputEvent(element, content, start, end);
 }
 
-function _dispatchInputEvent(element) {
+function _dispatchInputEvent(element, content, start, end) {
     if(eventObj) {
+        let detail = {value: content, start, end};
         let event = new CustomEvent(eventObj.type, { bubbles: true });
         Object.defineProperty(event, 'stopCCText', { writable: false, value: true });
-        Object.defineProperty(event, 'target', { writable: false, value: eventObj.target });
+        Object.defineProperty(event, 'target', { writable: false, value: element });
+        Object.defineProperty(event, 'detail', { writable: false, value: detail });
         element.dispatchEvent(event);
        
         let inputEvent = new CustomEvent('input', { bubbles: true });
-        Object.defineProperty(inputEvent, 'target', { writable: false, value: eventObj.target });
+        Object.defineProperty(inputEvent, 'target', { writable: false, value: element });
+        Object.defineProperty(inputEvent, 'detail', { writable: false, value: detail });
         element.dispatchEvent(inputEvent);
         
         let textChange = new CustomEvent('textChange', { bubbles: true });
-        Object.defineProperty(textChange, 'target', { writable: false, value: eventObj.target });
+        Object.defineProperty(textChange, 'target', { writable: false, value: element });
+        Object.defineProperty(textChange, 'detail', { writable: false, value: detail });
         element.dispatchEvent(textChange);
         eventObj = null;
     }
@@ -390,22 +396,10 @@ const contenteditable = {
 			}
 		}
 		setSelection(element, prev_start, prev_end);
-        _dispatchInputEvent(element);
-		return { start: prev_start, end: prev_end };
+        _dispatchInputEvent(element, content, start, end);
 	},
 	
-// 	setSelection: function(element, start, end) {
-// 		if (document.activeElement !== element) return;
-
-// 		var selection = document.getSelection();
-// 		var range = this._cloneRangeByPosition(element, start, end);
-// 		selection.removeAllRanges();
-// 		selection.addRange(range);
-		
-// 		sendPosition(element);
-//          _dispatchInputEvent(element);
-// 	},
-	
+
 	_cloneRangeByPosition: function(element, start, end, range) {
 		if (!range) {
 			range = document.createRange();
@@ -467,4 +461,4 @@ observer.init({
     }
 });
 
-export default {initElements, initElement, getSelections, hasSelection, insertText, deleteText};
+export default {initElements, initElement, getSelections, hasSelection, insertText, deleteText, updateElement};