full tutorial

Author: kentcdodds

.gitignore

@@ -14,3 +14,5 @@ data.db
 # file as well, but since this is for a workshop
 # we're going to keep them around.
 # .env
+
+saved-playgrounds

epicshop/fix.js

@@ -12,29 +12,29 @@ const VERBOSE = false
 const logVerbose = (...args) => (VERBOSE ? console.log(...args) : undefined)
 
 const workshopRoot = here('..')
-const examples = (await readDir(here('../examples'))).map(dir =>
+const examples = (await readDir(here('../examples'))).map((dir) =>
 	here(`../examples/${dir}`),
 )
 const exercises = (await readDir(here('../exercises')))
-	.map(name => here(`../exercises/${name}`))
-	.filter(filepath => fs.statSync(filepath).isDirectory())
+	.map((name) => here(`../exercises/${name}`))
+	.filter((filepath) => fs.statSync(filepath).isDirectory())
 const exerciseApps = (
 	await Promise.all(
-		exercises.flatMap(async exercise => {
+		exercises.flatMap(async (exercise) => {
 			return (await readDir(exercise))
-				.filter(dir => {
+				.filter((dir) => {
 					return /(problem|solution)/.test(dir)
 				})
-				.map(dir => path.join(exercise, dir))
+				.map((dir) => path.join(exercise, dir))
 		}),
 	)
 ).flat()
-const exampleApps = (await readDir(here('../examples'))).map(dir =>
+const exampleApps = (await readDir(here('../examples'))).map((dir) =>
 	here(`../examples/${dir}`),
 )
 const apps = [...exampleApps, ...exerciseApps]
 
-const appsWithPkgJson = [...examples, ...apps].filter(app => {
+const appsWithPkgJson = [...examples, ...apps].filter((app) => {
 	const pkgjsonPath = path.join(app, 'package.json')
 	return exists(pkgjsonPath)
 })
@@ -70,7 +70,7 @@ async function updateTsconfig() {
 	const tsconfig = {
 		files: [],
 		exclude: ['node_modules'],
-		references: appsWithPkgJson.map(a => ({
+		references: appsWithPkgJson.map((a) => ({
 			path: relativeToWorkshopRoot(a).replace(/\\/g, '/'),
 		})),
 	}

epicshop/setup-custom.js

@@ -8,27 +8,3 @@ import {
 import fsExtra from 'fs-extra'
 
 await warm()
-
-const allApps = await getApps()
-const problemApps = allApps.filter(isProblemApp)
-
-if (!process.env.SKIP_PLAYGROUND) {
-	const firstProblemApp = problemApps[0]
-	if (firstProblemApp) {
-		console.log('🛝  setting up the first problem app...')
-		const playgroundPath = path.join(process.cwd(), 'playground')
-		if (await fsExtra.exists(playgroundPath)) {
-			console.log('🗑  deleting existing playground app')
-			await fsExtra.remove(playgroundPath)
-		}
-		await setPlayground(firstProblemApp.fullPath).then(
-			() => {
-				console.log('✅ first problem app set up')
-			},
-			(error) => {
-				console.error(error)
-				throw new Error('❌  first problem app setup failed')
-			},
-		)
-	}
-}