Compare commits

..

1 Commits

Author SHA1 Message Date
Kevin Jahns
0fdf4b307b v13.0.0-17 -- distribution files 2017-09-11 17:40:04 +02:00
20 changed files with 126 additions and 567 deletions

View File

@@ -7,9 +7,9 @@ Y({
},
connector: {
name: 'websockets-client',
url: 'http://127.0.0.1:1234',
// url: 'http://127.0.0.1:1234',
url: 'http://192.168.178.81:1234',
room: 'html-editor-example6'
// maxBufferLength: 100
},
share: {
xml: 'XmlFragment()' // y.share.xml is of type Y.Xml with tagname "p"

View File

@@ -1,21 +0,0 @@
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="codeMirrorContainer"></div>
<script src="../bower_components/codemirror/lib/codemirror.js"></script>
<script src="../bower_components/codemirror/mode/javascript/javascript.js"></script>
<link rel="stylesheet" href="../bower_components/codemirror/lib/codemirror.css">
<style>
.CodeMirror {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
</style>
<script type="module" src="./index.js"></script>
</body>
</html>

View File

@@ -1,24 +0,0 @@
/* global Y, CodeMirror */
// initialize a shared object. This function call returns a promise!
Y({
db: {
name: 'memory'
},
connector: {
name: 'websockets-client',
room: 'codemirror-example'
},
sourceDir: '/bower_components',
share: {
codemirror: 'Text' // y.share.codemirror is of type Y.Text
}
}).then(function (y) {
window.yCodeMirror = y
var editor = CodeMirror(document.querySelector('#codeMirrorContainer'), {
mode: 'javascript',
lineNumbers: true
})
y.share.codemirror.bindCodeMirror(editor)
})

View File

@@ -4,7 +4,8 @@
<textarea style="width:80%;" rows=40 id="textfield" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>
<script src="../../y.js"></script>
<script src="../../../y-array/y-array.js"></script>
<script src="../../../y-text/y-text.js"></script>
<script src="../../../y-text/dist/y-text.js"></script>
<script src="../../../y-memory/y-memory.js"></script>
<script src="../../../y-websockets-client/y-websockets-client.js"></script>
<script src="./index.js"></script>
</body>

View File

@@ -1,5 +1,8 @@
/* global Y */
// eslint-disable-next-line
let search = new URLSearchParams(location.search)
// initialize a shared object. This function call returns a promise!
Y({
db: {
@@ -7,9 +10,10 @@ Y({
},
connector: {
name: 'websockets-client',
room: 'Textarea-example2',
room: 'Textarea-example',
// url: '//localhost:1234',
url: 'https://yjs-v13.herokuapp.com/'
// options: { transports: ['websocket'], upgrade: false }
},
share: {
textarea: 'Text'
@@ -20,4 +24,7 @@ Y({
// bind the textarea to a shared text element
y.share.textarea.bind(document.getElementById('textfield'))
// thats it..
}).catch(() => {
console.log('Something went wrong while creating the instance..')
})

View File

@@ -3,7 +3,7 @@ import Y from '../src/y.js'
import yArray from '../../y-array/src/y-array.js'
import yIndexedDB from '../../y-indexeddb/src/y-indexeddb.js'
import yMap from '../../y-map/src/y-map.js'
import yText from '../../y-text/src/y-text.js'
import yText from '../../y-text/src/Text.js'
import yXml from '../../y-xml/src/y-xml.js'
import yWebsocketsClient from '../../y-websockets-client/src/y-websockets-client.js'

2
package-lock.json generated
View File

@@ -1,6 +1,6 @@
{
"name": "yjs",
"version": "13.0.0-22",
"version": "13.0.0-17",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

View File

@@ -1,6 +1,6 @@
{
"name": "yjs",
"version": "13.0.0-22",
"version": "13.0.0-17",
"description": "A framework for real-time p2p shared editing on any data",
"main": "./y.node.js",
"browser": "./y.js",

View File

@@ -42,11 +42,6 @@ export default function extendConnector (Y/* :any */) {
if (opts.generateUserId !== false) {
this.setUserId(Y.utils.generateUserId())
}
if (opts.maxBufferLength == null) {
this.maxBufferLength = -1
} else {
this.maxBufferLength = opts.maxBufferLength
}
}
reconnect () {
@@ -202,19 +197,14 @@ export default function extendConnector (Y/* :any */) {
encoder.writeVarString(self.opts.room)
encoder.writeVarString('update')
let ops = self.broadcastOpBuffer
self.broadcastOpBuffer = []
let length = ops.length
let encoderPosLen = encoder.pos
encoder.writeUint32(0)
for (var i = 0; i < length && (self.maxBufferLength < 0 || encoder.length < self.maxBufferLength); i++) {
encoder.writeUint32(length)
for (var i = 0; i < length; i++) {
let op = ops[i]
Y.Struct[op.struct].binaryEncode(encoder, op)
}
encoder.setUint32(encoderPosLen, i)
self.broadcastOpBuffer = ops.slice(i)
self.broadcast(encoder.createBuffer())
if (i !== length) {
self.whenRemoteResponsive().then(broadcastOperations)
}
}
}
if (this.broadcastOpBuffer.length === 0) {
@@ -225,20 +215,6 @@ export default function extendConnector (Y/* :any */) {
}
}
/*
* Somehow check the responsiveness of the remote clients/server
* Default behavior:
* Wait 100ms before broadcasting the next batch of operations
*
* Only used when maxBufferLength is set
*
*/
whenRemoteResponsive () {
return new Promise(function (resolve) {
setTimeout(resolve, 100)
})
}
/*
You received a raw message, and you know that it is intended for Yjs. Then call this function.
*/

View File

@@ -8,10 +8,6 @@ export class BinaryEncoder {
this.data = []
}
get length () {
return this.data.length
}
get pos () {
return this.data.length
}

View File

@@ -49,51 +49,6 @@ export default function Utils (Y) {
}
}
Y.utils.getRelativePosition = function (type, offset) {
if (type == null) {
return null
} else {
if (type._content.length <= offset) {
return ['endof', type._model[0], type._model[1]]
} else {
return type._content[offset].id
}
}
}
Y.utils.fromRelativePosition = function (y, id) {
var offset = 0
var op
if (id[0] === 'endof') {
id = y.db.os.find(id.slice(1)).end
op = y.db.os.findNodeWithUpperBound(id).val
if (!op.deleted) {
offset = op.content != null ? op.content.length : 1
}
} else {
op = y.db.os.findNodeWithUpperBound(id).val
if (!op.deleted) {
offset = id[1] - op.id[1]
}
}
var type = y.db.getType(op.parent)
if (type == null || y.db.os.find(op.parent).deleted) {
return null
}
while (op.left != null) {
op = y.db.os.findNodeWithUpperBound(op.left).val
if (!op.deleted) {
offset += op.content != null ? op.content.length : 1
}
}
return {
type: type,
offset: offset
}
}
class NamedEventHandler {
constructor () {
this._eventListener = {}
@@ -112,11 +67,7 @@ export default function Utils (Y) {
this._eventListener[name] = listener.filter(e => e !== f)
}
emit (name, value) {
let listener = this._eventListener[name] || []
if (name === 'error' && listener.length === 0) {
console.error(value)
}
listener.forEach(l => l(value))
(this._eventListener[name] || []).forEach(l => l(value))
}
destroy () {
this._eventListener = null
@@ -902,34 +853,4 @@ export default function Utils (Y) {
}
return args
}
Y.utils.writeObjectToYMap = function writeObjectToYMap (object, type) {
for (var key in object) {
var val = object[key]
if (Array.isArray(val)) {
type.set(key, Y.Array)
Y.utils.writeArrayToYArray(val, type.get(key))
} else if (typeof val === 'object') {
type.set(key, Y.Map)
Y.utils.writeObjectToYMap(val, type.get(key))
} else {
type.set(key, val)
}
}
}
Y.utils.writeArrayToYArray = function writeArrayToYArray (array, type) {
for (var i = array.length - 1; i >= 0; i--) {
var val = array[i]
if (Array.isArray(val)) {
type.insert(0, [Y.Array])
Y.utils.writeArrayToYArray(val, type.get(0))
} else if (typeof val === 'object') {
type.insert(0, [Y.Map])
Y.utils.writeObjectToYMap(val, type.get(0))
} else {
type.insert(0, [val])
}
}
}
}

View File

@@ -1,3 +1,4 @@
import extendRBTree from './RedBlackTree'
export default function extend (Y) {
@@ -47,13 +48,9 @@ export default function extend (Y) {
}
transact (makeGen) {
const t = new Transaction(this)
try {
while (makeGen != null) {
makeGen.call(t)
makeGen = this.getNextRequest()
}
} catch (e) {
this.y.emit('error', e)
while (makeGen != null) {
makeGen.call(t)
makeGen = this.getNextRequest()
}
}
destroy () {

View File

@@ -224,65 +224,16 @@ test('move element to a different position', async function xml13 (t) {
await compareUsers(t, users)
})
test('filter node', async function xml14 (t) {
var { users, xml0, xml1 } = await initArrays(t, { users: 3 })
let dom0 = xml0.getDom()
let dom1 = xml1.getDom()
let domFilter = (node, attrs) => {
if (node.nodeName === 'H1') {
return null
} else {
return attrs
}
}
xml0.setDomFilter(domFilter)
xml1.setDomFilter(domFilter)
dom0.append(document.createElement('div'))
dom0.append(document.createElement('h1'))
await flushAll(t, users)
t.assert(dom1.childNodes.length === 1, 'Only one node was not transmitted')
t.assert(dom1.childNodes[0].nodeName === 'DIV', 'div node was transmitted')
await compareUsers(t, users)
})
test('filter attribute', async function xml15 (t) {
var { users, xml0, xml1 } = await initArrays(t, { users: 3 })
let dom0 = xml0.getDom()
let dom1 = xml1.getDom()
let domFilter = (node, attrs) => {
return attrs.filter(name => name !== 'hidden')
}
xml0.setDomFilter(domFilter)
xml1.setDomFilter(domFilter)
dom0.setAttribute('hidden', 'true')
dom0.setAttribute('style', 'height: 30px')
dom0.setAttribute('data-me', '77')
await flushAll(t, users)
t.assert(dom0.getAttribute('hidden') === 'true', 'User 0 still has the attribute')
t.assert(dom1.getAttribute('hidden') == null, 'User 1 did not receive update')
t.assert(dom1.getAttribute('style') === 'height: 30px', 'User 1 received style update')
t.assert(dom1.getAttribute('data-me') === '77', 'User 1 received data update')
await compareUsers(t, users)
})
// TODO: move elements
var xmlTransactions = [
function attributeChange (t, user, chance) {
user.share.xml.getDom().setAttribute(chance.word(), chance.word())
},
function attributeChangeHidden (t, user, chance) {
user.share.xml.getDom().setAttribute('hidden', chance.word())
},
function insertText (t, user, chance) {
let dom = user.share.xml.getDom()
var succ = dom.children.length > 0 ? chance.pickone(dom.children) : null
dom.insertBefore(document.createTextNode(chance.word()), succ)
},
function insertHiddenDom (t, user, chance) {
let dom = user.share.xml.getDom()
var succ = dom.children.length > 0 ? chance.pickone(dom.children) : null
dom.insertBefore(document.createElement('hidden'), succ)
},
function insertDom (t, user, chance) {
let dom = user.share.xml.getDom()
var succ = dom.children.length > 0 ? chance.pickone(dom.children) : null
@@ -323,30 +274,30 @@ var xmlTransactions = [
}
]
test('y-xml: Random tests (10)', async function xmlRandom10 (t) {
test('y-xml: Random tests (10)', async function randomXml10 (t) {
await applyRandomTests(t, xmlTransactions, 10)
})
test('y-xml: Random tests (42)', async function xmlRandom42 (t) {
test('y-xml: Random tests (42)', async function randomXml42 (t) {
await applyRandomTests(t, xmlTransactions, 42)
})
test('y-xml: Random tests (43)', async function xmlRandom43 (t) {
test('y-xml: Random tests (43)', async function randomXml43 (t) {
await applyRandomTests(t, xmlTransactions, 43)
})
test('y-xml: Random tests (44)', async function xmlRandom44 (t) {
test('y-xml: Random tests (44)', async function randomXml44 (t) {
await applyRandomTests(t, xmlTransactions, 44)
})
test('y-xml: Random tests (45)', async function xmlRandom45 (t) {
test('y-xml: Random tests (45)', async function randomXml45 (t) {
await applyRandomTests(t, xmlTransactions, 45)
})
test('y-xml: Random tests (46)', async function xmlRandom46 (t) {
test('y-xml: Random tests (46)', async function randomXml46 (t) {
await applyRandomTests(t, xmlTransactions, 46)
})
test('y-xml: Random tests (47)', async function xmlRandom47 (t) {
test('y-xml: Random tests (47)', async function randomXml47 (t) {
await applyRandomTests(t, xmlTransactions, 47)
})

View File

@@ -2,7 +2,7 @@
import _Y from '../../yjs/src/y.js'
import yArray from '../../y-array/src/y-array.js'
import yText from '../../y-text/src/y-text.js'
import yText from '../../y-text/src/Text.js'
import yMap from '../../y-map/src/y-map.js'
import yXml from '../../y-xml/src/y-xml.js'
import yTest from './test-connector.js'
@@ -48,17 +48,11 @@ export async function garbageCollectUsers (t, users) {
await Promise.all(users.map(u => u.db.emptyGarbageCollector()))
}
export function attrsObject (dom) {
let keys = []
let yxml = dom.__yxml
for (let i = 0; i < dom.attributes.length; i++) {
keys.push(dom.attributes[i].name)
}
keys = yxml._domFilter(dom, keys)
export function attrsToObject (attrs) {
let obj = {}
for (let i = 0; i < keys.length; i++) {
let key = keys[i]
obj[key] = dom.getAttribute(key)
for (var i = 0; i < attrs.length; i++) {
let attr = attrs[i]
obj[attr.name] = attr.value
}
return obj
}
@@ -67,10 +61,8 @@ export function domToJson (dom) {
if (dom.nodeType === document.TEXT_NODE) {
return dom.textContent
} else if (dom.nodeType === document.ELEMENT_NODE) {
let attributes = attrsObject(dom, dom.__yxml)
let children = Array.from(dom.childNodes.values())
.filter(d => d.__yxml !== false)
.map(domToJson)
let attributes = attrsToObject(dom.attributes)
let children = Array.from(dom.childNodes.values()).map(domToJson)
return {
name: dom.nodeName,
children: children,
@@ -206,13 +198,6 @@ export async function initArrays (t, opts) {
for (let name in share) {
result[name + i] = y.share[name]
}
y.share.xml.setDomFilter(function (d, attrs) {
if (d.nodeName === 'HIDDEN') {
return null
} else {
return attrs.filter(a => a !== 'hidden')
}
})
}
result.array0.delete(0, result.array0.length)
if (result.users[0].connector.testRoom != null) {

8
y.js

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

127
y.node.js
View File

@@ -1,7 +1,7 @@
/**
* yjs - A framework for real-time p2p shared editing on any data
* @version v13.0.0-22
* @version v13.0.0-17
* @license MIT
*/
@@ -292,10 +292,6 @@ class BinaryEncoder {
this.data = [];
}
get length () {
return this.data.length
}
get pos () {
return this.data.length
}
@@ -670,11 +666,6 @@ function extendConnector (Y/* :any */) {
if (opts.generateUserId !== false) {
this.setUserId(Y.utils.generateUserId());
}
if (opts.maxBufferLength == null) {
this.maxBufferLength = -1;
} else {
this.maxBufferLength = opts.maxBufferLength;
}
}
reconnect () {
@@ -830,19 +821,14 @@ function extendConnector (Y/* :any */) {
encoder.writeVarString(self.opts.room);
encoder.writeVarString('update');
let ops = self.broadcastOpBuffer;
self.broadcastOpBuffer = [];
let length = ops.length;
let encoderPosLen = encoder.pos;
encoder.writeUint32(0);
for (var i = 0; i < length && (self.maxBufferLength < 0 || encoder.length < self.maxBufferLength); i++) {
encoder.writeUint32(length);
for (var i = 0; i < length; i++) {
let op = ops[i];
Y.Struct[op.struct].binaryEncode(encoder, op);
}
encoder.setUint32(encoderPosLen, i);
self.broadcastOpBuffer = ops.slice(i);
self.broadcast(encoder.createBuffer());
if (i !== length) {
self.whenRemoteResponsive().then(broadcastOperations);
}
}
}
if (this.broadcastOpBuffer.length === 0) {
@@ -853,20 +839,6 @@ function extendConnector (Y/* :any */) {
}
}
/*
* Somehow check the responsiveness of the remote clients/server
* Default behavior:
* Wait 100ms before broadcasting the next batch of operations
*
* Only used when maxBufferLength is set
*
*/
whenRemoteResponsive () {
return new Promise(function (resolve) {
setTimeout(resolve, 100);
})
}
/*
You received a raw message, and you know that it is intended for Yjs. Then call this function.
*/
@@ -3462,51 +3434,6 @@ function Utils (Y) {
}
};
Y.utils.getRelativePosition = function (type, offset) {
if (type == null) {
return null
} else {
if (type._content.length <= offset) {
return ['endof', type._model[0], type._model[1]]
} else {
return type._content[offset].id
}
}
};
Y.utils.fromRelativePosition = function (y, id) {
var offset = 0;
var op;
if (id[0] === 'endof') {
id = y.db.os.find(id.slice(1)).end;
op = y.db.os.findNodeWithUpperBound(id).val;
if (!op.deleted) {
offset = op.content != null ? op.content.length : 1;
}
} else {
op = y.db.os.findNodeWithUpperBound(id).val;
if (!op.deleted) {
offset = id[1] - op.id[1];
}
}
var type = y.db.getType(op.parent);
if (type == null || y.db.os.find(op.parent).deleted) {
return null
}
while (op.left != null) {
op = y.db.os.findNodeWithUpperBound(op.left).val;
if (!op.deleted) {
offset += op.content != null ? op.content.length : 1;
}
}
return {
type: type,
offset: offset
}
};
class NamedEventHandler {
constructor () {
this._eventListener = {};
@@ -3525,11 +3452,7 @@ function Utils (Y) {
this._eventListener[name] = listener.filter(e => e !== f);
}
emit (name, value) {
let listener = this._eventListener[name] || [];
if (name === 'error' && listener.length === 0) {
console.error(value);
}
listener.forEach(l => l(value));
(this._eventListener[name] || []).forEach(l => l(value));
}
destroy () {
this._eventListener = null;
@@ -4315,36 +4238,6 @@ function Utils (Y) {
}
return args
};
Y.utils.writeObjectToYMap = function writeObjectToYMap (object, type) {
for (var key in object) {
var val = object[key];
if (Array.isArray(val)) {
type.set(key, Y.Array);
Y.utils.writeArrayToYArray(val, type.get(key));
} else if (typeof val === 'object') {
type.set(key, Y.Map);
Y.utils.writeObjectToYMap(val, type.get(key));
} else {
type.set(key, val);
}
}
};
Y.utils.writeArrayToYArray = function writeArrayToYArray (array, type) {
for (var i = array.length - 1; i >= 0; i--) {
var val = array[i];
if (Array.isArray(val)) {
type.insert(0, [Y.Array]);
Y.utils.writeArrayToYArray(val, type.get(0));
} else if (typeof val === 'object') {
type.insert(0, [Y.Map]);
Y.utils.writeObjectToYMap(val, type.get(0));
} else {
type.insert(0, [val]);
}
}
};
}
function extendRBTree (Y) {
@@ -4900,13 +4793,9 @@ function extend (Y) {
}
transact (makeGen) {
const t = new Transaction(this);
try {
while (makeGen != null) {
makeGen.call(t);
makeGen = this.getNextRequest();
}
} catch (e) {
this.y.emit('error', e);
while (makeGen != null) {
makeGen.call(t);
makeGen = this.getNextRequest();
}
}
destroy () {

File diff suppressed because one or more lines are too long

267
y.test.js
View File

@@ -5615,7 +5615,7 @@ function createCommonjsModule$1(fn, module) {
}
var chance_1 = createCommonjsModule$1(function (module, exports) {
// Chance.js 1.0.11
// Chance.js 1.0.10
// http://chancejs.com
// (c) 2013 Victor Quinn
// Chance may be freely distributed or modified under the MIT license.
@@ -5680,7 +5680,7 @@ var chance_1 = createCommonjsModule$1(function (module, exports) {
return this;
}
Chance.prototype.VERSION = "1.0.11";
Chance.prototype.VERSION = "1.0.10";
// Random helper functions
function initOptions(options, defaults) {
@@ -5899,16 +5899,6 @@ var chance_1 = createCommonjsModule$1(function (module, exports) {
return integer.toString(16);
};
Chance.prototype.letter = function(options) {
options = initOptions(options, {casing: 'lower'});
var pool = "abcdefghijklmnopqrstuvwxyz";
var letter = this.character({pool: pool});
if (options.casing === 'upper') {
letter = letter.toUpperCase();
}
return letter;
};
/**
* Return a random string
*
@@ -14281,7 +14271,7 @@ function extendDatabase (Y /* :any */) {
* Always:
* * Call type
*/
operationAdded (transaction, op) {
operationAdded (transaction, op) {
if (op.struct === 'Delete') {
var type = this.initializedTypes[JSON.stringify(op.targetParent)];
if (type != null) {
@@ -14340,7 +14330,6 @@ function extendDatabase (Y /* :any */) {
}
}
}
whenTransactionsFinished () {
if (this.transactionInProgress) {
if (this.transactionsFinished == null) {
@@ -17603,7 +17592,7 @@ var y = d * 365.25;
* @api public
*/
var ms = function(val, options) {
var index$1$1 = function(val, options) {
options = options || {};
var type = typeof val;
if (type === 'string' && val.length > 0) {
@@ -17745,7 +17734,7 @@ exports.coerce = coerce;
exports.disable = disable;
exports.enable = enable;
exports.enabled = enabled;
exports.humanize = ms;
exports.humanize = index$1$1;
/**
* The currently active debug mode names, and names to skip.
@@ -17804,8 +17793,8 @@ function createDebug(namespace) {
// set `diff` timestamp
var curr = +new Date();
var ms$$1 = curr - (prevTime || curr);
self.diff = ms$$1;
var ms = curr - (prevTime || curr);
self.diff = ms;
self.prev = prevTime;
self.curr = curr;
prevTime = curr;
@@ -19816,11 +19805,9 @@ function merge_tuples (diffs, start, length) {
return diffs;
}
/* global Y, Element */
var monacoIdentifierTemplate = { major: 0, minor: 0 };
function extendYText (Y) {
function extend$2 (Y) {
Y.requestModules(['Array']).then(function () {
class YText extends Y.Array.typeDefinition['class'] {
constructor (os, _model, _content, args) {
@@ -20398,8 +20385,9 @@ function extendYText (Y) {
});
}
var Text = extend$2;
if (typeof Y !== 'undefined') {
extendYText(Y);
extend$2(Y);
}
/* global Y */
@@ -21300,7 +21288,7 @@ diff$3.INSERT = DIFF_INSERT$1;
diff$3.DELETE = DIFF_DELETE$1;
diff$3.EQUAL = DIFF_EQUAL$1;
var diff_1$1 = diff$3;
var diff_1$2 = diff$3;
/*
* Modify a diff such that the cursor position points to the start of a change:
@@ -21507,8 +21495,6 @@ function extendYXmlText (Y, _document, _MutationObserver) {
});
}
setDomFilter () {}
_setDom (dom) {
if (this.dom != null) {
this._unbindFromDom();
@@ -21523,7 +21509,7 @@ function extendYXmlText (Y, _document, _MutationObserver) {
dom.__yxml = this;
this._domObserverListener = () => {
this._mutualExcluse(() => {
var diffs = diff_1$1(this.toString(), this.dom.nodeValue);
var diffs = diff_1$2(this.toString(), this.dom.nodeValue);
var pos = 0;
for (var i = 0; i < diffs.length; i++) {
var d = diffs[i];
@@ -21626,10 +21612,6 @@ function extendYXmlText (Y, _document, _MutationObserver) {
});
}
function defaultDomFilter (node, attributes) {
return attributes
}
/*
* 1. Check if any of the nodes was deleted
* 2. Iterate over the children.
@@ -21654,14 +21636,11 @@ function applyChangesFromDom (yxml) {
// 2. iterate
let childNodes = yxml.dom.childNodes;
let len = childNodes.length;
for (let domCnt = 0, yCnt = 0; domCnt < len; domCnt++) {
let child = childNodes[domCnt];
for (let i = 0; i < len; i++) {
let child = childNodes[i];
if (child.__yxml != null) {
if (child.__yxml === false) {
continue
}
if (yCnt < yxml.length) {
let expectedNode = yxml.get(yCnt);
if (i < yxml.length) {
let expectedNode = yxml.get(i);
if (expectedNode !== child.__yxml) {
// 2.3 Not expected node
let index = yxml._content.findIndex(c => c.type[0] === child.__yxml._model[0] && c.type[1] === child.__yxml._model[1]);
@@ -21671,18 +21650,16 @@ function applyChangesFromDom (yxml) {
} else {
yxml.delete(index, 1);
}
yCnt += yxml.insertDomElements(yCnt, [child]);
} else {
yCnt++;
yxml.insertDomElements(i, [child]);
}
// if this is the expected node id, just continue
} else {
// 2.2 fill _conten with child nodes
yCnt += yxml.insertDomElements(yCnt, [child]);
yxml.insertDomElements(i, [child]);
}
} else {
// 2.1 A new node was found
yCnt += yxml.insertDomElements(yCnt, [child]);
yxml.insertDomElements(i, [child]);
}
}
}
@@ -21695,7 +21672,6 @@ function extendYXmlFragment (Y, _document, _MutationObserver) {
this.dom = null;
this._domObserver = null;
this._domObserverListener = null;
this._domFilter = defaultDomFilter;
var token = true;
this._mutualExcluse = f => {
// take and process current records
@@ -21721,10 +21697,9 @@ function extendYXmlFragment (Y, _document, _MutationObserver) {
if (this.dom != null) {
this._mutualExcluse(() => {
if (event.type === 'insert') {
for (let i = event.values.length - 1; i >= 0; i--) {
let val = event.values[i];
val.setDomFilter(this._domFilter);
let dom = val.getDom();
let nodes = event.values.map(v => v.getDom());
for (let i = nodes.length - 1; i >= 0; i--) {
let dom = nodes[i];
let nextDom = null;
if (this._content.length > event.index + i + 1) {
nextDom = this.get(event.index + i + 1).getDom();
@@ -21741,13 +21716,6 @@ function extendYXmlFragment (Y, _document, _MutationObserver) {
});
}
setDomFilter (f) {
this._domFilter = f;
this.toArray().forEach(function (c) {
c.setDomFilter(f);
});
}
insertDomElements () {
return Y.XmlElement.typeDefinition.class.prototype.insertDomElements.apply(this, arguments)
}
@@ -21846,6 +21814,16 @@ function extendYXmlFragment (Y, _document, _MutationObserver) {
// import diff from 'fast-diff'
function extendXmlElement (Y, _document, _MutationObserver) {
function domToType (dom) {
if (dom.nodeType === _document.TEXT_NODE) {
return Y.XmlText(dom)
} else if (dom.nodeType === _document.ELEMENT_NODE) {
return Y.XmlElement(dom)
} else {
throw new Error('Unsupported node!')
}
}
function yarrayEventHandler (op) {
if (op.struct === 'Insert') {
// when using indexeddb db adapter, the op could already exist (see y-js/y-indexeddb#2)
@@ -22023,7 +22001,7 @@ function extendXmlElement (Y, _document, _MutationObserver) {
}
class YXmlElement extends Y.utils.CustomType {
constructor (os, model, arrayContent, contents, opContents, dom, domFilter) {
constructor (os, model, arrayContent, contents, opContents, dom) {
super();
this._os = os;
this.os = os;
@@ -22050,7 +22028,6 @@ function extendXmlElement (Y, _document, _MutationObserver) {
this._eventListenerHandler = eventHandler;
this._domObserver = null;
this.dom = null;
this._domFilter = domFilter;
if (dom != null) {
this._setDom(dom);
}
@@ -22089,7 +22066,6 @@ function extendXmlElement (Y, _document, _MutationObserver) {
let nodes = event.nodes;
for (let i = nodes.length - 1; i >= 0; i--) {
let node = nodes[i];
node.setDomFilter(this._domFilter);
let dom = node.getDom();
let nextDom = null;
if (this._content.length > event.index + i + 1) {
@@ -22107,14 +22083,6 @@ function extendXmlElement (Y, _document, _MutationObserver) {
});
}
setDomFilter (f) {
this._domFilter = f;
let len = this._content.length;
for (let i = 0; i < len; i++) {
this.get(i).setDomFilter(f);
}
}
get length () {
return this._content.length
}
@@ -22164,27 +22132,13 @@ function extendXmlElement (Y, _document, _MutationObserver) {
}
insertDomElements (pos, doms) {
let types = [];
doms.forEach(d => {
if (d.__yxml != null && d.__yxml !== false) {
if (d.__yxml != null) {
d.__yxml._unbindFromDom();
}
if (this._domFilter(d, []) !== null) {
let type;
if (d.nodeType === _document.TEXT_NODE) {
type = Y.XmlText(d, this._domFilter);
} else if (d.nodeType === _document.ELEMENT_NODE) {
type = Y.XmlElement(d, this._domFilter);
} else {
throw new Error('Unsupported node!')
}
types.push(type);
} else {
d.__yxml = false;
}
});
let types = doms.map(domToType);
this.insert(pos, types);
return types.length
}
insert (pos, types) {
@@ -22241,16 +22195,13 @@ function extendXmlElement (Y, _document, _MutationObserver) {
let diffChildren = false;
mutations.forEach(mutation => {
if (mutation.type === 'attributes') {
let name = mutation.attributeName;
// check if filter accepts attribute
if (this._domFilter(this.dom, [name]).length > 0) {
var val = mutation.target.getAttribute(name);
if (this.getAttribute(name) !== val) {
if (val == null) {
this.removeAttribute(name);
} else {
this.setAttribute(name, val);
}
var name = mutation.attributeName;
var val = mutation.target.getAttribute(mutation.attributeName);
if (this.getAttribute(name) !== val) {
if (val == null) {
this.removeAttribute(name);
} else {
this.setAttribute(name, val);
}
}
} else if (mutation.type === 'childList') {
@@ -22276,17 +22227,18 @@ function extendXmlElement (Y, _document, _MutationObserver) {
dom.__yxml = this;
// tag is already set in constructor
// set attributes
let attrNames = [];
for (let i = 0; i < dom.attributes.length; i++) {
attrNames.push(dom.attributes[i].name);
for (var i = 0; i < dom.attributes.length; i++) {
var attr = dom.attributes[i];
this.setAttribute(attr.name, attr.value);
}
attrNames = this._domFilter(dom, attrNames);
for (let i = 0; i < attrNames.length; i++) {
let attrName = attrNames[i];
let attrValue = dom.getAttribute(attrName);
this.setAttribute(attrName, attrValue);
}
this.insertDomElements(0, Array.prototype.slice.call(dom.childNodes));
this.insert(0, Array.prototype.map.call(dom.childNodes, dom => {
if (dom.__yxml != null) {
// it is ok to reset here. It was probably moved from another node, and will be removed by that node
dom.__yxml._domObserver.disconnect();
dom.__yxml = null;
}
return domToType(dom)
}));
if (_MutationObserver != null) {
this.dom = this._bindToDom(dom);
}
@@ -22377,27 +22329,19 @@ function extendXmlElement (Y, _document, _MutationObserver) {
name: 'XmlElement',
class: YXmlElement,
struct: 'Xml',
parseArguments: function (arg, arg2) {
let domFilter;
if (typeof arg2 === 'function') {
domFilter = arg2;
} else {
domFilter = defaultDomFilter;
}
parseArguments: function (arg) {
if (typeof arg === 'string') {
return [this, {
nodeName: arg.toUpperCase(),
dom: null,
domFilter
dom: null
}]
} else if (arg.nodeType === _document.ELEMENT_NODE) {
return [this, {
nodeName: arg.nodeName,
dom: arg,
domFilter
dom: arg
}]
} else {
throw new Error('Y.XmlElement requires an argument which is a string!')
throw new Error('Y.Xml requires an argument which is a string!')
}
},
initType: function YXmlElementInitializer (os, model, init) {
@@ -22438,10 +22382,10 @@ function extendXmlElement (Y, _document, _MutationObserver) {
contents[name] = op.content[0];
}
}
return new YXmlElement(os, model, _content, contents, opContents, init != null ? init.dom : null, init != null ? init.domFilter : defaultDomFilter)
return new YXmlElement(os, model, _content, contents, opContents, init != null ? init.dom : null)
},
createType: function YXmlElementCreator (os, model, args) {
return new YXmlElement(os, model, [], {}, {}, args.dom, args.domFilter)
return new YXmlElement(os, model, [], {}, {}, args.dom)
}
}));
}
@@ -22455,6 +22399,7 @@ function extendXml (Y, _document, _MutationObserver) {
if (typeof MutationObserver !== 'undefined') {
_MutationObserver = MutationObserver;
} else {
console.warn('MutationObserver is not available. y-xml won\'t listen to changes on the DOM');
_MutationObserver = null;
}
extendXmlElement(Y, _document, _MutationObserver);
@@ -22632,7 +22577,7 @@ if (typeof Y !== 'undefined') {
let Y$2 = Y$1;
Y$2.extend(extend$1, extendYText, extendYMap, extendTestConnector, extendXml);
Y$2.extend(extend$1, Text, extendYMap, extendTestConnector, extendXml);
var database = { name: 'memory' };
var connector = { name: 'test', url: 'http://localhost:1234' };
@@ -22669,17 +22614,11 @@ async function garbageCollectUsers (t, users) {
await Promise.all(users.map(u => u.db.emptyGarbageCollector()));
}
function attrsObject (dom) {
let keys = [];
let yxml = dom.__yxml;
for (let i = 0; i < dom.attributes.length; i++) {
keys.push(dom.attributes[i].name);
}
keys = yxml._domFilter(dom, keys);
function attrsToObject (attrs) {
let obj = {};
for (let i = 0; i < keys.length; i++) {
let key = keys[i];
obj[key] = dom.getAttribute(key);
for (var i = 0; i < attrs.length; i++) {
let attr = attrs[i];
obj[attr.name] = attr.value;
}
return obj
}
@@ -22688,10 +22627,8 @@ function domToJson (dom) {
if (dom.nodeType === document.TEXT_NODE) {
return dom.textContent
} else if (dom.nodeType === document.ELEMENT_NODE) {
let attributes = attrsObject(dom, dom.__yxml);
let children = Array.from(dom.childNodes.values())
.filter(d => d.__yxml !== false)
.map(domToJson);
let attributes = attrsToObject(dom.attributes);
let children = Array.from(dom.childNodes.values()).map(domToJson);
return {
name: dom.nodeName,
children: children,
@@ -22827,13 +22764,6 @@ async function initArrays (t, opts) {
for (let name in share) {
result[name + i] = y.share[name];
}
y.share.xml.setDomFilter(function (d, attrs) {
if (d.nodeName === 'HIDDEN') {
return null
} else {
return attrs.filter(a => a !== 'hidden')
}
});
}
result.array0.delete(0, result.array0.length);
if (result.users[0].connector.testRoom != null) {
@@ -23908,65 +23838,16 @@ test('move element to a different position', async function xml13 (t) {
await compareUsers(t, users);
});
test('filter node', async function xml14 (t) {
var { users, xml0, xml1 } = await initArrays(t, { users: 3 });
let dom0 = xml0.getDom();
let dom1 = xml1.getDom();
let domFilter = (node, attrs) => {
if (node.nodeName === 'H1') {
return null
} else {
return attrs
}
};
xml0.setDomFilter(domFilter);
xml1.setDomFilter(domFilter);
dom0.append(document.createElement('div'));
dom0.append(document.createElement('h1'));
await flushAll(t, users);
t.assert(dom1.childNodes.length === 1, 'Only one node was not transmitted');
t.assert(dom1.childNodes[0].nodeName === 'DIV', 'div node was transmitted');
await compareUsers(t, users);
});
test('filter attribute', async function xml15 (t) {
var { users, xml0, xml1 } = await initArrays(t, { users: 3 });
let dom0 = xml0.getDom();
let dom1 = xml1.getDom();
let domFilter = (node, attrs) => {
return attrs.filter(name => name !== 'hidden')
};
xml0.setDomFilter(domFilter);
xml1.setDomFilter(domFilter);
dom0.setAttribute('hidden', 'true');
dom0.setAttribute('style', 'height: 30px');
dom0.setAttribute('data-me', '77');
await flushAll(t, users);
t.assert(dom0.getAttribute('hidden') === 'true', 'User 0 still has the attribute');
t.assert(dom1.getAttribute('hidden') == null, 'User 1 did not receive update');
t.assert(dom1.getAttribute('style') === 'height: 30px', 'User 1 received style update');
t.assert(dom1.getAttribute('data-me') === '77', 'User 1 received data update');
await compareUsers(t, users);
});
// TODO: move elements
var xmlTransactions = [
function attributeChange (t, user, chance) {
user.share.xml.getDom().setAttribute(chance.word(), chance.word());
},
function attributeChangeHidden (t, user, chance) {
user.share.xml.getDom().setAttribute('hidden', chance.word());
},
function insertText (t, user, chance) {
let dom = user.share.xml.getDom();
var succ = dom.children.length > 0 ? chance.pickone(dom.children) : null;
dom.insertBefore(document.createTextNode(chance.word()), succ);
},
function insertHiddenDom (t, user, chance) {
let dom = user.share.xml.getDom();
var succ = dom.children.length > 0 ? chance.pickone(dom.children) : null;
dom.insertBefore(document.createElement('hidden'), succ);
},
function insertDom (t, user, chance) {
let dom = user.share.xml.getDom();
var succ = dom.children.length > 0 ? chance.pickone(dom.children) : null;
@@ -24007,31 +23888,31 @@ var xmlTransactions = [
}
];
test('y-xml: Random tests (10)', async function xmlRandom10 (t) {
test('y-xml: Random tests (10)', async function randomXml10 (t) {
await applyRandomTests(t, xmlTransactions, 10);
});
test('y-xml: Random tests (42)', async function xmlRandom42 (t) {
test('y-xml: Random tests (42)', async function randomXml42 (t) {
await applyRandomTests(t, xmlTransactions, 42);
});
test('y-xml: Random tests (43)', async function xmlRandom43 (t) {
test('y-xml: Random tests (43)', async function randomXml43 (t) {
await applyRandomTests(t, xmlTransactions, 43);
});
test('y-xml: Random tests (44)', async function xmlRandom44 (t) {
test('y-xml: Random tests (44)', async function randomXml44 (t) {
await applyRandomTests(t, xmlTransactions, 44);
});
test('y-xml: Random tests (45)', async function xmlRandom45 (t) {
test('y-xml: Random tests (45)', async function randomXml45 (t) {
await applyRandomTests(t, xmlTransactions, 45);
});
test('y-xml: Random tests (46)', async function xmlRandom46 (t) {
test('y-xml: Random tests (46)', async function randomXml46 (t) {
await applyRandomTests(t, xmlTransactions, 46);
});
test('y-xml: Random tests (47)', async function xmlRandom47 (t) {
test('y-xml: Random tests (47)', async function randomXml47 (t) {
await applyRandomTests(t, xmlTransactions, 47);
});

File diff suppressed because one or more lines are too long