finish up metadata module, remove uneeded stuff

Author: AlemTuzlak

exercises/01.routing/01.problem.routing/package.json

@@ -2,6 +2,9 @@
   "name": "exercises_01.routing_01.problem.routing",
   "private": true,
   "type": "module",
+  "imports": {
+    "#app/*": "./app/*"
+  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",
@@ -29,7 +32,6 @@
     "dotenv": "^16.3.1",
     "tailwindcss": "^4.1.4",
     "typescript": "^5.8.3",
-    "vite": "^6.3.3",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^6.3.3"
   }
 }

exercises/01.routing/01.problem.routing/vite.config.ts

@@ -1,10 +1,9 @@
 import { reactRouter } from '@react-router/dev/vite'
 import tailwindcss from '@tailwindcss/vite'
 import { defineConfig } from 'vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
-	plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
+	plugins: [tailwindcss(), reactRouter()],
 	server: {
 		port: process.env.PORT ? parseInt(process.env.PORT) : 3000,
 	},

exercises/01.routing/01.solution.routing/package.json

@@ -2,6 +2,9 @@
   "name": "exercises_01.routing_01.solution.routing",
   "private": true,
   "type": "module",
+  "imports": {
+    "#app/*": "./app/*"
+  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",
@@ -29,7 +32,6 @@
     "dotenv": "^16.3.1",
     "tailwindcss": "^4.1.4",
     "typescript": "^5.8.3",
-    "vite": "^6.3.3",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^6.3.3"
   }
 }

exercises/01.routing/01.solution.routing/vite.config.ts

@@ -1,10 +1,9 @@
 import { reactRouter } from '@react-router/dev/vite'
 import tailwindcss from '@tailwindcss/vite'
 import { defineConfig } from 'vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
-	plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
+	plugins: [tailwindcss(), reactRouter()],
 	server: {
 		port: process.env.PORT ? parseInt(process.env.PORT) : 3000,
 	},

exercises/01.routing/02.problem.automatic-routing/package.json

@@ -2,6 +2,9 @@
   "name": "exercises_01.routing_02.problem.automatic-routing",
   "private": true,
   "type": "module",
+  "imports": {
+    "#app/*": "./app/*"
+  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",
@@ -29,7 +32,6 @@
     "dotenv": "^16.3.1",
     "tailwindcss": "^4.1.4",
     "typescript": "^5.8.3",
-    "vite": "^6.3.3",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^6.3.3"
   }
 }

exercises/01.routing/02.problem.automatic-routing/vite.config.ts

@@ -1,10 +1,9 @@
 import { reactRouter } from '@react-router/dev/vite'
 import tailwindcss from '@tailwindcss/vite'
 import { defineConfig } from 'vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
-	plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
+	plugins: [tailwindcss(), reactRouter()],
 	server: {
 		port: process.env.PORT ? parseInt(process.env.PORT) : 3000,
 	},

exercises/01.routing/02.solution.automatic-routing/package.json

@@ -2,6 +2,9 @@
   "name": "exercises_01.routing_02.solution.automatic-routing",
   "private": true,
   "type": "module",
+  "imports": {
+    "#app/*": "./app/*"
+  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",
@@ -30,7 +33,6 @@
     "dotenv": "^16.3.1",
     "tailwindcss": "^4.1.4",
     "typescript": "^5.8.3",
-    "vite": "^6.3.3",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^6.3.3"
   }
 }

exercises/01.routing/02.solution.automatic-routing/vite.config.ts

@@ -1,10 +1,9 @@
 import { reactRouter } from '@react-router/dev/vite'
 import tailwindcss from '@tailwindcss/vite'
 import { defineConfig } from 'vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
-	plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
+	plugins: [tailwindcss(), reactRouter()],
 	server: {
 		port: process.env.PORT ? parseInt(process.env.PORT) : 3000,
 	},

exercises/02.metadata/01.problem.styling/package.json

@@ -2,6 +2,9 @@
   "name": "exercises_02.metadata_01.problem.styling",
   "private": true,
   "type": "module",
+  "imports": {
+    "#app/*": "./app/*"
+  },
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",
@@ -31,7 +34,6 @@
     "react-router-devtools": "^5.1.3",
     "tailwindcss": "^4.1.4",
     "typescript": "^5.8.3",
-    "vite": "^6.3.3",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^6.3.3"
   }
 }

exercises/02.metadata/01.problem.styling/tests/e2e/styling.test.ts

@@ -0,0 +1,23 @@
+import test, { expect } from '@playwright/test'
+
+test.describe('Routing E2E Tests', () => {
+  test('should navigate to home page and render correct content', async ({
+    page,
+  }) => {
+    await page.goto('/')
+    const stylesheets = await page.locator('link[rel="stylesheet"]').all()
+    expect(stylesheets.length).toBeGreaterThan(0)
+    const stylesheetValues = await Promise.all(stylesheets.map(async (link) => {
+      const href = await link.getAttribute('href')
+      return href
+    }))
+    const requiredStylesheets = [
+      "/app/app.css",
+      "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
+    ]
+    requiredStylesheets.forEach((requiredStylesheet) => {
+      expect(stylesheetValues).toContain(requiredStylesheet)
+    })
+  })
+
+})