feeling good about option 2

epicweb-dev · Mar 31, 2024 · c448088 · c448088
1 parent 1d6e8b1
commit c448088
Show file tree

Hide file tree

Showing 407 changed files with 17,845 additions and 128 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -5,6 +5,7 @@
     "react-router-dom",
     "react-router"
   ],
+  "javascript.preferences.importModuleSpecifierEnding": "js",
   "workbench.editorAssociations": {
     "*.db": "sqlite-viewer.view"
   }

diff --git a/exercises/01.exercises/01.problem.ssr/db/ship-api.js b/exercises/01.exercises/01.problem.ssr/db/ship-api.js
@@ -4,9 +4,12 @@ const shipData = JSON.parse(
 	String(await fs.readFile(new URL('./ships.json', import.meta.url))),
 )
 
+const MIN_DELAY = 200
+const MAX_DELAY = 500
+
 export async function searchShips({
 	search,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ships = shipData
@@ -18,7 +21,10 @@ export async function searchShips({
 	}
 }
 
-export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
+export async function getShip({
+	shipId,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
+}) {
 	const endTime = Date.now() + delay
 	if (!shipId) {
 		throw new Error('No shipId provided')
@@ -34,14 +40,20 @@ export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
 export async function updateShipName({
 	shipId,
 	shipName,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ship = shipData.find(ship => ship.id === shipId)
 	await new Promise(resolve => setTimeout(resolve, endTime - Date.now()))
 	if (!ship) {
 		throw new Error(`No ship with the id "${shipId}"`)
 	}
+	if (shipName.toLowerCase().includes('error')) {
+		throw new Error('Error updating ship name')
+	}
+	if (shipName === ship.name) {
+		throw new Error('New name is the same as the old name')
+	}
 	ship.name = shipName
 	return ship
 }
diff --git a/exercises/01.exercises/01.problem.ssr/package.json b/exercises/01.exercises/01.problem.ssr/package.json
@@ -21,7 +21,7 @@
     "get-port": "^7.1.0",
     "react": "0.0.0-experimental-2b036d3f1-20240327",
     "react-dom": "0.0.0-experimental-2b036d3f1-20240327",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "npm:@kentcdodds/temp-react-error-boundary@4.0.13",
     "react-server-dom-esm": "npm:@kentcdodds/[email protected]"
   },
   "devDependencies": {

diff --git a/exercises/01.exercises/01.solution.ssr/db/ship-api.js b/exercises/01.exercises/01.solution.ssr/db/ship-api.js
@@ -4,9 +4,12 @@ const shipData = JSON.parse(
 	String(await fs.readFile(new URL('./ships.json', import.meta.url))),
 )
 
+const MIN_DELAY = 200
+const MAX_DELAY = 500
+
 export async function searchShips({
 	search,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ships = shipData
@@ -18,7 +21,10 @@ export async function searchShips({
 	}
 }
 
-export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
+export async function getShip({
+	shipId,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
+}) {
 	const endTime = Date.now() + delay
 	if (!shipId) {
 		throw new Error('No shipId provided')
@@ -34,14 +40,20 @@ export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
 export async function updateShipName({
 	shipId,
 	shipName,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ship = shipData.find(ship => ship.id === shipId)
 	await new Promise(resolve => setTimeout(resolve, endTime - Date.now()))
 	if (!ship) {
 		throw new Error(`No ship with the id "${shipId}"`)
 	}
+	if (shipName.toLowerCase().includes('error')) {
+		throw new Error('Error updating ship name')
+	}
+	if (shipName === ship.name) {
+		throw new Error('New name is the same as the old name')
+	}
 	ship.name = shipName
 	return ship
 }
diff --git a/exercises/01.exercises/01.solution.ssr/package.json b/exercises/01.exercises/01.solution.ssr/package.json
@@ -21,7 +21,7 @@
     "get-port": "^7.1.0",
     "react": "0.0.0-experimental-2b036d3f1-20240327",
     "react-dom": "0.0.0-experimental-2b036d3f1-20240327",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "npm:@kentcdodds/temp-react-error-boundary@4.0.13",
     "react-server-dom-esm": "npm:@kentcdodds/[email protected]"
   },
   "devDependencies": {

diff --git a/exercises/01.exercises/02.problem.server-context/db/ship-api.js b/exercises/01.exercises/02.problem.server-context/db/ship-api.js
@@ -4,9 +4,12 @@ const shipData = JSON.parse(
 	String(await fs.readFile(new URL('./ships.json', import.meta.url))),
 )
 
+const MIN_DELAY = 200
+const MAX_DELAY = 500
+
 export async function searchShips({
 	search,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ships = shipData
@@ -18,7 +21,10 @@ export async function searchShips({
 	}
 }
 
-export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
+export async function getShip({
+	shipId,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
+}) {
 	const endTime = Date.now() + delay
 	if (!shipId) {
 		throw new Error('No shipId provided')
@@ -34,14 +40,20 @@ export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
 export async function updateShipName({
 	shipId,
 	shipName,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ship = shipData.find(ship => ship.id === shipId)
 	await new Promise(resolve => setTimeout(resolve, endTime - Date.now()))
 	if (!ship) {
 		throw new Error(`No ship with the id "${shipId}"`)
 	}
+	if (shipName.toLowerCase().includes('error')) {
+		throw new Error('Error updating ship name')
+	}
+	if (shipName === ship.name) {
+		throw new Error('New name is the same as the old name')
+	}
 	ship.name = shipName
 	return ship
 }
diff --git a/exercises/01.exercises/02.problem.server-context/package.json b/exercises/01.exercises/02.problem.server-context/package.json
@@ -21,7 +21,7 @@
     "get-port": "^7.1.0",
     "react": "0.0.0-experimental-2b036d3f1-20240327",
     "react-dom": "0.0.0-experimental-2b036d3f1-20240327",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "npm:@kentcdodds/temp-react-error-boundary@4.0.13",
     "react-server-dom-esm": "npm:@kentcdodds/[email protected]"
   },
   "devDependencies": {

diff --git a/exercises/01.exercises/02.solution.server-context/db/ship-api.js b/exercises/01.exercises/02.solution.server-context/db/ship-api.js
@@ -4,9 +4,12 @@ const shipData = JSON.parse(
 	String(await fs.readFile(new URL('./ships.json', import.meta.url))),
 )
 
+const MIN_DELAY = 200
+const MAX_DELAY = 500
+
 export async function searchShips({
 	search,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ships = shipData
@@ -18,7 +21,10 @@ export async function searchShips({
 	}
 }
 
-export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
+export async function getShip({
+	shipId,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
+}) {
 	const endTime = Date.now() + delay
 	if (!shipId) {
 		throw new Error('No shipId provided')
@@ -34,14 +40,20 @@ export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
 export async function updateShipName({
 	shipId,
 	shipName,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ship = shipData.find(ship => ship.id === shipId)
 	await new Promise(resolve => setTimeout(resolve, endTime - Date.now()))
 	if (!ship) {
 		throw new Error(`No ship with the id "${shipId}"`)
 	}
+	if (shipName.toLowerCase().includes('error')) {
+		throw new Error('Error updating ship name')
+	}
+	if (shipName === ship.name) {
+		throw new Error('New name is the same as the old name')
+	}
 	ship.name = shipName
 	return ship
 }
diff --git a/exercises/01.exercises/02.solution.server-context/package.json b/exercises/01.exercises/02.solution.server-context/package.json
@@ -21,7 +21,7 @@
     "get-port": "^7.1.0",
     "react": "0.0.0-experimental-2b036d3f1-20240327",
     "react-dom": "0.0.0-experimental-2b036d3f1-20240327",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "npm:@kentcdodds/temp-react-error-boundary@4.0.13",
     "react-server-dom-esm": "npm:@kentcdodds/[email protected]"
   },
   "devDependencies": {

diff --git a/exercises/01.exercises/03.problem.url/db/ship-api.js b/exercises/01.exercises/03.problem.url/db/ship-api.js
@@ -4,9 +4,12 @@ const shipData = JSON.parse(
 	String(await fs.readFile(new URL('./ships.json', import.meta.url))),
 )
 
+const MIN_DELAY = 200
+const MAX_DELAY = 500
+
 export async function searchShips({
 	search,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ships = shipData
@@ -18,7 +21,10 @@ export async function searchShips({
 	}
 }
 
-export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
+export async function getShip({
+	shipId,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
+}) {
 	const endTime = Date.now() + delay
 	if (!shipId) {
 		throw new Error('No shipId provided')
@@ -34,14 +40,20 @@ export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
 export async function updateShipName({
 	shipId,
 	shipName,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ship = shipData.find(ship => ship.id === shipId)
 	await new Promise(resolve => setTimeout(resolve, endTime - Date.now()))
 	if (!ship) {
 		throw new Error(`No ship with the id "${shipId}"`)
 	}
+	if (shipName.toLowerCase().includes('error')) {
+		throw new Error('Error updating ship name')
+	}
+	if (shipName === ship.name) {
+		throw new Error('New name is the same as the old name')
+	}
 	ship.name = shipName
 	return ship
 }
diff --git a/exercises/01.exercises/03.problem.url/package.json b/exercises/01.exercises/03.problem.url/package.json
@@ -21,7 +21,7 @@
     "get-port": "^7.1.0",
     "react": "0.0.0-experimental-2b036d3f1-20240327",
     "react-dom": "0.0.0-experimental-2b036d3f1-20240327",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "npm:@kentcdodds/temp-react-error-boundary@4.0.13",
     "react-server-dom-esm": "npm:@kentcdodds/[email protected]"
   },
   "devDependencies": {

diff --git a/exercises/01.exercises/03.solution.url/db/ship-api.js b/exercises/01.exercises/03.solution.url/db/ship-api.js
@@ -4,9 +4,12 @@ const shipData = JSON.parse(
 	String(await fs.readFile(new URL('./ships.json', import.meta.url))),
 )
 
+const MIN_DELAY = 200
+const MAX_DELAY = 500
+
 export async function searchShips({
 	search,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ships = shipData
@@ -18,7 +21,10 @@ export async function searchShips({
 	}
 }
 
-export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
+export async function getShip({
+	shipId,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
+}) {
 	const endTime = Date.now() + delay
 	if (!shipId) {
 		throw new Error('No shipId provided')
@@ -34,14 +40,20 @@ export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
 export async function updateShipName({
 	shipId,
 	shipName,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ship = shipData.find(ship => ship.id === shipId)
 	await new Promise(resolve => setTimeout(resolve, endTime - Date.now()))
 	if (!ship) {
 		throw new Error(`No ship with the id "${shipId}"`)
 	}
+	if (shipName.toLowerCase().includes('error')) {
+		throw new Error('Error updating ship name')
+	}
+	if (shipName === ship.name) {
+		throw new Error('New name is the same as the old name')
+	}
 	ship.name = shipName
 	return ship
 }
diff --git a/exercises/01.exercises/03.solution.url/package.json b/exercises/01.exercises/03.solution.url/package.json
@@ -21,7 +21,7 @@
     "get-port": "^7.1.0",
     "react": "0.0.0-experimental-2b036d3f1-20240327",
     "react-dom": "0.0.0-experimental-2b036d3f1-20240327",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "npm:@kentcdodds/temp-react-error-boundary@4.0.13",
     "react-server-dom-esm": "npm:@kentcdodds/[email protected]"
   },
   "devDependencies": {

diff --git a/exercises/01.exercises/04.problem.async-components/db/ship-api.js b/exercises/01.exercises/04.problem.async-components/db/ship-api.js
@@ -4,9 +4,12 @@ const shipData = JSON.parse(
 	String(await fs.readFile(new URL('./ships.json', import.meta.url))),
 )
 
+const MIN_DELAY = 200
+const MAX_DELAY = 500
+
 export async function searchShips({
 	search,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ships = shipData
@@ -18,7 +21,10 @@ export async function searchShips({
 	}
 }
 
-export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
+export async function getShip({
+	shipId,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
+}) {
 	const endTime = Date.now() + delay
 	if (!shipId) {
 		throw new Error('No shipId provided')
@@ -34,14 +40,20 @@ export async function getShip({ shipId, delay = Math.random() * 200 + 300 }) {
 export async function updateShipName({
 	shipId,
 	shipName,
-	delay = Math.random() * 200 + 300,
+	delay = Math.random() * (MAX_DELAY - MIN_DELAY) + MIN_DELAY,
 }) {
 	const endTime = Date.now() + delay
 	const ship = shipData.find(ship => ship.id === shipId)
 	await new Promise(resolve => setTimeout(resolve, endTime - Date.now()))
 	if (!ship) {
 		throw new Error(`No ship with the id "${shipId}"`)
 	}
+	if (shipName.toLowerCase().includes('error')) {
+		throw new Error('Error updating ship name')
+	}
+	if (shipName === ship.name) {
+		throw new Error('New name is the same as the old name')
+	}
 	ship.name = shipName
 	return ship
 }