Dmitry Iv. dy

() => {} is not the same as () => void.
{a?: string | undefined} is tautology.
void | undefined | {} | never | null is tautology.
Native types Record, Partial etc are a bunch of internal jargon, meaningless from JS view.
Interfaces and types are same thing differently named, only creates confusion.
unknown vs any: little who cares about the difference.
JSX.Element, React.ReactNode, React.ReactFragment is tautology
const X = {abc:123} as const

If there is //@ts-ignore on the first line, prettier may split it to multiple lines and break ts this way.
Prettier expands inline constructs into ugly multiline vertical parts (myriads of examples)
Prettier breaks matrices formatting
It produces redundant diff logs, making it hard to analyze logic changes

Adding/removing indentation of large blocks creates huge diff-log, although that's simply spaces.
Renaming a file doesn't come along with diff-log, it must be a separate commit, otherwise log is huge.

	// what if we had simple method on elements, taking in VDOM pieces?
	// * it makes sure there's no internal content that messes up rendering
	// * it allows simple function as input - something prohibited by preact
	// * it enables element existence check

	element?.render(({props}) => <div></div>);
	element?.render(<div></div>);
	element?.render(<Element></Element>);
	function Element({props}) { ... }

	// extension of document fragment, keeps references to children
	// based on https://github.com/WebReflection/document-persistent-fragment/blob/master/esm/document-persistent-fragment.js

	class Bug extends DocumentFragment {}
	const shenanigans = !(new Bug instanceof Bug);

	export default class HyperFragment extends DocumentFragment {
	#nodes = []

	// DocumentFragment overrides

	;; test passing array to and back
	(module
	(import "js" "mem" (memory 1))
	(import "console" "log" (func $log (param i32 f32)))

	(global $blockSize (import "js" "blockSize") (mut i32))
	(global $len (mut i32) (i32.const 0))
	;; len = blockSize * 4
	(func (global.set $len (i32.mul (global.get $blockSize) (i32.const 4))))
	(start 1)

	<!DOCTYPE html>
	<a href="https://twitter.com/jviide/status/1257755526722662405">ref</a>
	<script type="module">
	import t from './libs/tst.js'

	// function μ(h,...d){for(var a=[],g=0,f=0,b=-1,c;c=h[g++];)c--?c--?c--?c--?c--?a[++b]=c--?c--?[d[f++],c?{}:null]:1<g\|\|[]:d[f++]:a[b]=this(...a[b]):Object.assign(a[b][1],d[f++]):a[b-1].push(a[b--]):a[b-2][1][a[b--]]=a[b--]:a[b-1]+=""+a[b--];return a[0]}

	function μ(hash, ...fields){
	// [root, tag, props, ...children]
	var stack=[], i=0, f=0, d=-1, c




	(() => {
	// play around with initial sequences / operator combinations
	let seqs = {}, ops = {'+':(a,b)=>a+b,'-':(a,b)=>a-b}//'/':(a,b)=>a/b,'':(a,b)=>ab}
	const results = new Proxy({}, {
	set(results, prop, value){
	if (results[prop]) {
	if (!results[prop].includes(value)) console.error('set', prop, ':', value, 'exists as', results[prop])

	// paste the code below into browser console in any youtube page and call `record(from, to)`
	// from and to are in seconds

	async function record(from, to) {
	var mediaElement=document.querySelector('video')
	var recordedChunks = [];
	var mimeType = 'audio/webm;codecs="opus"'

	var ac = new AudioContext();
	var mediaSource = new MediaElementAudioSourceNode(ac, {mediaElement});