fix setup

Author: kentcdodds

epicshop/post-set-playground.js

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+
+import { spawnSync } from 'node:child_process'
+import path from 'node:path'
+import fs from 'fs-extra'
+
+spawnSync('npx', ['react-router', 'typegen'], {
+	cwd: process.env.EPICSHOP_PLAYGROUND_DEST_DIR,
+})

epicshop/setup-custom.js

@@ -1,3 +1,4 @@
+import { spawn } from 'node:child_process'
 import path from 'node:path'
 import { warm } from '@epic-web/workshop-cli/warm'
 import {
@@ -10,6 +11,46 @@ import fsExtra from 'fs-extra'
 await warm()
 
 const allApps = await getApps()
+
+console.log('🔗 Generating React Router types')
+for (const app of allApps) {
+	// run npx react-router typegen in app
+	await runWithOutputOnFailure('npx', ['react-router', 'typegen'], {
+		cwd: app.fullPath,
+	})
+}
+
+function runWithOutputOnFailure(command, args, options) {
+	// { type: 'stdout', data: Buffer }
+	const outputBuffer = []
+	return new Promise((resolve, reject) => {
+		const child = spawn(command, args, {
+			...options,
+			stdio: ['ignore', 'pipe', 'pipe'],
+		})
+		child.stdout.on('data', (data) => {
+			outputBuffer.push({ type: 'stdout', data })
+		})
+		child.stderr.on('data', (data) => {
+			outputBuffer.push({ type: 'stderr', data })
+		})
+		child.on('close', (code) => {
+			if (code !== 0) {
+				for (const { type, data } of outputBuffer) {
+					if (type === 'stderr') {
+						process.stderr.write(data)
+					} else {
+						process.stdout.write(data)
+					}
+				}
+				reject(code)
+			} else {
+				resolve('ok')
+			}
+		})
+	})
+}
+
 const problemApps = allApps.filter(isProblemApp)
 
 if (!process.env.SKIP_PLAYGROUND) {

exercises/01.routing/01.problem.routing/package.json

@@ -1,12 +1,7 @@
 {
-  "name": "01.problem.routing",
+  "name": "exercises_01.routing_01.problem.routing",
   "private": true,
   "type": "module",
-  "kcd-workshop": {
-    "scripts": {
-      "test": "playwright test --trace=retain-on-failure"
-    }
-  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",

exercises/01.routing/01.solution.routing/package.json

@@ -1,12 +1,7 @@
 {
-  "name": "01.solution.routing",
+  "name": "exercises_01.routing_01.solution.routing",
   "private": true,
   "type": "module",
-  "kcd-workshop": {
-    "scripts": {
-      "test": "playwright test --trace=retain-on-failure"
-    }
-  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",

exercises/01.routing/02.problem.automatic-routing/package.json

@@ -1,12 +1,7 @@
 {
-  "name": "02.problem.automatic-routing",
+  "name": "exercises_01.routing_02.problem.automatic-routing",
   "private": true,
   "type": "module",
-  "kcd-workshop": {
-    "scripts": {
-      "test": "playwright test --trace=retain-on-failure"
-    }
-  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",

exercises/01.routing/02.solution.automatic-routing/package.json

@@ -1,12 +1,7 @@
 {
-  "name": "02.solution.automatic-routing",
+  "name": "exercises_01.routing_02.solution.automatic-routing",
   "private": true,
   "type": "module",
-  "kcd-workshop": {
-    "scripts": {
-      "test": "playwright test --trace=retain-on-failure"
-    }
-  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",

package-lock.json

@@ -1,12 +1,20 @@
 {
-	"files": [],
-	"exclude": ["node_modules"],
-	"references": [
-		{
-			"path": "exercises/01.example/01.problem.routing"
-		},
-		{
-			"path": "exercises/01.example/01.solution.routing"
-		}
-	]
+  "files": [],
+  "exclude": [
+    "node_modules"
+  ],
+  "references": [
+    {
+      "path": "exercises/01.routing/01.problem.routing"
+    },
+    {
+      "path": "exercises/01.routing/01.solution.routing"
+    },
+    {
+      "path": "exercises/01.routing/02.problem.automatic-routing"
+    },
+    {
+      "path": "exercises/01.routing/02.solution.automatic-routing"
+    }
+  ]
 }