🐛 📺 fixes dev server

bs/start

@@ -9,15 +9,17 @@ set -eo pipefail # this can be harmful, see https://www.youtube.com/watch?v=4Jo3
 # depends on
 declare -r server='node_modules/.bin/web-dev-server'
 declare -r lint='bs/lint'
-declare -r index='index.html'
+declare -r server_config='web-dev-server.config.js'
 
 help(){
 	if ! isHelp "${@}"; then return 0; fi
 	echoReadmeInfo
 	cat <<-EOF
-	Options:
 	./src		Starts the development server (default)
 	./dist		Starts the production server
+
+	Defaults:
+	See server config file: '$server_config'
 EOF
 	$server --help
 	exit 0
@@ -26,12 +28,12 @@ main(){
 	help "${@}"
 
 	local -r target="${1:-./src}" # ./src or ./dist
-	if [[ "$target" == './dist' ]]; then
+	if [[ "$target" =~ 'dist' ]]; then
 		# console warns because of config file, use npx serve?
-		$server --root-dir "$target" --app-index $index --open
+		$server "${@}"
 	else
 		$lint --watch --preserveWatchOutput &
-		$server &
+		$server "${@}" &
 		wait
 	fi
 }

tsconfig.json

@@ -1,21 +1,38 @@
 {
-  "compilerOptions": {
+	"compilerOptions": {
-    "target": "es2021",
+		"verbatimModuleSyntax": true,
-    "module": "NodeNext",
+		"noEmitOnError": true,
-    "moduleResolution": "NodeNext",
+		"target": "es2021",
-    "noEmitOnError": true,
+		"skipLibCheck": true,
-    "lib": ["es2021", "dom", "DOM.Iterable"],
+		"module": "NodeNext",
-    "strict": true,
+		"moduleResolution": "NodeNext",
-    "allowSyntheticDefaultImports": true,
+		"isolatedModules": true,
-    "experimentalDecorators": true,
+
-    "importHelpers": true,
+		"strict": true,
-    "outDir": "out-tsc",
+		"strictBindCallApply": true,
-    "sourceMap": true,
+		"noUnusedLocals": true,
-    "inlineSources": true,
+		"noUnusedParameters": true,
-    "rootDir": "./",
+		"noUncheckedSideEffectImports": true,
-    "incremental": true,
+		"allowUnreachableCode": false,
-    "skipLibCheck": true,
+		"noUncheckedIndexedAccess": true,
-	"types": ["mocha"]
+		"noPropertyAccessFromIndexSignature": true,
-  },
+		"erasableSyntaxOnly": true,
-  "include": ["**/*.ts"]
+		"noImplicitOverride": true,
+		"allowSyntheticDefaultImports": true,
+		"forceConsistentCasingInFileNames": true,
+		"useDefineForClassFields": false,
+		"experimentalDecorators": true,
+		"importHelpers": true,
+
+		"noErrorTruncation": false,
+
+		"outDir": "out-tsc",
+		"sourceMap": true,
+		"inlineSources": true,
+		"rootDir": "./",
+		"incremental": true,
+		"types": ["mocha"],
+		"lib": ["es2021", "dom", "DOM.Iterable"]
+	},
+	"include": ["**/*.ts"]
 }

web-dev-server.config.js

@@ -1,21 +1,27 @@
 // import { hmrPlugin, presets } from "@open-wc/dev-server-hmr";
 
-/** Use Hot Module replacement by adding --hmr to the start command */
+/** Use Hot Module replacement by adding --watch to the start command */
-const hmr = process.argv.includes("--hmr");
+//const hmr = process.argv.includes("--watch");
+const [ mode ] = process.argv.slice(2);
+const target = mode === "src" // OR "dist"
+	? {
+		rootDir: ".",
+		appIndex: "./index.html",
+	}
+	: {
+		rootDir: "./dist",
+		appIndex: "./dist/index.html",
+	};
 
 export default /** @type {import("@web/dev-server").DevServerConfig} */ ({
-	open: "/",
+	open: "/", // SPA routing
-	watch: !hmr,
+	nodeResolve: { // Resolve bare module imports
-	/** Resolve bare module imports */
-	nodeResolve: {
 		exportConditions: ["browser", "development"],
 	},
 
-	/** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+	// esbuildTarget: "auto" // Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-	// esbuildTarget: "auto"
 
-	/** Set appIndex to enable SPA routing */
+	...target,
-	appIndex: "./index.html",
 
 	plugins: [
 		/** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */