Use node builtin module within prerender

In twind we are using async_hooks to support async renders. As i understand wmr the prerender bundles are used only on server side. Would it be possible to support builtin modules for prerender?

Not working example

import {executionAsyncId, createHook} from "async_hooks";

The build fails with:

Could not load async_hooks (imported bynpm/twind@0.11.2/server/server.js): Error: async_hooks is a Node built-in - WMR does not polyfill these

Current workaround: Using node: prefix

import {executionAsyncId, createHook} from "node:async_hooks";

The works but leads to the following warning:

'node:async_hooks' is imported bynpm/twind@0.11.2/server/server.js, but could not be resolved – treating it as an external dependency

[sastan]

Thanks. I’ll be using the workaround then.

[danielweck]

Your rollup plugin idea is a great idea! And it got me thinking if we could create a rollup plugin that would add the node: prefix to all prerender dependencies. What do you think?

FYI: I created a tiny Preact WMR plugin to improve Twind’s hydration performance (i.e. post-prerender / static SSR):

https://github.com/tw-in-js/typescript-plugin/issues/7

On a related note, I look forward to seeing the outcome of this work:

https://github.com/preactjs/wmr/pull/400 https://github.com/preactjs/wmr/pull/169

😃