fix start for example

Author: kentcdodds

example/epicshop/package.json

@@ -1,8 +1,5 @@
 {
   "type": "module",
-  "scripts": {
-    "start": "epicshop start"
-  },
   "dependencies": {
     "@epic-web/workshop-app": "file:../../packages/workshop-app",
     "@epic-web/workshop-cli": "file:../../packages/workshop-cli",

example/package.json

@@ -31,8 +31,8 @@
   },
   "type": "module",
   "scripts": {
-    "start": "npm run --prefix ./epicshop start",
-    "dev": "npm run --prefix ./epicshop start",
+    "start": "npx --prefix ./epicshop epicshop start",
+    "dev": "npx --prefix ./epicshop epicshop start",
     "setup": "node ./epicshop/setup.js",
     "setup:custom": "node ./epicshop/setup-custom.js",
     "lint": "eslint .",

package.json

@@ -9,7 +9,6 @@
     "prestart": "npm run build -s",
     "go": "cross-env NODE_ENV=development EPICSHOP_CONTEXT_CWD=$PWD/packages/example tsx watch $@",
     "start": "cross-env NODE_ENV=production npm --prefix example run start",
-    "predev": "npm run build -s",
     "dev": "npm --prefix example run start",
     "test": "nx test",
     "format": "nx format:write",

packages/workshop-app/server/index.ts

@@ -23,6 +23,12 @@ import { type ServerBuild } from 'react-router'
 import sourceMapSupport from 'source-map-support'
 import { type WebSocket, WebSocketServer } from 'ws'
 
+// if we exit early with an error, log the error...
+closeWithGrace(({ err, manual }) => {
+	if (manual) return
+	if (err) console.error(err.stack)
+})
+
 const MODE = process.env.NODE_ENV ?? 'development'
 
 void initApps()
@@ -189,9 +195,10 @@ const server = app.listen(portToUse, async () => {
 		`
 ${chalk.bold('Local:')}            ${chalk.cyan(localUrl)}
 ${lanUrl ? `${chalk.bold('On Your Network:')}  ${chalk.cyan(lanUrl)}` : ''}
-${chalk.bold('Press Ctrl+C to stop')}
 	`.trim(),
 	)
+	// give it another line
+	console.log('')
 
 	if (
 		process.env.EPICSHOP_DEPLOYED !== 'true' &&

packages/workshop-cli/src/cli.ts

@@ -33,9 +33,10 @@ async function startCommand() {
 	const parentToken = crypto.randomBytes(32).toString('hex')
 
 	const childCommand = isProd ? 'node ./start.js' : 'npm run dev'
+	const EPICSHOP_CONTEXT_CWD = process.env.EPICSHOP_CONTEXT_CWD ?? process.cwd()
 	const childEnv: NodeJS.ProcessEnv = {
 		...process.env,
-		EPICSHOP_CONTEXT_CWD: process.env.EPICSHOP_CONTEXT_CWD ?? process.cwd(),
+		EPICSHOP_CONTEXT_CWD: EPICSHOP_CONTEXT_CWD,
 		EPICSHOP_PARENT_PORT: String(parentPort),
 		EPICSHOP_PARENT_TOKEN: parentToken,
 	}
@@ -175,7 +176,7 @@ async function startCommand() {
 
 		child = spawn(childCommand, [], {
 			shell: true,
-			cwd: appDir,
+			cwd: EPICSHOP_CONTEXT_CWD,
 			// Capture stdout for port detection
 			stdio: ['pipe', 'pipe', 'inherit'],
 			env: childEnv,
@@ -214,7 +215,7 @@ async function startCommand() {
 
 	if (process.stdin.isTTY && !isDeployed) {
 		console.log(chalk.bold.cyan('Supported keys:'))
-		console.log(supportedKeys.join('\n\t'))
+		console.log(`  ${supportedKeys.join('\n  ')}\n`)
 		process.stdin.setRawMode(true)
 		process.stdin.resume()
 		process.stdin.setEncoding('utf8')
@@ -385,7 +386,7 @@ const cli = yargs(hideBin(process.argv))
 	.epilogue(
 		`
 ${chalk.bold('Interactive keys (available during start command):')}
-	${supportedKeys.join('\n\t')}
+  ${supportedKeys.join('\n  ')}
 
 For more information, visit: https://github.com/epicweb-dev/epicshop
 `,