add auto-seeding of databases during setup

Author: kentcdodds

epicshop/package-lock.json

@@ -1,14 +1,15 @@
 {
   "type": "module",
   "dependencies": {
-    "@epic-web/workshop-cli": "^6.29.1",
     "@epic-web/workshop-app": "^6.29.1",
+    "@epic-web/workshop-cli": "^6.29.1",
     "@epic-web/workshop-utils": "^6.29.1",
     "chokidar": "^4.0.3",
     "enquirer": "^2.4.1",
     "execa": "^9.6.0",
     "fs-extra": "^11.3.2",
     "get-port": "^7.1.0",
+    "globby": "^14.1.0",
     "http-proxy": "^1.18.1",
     "match-sorter": "^8.1.0",
     "p-limit": "^7.1.1",

epicshop/package.json

@@ -5,9 +5,12 @@ import {
 	isProblemApp,
 	setPlayground,
 } from '@epic-web/workshop-utils/apps.server'
+import { execa } from 'execa'
 import fsExtra from 'fs-extra'
+import { globby } from 'globby'
 
 await warm()
+await runAllSeeds()
 
 const allApps = await getApps()
 const problemApps = allApps.filter(isProblemApp)
@@ -32,3 +35,93 @@ if (!process.env.SKIP_PLAYGROUND) {
 		)
 	}
 }
+
+async function runAllSeeds() {
+	try {
+		// Find all seed.ts files in exercises directories
+		const seedFiles = await globby('exercises/**/src/db/seed.ts')
+
+		console.log(
+			`🌱 Found ${seedFiles.length} seed files to run to get the databases ready.`,
+		)
+		for (const file of seedFiles.toSorted()) {
+			// Get the exercise directory (3 levels up from src/db/seed.ts)
+			const exerciseDir = path.dirname(path.dirname(path.dirname(file)))
+
+			// Create the relative path to the seed file from the exercise directory
+			const seedFilePath = path.relative(exerciseDir, file)
+
+			const label = file.split(path.sep).slice(1, 3).join(path.sep)
+			try {
+				await execWithBufferedOutput('npx', ['tsx', seedFilePath], {
+					cwd: exerciseDir,
+				})
+				console.log(`  ✓ Seeded ${label}`)
+			} catch (error) {
+				console.error(`❌ Seeding failed for ${label}:`, error.message)
+				throw error
+			}
+		}
+
+		console.log('✅ All seeds completed.')
+	} catch (error) {
+		console.error('❌ Seeding process failed:', error.message)
+		throw error
+	}
+}
+
+/**
+ * Execute a command with buffered output that only displays if there's an error
+ */
+async function execWithBufferedOutput(command, args, options = {}) {
+	return new Promise((resolve, reject) => {
+		const outputBuffer = []
+
+		function addToBuffer(channel, data) {
+			outputBuffer.push({ channel, data })
+		}
+
+		function printBufferedOutput() {
+			// Print all buffered output in sequence
+			for (const { channel, data } of outputBuffer) {
+				const str = data.toString()
+				if (channel === 'stdout') {
+					process.stdout.write(str)
+				} else if (channel === 'stderr') {
+					process.stderr.write(str)
+				}
+			}
+		}
+
+		const childProcess = execa(command, args, options)
+
+		function bufferStdout(data) {
+			addToBuffer('stdout', data)
+		}
+
+		function bufferStderr(data) {
+			addToBuffer('stderr', data)
+		}
+
+		childProcess.stdout.on('data', bufferStdout)
+		childProcess.stderr.on('data', bufferStderr)
+
+		childProcess.on('error', (err) => {
+			printBufferedOutput()
+			reject(err)
+		})
+
+		childProcess.on('exit', (code) => {
+			if (code !== 0) {
+				printBufferedOutput()
+				reject(
+					new Error(
+						`Command "${command} ${args.join(' ')}" exited with code ${code}`,
+					),
+				)
+			} else {
+				resolve()
+			}
+		})
+	})
+}