Kebab-case filenames; Remix-style imports

__tests__/Speednote.test.tsx

@@ -2,10 +2,9 @@ import { MemoryRouter, Route, createMemoryHistory } from '@solidjs/router';
 import { render, screen } from '@solidjs/testing-library';
 import userEvent from '@testing-library/user-event';
 
-import App from '../src/App';
-import NotFound from '../src/NotFound';
-import { STORAGE_KEY } from '../src/database';
-import { DEFAULT_DATA } from '../src/database';
+import App from '~/app';
+import { DEFAULT_DATA, STORAGE_KEY } from '~/database';
+import NotFound from '~/not-found';
 
 // Mocking is essential in this case as two properties are not supported yet in JSDOM:
 //

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "speednote",
-	"version": "3.1.5",
+	"version": "3.1.6",
 	"private": true,
 	"type": "module",
 	"scripts": {

src/App.tsx → src/app.tsx

@@ -1,6 +1,6 @@
-import Configuration from './Configuration';
-import Editor from './Editor';
-import Link from './Link';
+import Configuration from './configuration';
+import Editor from './editor';
+import Link from './link';
 
 const App = () => (
 	<>

src/Configuration.tsx → src/configuration.tsx

@@ -1,6 +1,6 @@
 import { createSignal, onMount } from 'solid-js';
 
-import Button from './Button';
+import Button from './button';
 
 const Configuration = () => {
 	const root = document.documentElement;

src/Editor.tsx → src/editor.tsx

@@ -9,10 +9,10 @@ import {
 	splitProps,
 } from 'solid-js';
 
-import Button from './Button';
-import Input from './Input';
-import Link from './Link';
+import Button from './button';
 import { type DatabaseService, createLocalDatabase } from './database';
+import Input from './input';
+import Link from './link';
 import { type Data, sharedContentSchema, sharedTitleSchema } from './schema';
 import { type StoreService, createApplicationStore } from './store';
 

src/index.tsx

@@ -5,9 +5,9 @@ import { Route, Router } from '@solidjs/router';
 import { lazy } from 'solid-js';
 import { render } from 'solid-js/web';
 
-import App from './App';
+import App from './app';
 
-const NotFound = lazy(() => import('./NotFound'));
+const NotFound = lazy(() => import('./not-found'));
 
 const root = document.getElementById('root');
 if (!root) {

src/NotFound.tsx → src/not-found.tsx

@@ -1,4 +1,4 @@
-import Link from './Link';
+import Link from './link';
 
 const NotFound = () => (
 	<>

tsconfig.app.json

@@ -25,7 +25,11 @@
 		"noFallthroughCasesInSwitch": true,
 
 		/* Custom */
-		"types": ["vite/client", "vitest/globals", "@testing-library/jest-dom"]
+		"types": ["vite/client", "vitest/globals", "@testing-library/jest-dom"],
+		"baseUrl": "./",
+		"paths": {
+			"~/*": ["./src/*"]
+		}
 	},
 	"include": ["src", "__tests__", "e2e"]
 }

vite.config.ts

@@ -1,3 +1,4 @@
+import path from 'node:path';
 import tailwindcss from '@tailwindcss/vite';
 import devtools from 'solid-devtools/vite';
 import { defineConfig } from 'vite';
@@ -63,6 +64,11 @@ export default defineConfig({
 	server: {
 		port: 3000,
 	},
+	resolve: {
+		alias: {
+			'~': path.resolve(import.meta.dirname, './src/*'),
+		},
+	},
 	test: {
 		globals: true,
 		environment: 'jsdom',