[question] How to use shell plugin to call npx vitepress init

[xiaohulu]

Vitepress use clack/prompts to ask user input params step by step.
https://vitepress.dev/guide/getting-started#setup-wizard

const command = Command.create(
    "bun-init-vitepress", 
    ["bun", "vitepress", "init"], 
    {cwd: dir}
  );

  command.on("close", data => {
    console.log("closed", data);
  })
  command.on("error", error => {
    console.log("error", error);
  })
  command.stderr.on("data", line => {
    console.log("command.stderr", line);
  })
  command.stdout.on("data", line => {
    console.log("command.stdout", line);
  })
  const child = await command.spawn();
  console.log(child);

I use this code to call npx vitepress init, but throw errors

command.stdout 
index.vue:156 command.stdout �[90m┌�[39m  �[1m�[36mWelcome to VitePress!�[39m�[22m
index.vue:151 command.stderr node:internal/errors:496
index.vue:151 command.stderr     ErrorCaptureStackTrace(err);
index.vue:151 command.stderr     ^
index.vue:151 command.stderr 
index.vue:151 command.stderr SystemError [ERR_TTY_INIT_FAILED]: TTY initialization failed: uv_tty_init returned EBADF (bad file descriptor)
index.vue:151 command.stderr     at new SystemError (node:internal/errors:256:5)
index.vue:151 command.stderr     at new NodeError (node:internal/errors:367:7)
index.vue:151 command.stderr     at new WriteStream (node:tty:93:11)
index.vue:151 command.stderr     at TD.prompt (file:///D:/temp/demo/b/node_modules/vitepress/dist/node/chunk-DMuPggCS.js:49491:863)
index.vue:151 command.stderr     at te (file:///D:/temp/demo/b/node_modules/vitepress/dist/node/chunk-DMuPggCS.js:49506:7)
index.vue:151 command.stderr     at root (file:///D:/temp/demo/b/node_modules/vitepress/dist/node/chunk-DMuPggCS.js:51627:16)
index.vue:151 command.stderr     at he (file:///D:/temp/demo/b/node_modules/vitepress/dist/node/chunk-DMuPggCS.js:49523:95)
index.vue:151 command.stderr     at init (file:///D:/temp/demo/b/node_modules/vitepress/dist/node/chunk-DMuPggCS.js:51623:25)
index.vue:151 command.stderr     at file:///D:/temp/demo/b/node_modules/vitepress/dist/node/cli.js:448:3
index.vue:151 command.stderr     at ModuleJob.run (node:internal/modules/esm/module_job:195:25) {
index.vue:151 command.stderr   code: 'ERR_TTY_INIT_FAILED',
index.vue:151 command.stderr   info: {
index.vue:151 command.stderr     errno: -4083,
index.vue:151 command.stderr     code: 'EBADF',
index.vue:151 command.stderr     message: 'bad file descriptor',
index.vue:151 command.stderr     syscall: 'uv_tty_init'
index.vue:151 command.stderr   },
index.vue:151 command.stderr   errno: [Getter/Setter],
index.vue:151 command.stderr   syscall: [Getter/Setter]
index.vue:151 command.stderr }
index.vue:151 command.stderr 
index.vue:151 command.stderr Node.js v18.19.0

[FabianLars]

oof that will be tricky. interacting with tty based cli programs in commands is always pretty hard (outside of tauri as well).

What exactly is behind bun-init-vitepress? Is it powershell or cmd.exe directly?

[xiaohulu]

behind bun-init-vitepress is npx vitepress init or bun vitepress init
vitepress init is a node cli.
https://vitepress.dev/guide/getting-started#setup-wizard

behind is https://github.com/bombshell-dev/clack/tree/main/packages/prompts

below is code url
https://github.com/vuejs/vitepress/blob/main/src/node/init/init.ts#L36

[FabianLars]

i mean, what did you configure in src-tauri/capabilities? I assume bun-init-vitepress is not literally bun vitepress init because then your code would end up calling bun vitepress init bun vitepress init

[xiaohulu]

"identifier": "shell:allow-spawn",
"allow":[{
  "name": "bun-init-vitepress",
  "cmd": "bun",
  "args": ["vitepress", "init"],
  "sidecar": false
}]

[FabianLars]

okay, and what's the situation if you change that to

"identifier": "shell:allow-spawn",
"allow":[{
  "name": "bun-init-vitepress",
  "cmd": "powershell",
  "args": ["bun", "vitepress", "init"],
  "sidecar": false
}]

(or cmd.exe instead of powershell)

[xiaohulu]

use powershell

throw the same error

"identifier": "shell:allow-spawn",
"allow":[{
  "name": "bun-init-vitepress",
  "cmd": "powershell",
  "args": ["bun", "vitepress", "init"],
  "sidecar": false
}]

const command = Command.create(
    "bun-init-vitepress", 
    ["powershell", "bun", "vitepress", "init"], 
    {cwd: dir, encoding: "utf-8"}
  );

use cmd.exe

"identifier": "shell:allow-spawn",
"allow":[{
  "name": "bun-init-vitepress",
  "cmd": "cmd.exe",
  "args": ["bun", "vitepress", "init"],
  "sidecar": false
}]

const command = Command.create(
    "bun-init-vitepress", 
    ["cmd.exe", "bun", "vitepress", "init"], 
    {cwd: dir, encoding: "utf-8"}
  );

print

command.stdout Microsoft Windows [version 10.0.22631.4602]
index.vue:155 command.stdout (c) Microsoft Corporation. 
index.vue:155 command.stdout 

not throw errors, not execute vitepress init yet

[FabianLars]

Sorry my last comment didn't make sense, try this please

"identifier": "shell:allow-spawn",
"allow":[{
  "name": "bun-init-vitepress",
  "cmd": "powershell",
  "args": ["-C", "bun vitepress init"],
  "sidecar": false
}]

const command = Command.create(
    "bun-init-vitepress", 
    ["-C", "bun vitepress init"], 
    {cwd: dir, encoding: "utf-8"}
  );

I'm not 100% sure but "bun vitepress init" may need another quote like "'bun vitepress init'".

For cmd you need to replace -C with /C

[xiaohulu]

throw the same error.

[FabianLars]

In that case i think you can't use the Command api.

The init.ts file you shared above seems to be simple enough to actually do the same logic in your code directly which would be much easier than trying to make a tty connector that works with clack.

[xiaohulu]

@FabianLars ok, thanks!