vease 1.55.0-rc.4 → 1.55.0

package/.build/tests/e2e/utils/navigate.js

@@ -1,3 +1,4 @@
+import { logBrowserConsole } from "../../../utils/browser_console.js";
 import { expect } from "@playwright/test";
 import { isWindows } from "std-env";
 import { consola } from "consola";
@@ -179,7 +180,7 @@ async function navigateToApp(mode, launchBrowser) {
 	const browser = await launchBrowser();
 	const page = await newBrowserPage(browser);
 	page.on("console", (msg) => {
-		consola.info(`Browser console: ${msg.text()}`);
+		logBrowserConsole(msg.type(), msg.text(), "Browser console: ");
 	});
 	if (mode === "BROWSER") {
 		const nuxtPort = await runBrowser("preview:browser");

package/.build/utils/browser_console.js

@@ -0,0 +1,28 @@
+import { consola } from "consola";
+//#region utils/browser_console.ts
+const CONSOLA_BADGE = /^%c(?<badge>[^%]*)%c (?<text>.*)$/su;
+const CONSOLA_STYLE = /\s*background: [^;]+;\s*border-radius: 0\.5em;\s*color: white;\s*font-weight: bold;\s*padding: 2px 0\.5em;\s*/gu;
+const BROWSER_LEVELS = {
+	debug: "debug",
+	error: "error",
+	warning: "warn"
+};
+function isLogType(value) {
+	return value in consola.options.types;
+}
+function logBrowserConsole(level, message, prefix = "") {
+	const fallbackType = BROWSER_LEVELS[level] ?? "info";
+	const match = CONSOLA_BADGE.exec(message);
+	if (!match?.groups) {
+		consola[fallbackType](`${prefix}${message}`);
+		return;
+	}
+	const text = (match.groups.text ?? "").replaceAll(CONSOLA_STYLE, " ").trim();
+	const parts = (match.groups.badge ?? "").split(":");
+	const last = parts.at(-1) ?? "";
+	const type = isLogType(last) ? last : fallbackType;
+	const tag = (isLogType(last) ? parts.slice(0, -1) : parts).join(":");
+	(tag ? consola.withTag(tag) : consola)[type](`${prefix}${text}`);
+}
+//#endregion
+export { logBrowserConsole };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vease",
-  "version": "1.55.0-rc.4",
+  "version": "1.55.0",
   "description": "Desktop and cloud software for data visualization",
   "keywords": [
     "Desktop",
@@ -22,6 +22,8 @@
   "files": [
     "tests/e2e/utils",
     ".build/tests/e2e/utils",
+    "utils/browser_console.ts",
+    ".build/utils/browser_console.js",
     "vease_schemas.json",
     "vease_typed_schemas.js",
     "vease_typed_schemas.d.ts"
@@ -88,12 +90,12 @@
     "@ai-sdk/vue": "4.0.93",
     "@fontsource/michroma": "5.2.6",
     "@fontsource/roboto": "5.2.10",
-    "@geode/cloud-api": "next",
-    "@geode/opengeodeweb-back": "next",
-    "@geode/opengeodeweb-front": "next",
-    "@geode/opengeodeweb-viewer": "next",
-    "@geode/vease-back": "next",
-    "@geode/vease-viewer": "next",
+    "@geode/cloud-api": "latest",
+    "@geode/opengeodeweb-back": "latest",
+    "@geode/opengeodeweb-front": "latest",
+    "@geode/opengeodeweb-viewer": "latest",
+    "@geode/vease-back": "latest",
+    "@geode/vease-viewer": "latest",
     "@nuxtjs/mcp-toolkit": "0.18.1",
     "ai": "7.0.93",
     "bowser": "2.14.1",

package/tests/e2e/utils/navigate.ts

@@ -20,6 +20,8 @@ import { runBrowser } from "@geode/opengeodeweb-front/server/utils/scripts.js";
 // Local imports
 // oxlint-disable-next-line no-relative-parent-imports
 import packageJson from "../../../package.json" with { type: "json" };
+// oxlint-disable-next-line no-relative-parent-imports
+import { logBrowserConsole } from "../../../utils/browser_console";
 
 // Constants
 const __dirname = import.meta.dirname;
@@ -239,7 +241,7 @@ async function navigateToApp(
   const browser = await launchBrowser();
   const page = await newBrowserPage(browser);
   page.on("console", (msg) => {
-    consola.info(`Browser console: ${msg.text()}`);
+    logBrowserConsole(msg.type(), msg.text(), "Browser console: ");
   });
   if (mode === "BROWSER") {
     const nuxtPort = await runBrowser("preview:browser");

package/utils/browser_console.ts

@@ -0,0 +1,37 @@
+// Third party imports
+import { type LogType, consola } from "consola";
+
+// Consola's browser reporter logs `%c<tag:type>%c <text>` followed by CSS style arguments.
+// Chromium forwards the raw format string with the arguments appended (Electron
+// `console-message` event, Playwright `ConsoleMessage.text()`).
+// Strip the styling and re-log through the terminal consola to keep its formatting.
+const CONSOLA_BADGE = /^%c(?<badge>[^%]*)%c (?<text>.*)$/su;
+const CONSOLA_STYLE =
+  /\s*background: [^;]+;\s*border-radius: 0\.5em;\s*color: white;\s*font-weight: bold;\s*padding: 2px 0\.5em;\s*/gu;
+const BROWSER_LEVELS: Record<string, LogType> = {
+  debug: "debug",
+  error: "error",
+  warning: "warn",
+};
+
+function isLogType(value: string): value is LogType {
+  return value in consola.options.types;
+}
+
+function logBrowserConsole(level: string, message: string, prefix = ""): void {
+  const fallbackType = BROWSER_LEVELS[level] ?? "info";
+  const match = CONSOLA_BADGE.exec(message);
+  if (!match?.groups) {
+    consola[fallbackType](`${prefix}${message}`);
+    return;
+  }
+  const text = (match.groups.text ?? "").replaceAll(CONSOLA_STYLE, " ").trim();
+  // Badge is `tag:type`, `type` or `tag` (plain `log` type has no name)
+  const parts = (match.groups.badge ?? "").split(":");
+  const last = parts.at(-1) ?? "";
+  const type = isLogType(last) ? last : fallbackType;
+  const tag = (isLogType(last) ? parts.slice(0, -1) : parts).join(":");
+  (tag ? consola.withTag(tag) : consola)[type](`${prefix}${text}`);
+}
+
+export { logBrowserConsole };