01/02: add solution code

Author: kettanaito

exercises/01.setup/01.problem.vscode-extension/vite.config.ts renamed to exercises/01.setup/01.problem.vscode-extension/vitest.config.ts

@@ -1,4 +1,3 @@
-/// <reference types="vitest" />
 import { defineConfig } from 'vitest/config'
 
 export default defineConfig({

exercises/01.setup/02.solution.multiple-workspaces/README.mdx

@@ -1 +1,5 @@
 # Multiple workspaces
+
+1. Use `test.workspace` to define a list of workspaces.
+1. Give each workspace a unique `test.name` and `include` pattern. Also, any other configuration, like `environment`.
+1. Run all workspaces via `vitest` or individual workspaces via `vitest --project <WORKSPACE_NAME>`.

exercises/01.setup/02.solution.multiple-workspaces/global.d.ts

@@ -0,0 +1,4 @@
+declare module '*?raw' {
+	const src: string
+	export default src
+}

exercises/01.setup/02.solution.multiple-workspaces/package.json

@@ -4,9 +4,14 @@
   "scripts": {
     "dev": "vite",
     "test": "vitest",
+    "test:unit": "vitest --project unit",
+    "test:edge": "vitest --project edge",
     "build": "vite build"
   },
   "devDependencies": {
+    "@edge-runtime/types": "^4.0.0",
+    "@edge-runtime/vm": "^5.0.0",
+    "edge-runtime": "^4.0.1",
     "vite": "^6.0.7",
     "vitest": "^3.0.5"
   }

exercises/01.setup/02.solution.multiple-workspaces/src/api/handler.edge.test.ts

@@ -0,0 +1,17 @@
+import { EdgeRuntime } from 'edge-runtime'
+import initialCode from './handler?raw'
+
+const runtime = new EdgeRuntime({
+	initialCode,
+})
+
+test('returns the user by id', async () => {
+	const response = await runtime.dispatchFetch(
+		'https://example.com/users/abc-123',
+	)
+
+	await expect(response.json()).resolves.toEqual({
+		id: 'abc-123',
+		name: 'John Maverick',
+	})
+})

exercises/01.setup/02.solution.multiple-workspaces/src/api/handler.ts

@@ -0,0 +1,8 @@
+addEventListener('fetch', (event) => {
+	event.respondWith(
+		Response.json({
+			id: 'abc-123',
+			name: 'John Maverick',
+		}),
+	)
+})

exercises/01.setup/02.solution.multiple-workspaces/src/slugify.test.ts

@@ -0,0 +1,5 @@
+import { slugify } from './slugify'
+
+test('returns a slugified string', () => {
+	expect(slugify('hello world')).toBe('hello-world')
+})

exercises/01.setup/02.solution.multiple-workspaces/src/slugify.ts

@@ -0,0 +1,3 @@
+export function slugify(input: string): string {
+	return input.replace(/\s+/g, '-')
+}

exercises/01.setup/02.solution.multiple-workspaces/tsconfig.app.json

@@ -1,9 +1,8 @@
 {
 	"extends": "./tsconfig.base.json",
 	"include": ["src/**/*"],
-	"exclude": ["src/**/*.test.ts*"],
+	"exclude": ["src/**/*.test.ts"],
 	"compilerOptions": {
-		"lib": ["ES2020", "DOM", "DOM.Iterable"],
-		"jsx": "react-jsx"
+		"lib": ["esnext"]
 	}
 }

exercises/01.setup/02.solution.multiple-workspaces/tsconfig.edge.json

@@ -0,0 +1,9 @@
+{
+	"extends": "./tsconfig.base.json",
+	"include": ["src/api"],
+	"exclude": ["**/*.test.ts"],
+	"compilerOptions": {
+		"lib": [],
+		"types": ["@types/node", "@edge-runtime/types"]
+	}
+}