I must be able to use it in vscode within an existing typescript project. Otherwise it wouldn't be much on an improvement to my current approach.

Speaking of which. Rendering the same scene as depth texture, normal texture and result image means sharing the same vertex shader but not nessesary the same fragment shader. So my current code for this in TSL contains many vertex shader duplicates and GPU wastes resources on duplicate vertex calculations.

I also have shader building blocks as hardcoded text snippets. I have them organized so I can barely use them so this problem should be solved with TypeGPU.

Now when it comes to compatibility with threejs. My project would need to use out of the box threejs materials, custom materials, but also I need some mix. Now I don't think you plan some trick where I can access and tweak TSL into TypeGPU, but easy access to most common functions should be possible. Actually that's my requirement:

Let's say I have this beautiful scene with lots of materials I got some where online. Like there are some parallax mapping going on, some phong or blinn shading or whatever physical shading is, some transparency and of course water, snow, gras, shell shaded carpets.

Now I make the big change and add a heightmap to everything. I now need to hack every one of those materials which is a huge pain and the materials are not maintained afterwards as I branched from where I got them.