ref: project name, start script

.prettierignore

@@ -0,0 +1 @@
+public/*

components/onesearch/onesearch.tsx

@@ -110,13 +110,12 @@ export default function OneSearch() {
 		})();
 	}, []);
 
-
 	useEffect(() => {
 		if (tokenizer !== null) return;
 		(async function () {
 			await loadTokenizer();
 		})();
-	},[]);
+	}, []);
 
 	async function loadModel(modelPath: string) {
 		ort.env.wasm.wasmPaths = "/onnx/";

lib/server/startScript.ts

@@ -0,0 +1,22 @@
+import { promises as dns } from "node:dns";
+
+// Copied from vite/src/node/utils.ts
+
+/**
+ * Returns resolved localhost address when `dns.lookup` result differs from DNS
+ *
+ * `dns.lookup` result is same when defaultResultOrder is `verbatim`.
+ * Even if defaultResultOrder is `ipv4first`, `dns.lookup` result maybe same.
+ * For example, when IPv6 is not supported on that machine/network.
+ */
+export async function getLocalhostAddressIfDiffersFromDNS(): Promise<string | undefined> {
+	const [nodeResult, dnsResult] = await Promise.all([
+		dns.lookup("localhost"),
+		dns.lookup("localhost", { verbatim: true })
+	]);
+	const isSame =
+		nodeResult.family === dnsResult.family && nodeResult.address === dnsResult.address;
+	return isSame ? undefined : nodeResult.address;
+}
+
+export const wildcardHosts = new Set(["0.0.0.0", "::", "0000:0000:0000:0000:0000:0000:0000:0000"]);

package.json

@@ -1,5 +1,5 @@
 {
-	"name": "sparkhome",
+	"name": "sparkast",
 	"private": false,
 	"version": "5.8.1",
 	"type": "module",

pages/about/index.tsx

@@ -48,8 +48,12 @@ export default function AboutPage() {
 			</p>
 
 			<p className="relative font-bold text-2xl mt-12">Presented By</p>
-			{!darkMode && <img src="/assets/img/LuminaraStudio.png" className="relative md:h-64 mt-6" />}
+			{!darkMode && (
-			{darkMode && <img src="/assets/img/LuminaraStudioDark.png" className="relative md:h-56 mt-6" />}
+				<img src="/assets/img/LuminaraStudio.png" className="relative md:h-64 mt-6" />
+			)}
+			{darkMode && (
+				<img src="/assets/img/LuminaraStudioDark.png" className="relative md:h-56 mt-6" />
+			)}
 		</AboutLayout>
 	);
 }

server.ts

@@ -5,60 +5,32 @@ import pjson from "./package.json";
 import { networkInterfaces } from "os";
 import cac from "cac";
 import { configureBackendRoutes } from "./backend/route";
