Jovi 🐨

@jovidecroock

327 Folgt1.424 Follower1.247 Posts

YouTube Bluesky

Ist das dein Profil?Übernimm es — dann gehört dir jovidecroock.dirty.social.Profil übernehmen

Jovi 🐨@jovidecroock· 9d

pracht 0.11 ships the capability graph. Define a typed operation once. pracht projects it to your server code, an HTTP endpoint, a WebMCP page tool, and your HTML form. Humans and agents call the same contract. pracht.resynapse.dev/docs/capabil...

export default defineCapability({
title: "Search notes",
input: {
type: "object",
properties: { query: { type: "string", minLength: 1 } },
required: ["query"],
additionalProperties: false,
},
effect: "read",
middleware: ["auth"],
expose: { http: true, webmcp: true },
async run({ input }) {
return { notes: searchNotes(input.query) };
},
});

Jovi 🐨@jovidecroock· Jun 11

Looks to always be erroring out for me, I know that I'm futuristic but this is a bit much eh

Account handle: jovidecroock.com with an error underneath saying that client_assertion failed due to a failed iat claim, timestamp check failed (it should be in the past)

Jovi 🐨@jovidecroock· Jun 11

I did not expect to see urql on the new react foundation website. Looks like we’re in for big changes in React land and I’m all here for it! What’s next? Signals?!

Supported ecosystems on the new react foundation website, listing: relay, tanstack query, swr, apollo client, trpc, urql and react native firebase

Jovi 🐨@jovidecroock· Jun 9

As a spoiler, it's a workbench to vet your release or CI gated publish before releasing. It's been delivering great work for some of my repos already

A workbench showing `@preact/signals-debug` moving from 1.4.2 to 1.4.3. Underneath a green badge showing likely safe with the explanation that no blocking signals were found in the released files.

Underneath we see a comparison of what changed between the two versions and underneath the lack of changes to the manifest files.

Jovi 🐨@jovidecroock· May 23

Maybe simulating it when a gyp file is found is enough for now, I'll have to test it

Jovi 🐨@jovidecroock· May 21

Work in progress on my workbench to analyze staged releases

Dark-themed package diff review UI comparing version 0.1.0 with staged 0.1.1. The release tree shows modified files including CHANGELOG.md, index.js, and package.json. The main panel displays a diff for index.js where signedReportsPreview changes from false to true. Reviewer notes below show “MEDIUM,” “NO EXTRA REVIEW,” and “REVIEW RECOMMENDED,” with no assistant findings. Manifest changes indicate package @pracht/experiments updating from 0.1.0 to 0.1.1 with no script or dependency changes.

Jovi 🐨@jovidecroock· May 21

Updating all of the repositories I am part of to use npm stage publish, this is important! Don't forget to also update your OIDC environment to only allow stage publish from OIDC

npm package setting showing allowed actions npm publish or npm stage publish.

Jovi 🐨@jovidecroock· May 19

It indeed marks my newest post for blog.jovidecroock.com as 100% human-written, that's a relief honestly 😅 was scared that my posts were being dismissed cause of it being seen as AI

Jovi 🐨@jovidecroock· May 19

Update I used a different website and they tell me this same text is 0% AI, suspicious

Another website showing this text is 100% human-written

Jovi 🐨@jovidecroock· May 19

I put my writing in an AI detector and turns out even my writing from 2019 is just a big LLM produced mess

An AI detector scan showing a 76% AI generated on a text I've put in

Jovi 🐨@jovidecroock· Apr 26

I’m open-sourcing le chien: a Cloudflare-native AI chat workspace built with Workers, Durable Objects, D1, Hono, Preact, Better Auth, Workers AI/OpenAI via AI Gateway, and Polar.

Jovi 🐨@jovidecroock· Mar 29

This will never get old for me, this happens when you use CloudFlare Kimi K2.5

A chat interface, the model Kimi K2.5 is selected. The user asks "Who are you" and Kimi responds with "I'm Claude, an AI assistant made by Anthropic. I can help with writing, analysis, coding, answering questions, and other tasks. I don't have a physical body or personal experiences—I process information to provide useful, accurate responses."

