feat(cli): add fetch command (#720)

* fix: playground

* feat(cli): add fetch command

* feat(cli): add fetch command

* feat(cli): add fetch command

Author: OskarLebuda

packages/cli/package.json

@@ -37,6 +37,7 @@
     "nypm": "0.6.4",
     "pathe": "catalog:",
     "std-env": "3.10.0",
+    "srvx": "catalog:",
     "tinyexec": "1.0.2"
   },
   "publishConfig": {

packages/cli/src/commands/fetch.ts

@@ -0,0 +1,62 @@
+import { build, createVercube } from '@vercube/devkit';
+import { defineCommand } from 'citty';
+import { cliFetch } from 'srvx/cli';
+import type { CommandDef } from 'citty';
+
+export const fetchCommand = defineCommand({
+  meta: {
+    name: 'fetch',
+    description: 'Fetch a request from the application',
+  },
+  args: {
+    url: {
+      type: 'positional',
+      description: 'URL to fetch',
+      default: '/',
+    },
+    entry: {
+      type: 'string',
+      description: 'Entry point for the application',
+      default: 'index.mjs',
+    },
+    method: {
+      type: 'string',
+      description: 'HTTP method (default: GET, or POST if body is provided)',
+      default: 'GET',
+      alias: 'X',
+      valueHint: 'GET, POST, PUT, DELETE, PATCH, HEAD, OPTIONS',
+    },
+    headers: {
+      type: 'string',
+      description: 'Add header (format: "Name: Value, Name: Value, ...")',
+      alias: 'H',
+    },
+    data: {
+      type: 'string',
+      description: 'Request body (use @- for stdin, @file for file)',
+      alias: 'd',
+    },
+    verbose: {
+      type: 'boolean',
+      description: 'Show request and response headers',
+      alias: 'v',
+      default: false,
+    },
+  },
+  async run(ctx) {
+    const app = await createVercube({ build: { dts: false } });
+
+    // build app before running the command
+    await build(app);
+
+    await cliFetch({
+      verbose: ctx.args.verbose,
+      dir: app.config.build?.output?.dir ?? 'dist',
+      entry: ctx.args.entry,
+      url: ctx.args.url,
+      method: ctx.args.method,
+      headers: ctx.args.headers?.split(',') ?? [],
+      data: ctx.args.data,
+    });
+  },
+}) as CommandDef;

packages/cli/src/index.ts

@@ -3,6 +3,7 @@ import { defineCommand, runMain } from 'citty';
 import { version } from '../package.json';
 import { buildCommand } from './commands/build';
 import { devCommand } from './commands/dev';
+import { fetchCommand } from './commands/fetch';
 import { initCommand } from './commands/init';
 
 const main = defineCommand({
@@ -15,6 +16,7 @@ const main = defineCommand({
     build: buildCommand,
     dev: devCommand,
     init: initCommand,
+    fetch: fetchCommand,
   },
 });
 

pnpm-lock.yaml

@@ -11,7 +11,7 @@ catalog:
   defu: 6.1.4
   pathe: 2.0.3
   rolldown: 1.0.0-rc.2
-  srvx: 0.10.1
+  srvx: npm:srvx-nightly
   zod: 4.3.6
 
 ignoredBuiltDependencies: