Augment configuration with Websumé configs

https://github.com/MilesBHuff/Websume/tree/8d7bdd48074636ffc967d1231b37e2469f32de18/frontend
MilesBHuff · Dec 15, 2023 · 1c72466 · 1c72466
1 parent 039ce3e
commit 1c72466
Show file tree

Hide file tree

Showing 8 changed files with 144 additions and 54 deletions.
diff --git a/frontend/app/index.html b/frontend/app/index.html
@@ -1,22 +1,37 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-US">
     <head>
-        <meta charset="UTF-8"/>
+        <!-- Basic metadata -->
+        <meta charset="UTF-8" />
+        <meta http-equiv="Content-Type" content="text/html"/>
         <base target="_blank" href="/" />
+
+        <!-- Metadata for specific clients -->
         <link rel="robots" type="text/plain" href="/robots.txt" />
+        <!-- <link rel="manifest" type="application/manifest+json" href="/manifest.webmanifest" /> -->
+
+        <!-- Icons -->
+        <!-- <link rel="icon"      type="image/svg+xml" href="/favicon.svg" /> -->
+        <link rel="icon"      type="image/x-icon"  href="/favicon.ico" /><!-- For browsers without SVG favicon support, like Safari and various deprecated browsers. -->
+        <!-- <link rel="mask-icon" type="image/svg+xml" href="/favmask.svg" color="#777"/>For pinned tabs in Safari. -->
+        <!-- <link rel="apple-touch-icon" href="/apple-touch-icon.png" />NOTE: If we want the utmost quality for Apple devices, we need to add multiple resolutions, not just the default 180x180px. -->
 
-        <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"  />
-		<meta name="background-color" content="#fff" />
+        <!-- Theming -->
         <meta name="theme-color" content="#000" />
+        <meta name="background-color" content="#fff" />
         <meta name="viewport" content="width=device-width,initial-scale=1.0" />
 
+        <!-- About -->
         <title>Color Tools</title>
         <meta description="Some tools to help people manipulate colors for use in UI applications."/>
         <meta keywords="color, Lab, L*a*b*, CIELAB, CIEDE2000, RGB, WCAG, AA, AAA, accessibility"/>
-        <meta author="Miles Bradley Huff"/>
+        <link rel="author" type="text/plain" href="/humans.txt" />
 
+        <!-- Dependencies -->
         <script type="module" src="/src/main.ts"></script>
     </head>
 
-    <body id="vue"></body>
+    <body id="vue">
+        <noscript>This website requires JavaScript.</noscript>
+    </body>
 </html>
