codemp-vscode/src/extension.ts

// The module 'vscode' contains the VS Code extensibility API
// Import the module and reference it with the alias vscode in your code below
import * as vscode from 'vscode';
import * as codemp from '../index'; // TODO why won't it work with a custom name???


var CACHE = new codemp.OpCache();
var BUFFERS : string[][] = [];
let smallNumberDecorationType = vscode.window.createTextEditorDecorationType({});

// This method is called when your extension is activated
// Your extension is activated the very first time the command is executed
export function activate(context: vscode.ExtensionContext) {

	// Use the console to output diagnostic information (console.log) and errors (console.error)
	// This line of code will only be executed once when your extension is activated
	console.log('Congratulations, your extension "codempvscode" is now active!');

	// The command has been defined in the package.json file
	// Now provide the implementation of the command with registerCommand
	// The commandId parameter must match the command field in package.json
	let disposable = vscode.commands.registerCommand('codempvscode.helloWorld', () => {
		// The code you place here will be executed every time your command is executed
		// Display a message box to the user
		vscode.window.showInformationMessage(process.cwd());
	});
	let connectCommand = vscode.commands.registerCommand('codempvscode.connect', connect);
	let joinCommand = vscode.commands.registerCommand('codempvscode.join', join);
	let attachCommand = vscode.commands.registerCommand('codempvscode.attach', attach);
	let createBufferCommand = vscode.commands.registerCommand('codempvscode.createBuffer', createBuffer);
	let disconnectBufferCommand = vscode.commands.registerCommand('codempvscode.disconnectBuffer', disconnectBuffer);
	let syncBufferCommand = vscode.commands.registerCommand('codempvscode.sync', sync);
	context.subscriptions.push(connectCommand);
	context.subscriptions.push(joinCommand);
	context.subscriptions.push(attachCommand);
	context.subscriptions.push(createBufferCommand);
	context.subscriptions.push(disconnectBufferCommand);
	context.subscriptions.push(syncBufferCommand);
	context.subscriptions.push(disposable);


}


async function connect() {
	let host = await vscode.window.showInputBox({prompt: "server host (default to http://alemi.dev:50052)"})
	if (host === undefined) return  // user cancelled with ESC
	if (host.length == 0) host = "http://alemi.dev:50052"
	await codemp.connect(host);
	vscode.window.showInformationMessage(`Connected to codemp @[${host}]`);
}


async function join() {
	let workspace = await vscode.window.showInputBox({prompt: "workspace to attach (default to default)"});
	let buffer : string = (await vscode.window.showInputBox({prompt: "buffer name for the file needed to update other clients cursors"}))!;
	let editor = vscode.window.activeTextEditor;
	if (workspace === undefined) return  // user cancelled with ESC
	if (workspace.length == 0) workspace = "default"

	if (buffer === undefined) return  // user cancelled with ESC
	if (buffer.length == 0) {workspace = "default"; buffer="fucl"; }
	
	let controller = await codemp.join(workspace)
	try{
	controller.callback(( event:any) => {
		try{
		let curPos  = vscode.window.activeTextEditor?.selection.active;
		let PosNumber = curPos?.line as number;
		let posizione = new vscode.Position(0, PosNumber);
		let range_start = new vscode.Position(event.start.row , event.start.col); // -1?
		let range_end = new vscode.Position(event.end.row, event.end.col); // -1? idk if this works it's kinda funny, should test with someone with a working version of codemp
		const decorationRange = new vscode.Range(range_start, range_end);
		smallNumberDecorationType.dispose();
		smallNumberDecorationType = vscode.window.createTextEditorDecorationType({ 
			borderWidth: '5px',
			borderStyle: 'solid',
			overviewRulerColor: 'blue', 
			overviewRulerLane: vscode.OverviewRulerLane.Right,
			light: {
				// this color will be used in light color themes
				borderColor: 'darkblue' //should create this color based on event.user (uuid)
			},
			dark: {
				// this color will be used in dark color themes
				borderColor: 'lightblue' //should create this color based on event.user (uuid)
			}
		});
		editor?.setDecorations(smallNumberDecorationType, [decorationRange]);
	}catch(e){
		console.log("Error", e, "\n");
	}
	});
}catch(e){
	console.log("Error", e, "\n");
}


	vscode.window.onDidChangeTextEditorSelection((event: vscode.TextEditorSelectionChangeEvent) => {
		if (event.kind == vscode.TextEditorSelectionChangeKind.Command) return; // TODO commands might move cursor too
		let buf = event.textEditor.document.uri.toString()
		let selection = event.selections[0] // TODO there may be more than one cursor!!
		let anchor : [number, number] = [selection.anchor.line, selection.anchor.character];
		let position : [number, number] = [selection.active.line, selection.active.character+1];
		controller.send(buffer, anchor, position);
	});
	vscode.window.showInformationMessage(`Connected to workspace @[${workspace}]`);
}


