Mateusz Kadlubowski

Mateusz Kadlubowski

@xeho91.dev

I am 🇵🇱 software developer living in the southernmost part of 🇹🇼 (Hengchun Peninsula). Currently, I'm on the mission of improving the #DX of the #OSS tools used for the @Svelte.dev ecosystem. I code with #javascript / @typescriptlang.org, or #rust.

117 followers539 following142 posts

Mateusz Kadlubowski reposted

Something is moving regarding svelte custom renderers...help us bring this to the finish line! 🧡

Mainmatter@mainmatter.com

Thanks to SuppCo for supporting our Svelte Custom Renderers initiative 🙌 When ready, this API will allow devs to use Svelte to build Native Apps, Terminal, or anything they want. If your company wants to help make custom renderers a reality, make sure to reach out! svelte-custom-renderers.com

Mateusz Kadlubowski reposted

Louder for the people in the back 📣 Managing infra, hosting accounts, supporting user issues, dealing with incidents and outages, software updates, security updates, dna cost, server cost, etc. is the unpaid, undervalued, and underacknowledged labor of this community

fig (aka:[phil])@bad-example.com

people talk about self-hosting like the only effort involved is getting it set up

Mateusz Kadlubowski reposted

Nowadays, we can do better: ``` box-shadow: 0 1px 2px rgb(from currentcolor r g b/ .65) ``` Cross-browser since September 2024. #tinyCSStip #CSS

Ana Tudor@anatudor.bsky.social

#tinyCSStip Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`? Use `color-mix()`! Cross-browser, btw. 😼

I scored 15/28 on jsdate.wtf and all I got was this lousy text to share on social media. Too high, I was shooting randomly... Now, can the progress on Temporal API be sped up, a little bit, please? Just so I can forget this quiz quickly 🥲

jsdate.wtfnew Date("wtf")How well do you know JavaScript's Date class?
Sam Rose@samwho.dev

I made a quiz about the JS Date parser is. It's very easy and you will score very high. jsdate.wtf

Mateusz Kadlubowski reposted

🧵 THREAD: People keep saying Svelte is "too magical" - but Svelte 5 just changed the game completely. Let me show you why Svelte 5's "magic" is actually just syntactic sugar over patterns you already know from React, Solid, and Angular.

Mateusz Kadlubowski reposted

I’ve made Sveltest a thing 🫣 sveltest.dev This is documentation for getting started using vitest-browser-svelte in your projects I’m currently going through the docs sveltest.dev/docs/getting-started comparing with what me and my team are doing “real-world” and validating Contributions welcome

sveltest.devSveltest - Comprehensive Testing Suite for SvelteA comprehensive collection of testing patterns and examples for modern Svelte applications

Mateusz Kadlubowski reposted

It was fantastic to give this talk and share all the cool stuff we've been working on. Check it out to see what we've been cooking in Storybook for Svelte and/or Component Testing. 🎉

Svelte Society@sveltesociety.dev

The next talk from Svelte Summit Spring 2025 by @reinhold.is is also related to testing — Strike the Perfect Balance: Component Testing with Storybook, Svelte, and Vitest. youtu.be/mdyRQDDp28s

Mateusz Kadlubowski reposted

Mateusz Kadlubowski reposted

Mateusz Kadlubowski reposted

📢 Heads up to all @svelte.dev 5 users of @storybook.js.org: We've published a new prerelease version of the Svelte CSF addon, that contains some breaking changes. If you're using @storybook/addon-svelte-csf with Svelte 5, you should take a look at the release notes. @sveltesociety.dev

