dedupe button

[OrbisK]

Clear and concise description of the problem

Currently inspector hints for pnpm dedupe

I think with https://github.com/unjs/nypm?tab=readme-ov-file#dedupedependenciesoptions we can add a button to dedupe via backend. (only if not built static or not webcontainer)

Suggested solution

use nypm to trigger dedupe, if possible.

POC:
server:

import process from "node:process";
import {dedupeDependencies} from "nypm";


export default defineEventHandler(async () => {
    await dedupeDependencies({cwd: process.cwd()})
})

frontend:

// if not built or webcontainer
$fetch('/api/dedupe' )

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[antfu]

It might be a nice feature to have, but I am a bit concerned that this would be a bit too babysitting at this moment

• Due to the complexity of node_mdoules, we can't really do watcher/auto-reload to reflect the latest changes (a manual hard refresh might work tho)
• To execute commands, we might want to show a terminal and stream back to the front end or so.
• There might be arguments or more fine-grained operations users might want to use, which would be tricky for us to provide (in another word, the UI is not as expressive as the CLI in terms of the options)
• If an error occurs, the user will still need to move back to the terminal to handle it.
• It's not very hard to execute the command by users themselves.

That said, I think this is still a nice improvement to make, but I would deprioritize it a bit to avoid introduce too much complexity to the infra.