@cocreate/crdt 1.3.14 → 1.3.18

package/src/archive/core.2.js

@@ -1,321 +0,0 @@
-import * as Y from 'yjs'
-import { WebsocketProvider } from 'y-websocket'
-import { fetchUpdates, storeState, IndexeddbPersistence } from 'y-indexeddb'
-import crud from '@cocreate/crud-client';
-import CoCreateCursors from '@cocreate/cursors'
-import { logger } from '@cocreate/utils'
-
-let console = logger('off');
-
-class CoCreateCrdt {
-	constructor(org, ydoc) {
-		this.doc = ydoc;
-		this.orgName = org;
-		this.docs = {};
-		this._awarenessListener = null;
-		this.character = '_';
-		this.listenAwereness = function(){}
-	}
-	
-	createDoc(id) {
-		if (!id || id == "") {
-			return null;
-		}
-		
-		let newInfo = this.parseType(id)
-
-		const newId = newInfo.id;
-		
-		if (this.docs[newId]) { 
-			if (!this.docs[newId].types.some((type) => type === id)) {
-				// register event
-				this.docs[newId].types.push(id);
-				this.registerUpdateEvent(this.docs[newId], id)
-				
-			}
-			return false;
-		} 
-		
-		const yDoc = this.doc
-		
-		const url_socket = this.__getSocketUrl();
-
-		var socketProvider = new WebsocketProvider(url_socket, newId, yDoc);
-		
-		let indexeddbProvider = null;
-		if (newInfo.document_id != "null") {
-			indexeddbProvider = new IndexeddbPersistence(newId, this.doc)
-			indexeddbProvider.whenSynced.then(() => {
-			  console.log('loaded data from indexed db')
-			})
-		}	
-		
-		let awareness = socketProvider.awareness;
-		
-		this._cursors = new Map();
-		
-		this._awarenessListener = event => {
-		  const f = clientId => {
-		//	if (clientId !== this.doc.clientID) {
-			  this.updateRemoteSelection(yDoc, id, yDoc.getText(id), this._cursors, clientId, awareness)
-		//	}
-		  }
-		  event.added.forEach(f)
-		  event.removed.forEach(f)
-		  event.updated.forEach(f)
-		}
-		
-		awareness.on('change', this._awarenessListener);
-
-        this.docs[newId] = {
-			id: newId,
-			doc: yDoc,
-			socket: socketProvider,
-			awareness: awareness,
-			types: [id],
-			indexeddb: indexeddbProvider
-		}
-		this.registerUpdateEvent(this.docs[newId], id)
-
-		return true;
-	}
-	
-	registerUpdateEvent(docObject, id) {
-		const yDoc = docObject.doc;
-		const shardType = yDoc.getText(id)
-		let _this = this;
-		
-		shardType.observe((event) => {
-			_this.__setTypeObserveEvent(event, id);
-		})
-	}
-	
-	__getSocketUrl() {
-		console.log("get_socket url")
-		let w_location = window.location || window.parent.location;
-		let w_protocol = w_location.protocol;
-		let w_host = w_location.host;
-		if (w_location.protocol === "about:") {
-			w_protocol = w_location.protocol;
-			w_host = document.referrer;
-		}
-		let protocol = w_protocol === 'http:' ? 'ws' : 'wss';
-
-		let url_socket = `${protocol}://${w_host}:8080/`;
-		if (window.config && window.config.host) {
-			if (window.config.host.includes("://")) {
-				url_socket = `${window.config.host}/`;
-			} else {
-				url_socket = `${protocol}://${window.config.host}/`;
-			}
-		}
-		
-		console.log(url_socket)
-		url_socket += "crdt/";
-		
-		return url_socket;
-
-	}
-	
-	__setTypeObserveEvent(event, id) {
-		console.log('set crdt event .', event.delta)
-		if (!id) return;
-
-		const eventDelta = event.delta;
-		
-		if (eventDelta.length == 0) {
-			return;
-		}
-		const info = JSON.parse(atob(id));
-		let is_save_value = false
-		
-		// let is_crud = eventDelta.attributes && eventDelta.attributes.crud === false ? false : true;
-		
-		const wholestring = event.target.toString()
-		const store_event = new CustomEvent('store-content-db', {
-			detail: wholestring
-		})
-		
-		const update_event = new CustomEvent('cocreate-crdt-update', {
-			detail: {eventDelta,...info}, 
-		})
-		
-		window.dispatchEvent(update_event);
-	}
-	
-	//send Position Custom
-	sendPosition(collection, document_id, name, from, to) {
-		let id = this.generateID(config.organization_Id, collection, document_id, name);
-		const info = this.parseType(id)
-		const type = this.getType(id);
-		console.log("Type ",type)
-		if (!type) {
-			return;
-		}
-		if (from != null && to != null){
-			var anchor = Y.createRelativePositionFromTypeIndex(type, from)
-			var head = Y.createRelativePositionFromTypeIndex(type, to)
-			
-				console.log("Sending Cursor ",{
-					anchor,
-					head
-				},{'to':to,'from':from,'info.id':info.id})
-			
-			this.docs[info.id].socket.awareness.setLocalStateField('cursor', {
-				anchor,
-				head
-			})
-		}
-		else {
-			this.docs[info.id].socket.awareness.setLocalStateField('cursor', null);
-		}
-			
-	}
-	
-	updateRemoteSelection (y, cm, type, cursors, clientId, awareness)  {
-		console.log("CHANGE ---- DOCID ",this.doc.clientID,' OTHER CLIENTEID ',clientId)
-		// ToDo: blocks character inserts
-		if(clientId !== this.doc.clientID){
-			
-			const m = cursors.get(clientId)
-				if (m !== undefined) {
-					m.caret.clear()
-				if (m.sel !== null) {
-				  m.sel.clear()
-				}
-				cursors.delete(clientId)
-			}
-			  
-			// redraw caret and selection for clientId
-			const aw = awareness.getStates().get(clientId);
-	
-			if (aw === undefined) {
-				this.removeCursor(clientId)
-				return
-			}
-			const user = aw.user || {}
-			if (user.color == null) {
-				user.color = '#ffa500'
-			}
-			if (user.name == null) {
-				user.name = `User: ${clientId}`
-			}
-			const cursor = aw.cursor
-			if (cursor == null || cursor.anchor == null || cursor.head == null) {
-				this.removeCursor(clientId)
-				return
-			}
-		
-			const anchor = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(cursor.anchor), y)
-			const head = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(cursor.head), y)
-			// const anchor = cursor.anchor
-			// const head = cursor.head
-			
-			if (anchor !== null && head !== null ) {
-	
-				let	from = anchor.index
-				let to = head.index
-				
-				let info = this.parseType(cursor.anchor['tname']);
-				
-				let id_mirror = info.document_id + info.name+'--mirror-div';
-				let json = {};
-				
-				let selector = '[collection="'+info.collection+'"][document_id="'+info.document_id+'"][name="'+info.name+'"]'
-				selector += ':not(.codemirror):not(.quill):not(.monaco)';
-				
-				let elements = document.querySelectorAll(selector);
-				
-				let that = this; // does it matter the position this is placed
-				elements.forEach(function (element, index, array) {
-					json = {
-						element:element,
-						selector:selector,
-						startPosition:from,
-						endPositon:to,
-						clientId : clientId,
-						user:{
-							'color':user.color,
-							'name':user.name
-						},
-					}
-					
-					CoCreateCursors.draw_cursor(json);
-					//sent custom position
-					that.listenAwereness.apply(this,[json]);
-				});
-			}
-		}
-	}
-	
-	listen(json){
-		this.listenAwereness.apply(this,[json])
-	}
-	
-	removeCursor(clientId){
-	   let elements = document.querySelectorAll('[id*="socket_'+clientId+'"]');
-		elements.forEach(function (element, index, array) {
-			element.parentNode.removeChild(element);
-		})
-		
-		let sel_elements = document.querySelectorAll('[id*="sel-'+clientId+'"]');
-		  sel_elements.forEach(function (sel_element, index, array) {
-			sel_element.parentNode.removeChild(sel_element);
-		})
-	}
-	
-	deleteDoc(id) {
-		const info = this.parseType(id)
-		if (this.docs[info.id]) {
-			delete this.docs[info.id];
-		}
-	}
-	
-	destroyObserver(id) {
-		const info = this.parseType(id)
-		this.docs[info.id].doc.getText(id).unobserve((event) => {});
-		
-		this.docs[info.id].socket.awareness.off('change', this._awarenessListener);
-	}
-	
-	getType(id){
-		const info = this.parseType(id)
-		if (!this.docs[info.id]) {
-			return null;
-		}
-		return this.docs[info.id].doc.getText(id);
-	}
-	
-	parseType(id) {
-		let data = JSON.parse(atob(id));
-		
-		let newId = {org: data.org, collection: data.collection, document_id: data.document_id}
-		return {
-			id: btoa(JSON.stringify(newId)),
-			collection: data.collection,
-			document_id: data.document_id,
-			name: data.name
-		}
-	}
-	
-	generateDoc(collection, document_id) {
-		let docId = {collection: collection, document_id: document_id}
-		return {
-			docId: btoa(JSON.stringify(id)),
-			collection: collection,
-			document_id: document_id
-		}
-	}
-	
-	generateName(name) {
-		const nameId = {name}
-		return btoa(JSON.stringify(nameId));        
-	}
-
-	generateID(org, collection, document_id, name) {
-		const info = {org, collection, document_id, name}
-		return btoa(JSON.stringify(info));        
-	}
-}
-
-export default CoCreateCrdt;

