Julian Cataldo

GitHub - gracile-web/babel-plugin-jsx-to-literals: A JSX to tagged template literals Babel plugin, with a few helper components and a mapped JSX namespace. A JSX to tagged template literals Babel plugin, with a few helper components and a mapped JSX namespace. - gracile-web/babel-plugin-jsx-to-literals

Ever felt the need to author HTML literals in JS, but using JSX?
All that by burning a substantial amount of pesky, boilerplate-y helpers?

You can read my experience seeking this Graal and try the code if you like living on the edge 😏.
Just open sourced this experiment:
github.com/gracile-web/...

Gecko: Intent to prototype: CSS Module Scripts

Or

"typescript.tsserver.useSyntaxServer": "never",
"editor.foldingStrategy": "auto",
"editor.linkedEditing": true

in a project settings.json, just to try.

Allow toggling `editor.experimental.preferTreeSitter` at runtime · Issue #227141 · microsoft/vscode Currently: If it's disabled and I enable it, nothing changes. I must reload the window. If it's enabled and I disable it, all colors are gone. Enabling it back again does nothing. I must reload the...

Maybe this? `editor.experimental.preferTreeSitter`
github.com/microsoft/vs...

Now importNode and cloneNode have the same performance in Chrome: issues.chromium.org/issues/37124...

I'm happy frameworks can get simpler, but also because Lit, which always uses importNode, probably just got faster too.

Filing issues for browser implementation bugs is a good thing for everyone!

GitHub - gracile-web/functional: Lightweight hooks and context primitives for signal-based render trees. Works anywhere a render function can be scoped, with Lit or similar templating libraries. Uses ... Lightweight hooks and context primitives for signal-based render trees. Works anywhere a render function can be scoped, with Lit or similar templating libraries. Uses the TC39 Signal Proposal for i...

Experimenting with an hybrid Hooks x Signals reactive API.

I poked around as a total profane, assisted by ChatGPT, to emulate Functional Components ergonomics in Lit-ish runtimes, because why not?

Lit (TC39 Proposal) Signals opened the breach, it's now possible to explore new exciting pathways :D

GitHub - JulianCataldo/remark-lint-frontmatter-schema: Validate your Markdown frontmatter data against a JSON schema — remark-lint rule plugin Validate your Markdown frontmatter data against a JSON schema — remark-lint rule plugin - JulianCataldo/remark-lint-frontmatter-schema

The ported project:
github.com/JulianCatald...

proof of work

GitHub - JulianCataldo/eslint-plugin-markdown-frontmatter-schema: Validate YAML frontmatter in your Markdown files using JSON Schema — right in ESLint. Validate YAML frontmatter in your Markdown files using JSON Schema — right in ESLint. - JulianCataldo/eslint-plugin-markdown-frontmatter-schema

I'm about to release this port of my remark-lint rule plugin for validating YAML markdown frontmatter with JSON schemas.

The recent addition of Markdown to official ESLint parsers is a blast!
Was silky smooth to build, freeing time to add improvements to the old code
github.com/JulianCatald...

Announcing TypeScript 5.9 Beta - TypeScript Today we are excited to announce the availability of TypeScript 5.9 Beta. To get started using the beta, you can get it through npm with the following command: npm install -D typescript@beta Let’s tak...

TypeScript 5.9 Beta just went out! Try it in your project and let us know what you think:

devblogs.microsoft.com/typescript/a...

Rizzed DX for Custom & Standard HTML Elements in @solidjs.com JSX:

👉 Always fresh MDN for Standard Tag/Attr/Event
👉 attr:/bool:/prop:/on:/on proxy
👉 Attr/Prop/Event (TS, JSDoc, Completion, Go-to-Def,…)
👉 Slots Completion
👉 Unknown Tag, Excess Attr (even w. hyphen)
👉 Custom/Standard Props for Style

Seamless @vuejs.org/Custom Element integration🧩

💡 Hover Quick Info
👉 Tag
👉 Standard attr
👉 Attr
👉 Prop
👉 Custom CSS prop
👉 Std. event binding
👉 Event binding
👉 Method binding override
👉 Ref binding

🧩 Auto complete
👉 Custom CSS prop

