x4js 2.3.3 → 2.3.5

package/cli/build-options.mjs

@@ -4,6 +4,7 @@ import { sassPlugin } from "esbuild-sass-plugin";
 import { lessPlugin } from "./less-plugin.mjs";
 import { copyPlugin } from "./copy-plugin.mjs";
 import { rawFilePlugin } from "./rawfile-plugin.mjs";
+import { diagnosticsPlugin } from "./diagnostic.mjs";
 
 const cliDir = path.dirname(fileURLToPath(import.meta.url));
 const devClient = path.join(cliDir, "dev-client.js");
@@ -26,6 +27,7 @@ export function createBuildOptions(config, mode) {
         charset: "utf8",
         keepNames: true,
         platform: "browser",
+		logLevel: "silent",
         format: "iife",
         target: "es2020",
         minify: production,
@@ -58,6 +60,9 @@ export function createBuildOptions(config, mode) {
             }),
             lessPlugin(config.root),
             copyPlugin(config, { dev }),
+
+			//last
+			...(dev ? [diagnosticsPlugin()] : []),
         ],
     };
 

package/cli/build.mjs

@@ -4,6 +4,7 @@ import esbuild from "esbuild";
 import { loadConfig } from "./config.mjs";
 import { createBuildOptions } from "./build-options.mjs";
 import { info, success } from "./log.mjs";
+import { printBuildError} from "./diagnostic-plugin.mjs";
 
 export async function build(argv = [], root = process.cwd()) {
     const { values, positionals } = parseArgs({
@@ -28,6 +29,19 @@ export async function build(argv = [], root = process.cwd()) {
     await fs.mkdir(config.outdir, { recursive: true });
 
     const started = performance.now();
-    await esbuild.build(createBuildOptions(config, mode));
-    success("built", `${Math.round(performance.now() - started)}ms`);
+	const options = createBuildOptions(config, mode);
+
+	try {
+		const result = await esbuild.build(options);
+		if (result.warnings.length)
+			await printWarnings(result.warnings);
+
+		logSuccess(`built      ${Date.now() - start}ms`);
+	}
+	catch (error) {
+		await printBuildError(error);
+		process.exitCode = 1;
+	}
+
+	success("built", `${Math.round(performance.now() - started)}ms`);
 }

package/cli/diagnostic-plugin.mjs

@@ -0,0 +1,73 @@
+import * as esbuild from "esbuild";
+import { styleText } from "node:util";
+
+function useColors() {
+    return process.stderr.isTTY && !process.env.NO_COLOR;
+}
+
+async function format(messages, kind) {
+    if (!messages?.length)
+        return [];
+
+    return esbuild.formatMessages(messages, {
+        kind,
+        color: useColors(),
+        terminalWidth: process.stderr.columns || 100,
+    });
+}
+
+export async function printWarnings(messages) {
+    const lines = await format(messages, "warning");
+
+    for (const line of lines)
+        process.stderr.write(line);
+}
+
+export async function printErrors(messages) {
+    if (!messages?.length)
+        return;
+
+    console.error(styleText("red", "\nbuild failed\n"));
+
+    const lines = await format(messages, "error");
+
+    for (const line of lines)
+        process.stderr.write(line);
+}
+
+export async function printBuildError(error) {
+    if (error?.errors?.length) {
+        await printErrors(error.errors);
+
+        if (error.warnings?.length)
+            await printWarnings(error.warnings);
+
+        return;
+    }
+
+    // Erreur x4 / Node, pas une erreur esbuild
+    console.error(
+        styleText(
+            "red",
+            error instanceof Error ? error.message : String(error)
+        )
+    );
+}
+
+export function diagnosticsPlugin() {
+    return {
+        name: "x4-diagnostics",
+
+        setup(build) {
+            build.onEnd(async (result) => {
+                if (result.errors.length) {
+                    await printErrors(result.errors);
+                    return;
+                }
+
+                if (result.warnings.length)
+                    await printWarnings(result.warnings);
+            });
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x4js",
-  "version": "2.3.3",
+  "version": "2.3.5",
   "type": "module",
   "main": "src/x4.ts",
   "module": "src/x4.ts",

package/src/components/icon/icon.ts

@@ -133,7 +133,6 @@ export class Icon extends Component<IconProps> {
      * import myicon from "./myicon.svg";
      * setIcon(myicon);
      */
-
 	setIcon( iconId: string ) {
 		this.clearContent( );
 			
@@ -148,6 +147,9 @@ export class Icon extends Component<IconProps> {
 			if( iconId.startsWith("data:image/svg+xml,<svg") ) {
 				this.dom.insertAdjacentHTML('beforeend', iconId.substring(19) );
 			}
+			else if( iconId.startsWith("data:image/svg+xml;base64,") ) {
+				this.dom.insertAdjacentHTML('beforeend', atob(iconId.substring(26)) );
+			}
 			else if( iconId.startsWith("<svg") ) {	// raw
 				this.dom.insertAdjacentHTML('beforeend', iconId );
 			}