@cocreate/crdt 1.3.14 → 1.3.18

package/src/archive/core.1.js

@@ -1,460 +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, element) {
-		if (!id || id == "") {
-			return null;
-		}
-		
-		let newInfo = this.parseType(id)
-		// 	console.log(newInfo);
-		
-		const newId = newInfo.id;
-		
-		if (this.docs[newId]) { 
-			if (element && !this.__checkExistElement(this.docs[newId].elements, element)) {
-				this.docs[newId].elements.push(element);
-			}
-
-			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();
-		//draw cursor dinamially
-		// new UserCursor(socketProvider);
-
-			
-		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);
-		/*
-		awareness.getStates().forEach((aw, clientId) => {
-			console.log("Update --")
-        })
-        */
-        
-        this.docs[newId] = {
-			id: newId,
-			doc: yDoc,
-			socket: socketProvider,
-			awareness: awareness,
-			elements: element ? [element] : [],
-			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, docObject.elements, id);
-		})
-	}
-	
-	__checkExistElement(elements, element) {
-		for (var i = 0; i < elements.length; i++) {
-			if (elements[i].isSameNode(element)) {
-				return true;
-			}
-		}
-		return false;
-	}
-	
-	__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, elements, 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, 
-		})
-				const update_event2 = new CustomEvent('cocreate-crdt-update', {
-			detail: {eventDelta,...info}, 
-		})
-		
-		window.dispatchEvent(update_event2);
-		elements.forEach((el) => {
-			if (crud.isReadAttr(el) && el.getAttribute('name') === info.name) {
-				el.dispatchEvent(update_event)
-			}
-		})
-			
-		
-		if (typeof info !== 'object') {
-			return;
-		}
-
-		if (event.transaction.local) {
-			if (elements.length == 0) {
-				is_save_value = true;
-			}
-			elements.forEach((el) => {
-				if (crud.isSaveAttr(el) && el.getAttribute('name') === info.name && info.document_id != "null") {
-					is_save_value = true;
-					el.dispatchEvent(store_event)
-				}
-			})
-
-			// if (is_save_value && is_crud) {
-			// 	crud.updateDocument({
-			// 		collection: info.collection,
-			// 		document_id: info.document_id,
-			// 		data: {
-			// 			[info.name]: wholestring
-			// 		},
-			// 		metadata: 'yjs-change'
-			// 	})
-			// }
-		} else {
-
-		}
-	}
-	
-	deleteDoc(id) {
-		const info = this.parseType(id)
-		if (this.docs[info.id]) {
-			delete this.docs[info.id];
-		}
-	}
-	
-	generateDocName(collection, document_id, name) {
-		const info = {org: this.orgName, collection, document_id, name}
-		return btoa(JSON.stringify(info)); 
-		// return this.orgName + "_" + collection + "_" + document_id + "_" + name;
-	}
-	
-	insertData(id, index, content, attribute) {
-		const info = this.parseType(id)
-		if (this.docs[info.id]) {
-			if (attribute) {
-				this.docs[info.id].doc.getText(id).insert(index, content, attribute);
-			} else {
-				
-				this.docs[info.id].doc.getText(id).insert(index, content);
-			}
-		}
-	}
-	
-	deleteData(id, index, length) {
-		const info = this.parseType(id)
-		if (this.docs[info.id]) {
-			this.docs[info.id].doc.getText(id).delete(index, length);
-		}
-	}
-	
-	getWholeString(id) {
-		const info = this.parseType(id)
-		if (this.docs[info.id]) {
-			// console.log("!Get data")
-			return this.docs[info.id].doc.getText(id).toString();
-		} else {
-			return "--";
-		}
-	}
-	
-	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){
-			
-					//console.log("TEXT -> updateRemoteSelection ",clientId,awareness,cursor)
-					//console.log("AW status",awareness.getLocalState())
-					  // destroy current text mark
-					  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);
-						console.log(aw)
-					  if (aw === undefined) {
-							console.log(" Cursor OUT ",clientId)
-						   //awareness.setLocalStateField('cursor', null);
-						   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);
-							})
-						  /*
-						   let element = document.getElementById("socket_"+clientId)
-						   let sel_element = document.getElementById("sel-"+clientId)
-						   if(element)
-							element.parentNode.removeChild(element);
-							if(sel_element)
-							sel_element.parentNode.removeChild(sel_element);
-						   */
-						return
-					  }
-					  const user = aw.user || {}
-					  if (user.color == null) {
-						user.color = '#ffa500'
-					  }
-					  if (user.name == null) {
-						user.name = `User: ${clientId}`
-					  }
-					  const cursor = aw.cursor
-						console.log("Cursor ",cursor)
-					  if (cursor == null || cursor.anchor == null || cursor.head == null) {
-						  //let element = document.getElementById("socket_"+clientId)
-						  let elements = document.querySelectorAll('[id*="socket_'+clientId+'"]');
-						  elements.forEach(function (element, index, array) {
-							element.parentNode.removeChild(element);
-						  })
-						
-						//let sel_element = document.getElementById("sel-"+clientId)  
-						let sel_elements = document.querySelectorAll('[id*="sel-'+clientId+'"]');
-						  sel_elements.forEach(function (sel_element, index, array) {
-							sel_element.parentNode.removeChild(sel_element);
-						})
-						return
-					  }
-				
-					  const anchor = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(cursor.anchor), y)
-					  const head = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(cursor.head), y)
-					  //CoCreate.cursors.draw_cursor(1,11,12,66,{},true);
-						  //console.log("PRE Draw Cursor ")
-						  //console.log("anchor  ",anchor , " head ",head,' Type ',type)
-						  //console.log("anchor  Type",anchor.type === type)
-						  //console.log("anchor  Type",head.type === type)
-					  //if (anchor !== null && head !== null && anchor.type === type && head.type === type) {
-					  if (anchor !== null && head !== null ) {
-						let from, to;
-						if (head.index < anchor.index) {
-						  from = head.index
-						  to = anchor.index
-						} else {
-								console.log(anchor.index)
-						  from = anchor.index
-						  to = head.index
-						}
-							console.log("Draw Cursor ",from,to,clientId,aw.user)
-						let t_info = this.parseTypeName(cursor.anchor['tname']);
-						let id_mirror = t_info.document_id + t_info.name+'--mirror-div';
-						let json = {};
-						let selector = '[collection="'+t_info.collection+'"][document_id="'+t_info.document_id+'"][name="'+t_info.name+'"]'
-						selector += ':not(.codemirror):not(.quill):not(.monaco)';
-						let elements = document.querySelectorAll(selector);
-						let that = this;
-						elements.forEach(function (element, index, array) {
-							json = {
-								element:element,
-								startPosition:from,
-								selector:selector,
-								endPositon:to,
-								clientId : clientId,
-								user:{
-									'color':user.color,
-									'name':user.name
-									},
-							}
-							
-							console.log(json)
-							CoCreateCursors.draw_cursor(json);
-							//sent custom position
-							that.listen(json);
-						});
-					  }
-		}
-	}
-	
-	changeListenAwereness(callback){
-		this.listenAwereness = callback;
-	}
-	
-	listen(json){
-		this.listenAwereness.apply(this,[json])
-	}
-	
-	destroyObserver(id, element) {
-		const info = this.parseType(id)
-		this.docs[info.id].doc.getText(id).unobserve((event) => {});
-		
-		this.docs[info.id].socket.awareness.off('change', this._awarenessListener);
-	}
-	
-	getProvider(id){
-		const info = this.parseType(id)
-		if (!this.docs[info.id]) {
-			return null;
-		}
-		return this.docs[info.id].socket;
-	}
-	
-	getType(id){
-		const info = this.parseType(id)
-		if (!this.docs[info.id]) {
-			return null;
-		}
-		return this.docs[info.id].doc.getText(id);
-	}
-
-	setCursorNull(id){
-		const info = this.parseType(id)
-		if (!this.docs[info.id]) {
-			return null;
-		}
-		
-		this.docs[info.id].socket.awareness.setLocalStateField('cursor', null);
-	}
-	
-	setPositionYJS(id, from, to) {
-		const info = this.parseType(id)
-		const type = this.getType(id);
-		console.log("Type ",type)
-		if (!type) {
-			return;
-		}
-		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
-		})
-		/*
-			console.log("Cursor Send")
-			*/
-	}
-	
-	//send Position Custom
-	sendPosition(json) {
-		let collection = json['collection'];
-		let document_id = json['document_id'];
-		let name = json['name'];
-		let from = json['startPosition'];
-		let to = json['endPositon'];
-		let id = this.generateID(config.organization_Id, collection, document_id, name);
-		this.setPositionYJS(id,from,to);
-	}
-	
-	generateID(org, collection, document_id, name) {
-		const info = {org, collection, document_id, name}
-		return btoa(JSON.stringify(info));        
-	}
-	
-	parseTypeName(name) {
-		const data = JSON.parse(atob(name));
-		return data;
-	}
-	
-	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)),
-			name: data.name,
-			document_id: data.document_id
-		}
-	}
-}
-
-export default CoCreateCrdt;
-