import {} from 'sigy';

import {} from 'https://cdn.jsdelivr.net/npm/sigy/+esm';

import { Signal, subscribe, derive, bin } from 'sigy';

// create a "bin" to store our cleanup functions
const _ = bin();

// create signals
const a = new Signal(1);
const b = new Signal(2);

// collect the returned unsubscribe function into our bin
_._ = subscribe({ a, b }, ({ $a, $b }) => {
	// log the value of `a` & `b` when they change
	console.log(`a: ${$a}, b: ${$b}`);
});

// create a `sum` signal when either `a` or `b` changes
// with the value of `a + b`
const sum = derive({ a, b }, ({ $a, $b }) => $a + $b);

// collect the returned unsubscribe function into our bin
_._ = subscribe({ sum }, ({ $sum }) => {
	// log the value of `sum` when it changes
	console.log(`sum: ${$sum}`);
});

console.log(sum.get()); // 3
a.set(10);
// logs: a: 10, b: 2
// logs: sum: 12

// dispose of all collected subscriptions
_.dispose();
a.set(0);
// no logs, all done!