Counter

a simple collaborative increment decrement counter

ts//... a small counter app

const context = colab.changeContext();
const clicks = context.counter("clicks");

// set handler
clicks.handler = {
   update(value, ctx) => {
     consoe.log(ctx.userId);
     console.log("updated counter", value );
     valEl.innerText = value;
   }
}

const incBtn = document.getElementById("inc");
const decBtn = document.getElementById("dec");
const valEl = document.getElementById("val");

incbtn.onclick = () => clicks.increment();
decBtn.onclick = () => clicks.decrement();

// ... your app logic

tsinterface Counter {
  handlers: { update?: (value: number, ctx: Ictx) => any };
  decrement(): void;
  increment(): void;
  value(): undefined | number;
}

index

Properties

tsclicks.handlers = {
 update(value, ctx) => {
   console.log(value,ctx)
 }
}

ts{ update?:  (value: number, ctx: Ictx) => any ; }

Methods

tsdecrement () : void ;

tsvoid

tsincrement () : void ;

tsvoid

tsvalue () : undefined | number ;

tsundefined | number