chore(cli): run app dev command on different port (#8769)

Author: binoy14

packages/sanity/src/_internal/cli/actions/app/devAction.ts

@@ -0,0 +1,30 @@
+import {type CliCommandArguments, type CliCommandContext} from '@sanity/cli'
+
+import {startDevServer} from '../../server/devServer'
+import {gracefulServerDeath} from '../../util/servers'
+import {getDevServerConfig, type StartDevServerCommandFlags} from '../dev/devAction'
+
+export default async function startAppDevServer(
+  args: CliCommandArguments<StartDevServerCommandFlags>,
+  context: CliCommandContext,
+): Promise<void> {
+  const flags = args.extOptions
+  const {output, workDir, cliConfig} = context
+
+  // Try to load CLI configuration from sanity.cli.(js|ts)
+  const config = getDevServerConfig({
+    flags: {
+      ...flags,
+      port: flags.port || '3334',
+    },
+    workDir,
+    cliConfig,
+    output,
+  })
+
+  try {
+    await startDevServer(config)
+  } catch (err) {
+    gracefulServerDeath('dev', config.httpHost, config.httpPort, err)
+  }
+}

packages/sanity/src/_internal/cli/actions/dev/devAction.ts

@@ -46,7 +46,7 @@ export default async function startSanityDevServer(
   }
 }
 
-function getDevServerConfig({
+export function getDevServerConfig({
   flags,
   workDir,
   cliConfig,

packages/sanity/src/_internal/cli/commands/app/devCommand.ts

@@ -11,7 +11,7 @@ Notes
   Changing the hostname or port number might require a new entry to the CORS-origins allow list.
 
 Options
-  --port <port> TCP port to start server on. [default: 3333]
+  --port <port> TCP port to start server on. [default: 3334]
   --host <host> The local network interface at which to listen. [default: "127.0.0.1"]
 
 Examples
@@ -45,12 +45,12 @@ export async function getDevAction(): Promise<
   // NOTE: this `if` statement is not included in the output bundle
   if (__DEV__) {
     // eslint-disable-next-line import/extensions,@typescript-eslint/consistent-type-imports
-    const mod: typeof import('../../actions/dev/devAction') = require('../../actions/dev/devAction.ts')
+    const mod: typeof import('../../actions/app/devAction') = require('../../actions/app/devAction.ts')
 
     return mod.default
   }
 
-  const mod = await import('../../actions/dev/devAction')
+  const mod = await import('../../actions/app/devAction')
 
   return mod.default
 }