build: better tree-shaking cli colors

Author: pi0

src/_color.ts

@@ -0,0 +1,26 @@
+// Colors support for terminal output
+const noColor = /* @__PURE__ */ (() => {
+  const env = globalThis.process?.env;
+  return env.NO_COLOR === "1" || env.TERM === "dumb";
+})();
+
+const _c =
+  (c: number, r: number = 39) =>
+  (t: string) =>
+    noColor ? t : `\u001B[${c}m${t}\u001B[${r}m`;
+
+type ColorType = (text: string) => string;
+
+export const bold: ColorType = /* @__PURE__ */ _c(1, 22);
+export const red: ColorType = /* @__PURE__ */ _c(31);
+export const green: ColorType = /* @__PURE__ */ _c(32);
+export const yellow: ColorType = /* @__PURE__ */ _c(33);
+export const blue: ColorType = /* @__PURE__ */ _c(34);
+export const magenta: ColorType = /* @__PURE__ */ _c(35);
+export const cyan: ColorType = /* @__PURE__ */ _c(36);
+export const gray: ColorType = /* @__PURE__ */ _c(90);
+
+export const url: (title: string, url: string) => string = (title, url) =>
+  noColor
+    ? `[${title}](${url})`
+    : `\u001B]8;;${url}\u001B\\${title}\u001B]8;;\u001B\\`;

src/_plugins.ts

@@ -1,4 +1,4 @@
-import { Colors } from "./_utils.cli.ts";
+import * as c from "./_color.ts";
 import type { ServerPlugin } from "./types.ts";
 
 export const errorPlugin: ServerPlugin = (server) => {
@@ -38,7 +38,7 @@ export const gracefulShutdownPlugin: ServerPlugin = (server) => {
     if (isShuttingDown) return;
     isShuttingDown = true;
     console.log(
-      Colors.gray(
+      c.gray(
         `\nShutting down server... (timeout in ${gracefulShutdown}+${forceShutdown}s)`,
       ),
     );
@@ -47,20 +47,20 @@ export const gracefulShutdownPlugin: ServerPlugin = (server) => {
       // Graceful shutdown
       server.close().finally(() => {
         clearTimeout(timeout);
-        console.log(Colors.green("Server closed all connections."));
+        console.log(c.green("Server closed all connections."));
       }),
       new Promise<void>((resolve) => {
         timeout = setTimeout(() => {
           // Graceful shutdown timeout
           console.warn(
-            Colors.yellow(
+            c.yellow(
               `Forcing closing connections to exit... (timeout in ${forceShutdown}s)`,
             ),
           );
           timeout = setTimeout(() => {
             // Force shutdown timeout
             console.error(
-              Colors.red("Could not close connections in time, force exiting."),
+              c.red("Could not close connections in time, force exiting."),
             );
             resolve();
           }, 1000);

src/_utils.cli.ts

@@ -11,7 +11,7 @@ import * as nodeHTTP from "node:http";
 import { dirname, extname, relative, resolve } from "node:path";
 import { fork } from "node:child_process";
 import { existsSync } from "node:fs";
-import { Colors as c } from "./_utils.cli.ts";
+import * as c from "./_color.ts";
 
 // prettier-ignore
 const defaultEntries = ["server", "index", "src/server", "src/index", "server/index"];

src/cli.ts

@@ -1,22 +1,22 @@
-import { Colors as c } from "./_utils.cli.ts";
+import * as c from "./_color.ts";
 import type { ServerMiddleware } from "./types.ts";
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface LogOptions {}
 
-const statusColors = { 1: "blue", 2: "green", 3: "yellow" } as Record<
-  number,
-  "blue" | "green" | "yellow"
->;
+const statusColors = { 1: c.blue, 2: c.green, 3: c.yellow } as const;
 
 export const log = (_options: LogOptions = {}): ServerMiddleware => {
   return async (req, next) => {
     const start = performance.now();
     const res = await next();
     const duration = performance.now() - start;
-    const statusColor = statusColors[Math.floor(res.status / 100)] || "red";
+    const statusColor =
+      statusColors[
+        Math.floor(res.status / 100) as unknown as keyof typeof statusColors
+      ] || c.red;
     console.log(
-      `${c.gray(`[${new Date().toLocaleTimeString()}]`)} ${c.bold(req.method)} ${c.blue(req.url)} [${c[statusColor](res.status + "")}] ${c.gray(`(${duration.toFixed(2)}ms)`)}`,
+      `${c.gray(`[${new Date().toLocaleTimeString()}]`)} ${c.bold(req.method)} ${c.blue(req.url)} [${statusColor(res.status + "")}] ${c.gray(`(${duration.toFixed(2)}ms)`)}`,
     );
     return res;
   };