diff --git a/frontend/app/public/humans.txt b/frontend/app/public/humans.txt
@@ -0,0 +1,9 @@
+/* SITE */
+	Language:  English
+	License:  All Rights Reserved.
+	GitHub:  https://github.com/MilesBHuff/Websume
+
+/* TEAM */
+	Lead Developer:  Miles Bradley Huff
+	Email:  [email protected]
+	From:  United States of America
diff --git a/frontend/app/public/robots.txt b/frontend/app/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
diff --git a/frontend/app/public/sitemap.xml b/frontend/app/public/sitemap.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+    xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="
+        http://www.sitemaps.org/schemas/sitemap/0.9
+        http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd
+    "
+>
+    <url>
+        <loc>http://localhost:5173/index.html</loc>
+    </url>
+</urlset>
diff --git a/frontend/package.json b/frontend/package.json
@@ -1,8 +1,38 @@
 {
-  "name": "miles-color-tools",
-  "license": "LAGPL-3.0-or-later",
+  "name": "color-tools",
   "version": "3.0.0",
+  "license": "LAGPL-3.0-or-later",
+  "description": "Some tools to help people manipulate colors for use in UI applications.",
+  "keywords": [
+    "color",
+    "Lab",
+    "L*a*b*",
+    "CIELAB",
+    "CIEDE2000",
+    "RGB",
+    "WCAG",
+    "AA",
+    "AAA",
+    "accessibility"
+  ],
+  "author": {
+    "name": "Miles B Huff",
+    "email": "[email protected]"
+  },
+  "homepage": "HTTPS://GitHub.com/MilesBHuff/color-tools#README",
+  "bugs": {
+    "url": "HTTPS://GitHub.com/MilesBHuff/color-tools/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+HTTPS://GitHub.com/MilesBHuff/color-tools.git"
+  },
   "private": true,
+  "directories": {
+    "bin": "./dist",
+    "lib": "./app"
+  },
+  "type": "module",
   "scripts": {
     "start": "npm run dev",
     "dev": "vite",

diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
@@ -5,21 +5,21 @@
     "extends": "./node_modules/@vue/tsconfig/tsconfig.dom.json",
     "include": [
         "env.d.ts",
-        "src/**/*",
-        "src/**/*.json",
-        "src/**/*.ts",
-        "src/**/*.vue"
+        "app/src/**/*",
+        "app/src/**/*.json",
+        "app/src/**/*.ts",
+        "app/src/**/*.vue"
     ],
 
     /* https://www.typescriptlang.org/tsconfig */
     "compilerOptions": {
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Type Checking */
+        * Type Checking */
         "allowUnreachableCode": false, // This is not the concern of a compiler -- please use a linter to detect this.
         "allowUnusedLabels": false, // This is not the concern of a compiler -- please use a linter to detect this.
         "alwaysStrict": true,
-        "exactOptionalPropertyTypes": true,
+        "exactOptionalPropertyTypes": false, // This is excessive.  TypeScript should just change `?:` to mean `|void` instead of `|undefined`, and then there's no problem.
         "noFallthroughCasesInSwitch": false, // This is not the concern of a compiler -- please use a linter to detect this.
         "noImplicitAny": true,
         "noImplicitOverride": true,
@@ -33,74 +33,71 @@
         //NOTE:  The strict-mode settings are omitted here, since they are implicit in the above.
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Modules */
+        * Modules */
+        "allowImportingTsExtensions": true,
         "allowUmdGlobalAccess": false,
         "baseUrl": ".",
-        // "module": null,
-        // "moduleResolution": null,
+        "module": "ESNext",
+        "moduleResolution": "bundler",
         // "moduleSuffixes": null,
         "noResolve": false,
         "paths": {
-            "$/*": [
-                "./src/*"
-            ],
-            "#/*": [
-                "./node_modules/*"
+            "@/*": [
+                "./app/src/*"
             ]
         },
         "resolveJsonModule": true,
-        // "rootDir": null,
-        // "rootDirs": null,
-        // "typeRoots": null,
-        // "types": null,
+        // "rootDir": [],
+        // "rootDirs": [],
+        // "typeRoots": [],
+        // "types": [],
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Emit */
+        * Emit */
         // "declaration": null,
         // "declarationDir": null,
         // "declarationMap": null,
         "downlevelIteration": true,
         // "emitBOM": false,
         "emitDeclarationOnly": false,
         "importHelpers": true,
-        "importsNotUsedAsValues": "error",
         // "inlineSourceMap": false,
         // "inlineSources": false,
         // "mapRoot": null,
         "newLine": "LF",
-        // "noEmit": false,
+        "noEmit": true,
         // "noEmitHelpers": false,
         // "noEmitOnError": false,
         // "outDir": "dist",
         // "outFile": null,
-        "preserveConstEnums": false,
-        "preserveValueImports": true,
+        // "preserveConstEnums": false,
         "removeComments": true,
         // "sourceMap": true,
         // "sourceRoot": null,
         "stripInternal": true,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * JavaScript Support */
+        * JavaScript Support */
         "allowJs": true,
         "checkJs": true,
         // "maxNodeModuleJsDepth": 0,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Editor Support */
+        * Editor Support */
         // "disableSizeLimit": false,
         // "plugins": null,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Interop Constraints */
+        * Interop Constraints */
         // "allowSyntheticDefaultImports": false,
         "esModuleInterop": true,
         "forceConsistentCasingInFileNames": true,
-        "isolatedModules": false,
+        "isolatedModules": true,
         "preserveSymlinks": true,
+        "verbatimModuleSyntax": false,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Backwards Compatibility */
+        * Backwards Compatibility */
         // "charset": "utf-8",
         // "keyofStringsOnly": true,
         // "noImplicitUseStrict": false,
@@ -110,21 +107,22 @@
         "suppressImplicitAnyIndexErrors": false,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Language and Environment */
+        * Language and Environment */
         // "emitDecoratorMetadata": null,
         "experimentalDecorators": true,
         // "jsx": "preserve",
         // "jsxFactory": null,
         // "jsxFragmentFactory": null,
         // "jsxImportSource": null,
-        // "lib": ["ESNext"],
+        "lib": ["ESNext"],
         // "moduleDetection": "auto",
         // "noLib": false,
         // "reactNamespace": null,
-        // "target": "ESNext",
+        "target": "ES2022",
+        "useDefineForClassFields": true,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Compiler Diagnostics */
+        * Compiler Diagnostics */
         // "diagnostics": false,
         // "explainFiles": false,
         // "extendedDiagnostics": false,
@@ -134,7 +132,7 @@
         // "traceResolution": false,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Projects */
+        * Projects */
         "composite": true,
         // "disableReferencedProjectLoad": false,
         // "disableSolutionSearching": false,
@@ -143,21 +141,21 @@
         // "tsBuildInfoFile": null,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Output Formatting */
+        * Output Formatting */
         "noErrorTruncation": false,
         "preserveWatchOutput": false,
         "pretty": true,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Completeness */
+        * Completeness */
         // "skipDefaultLibCheck": false,
         // "skipLibCheck": true,
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Command Line */
+        * Command Line */
 
         /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-         * Watch Options */
+        * Watch Options */
         "assumeChangesOnlyAffectDirectDependencies": false
     }
 }
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
@@ -1,6 +1,6 @@
 {
     "extends": [
-        "./node_modules/@vue/tsconfig/tsconfig.json"
+        "@vue/tsconfig/tsconfig.json"
     ],
     "include": [
         "vite.config.*",
@@ -9,7 +9,11 @@
         "playwright.config.*"
     ],
     "compilerOptions": {
+        "allowSyntheticDefaultImports": true,
         "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "skipLibCheck": true,
         "types": [
             "node"
         ]

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -1,15 +1,34 @@
-import {fileURLToPath, URL} from 'node:url'
-import {defineConfig} from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import {fileURLToPath, URL} from 'node:url';
+import {defineConfig} from 'vite';
 
-// https://vitejs.dev/config
+////////////////////////////////////////////////////////////////////////////////
+/** https://vitejs.dev/config */
 export default defineConfig({
-    plugins: [vue(), vueJsx()],
+    root: 'app',
+
+    build: {
+        outDir: '../dist',
+        rollupOptions: {
+            input: {
+                app: 'src/index.html',
+            },
+        },
+        sourcemap: true,
+    },
+    server: {
+        open: false,
+    },
+
     resolve: {
         alias: {
-            '$/': fileURLToPath(new URL('./src/', import.meta.url)),
-            '#/': fileURLToPath(new URL('./node_modules/', import.meta.url)),
+            '@': fileURLToPath(new URL('./app/src', import.meta.url)),
         },
     },
+
+    plugins: [
+        vue(),
+        vueJsx(),
+    ],
 });