🔍 Semantic Diagnostic
👉 Std. attr
👉 Attr
👉 Prop
👉 Custom CSS prop

Custom HTML Elements + Svelte = 💕 Realtime DX

💡 Hover Quick Info

👉 Standard attr
👉 Attr
👉 Prop
👉 Standard event binding
👉 Event binding
👉 Reference binding

🧩 Auto Completion

👉 Tag
👉 Attr
👉 Custom CSS prop

🔍 Semantic Diagnostic

👉 Unknown attr
👉 Attr
👉 Prop

🧑‍💻 Realtime analysis enabling these language features in @astro.build files:

💡 Hover Quick Info
👉 Custom element tag
👉 CE standard attribute
👉 CE attr
👉 CE custom CSS property

🔍 Semantic Diagnostic
👉 CE unknown attr
👉 CE attr
👉 CE custom CSS prop
👉 CE unknown custom CSS prop

More details to come…

Resilient Import Maps - Better Theme Development and Beyond (2025) - Shopify Import maps are great for both performance and developer experience, but their original limitations made them hard to use, especially at Shopify’s scale. We stepped up and pushed changes across the HT...

Import maps are a great way to minimize cache invalidation in your module tree. But up until recently, they had a ton of sharp edges. So we fixed them!!

shopify.engineering/resilient-im...

Announcing TypeScript Native Previews - TypeScript Previews of the native TypeScript port are now available on npm and for VS Code through the Visual Studio Marketplace!

Today we're announcing previews of the native port of TypeScript! These nightly previews will be available on npm and the VS Code marketplace!

npm install -D @​typescript/native-preview
npx tsgo --version

Read up more on our blog!

Node 24 (LTS) is out! With URLPattern built-in support.

That's one less dependency for HTTP server routers that use the URLPattern (like the Gracile one).

Here's a nice Lit tip 💡:

Let's say you want to hide some DOM but preserve component state. You can do this with the cache() directive:

Here when showView is toggled from true to false back to true, the DOM fragment for the expression is extracted, saved, and restored - preserving all the state.

been working on this proof of concept, it's a node based UI library (à-la React Flow), with Custom Elements and TC39 standard signals (Lit signals and signal-utils).

Comes with a built-in theme, based on WebAwesome/Shoelace, and a handful of demo nodes to play with ^^
github.com/JulianCatald...

JavaScript Temporal is coming | MDN Blog A new way to handle dates and times is being added to JavaScript. Let's take a look at Temporal, what problems it solves, the current state, and what you'll find in the new documentation about it on M...

JavaScript Temporal is coming 🎉

developer.mozilla.org/en-US/blog/j...

(by @bsmth.de)

You’re right. It’s all about choices! In my case, light mode in high luminosity environments, and dark when it’s not. Otherwise it’s blindening 😎
Thanks for the reading

Same thing with Dark Mode.
It was an accessibility must for a long time, then it became some sort of "cool trend", but somehow a dispensable bonus.

I forgot one thing that had bitten me in the past : Syntax highlighting, in VSCode, is more prone to break on huge, complicated files. Breaking them up can help pinpoint oddities.
Often I don't get what's triggering colours weirdness.

ESLint, Prettier, the TS LSP, etc. are going bananas on huge files :p GH won't even display it. Splitting eases the work on the IDE.
It's more about DX, I admit ^^.

All this popups are going more and more insane with each major macOS upgrades.

Sometimes, it feels like a maze. Huge productivity killer IMO. I don't want a Windows Vista computing experience 😒

why is it in one huge file? Is there a technical reason for this?

IIRC think the header logic is missing (for finer control). Nginx will just send the cached response and recalculate it for next requests, but without spamming it (multiple requests at once get fused into one, no unneeded work)

Gracile | Modes: SPA, MPA, SSG, SSR, CSR MPA / SSR is the base on which Gracile is built. You can transform your project for two types of targets: “Server” and “Static”.

Heya Predaytor! Delightful to find you here :)

I'll try to get my hand on a full working example. Meanwhile, here is a snippet: gracile.js.org/docs/learn/u...

Most significant Vite major since Vite 2.0 ⚡️
Kudos to everyone who collaborated to make Vite even more flexible! Cheers to the Vite's ecosystem, contributors, and team. Y'all rock 💜