Refactor client structure and simplify server routing

Moved client files from 'src/client/app' to 'src/client', consolidated assets and pages, and added a global CSS file. Removed unused settings page and related assets. Replaced custom server routing and page handler with direct use of 'serveDir' for static file serving. Updated build scripts and configuration to reflect new structure and removed obsolete build files.

Author: Mqxx

.gitignore

@@ -1,5 +1,3 @@
 .vscode/
 dist/
 reports/
-
-*.css

config/build/index.ts build/esbuild.tsconfig/build/index.ts renamed to build/esbuild.ts

@@ -4,8 +4,7 @@ import { solidPlugin as esbuildPluginSolidJs } from '@esbuild-plugin-solid';
 import { green } from '@std/fmt/colors';
 import { parseArgs } from '@std/cli/parse-args';
 
-import denoJson from '../../deno.json' with {type: 'json'}
-import filesToCopy from './copy_files_extension_filter.json' with {type: 'json'}
+import denoJson from '../deno.json' with {type: 'json'}
 
 const args = parseArgs<{
   watch: boolean | undefined,
@@ -14,11 +13,19 @@ const args = parseArgs<{
 }>(Deno.args);
 
 // convert array to esbuild copy loader object
-const loaders = filesToCopy.reduce((
-  previouseExtension,
+const loaders = [
+  ".html",
+  ".css",
+  ".svg",
+  ".png",
+  ".jpg",
+  ".jpeg",
+  ".ico"
+].reduce((
+  previousExtension,
   extension
 ) => ({
-  ...previouseExtension,
+  ...previousExtension,
   [extension]: 'copy' as esbuild.Loader
 }), {})
 
@@ -30,8 +37,9 @@ const copyConfig : esbuild.BuildOptions = {
   outdir: './dist',
   outbase: './src/client',
   entryPoints: [
-    './src/client/app/**/index.html',
-    './src/client/app/**/assets/*',
+    './src/client/**/index.html',
+    './src/client/**/index.css',
+    './src/client/**/assets/*',
     './src/client/static/**/*'
   ]
 }
@@ -45,13 +53,13 @@ const filesConfig : esbuild.BuildOptions = {
   bundle: true,
   format: 'esm',
   target: 'esnext',
-  sourcemap: true,
+  sourcemap: args.develop ? 'linked' : false,
   sourcesContent: true,
   tsconfig: './deno.json',
-  outdir: './dist/app',
-  outbase: './src/client/app',
+  outdir: './dist',
+  outbase: './src/client',
   entryPoints: [
-    './src/client/app/index.tsx'
+    './src/client/index.tsx'
   ],
   supported: {
     'import-attributes': true,

config/build/bundle.ts

@@ -7,29 +7,24 @@
       "description": "Install all dependencies specified in the \"deno.lock\" file.",
       "command": "deno install"
     },
-    "build-deno": {
-      "description": "Build the app for production.",
-      "command": "deno run -A ./config/build/bundle.ts",
-      "dependencies": [ "clear-dist" ]
-    },
     "build": {
       "description": "Build the app for production.",
-      "command": "deno run -A ./config/build/index.ts",
+      "command": "deno run -A ./build/esbuild.ts",
       "dependencies": [ "clear-dist" ]
     },
     "build:watch": {
       "description": "Build the app for production with watcher.",
-      "command": "deno run -A ./config/build/index.ts --watch",
+      "command": "deno run -A ./build/esbuild.ts --watch",
       "dependencies": [ "clear-dist" ]
     },
     "build:dev": {
       "description": "Build the app for development.",
-      "command": "deno run -A ./config/build/index.ts --develop",
+      "command": "deno run -A ./build/esbuild.ts --develop",
       "dependencies": [ "clear-dist" ]
     },
     "build:dev:watch": {
       "description": "Build the app for development with watcher.",
-      "command": "deno run -A ./config/build/index.ts --develop --watch",
+      "command": "deno run -A ./build/esbuild.ts --develop --watch",
       "dependencies": [ "clear-dist" ]
     },
     "cache-reload": {
@@ -44,7 +39,7 @@
     "serve:dev": {
       "description": "Run the server on port 8000 for development.",
       "command": "deno run -A ./src/server/index.ts --develop --port=8000",
-      "dependencies": [ "build" ]
+      "dependencies": [ "build:dev" ]
     },
     "lint": {
       "description": "Run linter.",

config/build/copy_files_extension_filter.json

@@ -0,0 +1,7 @@
+*,
+*::before,
+*::after {
+  margin: 0;
+  padding: 0;
+  color-scheme: dark;
+}