Lightnews — Scholar-powered news

Jamie Mason

@foldleft.bsky.social

270 followers 300 following 160 posts

Front-end Developer in Leeds, UK. Currently working at Monzo, and in Open Source I make developer tools like ImageOptim-CLI and syncpack. Into Music, Design, Pixel Art, and Football. Cat Dad of 3 Ragdolls.

- https://github.com/JamieMason

Posts Replies Media Videos

Jamie Mason

@foldleft.bsky.social

Just used knip.dev for the first time, amazing 🎉 #webdev #typescript #javascript

A pull request with 140 additions and 4905 removals

September 24, 2025 at 1:02 PM

Jamie Mason

@foldleft.bsky.social

syncpack 14.0.0-alpha.18 has just been published, which adds a new json command #monorepo #typescript #npm #pnpm

# Output all dependencies as JSON
syncpack json
# Output only AWS SDK dependencies
syncpack json --dependencies '@aws-sdk/**'
# Count dependencies by type
syncpack json | jq -r '.dependencyType' | sort | uniq -c
# See more examples
syncpack json --help
# See a short summary of options
syncpack json -h

July 5, 2025 at 11:23 AM

Jamie Mason

@foldleft.bsky.social

It's still very much in alpha but the Rust rewrite of syncpack has come a long way. syncpack is a tool to manage @npmjs.bsky.social dependency versions in large #JavaScript or #TypeScript #Monorepos

Give it a try:
npx syncpack@alpha lint --dependency-types prod

github.com/JamieMason/s...

# Only fix issues in dependencies and devDependencies
syncpack fix --dependency-types prod,dev
# Only fix inconsistencies with exact versions (eg "1.2.3")
syncpack fix --specifier-types exact
# Only fix issues in "react" specifically
syncpack fix --dependencies react
# See more examples
syncpack fix --help
# See a short summary of options
syncpack fix -h

# Fix every formatting issue in the monorepo
syncpack format
# List all formatting issues in the monorepo
syncpack format --check
# Check the formatting of one package
syncpack format --check --source 'packages/pingu/package.json'
# See more examples
syncpack format --help
# See a short summary of options
syncpack format -h

# Find all issues in "dependencies" or "devDependencies"
syncpack lint --dependency-types prod,dev
# Only lint issues in "react" specifically
syncpack lint --dependencies react
# Look for issues in dependencies containing "react" in the name
syncpack lint --dependencies '**react**'
# Find issues in scoped packages only
syncpack lint --dependencies '@types/**'
# Find issues everywhere except "peerDependencies"
syncpack lint --dependency-types '!peer'
# Only look for issues where an exact version is used (eg "1.2.3")
syncpack lint --specifier-types exact
# Sort dependencies by how many times they are used
syncpack lint --sort count
# See more examples
syncpack lint --help
# See a short summary of options
syncpack lint -h

# Accept any update in latest (x.x.x)
syncpack update --target latest
# Only update minor versions (1.x.x)
syncpack update --target minor
# Only update patch versions (1.2.x)
syncpack update --target patch
# Check for outdated dependencies in one package
syncpack update --check --source 'packages/pingu/package.json'
# Update dependencies and devDependencies in the whole monorepo
syncpack update --dependency-types dev,prod
# Only update dependencies with a semver range specifier (^, ~, etc.)
syncpack update --specifier-types range
# Update dependencies where name exactly matches 'react'
syncpack update --dependencies 'react'
# Update dependencies where name contains 'react'
syncpack update --dependencies '**react**'
# Update dependencies with the '@aws-sdk' scope
syncpack update --dependencies '@aws-sdk/**'
# See more examples
syncpack update --help
# See a short summary of options
syncpack update -h

May 5, 2025 at 8:04 PM

Jamie Mason

@foldleft.bsky.social

#RagdollCats

April 5, 2025 at 11:18 AM

Jamie Mason

@foldleft.bsky.social

BRB a few mins, the workmen have just pulled up to optimise some images at my place #webdev #webperf

A car parked outside my building with the words "PNG AUTOMATIC" written on the side in corporate branding

March 28, 2025 at 1:17 PM

Jamie Mason

@foldleft.bsky.social

A little more progress, added a --target option.

March 9, 2025 at 8:09 PM

Jamie Mason

@foldleft.bsky.social

🦀 At an early stage but the Rust rewrite of `syncpack update` is starting to take shape now. This command updates npm dependencies anywhere in your #monorepo

March 1, 2025 at 12:22 PM

Jamie Mason

@foldleft.bsky.social

PSA I'm available immediately for Frontend Development Contracts www.linkedin.com/posts/jamiem... #WebDev #FrontEnd

January 21, 2025 at 12:33 PM

Jamie Mason

@foldleft.bsky.social

A lot of postponed Football today in Leeds 😄❄️⚽ #GrassRootsFootball #AmateurFootball

A map of Leeds showing all but 3 football matches called off for bad weather

January 11, 2025 at 1:41 PM

Jamie Mason

@foldleft.bsky.social

I just put together this little example on how to get easy to read css-modules class names during development in @astro.build, @vite.dev etc. gist.github.com/JamieMason/0... #CSS #WebDev #Frontend

A snippet of HTML with class names such as "app-frame.header", the full HTML can be found in the linked article.

January 8, 2025 at 12:20 PM

Jamie Mason

@foldleft.bsky.social

a quick question, is what I'm doing here possible in pure #CSS now? Where I can repeat an animation on each click? Right now this is done by adding a class with #JavaScript and then removing it on the animationend event. Can this be done with CSS only now? Possibly with active/focus states?

January 8, 2025 at 8:32 AM

Jamie Mason

@foldleft.bsky.social

Current status #webdev

Even if you only have one tab open to the demo, refreshing the page isn't enough to let the new version take over. This is due to how browser navigations work. When you navigate, the current page doesn't go away until the response headers have been received, and even then the current page may stay if the response has a Content-Disposition header. Because of this overlap, the current service worker is always controlling a client during a refresh.

To get the update, close or navigate away from all tabs using the current service worker. Then, when you navigate to the demo again, you should see the horse.

January 6, 2025 at 9:02 PM

Jamie Mason

@foldleft.bsky.social

Can any #WebPerf experts out there help me understand why I would connect and SSL a 2nd time to the same domain? I thought this happened once per domain but I'm mistaken. WPT here www.webpagetest.org/result/24122...

A waterfall chart showing an HTML file doing DNS, Connect. and SSL for a domain. A JSON file is discovered in that same HTML from the same domain, it also does connect and SSL despite that having being done when the HTML was requested before it.

December 29, 2024 at 1:55 PM

Jamie Mason

@foldleft.bsky.social

Latest demo of the PWA I've been working on this last couple of weeks ⚽️👀 #webdev #grassrootsfootball

December 23, 2024 at 10:04 PM

Jamie Mason

@foldleft.bsky.social

Here's a weird thing I just stumbled on by accident 😆 The left is installed as a desktop app and the right is the same website running in Chrome. The way I have the app talking to a service worker means every running instance receives the same messages #webdev #javascript

December 20, 2024 at 6:01 PM

Jamie Mason

@foldleft.bsky.social

I get nothing for some reason 🤔 One difference is it's Brave rather than precisely Chrome but I wouldn't expect that to matter

December 19, 2024 at 8:43 AM

Jamie Mason

@foldleft.bsky.social

Does anyone know what I'm missing here in Chrome DevTools? There's the 1 error from a browser extension, but I can't find the 1 warning it's referring to anywhere #webdev #devtools