@cocreate/text 1.15.0 → 1.15.4

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.15.4](https://github.com/CoCreate-app/CoCreate-text/compare/v1.15.3...v1.15.4) (2022-02-03)
+
+
+### Bug Fixes
+
+* replaced show and hide class hidden with attribute hidden ([1249d5d](https://github.com/CoCreate-app/CoCreate-text/commit/1249d5d188f285db365f6bc31e8fedf2dfee263b))
+
+## [1.15.3](https://github.com/CoCreate-app/CoCreate-text/compare/v1.15.2...v1.15.3) (2022-02-01)
+
+
+### Bug Fixes
+
+* update dependency versions ([4079711](https://github.com/CoCreate-app/CoCreate-text/commit/407971197a1fc21dbefdc4419ca836afb369bcad))
+
+## [1.15.2](https://github.com/CoCreate-app/CoCreate-text/compare/v1.15.1...v1.15.2) (2022-01-31)
+
+
+### Bug Fixes
+
+* use string param provided by crdt-update event ([6c05759](https://github.com/CoCreate-app/CoCreate-text/commit/6c05759ac0dd45e5c8123324192d5993ae25b05c))
+
+## [1.15.1](https://github.com/CoCreate-app/CoCreate-text/compare/v1.15.0...v1.15.1) (2022-01-23)
+
+
+### Bug Fixes
+
+* return if name == _id ([5bd2ce1](https://github.com/CoCreate-app/CoCreate-text/commit/5bd2ce1a21c639f870cbab70288963c126a0ac42))
+
 # [1.15.0](https://github.com/CoCreate-app/CoCreate-text/compare/v1.14.9...v1.15.0) (2022-01-22)
 
 

package/docs/index.html

@@ -74,7 +74,7 @@
 						<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
 							<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
 								<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
-								<a class="margin-right:10px hidden" id="preview" show="#code, #view" hide="#preview"><i class="fas fa-code"></i></a>
+								<a class="margin-right:10px" id="preview" show="#code, #view" hide="#preview" hidden><i class="fas fa-code"></i></a>
 								<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
 							</div>
 							<div class="svRow">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/text",
-  "version": "1.15.0",
+  "version": "1.15.4",
   "description": "A simple text component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "text",
@@ -61,14 +61,14 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.3.25",
-    "@cocreate/crdt": "^1.8.28",
-    "@cocreate/crud-client": "^1.4.40",
-    "@cocreate/cursors": "^1.11.0",
-    "@cocreate/docs": "^1.2.62",
-    "@cocreate/hosting": "^1.2.58",
-    "@cocreate/observer": "^1.3.54",
-    "@cocreate/selection": "^1.3.1",
-    "@cocreate/uuid": "^1.1.51"
+    "@cocreate/actions": "^1.3.28",
+    "@cocreate/crdt": "^1.9.0",
+    "@cocreate/crud-client": "^1.4.43",
+    "@cocreate/cursors": "^1.11.9",
+    "@cocreate/docs": "^1.2.65",
+    "@cocreate/hosting": "^1.2.60",
+    "@cocreate/observer": "^1.4.0",
+    "@cocreate/selection": "^1.4.0",
+    "@cocreate/uuid": "^1.1.55"
   }
 }

package/src/index.js

@@ -28,7 +28,7 @@ function initElements (elements) {
 function initElement (element) {
     const { collection, document_id, name, isRealtime, isCrdt, isCrud, isSave, isRead } = crud.getAttr(element);
     if(document_id == "pending") return;
-    if(isCrdt == "false" || isRealtime == "false" || element.type == 'number') return;
+    if(isCrdt == "false" || isRealtime == "false" || element.type == 'number' || name == '_id') return;
     if(!crud.checkAttrValue(collection) || !crud.checkAttrValue(document_id)) return;
     if(element.tagName === "INPUT" && ["text", "email", "tel", "url"].includes(element.type) || element.tagName === "TEXTAREA" || element.hasAttribute('contenteditable')) {
         if(!collection || !document_id || !name) return;
@@ -279,7 +279,7 @@ function _crdtUpdateListener () {
     });
 }
 
-function updateElements({elements, collection, document_id, name, value, start, length}){
+function updateElements({elements, collection, document_id, name, value, start, length, string}){
     if(!elements){
         let selectors = `[collection='${collection}'][document_id='${document_id}'][name='${name}']`;
         elements = document.querySelectorAll(`input${selectors}, textarea${selectors}, [contenteditable]${selectors}, [editor='dom']${selectors}`);
@@ -292,11 +292,11 @@ function updateElements({elements, collection, document_id, name, value, start,
             // let isEditable = element.getAttribute('contenteditable');
         if (!element.hasAttribute('contenteditable') && isCrdt == 'false') return;
 
-        updateElement({element, collection, document_id, name, value, start, length});
+        updateElement({element, collection, document_id, name, value, start, length, string});
     });
 }
 
-async function updateElement ({element, collection, document_id, name, value, start, length }) {
+async function updateElement ({element, collection, document_id, name, value, start, length, string }) {
     if (element.tagName == 'IFRAME') {
         element = element.contentDocument.documentElement;
         if (element.contenteditable != 'false')
@@ -313,14 +313,15 @@ async function updateElement ({element, collection, document_id, name, value, st
         } 
         else {
 			let domTextEditor = element;
-            let html = await crdt.getText({collection, document_id, name});
+            if (string == undefined)
+                string = await crdt.getText({collection, document_id, name});
+            let html = string;
 			if (length) {
                 let end = start + length;
 				updateDom({ domTextEditor, start, end, html });
 			}
 			if (value) {
 			    if (element.innerHTML != value) {
-				// 	domTextEditor.htmlString = html;
 					updateDom({ domTextEditor, value, start, end: start, html });
 			    }
 			}