+import { Server, IncomingMessage, ServerResponse } from "http";
+import { getLocalhostAddressIfDiffersFromDNS, wildcardHosts } from "lib/server/startScript";
 
 async function helloMessage() {
 	const { base } = await ViteExpress.getViteConfig();
-	const timeCost = new Date().getTime() - start.getTime();
+	const timeCost = Date.now() - start.getTime();
-	console.log("");
 	console.log(
-		"  ",
+		`\n  ${chalk.redBright("sparkast v" + pjson.version)} ${chalk.whiteBright("ready in")} ${Math.round(timeCost)} ms\n`
-		chalk.redBright("SparkHome"),
-		chalk.redBright("v" + pjson.version),
-		chalk.whiteBright(" ready in"),
-		`${Math.round(timeCost)} ms`
 	);
-	console.log("");
+	console.log(`  ${chalk.redBright("➜  Local:")} ${chalk.cyan(`http://${name}:${port}${base}`)}`);
+	if (host === undefined) {
+		ips.forEach((ip) =>
 			console.log(
-		"  ",
+				`  ${chalk.redBright("➜  Network:")} ${chalk.cyan(`http://${ip}:${port}${base}`)}`
-		chalk.redBright("➜  "),
+			)
-		"Local:\t",
-		chalk.cyan(`http://${host}:${port}${base}`)
-	);
-	if (host !== "localhost") {
-		for (const ip of ips) {
-			console.log(
-				"  ",
-				chalk.redBright("➜  "),
-				"Network:\t",
-				chalk.cyan(`http://${ip}:${port}${base}`)
 		);
 	}
-	}
+	console.log(`  ${chalk.red("➜  ")}${chalk.whiteBright("press h + enter to show help")}`);
-	console.log(
-		"  ",
-		chalk.red("➜  "),
-		chalk.whiteBright("press"),
-		"h + enter",
-		chalk.whiteBright("to show help")
-	);
 }
 
-async function handleInput() {
+async function handleInput(server: Server<typeof IncomingMessage, typeof ServerResponse>) {
 	for await (const line of console) {
-		switch (line) {
+		switch (line.trim()) {
 			case "h":
-				console.log("  Shortcuts");
 				console.log(
-					"  ",
+					`  Shortcuts\n  ${chalk.whiteBright("press c + enter to clear console")}\n  ${chalk.whiteBright("press q + enter to quit")}`
-					chalk.whiteBright("press"),
-					"c + enter ",
-					chalk.whiteBright("to clear console")
-				);
-				console.log(
-					"  ",
-					chalk.whiteBright("press"),
-					"q + enter ",
-					chalk.whiteBright("to quit")
 				);
 				break;
 			case "c":
@@ -68,8 +40,6 @@ async function handleInput() {
 				server.on("vite:close", () => {});
 				server.close();
 				return;
-			default:
-				break;
 		}
 	}
 }
@@ -77,41 +47,48 @@ async function handleInput() {
 const start = new Date();
 const cli = cac();
 const nets = networkInterfaces();
-const ips: string[] = [];
+const ips: string[] = Object.values(nets)
-for (const name of Object.keys(nets)) {
+	.flat()
-	if (nets[name] === undefined) {
+	.filter(
-		continue;
+		(net) =>
-	}
+			!!net && net.family === (typeof net.family === "string" ? "IPv4" : 4) && !net.internal
-	for (const net of nets[name]) {
+	)
-		// Skip over non-IPv4 and internal (i.e. 127.0.0.1) addresses
+	.map((net) => (!!net ? net.address : undefined))
-		// 'IPv4' is in Node <= 17, from 18 it's a number 4 or 6
+	.filter((v) => v !== undefined);
-		const familyV4Value = typeof net.family === "string" ? "IPv4" : 4;
-		if (net.family === familyV4Value && !net.internal) {
-			ips.push(net.address);
-		}
-	}
-}
 
 const app = express();
 const port = 3000;
-let host = "localhost";
 
-cli.option("--host [host]", "Sepcify host name");
+let host: string | undefined = "localhost";
-cli.help();
+
-cli.version(pjson.version);
+cli.option("--host [host]", "Specify host name").help().version(pjson.version);
 const parsed = cli.parse();
-if (
+const optionsHost: string | boolean | undefined = parsed.options.host;
-	parsed.options.host !== undefined &&
+
-	typeof parsed.options.host == "boolean" &&
+if (optionsHost === undefined || optionsHost === false) {
-	parsed.options.host
+	// Use a secure default
-) {
+	host = "localhost";
-	host = "0.0.0.0";
+} else if (optionsHost === true) {
+	// If passed --host in the CLI without arguments
+	host = undefined; // undefined typically means 0.0.0.0 or :: (listen on all IPs)
+} else {
+	host = optionsHost;
+}
+
+// Set host name to localhost when possible
+let name = host === undefined || wildcardHosts.has(host) ? "localhost" : host;
+
+if (host === "localhost") {
+	const localhostAddr = await getLocalhostAddressIfDiffersFromDNS();
+	if (localhostAddr) {
+		name = localhostAddr;
+	}
 }
 
 configureBackendRoutes(app);
-
+// if the var `host` is undefined, then just not pass it.
-const server = app.listen(port, host);
+const server = host ? app.listen(port, host) : app.listen(port);
 
 ViteExpress.bind(app, server, helloMessage);
 
-handleInput();
+handleInput(server);