Jovi 🐨@jovidecroock· Mar 10

What if your LLM could debug your application like this, well... Signals might be getting a vite-plugin really soon to allow this capability!

Screenshot of a dark-themed terminal output describing a debugging investigation for an AuthForm bug. The text explains that the password input is mistakenly updating the username signal instead of the password signal, causing form validation to fail with “Password must be at least 8 characters long.” Logs show that typing in the password field triggers updates to the username state (alice -> p -> a -> s ... -> 3) while the password signal never updates. The analysis concludes the issue is likely incorrect field bindings in demos/auth-form/index.tsx around lines 5–8. At the bottom, a build indicator reads “Build · gpt-5.4 · 1m 21s.”

Jovi 🐨@jovidecroock· Feb 10

In case it gets deleted, this is the exact extract I am talking about

Two posts, the first where Tim Neutkens sais

"It's very disappointing that you end up sharing numbers you know are not final yet. They will be misused to create a false narrative."

And the second where Tim Neutkens sais

"I'm expecting the original post will be deleted? Now that you know it's inaccurately showing frameworks performance."

Jovi 🐨@jovidecroock· Feb 6

The Graph view is cool but... The updates view is pretty awesome as well

Preact Signals DevTools showing a todo app's reactive dependency graph with 23 updates across 9 signals, including new-todo-text input, todos-list state, all-done computed value, and component renders, with signal updates timestamped at 07:04:47.

Jovi 🐨@jovidecroock· Feb 5

The new update to signals-debug and the devtools now includes highlights of computeds/signals causing component re-renders! Play with it at stackblitz.com/edit/vitejs-...

A component graph, on the left we see 5 different signal nodes, the first and last node link to a Purple node which refers to a component saying TodoItem. The middle 3 link both to the TodoItem nodes as well as to an orange computed node called all-done which in turn links to a component node called Show.

Jovi 🐨@jovidecroock· Jan 6

Outrageously slow

A terminal window showing 1220 passing tests executed in 15.67 seconds within chromium.

Jovi 🐨@jovidecroock· Sep 21

Not sure what's been happening to the NPM downloads of Preact but we've been going parabolic these past few weeks. I know that downloads don't indicate much but always fun to look at a project you've been working on for 7 years gain popularity npmtrends.com/@angular/cor...

A chart showing 4 lines, these represent npm libraries and their downloads.

We can see at the bottom angular core have a steady 4m weekly downloads over the last year, then going up we see vue/runtime-dom evolving from 4 million to the current 6million. Going even more up we see the vue library (vue 2) going from 6Million to 8Million and dropping back to 7Million.

At the top we see the Preact library starting the year around 6M and then now at the end going parabolic to 10million weekly downloads

Jovi 🐨@jovidecroock· Aug 9

GPT-5 would really help you make the best. web-apps

A chat where in the top right it sais "in one word how should I maange state in my next web-application" and the reply "Signals."

Jovi 🐨@jovidecroock· Jul 22

Fuse may not have taken off but it had a pretty amazing video showing the power of gql.tada gql-tada.0no.co

Jovi 🐨@jovidecroock· Jun 9

I felt like commenting on this, not with regards to AI or NFT's. Just about GraphQL, I agree that when GraphQL initially came out in 2015 that there was a lot of hype and that the community really didn't benefit from the perceived benefit. The hype <--> value was at a weird point

A chart showing three titles, GraphQL Web3/NFTs and AI. Each of the titles have two vertical bars, on the left value and on the right hype.

For GraphQL we see low value and high hype.
For Web3, we see low value and even higher hype.
For AI we see high value but even higher hype.

Jovi 🐨@jovidecroock· Jun 7

I also really love the bindings view, it's so clean

The CloudFlare bindings view, on the left we see a node named personal-assisstant (aka the worker) which branches out into 5 other nodes

- Workers AI
- A workflow named ANALYZE_NEWSLETTER
- Browser rendering called BROWSER
- D1 Database called DB
- An R2 Bucket called newsletter_analyzer

Jovi 🐨@jovidecroock· Apr 22

