removed baseUrl, switched to Vite 8, cleanup

env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="vite/client" />
 /// <reference types="vitest" />
-/// <reference types="@testing-library/jest-dom" />
 
 interface ImportMetaEnv {
   readonly BASE?: string;

package.json

@@ -37,7 +37,7 @@
     "tailwindcss": "4.1.18",
     "typescript": "5.9.3",
     "typescript-eslint": "8.50.0",
-    "vite": "npm:rolldown-vite@7.3.0",
+    "vite": "8.0.0-beta.4",
     "vite-plugin-checker": "0.12.0",
     "vite-plugin-solid": "2.11.10",
     "vite-tsconfig-paths": "6.0.3",

src/ClockFace.tsx

@@ -1,6 +1,6 @@
-import { ClockHands } from 'ClockHands';
-import { getTestId } from 'utilities';
-import { Graduations } from 'Graduations';
+import { ClockHands } from '@/ClockHands';
+import { getTestId } from '@/utilities';
+import { Graduations } from '@/Graduations';
 
 export const ClockFace = () => (
   <div

src/ClockHands.tsx

@@ -1,7 +1,7 @@
 import { createSignal, onCleanup } from 'solid-js';
-import { ClockLine as ClockHand } from 'ClockLine';
-import { hours, rotate, seconds } from 'common';
-import { getTestId } from 'utilities';
+import { ClockLine as ClockHand } from '@/ClockLine';
+import { hours, rotate, seconds } from '@/common';
+import { getTestId } from '@/utilities';
 
 const getSecondsSinceMidnight = (): number =>
   (Date.now() - new Date().setHours(0, 0, 0, 0)) / 1000;

src/Graduations.tsx

@@ -1,6 +1,6 @@
 import { For } from 'solid-js';
-import { ClockLine as Graduation } from 'ClockLine';
-import { rotate, seconds } from 'common';
+import { ClockLine as Graduation } from '@/ClockLine';
+import { rotate, seconds } from '@/common';
 
 export const Graduations = () => (
   <>

src/index.tsx

@@ -1,5 +1,5 @@
-import 'index.css';
+import '@/index.css';
 import { render } from 'solid-js/web';
-import { ClockFace } from 'ClockFace';
+import { ClockFace } from '@/ClockFace';
 
 render(() => <ClockFace />, document.body);

test/ClockFace.test.tsx

@@ -1,11 +1,11 @@
 import { describe, expect, test } from 'vitest';
 import { render, screen } from '@solidjs/testing-library';
-import { ClockFace } from 'ClockFace';
+import { ClockFace } from '@/ClockFace';
 
 describe('<ClockFace />', () => {
   test('renders clock face', () => {
     render(() => <ClockFace />);
-    expect(screen.getByTestId('clock-face')).toBeInTheDocument();
+    expect(screen.getByTestId('clock-face'));
   });
   test('unmount clock face', () => {
     const { unmount } = render(() => <ClockFace />);

test/index.test.ts

@@ -4,7 +4,7 @@ import { render } from 'solid-js/web';
 describe('index', () => {
   test('renders without crashing', async () => {
     vi.mock('solid-js/web', { spy: true });
-    await import('index');
+    await import('@/index');
     expect(render).toHaveBeenCalledWith(expect.any(Function), document.body);
   });
 });

test/utilitiest.test.ts

@@ -1,5 +1,5 @@
 import { afterAll, beforeAll, describe, expect, vi, test } from 'vitest';
-import { getTestId } from 'utilities';
+import { getTestId } from '@/utilities';
 
 beforeAll(() => void vi.stubEnv('MODE', 'development'));
 afterAll(() => void vi.unstubAllEnvs());

tsconfig.json

@@ -9,7 +9,6 @@
     "noEmit": true,
     "jsx": "preserve",
     "jsxImportSource": "solid-js",
-    "baseUrl": "src",
     "skipLibCheck": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
@@ -23,6 +22,9 @@
     "allowUnreachableCode": false,
     "allowUnusedLabels": false,
     "noPropertyAccessFromIndexSignature": true,
-    "erasableSyntaxOnly": true
+    "erasableSyntaxOnly": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   }
 }

vite.config.ts

@@ -9,7 +9,7 @@ import { checker } from 'vite-plugin-checker';
 export default defineConfig(({ mode }) => ({
   base: loadEnv(mode, process.cwd(), '')['BASE'] ?? '',
   plugins: [
-    tsconfigPaths(),
+    ...(mode === 'test' ? [tsconfigPaths({ projectDiscovery: 'lazy' })] : []),
     tailwindcss(),
     solid(),
     checker({
@@ -22,9 +22,9 @@ export default defineConfig(({ mode }) => ({
   ],
   test: {
     environment: 'happy-dom',
-    setupFiles: 'test/vitest-setup.ts',
   },
   resolve: {
     conditions: ['development', 'browser'],
+    tsconfigPaths: true,
   },
 }));