Pierre-Yves Gérardy pygy

[vella][1]

Hopefully quick and light view library (benchmarks TBD :-).

S.js tutorial

vella is currently built on top of S.js by Adam Haile. It is more or less Surplus, but with Hyperscript (and composability cranked to eleven). We may end up forking or replacing S, but the core idea will probably persist. Understanding S is required to get what comes next.

Lexicon: in the S docs, streams are called "signals", and dependent streams are called "computations". I'll use the same terminology for now here to make it easier for you if you're also scouring the S docs. They are mostly push streams AFAIU, but the author descrbes them as hybrid push/pull somewhere in the issues, not sure what he meant.

Keybase proof

I hereby claim:

I am pygy on github.
I am pygy (https://keybase.io/pygy) on keybase.
I have a public key ASAuqI8Te5JdZeup5yQBEEPyoy-24Wl6UwYGMBg8PQ9WvAo

To claim this, I am signing this object:

[bunchmark](https://flems.io/#0=N4IgtglgJlA2CmIBcAWAHAOgGwEYA0IAzvAgMYAu8UyIAbhAF4YBWhIBpA9gHaGcI0usWAEMADsWoERAV3KcASiU4jqSAGYjYxAoVIAnfrGQBtAAx4zAXQLqICNkhOhuIsIiQgMAC3JhjHDyU3OQ0ADxQELQABNAAvJGEYqIAngB8YQD0kbRp7EQk8BQQPI4gZkgATJUgAL54Lm4edIwsbIEh8CE08AAeYpz65NHqMtzFPNEA5vDkAEKcY1CEABTkIoQA1oQAlNHAADrc0dFcvMOQx3HRALIi5N4YlysYr+tbhE-ia9Fxabf3R7PV4YcgYfTwQgyWDkXY7HZHE5nQgXES9X4Ah5fXovN4bbZfMQ-P6YoFo3Gg8GQ6Gw+EI47RCHkGT6Y7AS54aJgNG1I687hHPoDIYjMYTY4AIwgvDW+MInIAcntDgzkcN2dK8NzerUMTN5otuMtZR96UjShdoRiVtrMpcdgAqB0rHCZJWI6JE9nQzkcrk8s2nC3RCWG5YY7jwADu0QAgvp9CIUit3QyEMN1IYwBjLh71INoit07EMWYANwlsLRBUViAAajryo9J1DS0IJggVgxwEznDAnPk0SQhd72Yd1zA0J2-JOM5DYfbCoAtDgrKDODm0dEHdFKh7MplPStgK2jYRaoH3gT8-oAKIiUjeYn-FUnE5gqW8DGn5aElbH0cB04C9fn+MEIShGFPghKAZFIeB-wfUhOQgvYSSQ6I6xHLNoirCDogAMgIxlIVw655B2TkzHhD0Lw9NVoloeAhggUgtCUPhYDkEormiV0VjuLFtQpK9Pm5IlhhJQSyRxEEP2lOEaNVYNuX0KZpQxABmct6ODeR1lgAB1aAHgxBUZDACVmJWKBOFICyug-TgoBSDBSFgCBHOMqAHj2Jd-TUjSdz3ZTzmiKMTO8DF9K0bzTMPBVdLCwwowACXgCApl8DEAFYzA9YtCH0UgMQAAzCQhaCmaJen8Xg4gOEBfHI

	const I = x => x;
	const K = x => y => x;
	const A = f => x => f(x);
	const T = x => f => f(x);
	const W = f => x => f(x)(x);
	const C = f => y => x => f(x)(y);
	const B = f => g => x => f(g(x));
	const S = f => g => x => f(x)(g(x));
	const P = f => g => x => y => f(g(x))(g(y));
	const Y = f => (g => g(g))(g => f(x => g(g)(x)));

	fuction forceLayout(dom) {
	dom.getBoundingClientRect().height
	}

	let prm
	let nodes = []
	function debouncedLayout(dom) {
	if (nodes.length === 0) {
	prm = Promise.resolve(null).then(() => {
	nodes.forEach(forceLayout)

	<!doctype html>
	<title>ChargingGate </title>
	<input type=checkbox id="hasGetBattery"><input type=checkbox id="batteryStatus">
	<div id=ua></div>
	<hr>
	<h1>
	#ChargingGate?
	</h1>
	<p>
	Another day, another dystopian browser API...

	// USAGE
	// -----
	//
	// TODO("Finish this")
	// Add this anywhere in your project or test suite,
	// it will cause your tests to fail with the message.
	//
	// This is not meant to ever be commited, but you're sure
	// to never lose track of a TODO before pushing your
	// changes

	// Never forget a stray console.log()
	// ----------------------------------
	//
	// This one is for you printf debuggers
	//
	// This spies on console.*() calls and reports the call sites
	// ordered by file name then by position, all at once at the
	// end of the report (while making the suite fail, this counts
	// as a failed assertion).