github.comRelease v5.0.0-next.29 · storybookjs/addon-svelte-csfRelease Notes Breaking: Add support for render in defineMeta, replacing setTemplate-function (#295) setTemplate-function removed in favor of render in defineMeta The setTemplate-function has been r...

@jsr.io supported out of the box by pnpm I love these guys!!! 🧡

pnpm@pnpm.io

pnpm v10.9 is out with native support for the JSR registry! You can now install packages from JSR using the "jsr:" protocol. For example: pnpm add jsr:@hono/hono

Mateusz Kadlubowski reposted

ECMAScript excitement 😉 TypeScript's @chronicles.org is pitching enum in JS 🎉 It's the good parts of TS enum + enhancements: 🔶 More datatypes: Symbols etc 🔶 Iterable 🔶 Immutable 🔶 Null prototype 🔶 No declaration merging 🔶 Compatible with Node type-stripping 👍 github.com/rbuckton/pro...

github.comGitHub - rbuckton/proposal-enum: Proposal for ECMAScript enumsProposal for ECMAScript enums. Contribute to rbuckton/proposal-enum development by creating an account on GitHub.

Mateusz Kadlubowski reposted

It's official! I'm speaking at Svelte Summit, come see me in Barcelona in May! Can't wait to meet you all in person! I'll be diving into @svelte.dev with @storybook.js.org, and how you can use it to write delicious Component Tests! 🚀 Might also include a surprise collab... 🙊

Svelte Society@sveltesociety.dev

Now that speakers have been selected we want to share with you our line-up for Svelte Summit Spring 2025! We will host 16 talks across different topics during the two day conference. In addition, @mainmatter.com will also host a workshop. More details on www.sveltesummit.com

Mateusz Kadlubowski reposted

In a previous post I explained why passing a Svelte rune to functions doesn't update the value but here's how you can wrap or box a value which can be passed and updated using a couple of lines of code. 😎

Many thanks for those blog posts. I've always loved how much attention you're putting into making examples as practical as possible. TIL about #TypeDoc `{@includeCode}` - super handy!

Interested in #TypeScript? I have written 10 new blog posts about TypeScript in 2025 that you can read here: 2ality.com Topics: tsconfig.json, enum patterns, template literal types, infer, satisfies, and more. 🦋 Reposts appreciated!

Mateusz Kadlubowski reposted

introducing atcute, a collection of lightweight TypeScript packages for AT Protocol API client, OAuth client, utility packages for various data formats, Bluesky-specific utility packages for rich text and posting they're all covered!

I ended 2024 with more key contributions to #OSS and #Svelte ecosystem. 1. Storybook and Svelte 5 2. svelte-ast-print 3. We (me and @ciscorn.bsky.social) are brewing svelte-docgen I'm welcoming 2025, with a mindset that I'll continue to contribute to DX of Svelte ecosystem. Happy New Year! 🌟

Storybook IS a testing tool.

We're cooking in the kitchen tonight. How would you like some free component and a11y tests with all your Svelte stories, powered by, and integrated into your existing Vitest setup? 🍰 cc @brittneypostma.bsky.social

Say what you want. 18th December is definitely my most favourite day in Advent of Svelte. Package esrap supporting TypeScript, and now some extra super powers to outputs preview, including AST. 🧡

Svelte@svelte.dev

Day 18 — we've upgraded the playground so you can better understand how the compiler transforms your code. We plan to use this tool ourselves to improve the sourcemaps that Svelte generates 🎁 svelte.dev/playground

Oh wow... 🥲 Have memorable fun, everyone who's going to be there; make it a blast! 🧡

Svelte Society@sveltesociety.dev

We are very excited to announce that the next Svelte Summit will finally be in-person again and happen on May 8 and 9, 2025 in Barcelona Spain! Tickets are now available and the Call for Proposals is open. Use code 'sveltmas2024' for a 20% discount until December 31. www.sveltesummit.com

Package `svelte-ast-print` now supports AST node `EachBlock` without `as` item github.com/xeho91/svelt...

github.comRelease v0.5.0 · xeho91/svelte-ast-print🚀 Enhancement feat: Add support for EachBlock without as item #107 (@xeho91) feat: Add support for SvelteBoundary #105 (@xeho91) Authors: 1 Mateusz Kadlubowski (@xeho91)
Svelte@svelte.dev

Day 2 — `each` without `as`, for when you just want lots of one thing - docs svelte.dev/docs/svelte/... - demo svelte.dev/playground/e...

Package `svelte-ast-print` now supports AST node `SvelteBoundary` github.com/xeho91/svelt...

github.comRelease v0.5.0 · xeho91/svelte-ast-print🚀 Enhancement feat: Add support for EachBlock without as item #107 (@xeho91) feat: Add support for SvelteBoundary #105 (@xeho91) Authors: 1 Mateusz Kadlubowski (@xeho91)
Svelte@svelte.dev

Day 1 — error boundaries! Wrap your code in a <svelte:boundary> and you can isolate and recover from unexpected errors. 🎁 docs svelte.dev/docs/svelte/... 🎁 tutorial svelte.dev/tutorial/sve...

Hear me out! @vite.dev plugin `vite-plugin-svelte-docgen` What could be potentially more desired by you, @svelte.dev developer? 1. Transforming compiled output of `*.svelte` file to add `__docgen` key with data 2. Creating virtual modules `virtual:./Button.docgen.js`?