Text

adds collaborative text editing capabilities similar to those found in google docs.

ts//...
const context = colab.changeContext();
const mydoc = context.text("doc"); // text node at "doc" key

// set handlers
mydoc.handlers = {
 insert(index,value,ctx){
   console.log(ctx.userId);
   console.log("inserted" + value + "at" + index );
 },

 delete(fragments,ctx){
   fragments.forEach(fragment => {
     console.log("deleted" + length + "characters at" + index );
   });
 }
}

// edit text
const edit = (index, text, delCount) => {
   mydoc.replace(index,text,delCount);
}

// ...

tsinterface Text {
  handlers: {
    delete?: (fragments: TextFragment[], ctx: Ictx) => any;
    insert?: (index: number, text: string, ctx: Ictx) => any;
    replace?: (
      fragments: TextFragment[],
      index: number,
      text: string,
      ctx: Ictx
    ) => any;
  };
  delete(index: number, length: number): void;
  insert(index: number, text: string): void;
  replace(index: number, text: string, delCount: number): void;
  value(): undefined | string;
}

index

Properties

tsconst text = ctx.text("doc");

text.handler = {
 insert(index,value,ctx) {
   if (ctx.isLocal) return;
   console.log("inserted" + value + "at" + index );
 }
}

ts{ delete?:  (fragments: TextFragment[], ctx: Ictx) => any ;insert?:  (index: number, text: string, ctx: Ictx) => any ;replace?:  (fragments: TextFragment[], index: number, text: string, ctx: Ictx) => any ; }

Methods

tsdelete (index: number, length: number) : void ;

tsnumber

tsnumber

tsvoid

tsinsert (index: number, text: string) : void ;

tsnumber

tsstring

tsvoid

tsreplace (index: number, text: string, delCount: number) : void ;

tsnumber

tsstring

tsnumber

tsvoid

tsvalue () : undefined | string ;

tsundefined | string