It's just fun to build things on @cloudflare.social - I have my domains registered at CloudFlare and I decided to send all of my newsletters to one of them. I added an email worker that ingests the newsletter, visits all links and writes a daily summary to Notion for all of them. What a concept!

Jovi 🐨@jovidecroock· Feb 14

The doge.gov site should look at their hydration mismatch errors... Also stop logging your data in production 😅

A Browser console showing three console error messages, all three of them are React minified errors pointing to https://react.dev/errors/425 (text mismatch error), https://react.dev/errors/418 (node mismatch) and https://react.dev/errors/423 (unrecoverable hydration error).

Jovi 🐨@jovidecroock· Jan 28

An example

$A modal, showing the analysis of an issue "Based on the closed issue and current documentation, I recommend updating the "Properties and Attributes" section of the Web Components page. The issue reveals an important edge case regarding null/undefined property handling that could cause unexpected behavior, especially with custom elements that expect non-string values. This information would be valuable to developers working with Web Components in Preact." And then a title, suggested docs addition, it shows a URL in the top-left "/guide/v10/web-components" and then a diff that looks like @Properties and Attributes @JSX does not provide a way to differentiate between properties and attributes. Custom Elements generally rely on custom properties in order to support setting complex values that can't be expressed as attributes. This works well in Preact, because the renderer automatically determines whether to set values using a property or attribute by inspecting the affected DOM element. + Important Note: When setting properties to null or undefined values, Preact will coerce these values to an empty string ('') when setting them on the DOM element. This behavior can cause unexpected results with custom elements that expect non-string values or need to handle null/undefined states explicitly. For example: + + ```jsx + // If MyComponent expects a numeric value or null/undefined: + customElements.define('my-component', class extends HTMLElement { + set value(val) { + // val will be '' instead of null/undefined + this._value = val; + } + }); + ``` + + To handle this case, you may need to implement additional type checking in your custom element's property setters or consider using attributes for null/undefined states. @When a Custom Element defines a setter for a given property, Preact detects its existence and will use the setter instead of an attribute.$

Jovi 🐨@jovidecroock· Jan 19

I've been loving this little project I've been working on 👀

A card, it shows two textareas. The first one is titled "Suggested docs additions" and shows some markdown, it tells us that we need to update the getting started section, specifically vite and is followed by a diff view tha tells us to update a line about setting Preact up with vite.

The second textarea is labeled issue analysis, it tells us about the solved issue which is titled "cannot read property __h of undefined" and it appears to be a common error that occurs when setting up a new vite application with Preact.

Jovi 🐨@jovidecroock· Jan 6

What I think is happening is that plausible is doing some kind of event when you go from the previous page to the next page. When I disable shield, refresh, enable shield, refresh, it will just work.

The learning environment window, on the top right where a code-editor should be there's an empty screen. On the bottom, in a JS console we see an error "plausible is not defined"

Jovi 🐨@jovidecroock· Dec 23

It is tree-shakeable, a dist folder does not imply that something is not tree-shakeable in the slightest. I would however encourage you to not bundle in dependencies like graphql.web as that would prevent it from sharing with plugins/...

Only kind being exported coming down to 634 bytes gzip

Only print being exported coming down to 1093 bytes gzip

Jovi 🐨@jovidecroock· Dec 21

Yes, it does, attached a little example from early testing

A github issue

Question: I just opened my vite application and it crashes with the message "cannot read property __h of undefined"

A bot reply:
Summary
The user's Vite application crashes with a "cannot read property __h of undefined" message when opened in the browser.

Response
When an application like Vite crashes with a cryptic "cannot read property __h of undefined" error, it's often a sign that there's an issue with the bundling of dependencies. Try checking your vite.config.ts file and ensure that there aren't any duplicate versions of Preact being added to your bundle. You can do this by adding preact and preact/hooks to your optimizeDeps configuration in vite.config.ts. If you're using a package manager like npm or yarn, you can also try running a deduplication command like npm dedupe or yarn dedupe to remove any duplicate dependencies. This might resolve the issue and allow your application to run smoothly.

Confidence: 80

Sources
Error when I boot my application

Jovi 🐨@jovidecroock· Dec 19

Looks like there's a theme in when I am not contributing, the yearly music festivals hit hard 😅