Convert to simple apps with package.json and run callout

kentcdodds · kentcdodds · commit 8f322a86ce98 · 2026-01-13T15:54:35.000-07:00
- Add package.json to each exercise step (problem and solution)
- Add run callout to problem README.mdx files
diff --git a/exercises/01.objects/01.problem.object-literals/README.mdx b/exercises/01.objects/01.problem.object-literals/README.mdx
@@ -19,3 +19,5 @@ const obj: { prop1: Type1; prop2: Type2 } = {
 ```
 
 📜 [TypeScript Handbook - Object Types](https://www.typescriptlang.org/docs/handbook/2/objects.html)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/01.objects/01.problem.object-literals/package.json b/exercises/01.objects/01.problem.object-literals/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_01.objects_01.problem.object-literals",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/01.objects/01.solution.object-literals/package.json b/exercises/01.objects/01.solution.object-literals/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_01.objects_01.solution.object-literals",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/01.objects/02.problem.property-access/README.mdx b/exercises/01.objects/02.problem.property-access/README.mdx
@@ -28,3 +28,5 @@ function describe(product: { name: string; price: number }): string {
 ```
 
 📜 [MDN - Property accessors](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/01.objects/02.problem.property-access/package.json b/exercises/01.objects/02.problem.property-access/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_01.objects_02.problem.property-access",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/01.objects/02.solution.property-access/package.json b/exercises/01.objects/02.solution.property-access/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_01.objects_02.solution.property-access",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/01.objects/03.problem.optional-properties/README.mdx b/exercises/01.objects/03.problem.optional-properties/README.mdx
@@ -30,3 +30,5 @@ console.log(user.bio?.toUpperCase()) // Returns undefined if bio is undefined
 ```
 
 📜 [TypeScript Handbook - Optional Properties](https://www.typescriptlang.org/docs/handbook/2/objects.html#optional-properties)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/01.objects/03.problem.optional-properties/package.json b/exercises/01.objects/03.problem.optional-properties/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_01.objects_03.problem.optional-properties",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/01.objects/03.solution.optional-properties/package.json b/exercises/01.objects/03.solution.optional-properties/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_01.objects_03.solution.optional-properties",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/02.arrays/01.problem.array-basics/README.mdx b/exercises/02.arrays/01.problem.array-basics/README.mdx
@@ -20,3 +20,5 @@ items.length // Number of elements
 ```
 
 📜 [MDN - Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/02.arrays/01.problem.array-basics/package.json b/exercises/02.arrays/01.problem.array-basics/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_02.arrays_01.problem.array-basics",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/02.arrays/01.solution.array-basics/package.json b/exercises/02.arrays/01.solution.array-basics/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_02.arrays_01.solution.array-basics",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/02.arrays/02.problem.array-types/README.mdx b/exercises/02.arrays/02.problem.array-types/README.mdx
@@ -31,3 +31,5 @@ const total = items.reduce((sum, item) => sum + item.price, 0)
 ```
 
 📜 [TypeScript Handbook - Array Types](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#arrays)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/02.arrays/02.problem.array-types/package.json b/exercises/02.arrays/02.problem.array-types/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_02.arrays_02.problem.array-types",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/02.arrays/02.solution.array-types/package.json b/exercises/02.arrays/02.solution.array-types/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_02.arrays_02.solution.array-types",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/02.arrays/03.problem.iteration/README.mdx b/exercises/02.arrays/03.problem.iteration/README.mdx
@@ -30,3 +30,5 @@ for (const product of products) {
 ```
 
 📜 [MDN - for...of](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/02.arrays/03.problem.iteration/package.json b/exercises/02.arrays/03.problem.iteration/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_02.arrays_03.problem.iteration",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/02.arrays/03.solution.iteration/package.json b/exercises/02.arrays/03.solution.iteration/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_02.arrays_03.solution.iteration",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/03.tuples/01.problem.fixed-length/README.mdx b/exercises/03.tuples/01.problem.fixed-length/README.mdx
@@ -22,3 +22,5 @@ const [lat, long] = coordinate
 ```
 
 📜 [TypeScript Handbook - Tuple Types](https://www.typescriptlang.org/docs/handbook/2/objects.html#tuple-types)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/03.tuples/01.problem.fixed-length/package.json b/exercises/03.tuples/01.problem.fixed-length/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_03.tuples_01.problem.fixed-length",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/03.tuples/01.solution.fixed-length/package.json b/exercises/03.tuples/01.solution.fixed-length/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_03.tuples_01.solution.fixed-length",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/03.tuples/02.problem.tuple-patterns/README.mdx b/exercises/03.tuples/02.problem.tuple-patterns/README.mdx
@@ -29,3 +29,5 @@ function getMinMax(nums: Array<number>): [number, number] {
 ```
 
 📜 [TypeScript Handbook - Destructuring](https://www.typescriptlang.org/docs/handbook/variable-declarations.html#destructuring)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/03.tuples/02.problem.tuple-patterns/package.json b/exercises/03.tuples/02.problem.tuple-patterns/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_03.tuples_02.problem.tuple-patterns",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/03.tuples/02.solution.tuple-patterns/package.json b/exercises/03.tuples/02.solution.tuple-patterns/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_03.tuples_02.solution.tuple-patterns",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/04.array-methods/01.problem.map/README.mdx b/exercises/04.array-methods/01.problem.map/README.mdx
@@ -29,3 +29,5 @@ const names = products.map((p) => p.name) // Array<string>
 ```
 
 📜 [MDN - Array.prototype.map()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/04.array-methods/01.problem.map/package.json b/exercises/04.array-methods/01.problem.map/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_04.array-methods_01.problem.map",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/04.array-methods/01.solution.map/package.json b/exercises/04.array-methods/01.solution.map/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_04.array-methods_01.solution.map",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/04.array-methods/02.problem.filter/README.mdx b/exercises/04.array-methods/02.problem.filter/README.mdx
@@ -30,3 +30,5 @@ const expensiveNames = products.filter((p) => p.price > 100).map((p) => p.name)
 ```
 
 📜 [MDN - Array.prototype.filter()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/04.array-methods/02.problem.filter/package.json b/exercises/04.array-methods/02.problem.filter/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_04.array-methods_02.problem.filter",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/04.array-methods/02.solution.filter/package.json b/exercises/04.array-methods/02.solution.filter/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_04.array-methods_02.solution.filter",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/04.array-methods/03.problem.reduce/README.mdx b/exercises/04.array-methods/03.problem.reduce/README.mdx
@@ -44,3 +44,5 @@ Each iteration returns a new object instead of mutating the accumulator. This
 is the functional approach—easier to reason about and debug.
 
 📜 [MDN - Array.prototype.reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/04.array-methods/03.problem.reduce/package.json b/exercises/04.array-methods/03.problem.reduce/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_04.array-methods_03.problem.reduce",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/04.array-methods/03.solution.reduce/package.json b/exercises/04.array-methods/03.solution.reduce/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_04.array-methods_03.solution.reduce",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/05.enums/01.problem.string-enums/README.mdx b/exercises/05.enums/01.problem.string-enums/README.mdx
@@ -28,3 +28,5 @@ if (status === OrderStatus.Shipped) {
 ```
 
 📜 [TypeScript Handbook - Enums](https://www.typescriptlang.org/docs/handbook/enums.html)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/05.enums/01.problem.string-enums/package.json b/exercises/05.enums/01.problem.string-enums/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_05.enums_01.problem.string-enums",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/05.enums/01.solution.string-enums/package.json b/exercises/05.enums/01.solution.string-enums/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_05.enums_01.solution.string-enums",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/05.enums/02.problem.enum-vs-union/README.mdx b/exercises/05.enums/02.problem.enum-vs-union/README.mdx
@@ -34,3 +34,5 @@ makeRequest('GET', '/api/users') // Works with string literals
 ```
 
 📜 [TypeScript Handbook - Literal Types](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#literal-types)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/05.enums/02.problem.enum-vs-union/package.json b/exercises/05.enums/02.problem.enum-vs-union/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_05.enums_02.problem.enum-vs-union",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/05.enums/02.solution.enum-vs-union/package.json b/exercises/05.enums/02.solution.enum-vs-union/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_05.enums_02.solution.enum-vs-union",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/06.destructuring/01.problem.object-destructuring/README.mdx b/exercises/06.destructuring/01.problem.object-destructuring/README.mdx
@@ -44,3 +44,5 @@ const { id: productId, description = 'No description' } = product
 ```
 
 📜 [MDN - Destructuring Assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/06.destructuring/01.problem.object-destructuring/package.json b/exercises/06.destructuring/01.problem.object-destructuring/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_06.destructuring_01.problem.object-destructuring",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/06.destructuring/01.solution.object-destructuring/package.json b/exercises/06.destructuring/01.solution.object-destructuring/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_06.destructuring_01.solution.object-destructuring",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/06.destructuring/02.problem.array-destructuring/README.mdx b/exercises/06.destructuring/02.problem.array-destructuring/README.mdx
@@ -49,3 +49,5 @@ const [first, ...rest]: [number, ...Array<number>] = numbers
 ```
 
 📜 [MDN - Destructuring Assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#array_destructuring)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/06.destructuring/02.problem.array-destructuring/package.json b/exercises/06.destructuring/02.problem.array-destructuring/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_06.destructuring_02.problem.array-destructuring",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/06.destructuring/02.solution.array-destructuring/package.json b/exercises/06.destructuring/02.solution.array-destructuring/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_06.destructuring_02.solution.array-destructuring",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/07.spread-rest/01.problem.object-spread/README.mdx b/exercises/07.spread-rest/01.problem.object-spread/README.mdx
@@ -47,3 +47,5 @@ const updated = { ...original, propertyToChange: newValue }
 ```
 
 📜 [MDN - Spread Syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/07.spread-rest/01.problem.object-spread/package.json b/exercises/07.spread-rest/01.problem.object-spread/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_07.spread-rest_01.problem.object-spread",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/07.spread-rest/01.solution.object-spread/package.json b/exercises/07.spread-rest/01.solution.object-spread/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_07.spread-rest_01.solution.object-spread",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/07.spread-rest/02.problem.rest-parameters/README.mdx b/exercises/07.spread-rest/02.problem.rest-parameters/README.mdx
@@ -55,3 +55,5 @@ function myFunc(...items: Array<string>): void {
 ```
 
 📜 [MDN - Rest Parameters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters)
+
+🐨 Once you've completed the exercise, run `node index.ts` in the playground to test your work!
diff --git a/exercises/07.spread-rest/02.problem.rest-parameters/package.json b/exercises/07.spread-rest/02.problem.rest-parameters/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_07.spread-rest_02.problem.rest-parameters",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
diff --git a/exercises/07.spread-rest/02.solution.rest-parameters/package.json b/exercises/07.spread-rest/02.solution.rest-parameters/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "exercises_07.spread-rest_02.solution.rest-parameters",
+  "type": "module",
+  "scripts": {
+    "start": "node index.ts"
+  }
+}
