Toni Villena tonivj5

This was originally written for a Remix app, but you could adapt it to work for any SSR framework.

Check the docs for these packages to learn how to use these snippets

https://www.npmjs.com/package/kysely-migration-cli https://www.npmjs.com/package/kysely-codegen https://www.npmjs.com/package/kysely#migrations

It's configured to use MySQL on Planetscale, but you could adjust it to use Postgres or SQLite if you want.

Background: TypeScript Generics Wishlist

There are a handful of issues that are both separate features, but are also loosely related in that they speak to certain problematic aspects of generics today. In particular,

[#7061] (specifically later in the thread) asks for a way to assign a private alias to a complex typed derived from the actual type parameters, usable from within the class/function signature. There are suggestions to use namespaces and other hacks, along with explanations of why <T, U extends Foo<T> = Foo<T>> is insufficient.
[#26242] and [#16597] both pertain to partial inference of type parameters. The rough summary is that you can write ``, but there's no way to explicitly specify T and still get inference on `U`. If you

This content has moved here: https://2ality.com/2022/10/javascript-decorators.html#history-of-decorators

Variables

const shade = 100;
type Shade = 100;

	Install version ^5.1.1 because version 6 is ESM only.
	GitHub issue about it:
	https://github.com/sindresorhus/execa/issues/489

	yarn add -D execa@^5.1.1


	/* IMPORT */

	import {$$} from 'voby';
	import {useEffect} from '~/hooks';

	/* MAIN */

	const useResizeObserver = ( ref: $<Element \| undefined>, fn: ResizeObserverCallback, options: ResizeObserverOptions = {} ): void => {


	/* IMPORT */

	import {$, $$, useEffect, useInterval} from 'voby';

	/* STYLE */

	css`
	:root {
	--lag-bar-color-bg: var(--color-black-bg);

	mapped types syntax and intro

	https://www.typescriptlang.org/play?#code/C4TwDgpgBA8gRgKygXigbwFBW1AZge3wC4oBnYAJwEsA7AcwBosc4BDCkmgVwFs4IKGAL4YMoSFACSAEwg1gVUAB4AKgD4U6ZtgDaAaSi0oAawgh8uKCoC6JFfuvDR46AGVWPaKhlyFy+AhqGAD0wTgAegD8omLg0AAKFPg8VKRUuCCqGqiYOFD6hjQmZhZWtlAAFACUKBqJyakQqg5BIrES9SlpuFQQ0pqdqemZAUGhEdEYsgDGADbs0NP4NORQFGDTJIPdvdKiSyvAeFzAXBReaxsAdGwU1SFheU-PUFGiuCdnEFfAABZyFQqADdWLMasgNLkcCDZtooOM3kIqkA

	a tweet that prompted the idea for the talk

	https://twitter.com/kentcdodds/status/1608187990215655424

	but since this isn't possible with satisfies (it doesn't participate in inference, in an example like that it only provides contextual types) the answer was to use a function with a reverse mapped type

	export class Cache<T extends object, K> {
	items = new WeakMap<T, K>()

	get<P extends T>(item: P, cb: (item: P) => K) {
	if (!this.items.has(item)) {
	this.items.set(item, cb(item))
	}
	return this.items.get(item)!
	}

Toni Villena tonivj5

Background: TypeScript Generics Wishlist

Variables

Functions