async function createBuffer() {
	let workspace="test";//ask which workspace
	let buffer : any = (await vscode.window.showInputBox({prompt: "path of the buffer to create"}))!;
	console.log("new buffer created ", buffer, "\n");
	codemp.create(buffer);
	console.log("new createdBuffer ", createBuffer, "\n");
	let editor = vscode.window.activeTextEditor;

	if (editor === undefined) { return } // TODO say something!!!!!!

	let range = new vscode.Range(
		editor.document.positionAt(0),
		editor.document.positionAt(editor.document.getText().length)
	)
	buffer = await codemp.attach(workspace);
	buffer.delta(range.start,editor.document.getText(),range.end); //test it plz coded this at 10am :(
	//Should i disconnect or stay attached to buffer???
}





async function attach() {
	let buffer_name : any = (await vscode.window.showInputBox({prompt: "buffer to attach to"}))!;
	let buffer = await codemp.attach(buffer_name);
	console.log("attached to buffer", buffer_name);
	console.log("buffer", buffer);

	// let fileUri = buffer_name;
	// const fileName = 'untitled-1';
	// const newFileUri = vscode.Uri.file(fileName).with({ scheme: 'untitled', path: fileName });
	// vscode.workspace.openTextDocument()
	// await vscode.workspace.openTextDocument(newFileUri);
	// vscode.commands.executeCommand('vscode.open', newFileUri);
	let editor = vscode.window.activeTextEditor;

	if (editor === undefined) {
		vscode.window.showInformationMessage(`Open a file first`);	
		return;
	}
	editor = vscode.window.activeTextEditor!;
	console.log("Buffer = ", buffer, "\n");
	vscode.window.showInformationMessage(`Connected to codemp workspace buffer  @[${buffer_name}]`);

	let file_uri = editor.document.uri;
	BUFFERS.push([file_uri, buffer_name]);

	vscode.workspace.onDidChangeTextDocument((event:vscode.TextDocumentChangeEvent) => {
		console.log(event.reason);
		if (event.document.uri != file_uri) return; // ?
		for (let change of event.contentChanges) {
			if (CACHE.get(buffer_name, change.rangeOffset, change.text, change.rangeOffset + change.rangeLength)) continue;
			buffer.send({
				span: { 
					start: change.rangeOffset,
					end: change.rangeOffset+change.rangeLength
				},
				content: change.text
			});
		}
	});
	
	//await new Promise((resolve) => setTimeout(resolve, 200)); // tonioware
	console.log("test");

	buffer.callback((event: any) => {
		CACHE.put(buffer_name, event.span.start, event.content, event.span.end);

		if (editor === undefined) { return } // TODO say something!!!!!!
		let range = new vscode.Range(
			editor.document.positionAt(event.span.start),
			editor.document.positionAt(event.span.end)
		)
		editor.edit(editBuilder => {
			editBuilder
				.replace(range, event.content)
		})
	});
}

async function disconnectBuffer() {
	let buffer : string = (await vscode.window.showInputBox({prompt: "buffer name for the file to disconnect from"}))!;
	codemp.disconnectBuffer(buffer);
	vscode.window.showInformationMessage(`Disconnected from codemp workspace buffer  @[${buffer}]`);
}

async function sync() {
	let editor = vscode.window.activeTextEditor;
	if (editor === undefined) { return }
	for (let tuple of BUFFERS) {
		console.log(tuple[0]);
		console.log("\n");
		console.log(editor?.document.uri.toString());
		if (tuple[0] === editor?.document.uri.toString()) {

			let buffer = await codemp.getBuffer(tuple[1]);
			if (buffer==null) {
				vscode.window.showErrorMessage("This buffer does not exist anymore");
				return;
			}
			let range = new vscode.Range(
				editor.document.positionAt(0),
				editor.document.positionAt(editor.document.getText().length)
			);
			let content = buffer.content();
			CACHE.put(tuple[1],0,content,editor.document.getText().length);
			editor.edit(editBuilder => editBuilder.replace(range, content));
			return;
		}
	}
	vscode.window.showErrorMessage("This buffer is not managed by codemp");
}






// This method is called when your extension is deactivated
export function deactivate() {
//Maybe i should disconnect from every workspace and buffer ??? // TODO
}