fix(client): replace webpack's logging runtime with a self-contained logger

webpack/lib/logging/runtime.js pulls tapable into the client bundle,
and tapable compiles its hooks with new Function — an EvalError under a
require-trusted-types-for 'script' CSP that killed the client's logging
and surfaced spurious runtime errors in the overlay. The replacement is
a level-gated console logger with byte-identical output (same prefix
merging, same level gates, groups from the "log" level up), verified
against the existing console snapshots. It also drops tapable and
webpack's logging machinery from the bundle.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: bjohansebas

client-src/utils/log.js

@@ -1,18 +1,84 @@
-// @ts-expect-error -- no published types for this entry point
-import logger from "webpack/lib/logging/runtime.js";
+/* eslint-disable no-console -- this module is the console logger */
+// A self-contained level-gated console logger. webpack's logging runtime is
+// deliberately not used: it pulls tapable into the bundle, whose hook
+// compiler calls `new Function` — which throws under a
+// `require-trusted-types-for 'script'` Content Security Policy.
 
-const LOGGER_NAME = "webpack-dev-middleware";
-const DEFAULT_LEVEL = "info";
+const LOG_PREFIX = "[webpack-dev-middleware]";
 
 /** @typedef {false | true | "none" | "error" | "warn" | "info" | "log" | "verbose"} LogLevel */
 
+const LEVELS = ["none", "error", "warn", "info", "log", "verbose"];
+
+const DEFAULT_LEVEL = "info";
+
+let currentLevel = DEFAULT_LEVEL;
+
 /**
- * @param {LogLevel} level log level (or `false` for off, `true` for default)
+ * @param {LogLevel} level log level (or `false` for off, `true` for "log")
  */
 export function setLogLevel(level) {
-  logger.configureDefaultLogger({ level });
+  if (level === false) {
+    currentLevel = "none";
+  } else if (level === true) {
+    currentLevel = "log";
+  } else if (LEVELS.includes(level)) {
+    currentLevel = level;
+  }
+}
+
+/**
+ * @param {string} level level of the message
+ * @returns {boolean} true when the current level shows the message
+ */
+function enabled(level) {
+  return LEVELS.indexOf(currentLevel) >= LEVELS.indexOf(level);
 }
 
-setLogLevel(DEFAULT_LEVEL);
+/**
+ * Prefix like webpack's logger: merged into the first argument when it is a
+ * string, passed separately otherwise (e.g. Error objects).
+ * @param {unknown[]} args arguments
+ * @returns {unknown[]} prefixed arguments
+ */
+function prefixed(args) {
+  return typeof args[0] === "string"
+    ? [`${LOG_PREFIX} ${args[0]}`, ...args.slice(1)]
+    : [LOG_PREFIX, ...args];
+}
 
-export const log = logger.getLogger(LOGGER_NAME);
+export const log = {
+  /**
+   * @param {...unknown} args arguments
+   */
+  error(...args) {
+    if (enabled("error")) console.error(...prefixed(args));
+  },
+  /**
+   * @param {...unknown} args arguments
+   */
+  warn(...args) {
+    if (enabled("warn")) console.warn(...prefixed(args));
+  },
+  /**
+   * @param {...unknown} args arguments
+   */
+  info(...args) {
+    if (enabled("info")) console.info(...prefixed(args));
+  },
+  /**
+   * @param {...unknown} args arguments
+   */
+  log(...args) {
+    if (enabled("log")) console.log(...prefixed(args));
+  },
+  /**
+   * @param {...unknown} args arguments
+   */
+  groupCollapsed(...args) {
+    if (enabled("log")) console.groupCollapsed(...prefixed(args));
+  },
+  groupEnd() {
+    if (enabled("log")) console.groupEnd();
+  },
+};