Karl Horky karlhorky

`tsc` performance consuming `.ts` vs `.d.ts` files in npm packages

What if TypeScript libraries published just .ts sources to npm instead of .js and .d.ts files? This might already be tempting for Bun-only libraries, but how will that impact users? This is easy to answer by experimenting on existing libraries that ship .js, .d.ts, and .ts files.

RxJS ships .js and .d.ts files, but also .ts files for debugability purposes. By tweaking its package.json "exports", we can compare tsc performance on this file with imports resolving to .d.ts files vs .ts source files:

import {} from "rxjs";

PostgreSQL is Enough

Background and Cron Jobs

RTK ESM/TS Discussion

Attendees:

Nathan Bierema
Mateusz Burzynski
Mark Erikson

Notes

Mateusz: what do you want besides "ship widely compat code?" What preferences?

Safari's date-picker is the cause of 1/3 of our customer support issues

...and obviously we're building a workaround. But I'm absolutely flabbergasted that a standard <input type="date"> HTML field, in a standard browser, from a company that bases its reputation good design, could be so dreadful.

The context

I'm the developer for a startup that sells a genetic test to recommend medications for high blood pressure. For medical reasons we need to know our customers' birth date. Most of our customers are in their 60s or older. We've found that many of them use iPads or iPhones. And they're the ones who complain to our customer support that our site is unusable.

	import * as React from 'react';

	const useIsFirstRender = (): boolean => {
	const isFirst = React.useRef(true);

	if (isFirst.current) {
	isFirst.current = false;

	return true;
	} else {

	"use client";

	import { cache, unstable_postpone } from "react";
	import { preload } from "react-dom";

	const loadImage = cache((src: string) => {
	return new Promise<void>((resolve, reject) => {
	const img = new Image();
	img.src = src;

	const CH_BRACE_L = 0x7b as const;
	const CH_BRACE_R = 0x7d as const;
	const CH_SQUARE_L = 0x5b as const;
	const CH_SQUARE_R = 0x5d as const;
	const CH_QUOTE_D = 0x22 as const;
	const CH_ESCAPE = 0x5c as const;
	const CH_COMMA = 0x2c as const;
	const CH_COLON = 0x3a as const;
	const CH_DOT = 0x2e as const;
	const CH_MINUS = 0x2d as const;

	import { getHighlighter as shikiGetHighlighter } from "shiki";
	import { cache } from "react";

	interface ShikiProps {
	code: string;
	lang: string;
	theme: string;
	}

	export async function Shiki({ code, lang, theme }: ShikiProps) {

	import { AwsClient } from "aws4fetch";
	import { deflate } from "pako";

	const R2_ACCOUNT_ID = "SOMETHING"
	const R2_ACCESS_KEY_ID = "SOMETHING"
	const R2_SECRET_ACCESS_KEY ="SOMETHING"
	const R2_BUCKET = "SOMETHING"
	const R2_URL = `https://${R2_BUCKET}.${R2_ACCOUNT_ID}.r2.cloudflarestorage.com`;