@cocreate/text 1.15.17 → 1.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/demo/demos.html +2 -2
- package/package.json +2 -2
- package/src/index.js +26 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [1.16.0](https://github.com/CoCreate-app/CoCreate-text/compare/v1.15.17...v1.16.0) (2022-06-11)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* undo and redo text ([fb9292e](https://github.com/CoCreate-app/CoCreate-text/commit/fb9292e74dde4b02e5dc977b1afecebb7bc33e73))
|
|
7
|
+
|
|
1
8
|
## [1.15.17](https://github.com/CoCreate-app/CoCreate-text/compare/v1.15.16...v1.15.17) (2022-05-23)
|
|
2
9
|
|
|
3
10
|
|
package/demo/demos.html
CHANGED
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
</head>
|
|
10
10
|
|
|
11
11
|
<body class="padding:20px">
|
|
12
|
-
<form collection="test" document_id="
|
|
12
|
+
<form collection="test" document_id="62a3f5d5e6dfc91d581cdd2d">
|
|
13
13
|
<input type="text" name="name"></textarea>
|
|
14
|
-
<h1 name='name'></h1>
|
|
14
|
+
<h1 name='name' collection="test"></h1>
|
|
15
15
|
<!-- <textarea name="name2"></textarea> -->
|
|
16
16
|
<!--<h1 name='name' contenteditable>I will be replaced by crdt</h1>-->
|
|
17
17
|
<!-- <div name='name2' contenteditable>I will be replaced by crud</div> -->
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cocreate/text",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.16.0",
|
|
4
4
|
"description": "A simple text component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"text",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"webpack-log": "^3.0.1"
|
|
62
62
|
},
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"@cocreate/actions": "^1.4.
|
|
64
|
+
"@cocreate/actions": "^1.4.2",
|
|
65
65
|
"@cocreate/crdt": "^1.10.0",
|
|
66
66
|
"@cocreate/crud-client": "^1.6.2",
|
|
67
67
|
"@cocreate/cursors": "^1.11.19",
|
package/src/index.js
CHANGED
|
@@ -7,6 +7,7 @@ import uuid from '@cocreate/uuid';
|
|
|
7
7
|
import {updateDom} from './updateDom';
|
|
8
8
|
import {insertAdjacentElement, removeElement, setInnerText, setAttribute, removeAttribute, setClass, setStyle, setClassStyle, replaceInnerText} from './updateText';
|
|
9
9
|
import {getSelection, processSelection} from '@cocreate/selection';
|
|
10
|
+
import action from '@cocreate/actions';
|
|
10
11
|
import './saveDomText';
|
|
11
12
|
|
|
12
13
|
let eventObj;
|
|
@@ -85,16 +86,9 @@ function initDocument(doc) {
|
|
|
85
86
|
let element = doc.activeElement;
|
|
86
87
|
sendPosition(element);
|
|
87
88
|
});
|
|
88
|
-
// doc.removeEventListener('selectionchange', _selectionchange);
|
|
89
|
-
// doc.addEventListener('selectionchange', _selectionchange)
|
|
90
89
|
}
|
|
91
90
|
}
|
|
92
91
|
|
|
93
|
-
// function _selectionchange(event){
|
|
94
|
-
// let element = event.currentTarget.activeElement;
|
|
95
|
-
// sendPosition(element);
|
|
96
|
-
// }
|
|
97
|
-
|
|
98
92
|
export function _addEventListeners (element) {
|
|
99
93
|
element.addEventListener('mousedown', _mousedown);
|
|
100
94
|
element.addEventListener('blur', _blur);
|
|
@@ -199,10 +193,13 @@ function _keydown (event) {
|
|
|
199
193
|
event.preventDefault();
|
|
200
194
|
}
|
|
201
195
|
else if (event.ctrlKey) {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
196
|
+
const { collection, document_id, name, isCrud, isCrdt, isSave } = crud.getAttr(element);
|
|
197
|
+
if (event.keyCode == 90) {
|
|
198
|
+
crdt.undoText({ collection, document_id, name, isCrud, isCrdt, isSave })
|
|
199
|
+
}
|
|
200
|
+
else if (event.keyCode == 89) {
|
|
201
|
+
crdt.redoText({ collection, document_id, name, isCrud, isCrdt, isSave })
|
|
202
|
+
}
|
|
206
203
|
}
|
|
207
204
|
}
|
|
208
205
|
|
|
@@ -301,9 +298,6 @@ function updateElements({elements, collection, document_id, name, value, start,
|
|
|
301
298
|
|
|
302
299
|
elements.forEach((element) => {
|
|
303
300
|
let isCrdt = element.getAttribute('crdt');
|
|
304
|
-
// if (isCrdt == 'false' && !element.hasAttribute('crdt') && !element.contentEditable) return;
|
|
305
|
-
// if (element.hasAttribute('contenteditable')){
|
|
306
|
-
// let isEditable = element.getAttribute('contenteditable');
|
|
307
301
|
if (!element.hasAttribute('contenteditable') && isCrdt == 'false') return;
|
|
308
302
|
|
|
309
303
|
updateElement({element, collection, document_id, name, value, start, length, string});
|
|
@@ -395,6 +389,24 @@ observer.init({
|
|
|
395
389
|
}
|
|
396
390
|
});
|
|
397
391
|
|
|
392
|
+
action.init({
|
|
393
|
+
name: "undo",
|
|
394
|
+
endEvent: "undo",
|
|
395
|
+
callback: (btn, data) => {
|
|
396
|
+
const { collection, document_id, name, isCrud, isCrdt, isSave } = crud.getAttr(btn);
|
|
397
|
+
crdt.undoText({ collection, document_id, name, isCrud, isCrdt, isSave })
|
|
398
|
+
}
|
|
399
|
+
});
|
|
400
|
+
|
|
401
|
+
action.init({
|
|
402
|
+
name: "redo",
|
|
403
|
+
endEvent: "redo",
|
|
404
|
+
callback: (btn, data) => {
|
|
405
|
+
const { collection, document_id, name, isCrud, isCrdt, isSave } = crud.getAttr(btn);
|
|
406
|
+
crdt.redoText({ collection, document_id, name, isCrud, isCrdt, isSave })
|
|
407
|
+
}
|
|
408
|
+
});
|
|
409
|
+
|
|
398
410
|
init();
|
|
399
411
|
|
|
400
412
|
export default {initElements, initElement, updateText, updateElement, _addEventListeners, insertAdjacentElement, removeElement, setInnerText, setAttribute, removeAttribute, setClass, setStyle, setClassStyle, replaceInnerText};
|