package/src/archive/index.1.js

@@ -1,225 +0,0 @@
-import CoCreateCrdt from "./core.js"
-import * as Y from 'yjs'
-import crud from '@cocreate/crud-client';
-
-
-class CoCreateCRDTClass extends CoCreateCrdt 
-{
-	constructor(org, doc) {
-		super(org, doc)
-	}
-
-	/*
-	crdt.init({
-		collection: "module",
-		document_id: "",
-		name: "",
-		element: dom_object,
-		metadata: "xxxx"
-	})
-	*/
-	init(info) {
-		try {
-			this.__validateKeysJson(info, ['collection', 'document_id', 'name']);
-			
-			const id = this.__getYDocId(info['collection'], info['document_id'], info['name'])
-
-			if (!id) return;
-			const status = this.createDoc(id, info.element)
-			// console.log("InitCrdt")
-		} catch(e) {
-			console.log('Invalid param', e);
-		}
-	}
-
-	/*. init data function
-	crdt.replaceText({
-		collection: "module",
-		document_id: "",
-		name: "",
-		value: "",
-		updateCrud: true | false,
-		element: dom_object,
-		metadata: "xxxx"
-	})
-	*/
-	
-	replaceText(info){
-		if (!info) return;
-		
-		const id = this.__getYDocId(info.collection, info.document_id, info.name)
-		if (!id) return;
-
-		if (info.updateCrud != false) info.updateCrud = true;
-		
-		if (this.getType(id) ) {
-			let oldData = this.getType(id).toString();
-			let textValue = info.value.toString();
-			if (oldData && oldData.length > 0) {
-				this.deleteData(id, 0, Math.max(oldData.length, textValue.length));
-			}
-			this.insertData(id, 0, textValue);
-		}
-		if (info.crud != false) {
-			crud.updateDocument({
-				collection: info.collection,
-				document_id: info.document_id,
-				data: {[info.name]: info.value},
-				element: info.element,
-				metadata:info.metadata,
-				namespace: info.namespace,
-				room: info.room,
-				broadcast: info.broadcast,
-				upsert: info.upsert,
-				broadcast_sender: info.broadcast_sender
-			})
-		}
-	}
-	
-	/*
-	crdt.insertText({
-		collection: 'module_activities',
-		document_id: '5e4802ce3ed96d38e71fc7e5',
-		name: 'name',
-		value: 'T',
-		position: '8',
-		attributes: {bold: true}
-	})
-	*/
-	insertText(info) {
-			try {
-				this.__validateKeysJson(info,['collection','document_id','name','value','position']);
-				let id = this.__getYDocId(info['collection'], info['document_id'], info['name'])
-				if (id) {
-					
-					this.insertData(id, info['position'], info['value'].toString(), info['attributes']);
-					
-					let wholestring = this.getType(id).toString();
-					
-					console.log(wholestring)
-					
-					if (info.crud != false) {
-						crud.updateDocument({
-							collection: info.collection,
-							document_id: info.document_id,
-							data: {
-								[info.name]: wholestring
-							},
-							metadata: 'yjs-change'
-						})
-					}
-				}
-			}
-			catch (e) {
-				console.error(e); 
-			}
-	}
-	
-	
-	/*
-	crdt.deleteText({
-		collection: 'module_activities',
-		document_id: '5e4802ce3ed96d38e71fc7e5',
-		name: 'name',
-		position: '8',
-		length: 2,
-	})
-	*/
-	deleteText(info) {
-		try{
-			this.__validateKeysJson(info,['collection','document_id','name', 'position','length']);
-			let id = this.__getYDocId(info['collection'], info['document_id'], info['name'])
-			if (id) {
-				this.deleteData(id, info['position'], info['length']);
-				
-				let wholestring = this.getType(id).toString();
-				
-				console.log(wholestring)
-				
-				if (info.crud != false) {
-					crud.updateDocument({
-						collection: info.collection,
-						document_id: info.document_id,
-						data: {
-							[info.name]: wholestring
-						},
-						metadata: 'yjs-change'
-					})
-				}
-			}
-		}
-		catch (e) {
-			console.error(e); 
-		}
-	}
-	
-	
-	/*
-	crdt.getText({
-		collection: 'module_activities',
-		document_id: '5e4802ce3ed96d38e71fc7e5',
-		name: 'name'
-	})
-	*/
-	getText(info) {
-		try{
-			this.__validateKeysJson(info,['collection','document_id','name']);
-			let id = this.__getYDocId(info['collection'], info['document_id'], info['name'])
-			if (id) {
-				return this.getWholeString(id);
-			} else {
-				return "";
-			}
-		}
-		catch (e) {
-			console.error(e); 
-			return "";
-		}
-	}
-
-	
-	/* 
-	crdt.getPosition(function(data))
-	crdt.getPosition(function(data){console.log(" EScuchando ahora  ",data)})
-	*/
-	getPosition(callback){
-	if(typeof miFuncion === 'function')
-		this.changeListenAwereness(callback);
-	else
-		console.error('Callback should be a function')
-	}
- 
-	__getYDocId(collection, document_id, name) {
-		if (!crud.checkAttrValue(collection) || 
-				!crud.checkAttrValue(document_id) || 
-				!crud.checkAttrValue(name)) 
-		{
-			return null;
-		}
-		return this.generateID(config.organization_Id, collection, document_id, name);
-	}
-	
-	__validateKeysJson(json,rules){
-		let keys_json = Object.keys(json);
-		keys_json.forEach(key=>{
-			const index = rules.indexOf(key);
-			if(index != -1)
-				rules.splice(index, 1);
-		});
-		if( rules.length )
-			throw "Requires the following "+ rules.toString();
-	}
-}
-
-let CoCreateCrdt = null;
-if (!window.CoCreateCrdt) {
-	const crdtDoc = new Y.Doc();
-	CoCreateCrdt = new CoCreateCRDTClass(config.organization_Id, crdtDoc);
-	window.Y = Y;
-	window.CoCreateCrdt = CoCreateCrdt;
-} else {
-	CoCreateCrdt = window.CoCreateCrdt;
-}
-
-export default CoCreateCrdt;
-