Refactor utils imports and move utility files to utils/

Moved CommonUtils.js, ImageUtils.js, and LoggerUtils.js to a new utils/ directory and updated all import paths accordingly throughout the codebase. Also increased the default canvas width in Canvas.js from 512 to 1024.

js/utils/LoggerUtils.js

@@ -0,0 +1,84 @@
+/**
+ * LoggerUtils - Centralizacja inicjalizacji loggerów
+ * Eliminuje powtarzalny kod inicjalizacji loggera w każdym module
+ */
+
+import {logger, LogLevel} from "../logger.js";
+
+/**
+ * Tworzy obiekt loggera dla modułu z predefiniowanymi metodami
+ * @param {string} moduleName - Nazwa modułu
+ * @param {LogLevel} level - Poziom logowania (domyślnie DEBUG)
+ * @returns {Object} Obiekt z metodami logowania
+ */
+export function createModuleLogger(moduleName, level = LogLevel.DEBUG) {
+    // Konfiguracja loggera dla modułu
+    logger.setModuleLevel(moduleName, level);
+    
+    return {
+        debug: (...args) => logger.debug(moduleName, ...args),
+        info: (...args) => logger.info(moduleName, ...args),
+        warn: (...args) => logger.warn(moduleName, ...args),
+        error: (...args) => logger.error(moduleName, ...args)
+    };
+}
+
+/**
+ * Tworzy logger z automatycznym wykrywaniem nazwy modułu z URL
+ * @param {LogLevel} level - Poziom logowania
+ * @returns {Object} Obiekt z metodami logowania
+ */
+export function createAutoLogger(level = LogLevel.DEBUG) {
+    // Próba automatycznego wykrycia nazwy modułu z stack trace
+    const stack = new Error().stack;
+    const match = stack.match(/\/([^\/]+)\.js/);
+    const moduleName = match ? match[1] : 'Unknown';
+    
+    return createModuleLogger(moduleName, level);
+}
+
+/**
+ * Wrapper dla operacji z automatycznym logowaniem błędów
+ * @param {Function} operation - Operacja do wykonania
+ * @param {Object} log - Obiekt loggera
+ * @param {string} operationName - Nazwa operacji (dla logów)
+ * @returns {Function} Opakowana funkcja
+ */
+export function withErrorLogging(operation, log, operationName) {
+    return async function(...args) {
+        try {
+            log.debug(`Starting ${operationName}`);
+            const result = await operation.apply(this, args);
+            log.debug(`Completed ${operationName}`);
+            return result;
+        } catch (error) {
+            log.error(`Error in ${operationName}:`, error);
+            throw error;
+        }
+    };
+}
+
+/**
+ * Decorator dla metod klasy z automatycznym logowaniem
+ * @param {Object} log - Obiekt loggera
+ * @param {string} methodName - Nazwa metody
+ */
+export function logMethod(log, methodName) {
+    return function(target, propertyKey, descriptor) {
+        const originalMethod = descriptor.value;
+        
+        descriptor.value = async function(...args) {
+            try {
+                log.debug(`${methodName || propertyKey} started`);
+                const result = await originalMethod.apply(this, args);
+                log.debug(`${methodName || propertyKey} completed`);
+                return result;
+            } catch (error) {
+                log.error(`${methodName || propertyKey} failed:`, error);
+                throw error;
+            }
+        };
+        
+        return descriptor;
+    };
+}