phil 🫠

@kitten.sh

1306 Followers 283 Following

👋 strangely typed • dev tools at @expo.dev 𝝠 • n+1 semi-archived GraphQL/TS/React(Native) projects 🗻 • urql, gql.tada (prev. dank mono, css-in-js shenanigans) • 🐙 https://github.com/kitten & https://tangled.sh/@kitten.sh

As the Expo CLI with Expo 55 starts up, a running iOS development build with expo-dev-client will automatically discover the devserver with Bonjour. It'll show up in the list of devservers and can be launched from there without scanning any QR codes

Startup screen in Expo showing the QR code and the help output. The help output omits most key instructions, and the QR code is rendering at an increased density (smaller)

VSCode with Internet Explorer spamware toolbars

Email in response to UK petition: The Government has responded to the petition you signed - "Repeal the Online Safety Act".
Government responded:
The Government is working with Ofcom to ensure that online in-scope services are subject to robust but proportionate regulation through the effective implementation of the Online Safety Act 2023.

Pictured: "expo.experiments.autolinkingModuleResolution" is set to "true" in the Expo app.json config

the terminal output of the "expo-modules-autolinking verify" command shows conflicts and duplicates between native modules. For example, two versions of expo-device were found, since one is pulled in under a sub-dependency.

npm packages mapped to native modules. An npm package for react-native-reanimated, for example, means, there's a native module for react-native-reanimated. If there's two packages for expo-audio, one is marked as a duplicate.

the dependency graph of @expo/metro-config. It's a large tree of the npm dependencies, but illustrates how many dependencies go into Expo's bundling configuration, for example with @expo/metro pointing at all Metro packages

side by comparison of the "Recursive" font (by ArrowType) and the fork ("TailRecursive") showing mainly removed slab-style serifs on ascenders on the font's glyphs.

one of laura's post on Digg

pnpm isolated, pass;
pnpm hoisted, pass;
bun isolated, pass;
bun hoisted, pass;
npm, pass;
yarn classic/v1, pass;
yarn berry hoisted, pass

comparative benchmark of "@0no-co/graphql.web" (version 1.0.13 and 1.1.0) compared to "graphql.js" version 16. Version 1.1.0 of "graphql.web" can be seen to be 25% faster, now beating graphql.js by 70% in a representative kitchen sink query. Beating itself by 16% with a smaller query, and "graphql.js" by 41% with the smaller query.

A piece of TS code showing the AST symbols that symbols internally can end up at (which are all value declaration TS types). A `getValueOfValueDeclaration` function is provided that returns the identifier given a binary assignment expression, and the initializer given any AST node that declares a value (e.g. property assignments or variable declarataions)

extracted code from TypeScript's "go to definition" service. This is part of going to the definition from an AST identifier. This code extracted looks at resolving aliased symbols, then goes to that symbol's value declaration.

Expo npm dependencies graphs of the `expo` meta packages comparing SDK 51 and SDK 52 (preview).
The SDK 52 dependency graph has lost a lot of dependencies.

Node spawnSync of inline code that creates a UDP4 socket (via "node:dgram") to "1.1.1.1" and writes the socket's address to standard output. The spawned standard output is then returned and compared to "node:os"'s "networkInterfaces()" array output. If a non-internal IPv4 address matches, we determine this to be the internal network IP address.

A diagram of how Linux USB drivers interact with the Input Subsystem. USB Devices are picked up and bridges by Input drivers to Input Devices, creating input events. These events get sent into the Input Subsystem. The Input Subsystem contains a pipeline of "Input Handlers" which process all events, before they get sent to User Space

a screenshot showing part of many files listing USB device manufacturers and devices, which work around many USB devices' oddities and quirks.

The Yeetmouse GUI, similar to the Rawaccel one. Showing a graph of mouse sensitivity in relation to input speed with configuration inputs

The UI of "Rawaccel" to configure a mouse acceleration driver. With several input parameters (like "sens multiplier", a mode, and more parameters) it displays a graph of the mouse sensitivity changing with input speed.

Benchmarks for graphql.web for parsing and printing. Parsing is 1.26x faster than the current published version and 1.3–1.47x faster than graphql.js. Printing is 2.32x faster than the current published version and 9.94–34.16x faster than graphql.js.

List of colours in a colour scheme following xterm16 with some extra colours

flame graph showing a time of 1.1s compared to the prior picture posted.

Chrome Trace of a TypeScript tracing dump with added `instantiateType` traces that show tens of thousands of deep traces across a >20s window.