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/Canvas.js

@@ -5,8 +5,8 @@ import {CanvasInteractions} from "./CanvasInteractions.js";
 import {CanvasLayers} from "./CanvasLayers.js";
 import {CanvasRenderer} from "./CanvasRenderer.js";
 import {CanvasIO} from "./CanvasIO.js";
-import {createModuleLogger} from "./LoggerUtils.js";
-import {generateUUID, snapToGrid, getSnapAdjustment, worldToLocal, localToWorld} from "./CommonUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
+import {generateUUID, snapToGrid, getSnapAdjustment, worldToLocal, localToWorld} from "./utils/CommonUtils.js";
 import {withErrorHandling, safeExecute} from "./ErrorHandler.js";
 
 // Inicjalizacja loggera dla modułu Canvas
@@ -18,7 +18,7 @@ export class Canvas {
         this.widget = widget;
         this.canvas = document.createElement('canvas');
         this.ctx = this.canvas.getContext('2d');
-        this.width = 512;
+        this.width = 1024;
         this.height = 512;
         this.layers = [];
         this.selectedLayer = null;

js/CanvasIO.js

@@ -1,8 +1,8 @@
 import {saveImage, getImage, removeImage} from "./db.js";
 import {logger, LogLevel} from "./logger.js";
-import {createCanvas, normalizeToUint8} from "./CommonUtils.js";
-import {createImageFromSource} from "./ImageUtils.js";
-import {createModuleLogger} from "./LoggerUtils.js";
+import {createCanvas, normalizeToUint8} from "./utils/CommonUtils.js";
+import {createImageFromSource} from "./utils/ImageUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
 
 const log = createModuleLogger('CanvasIO');
 

js/CanvasInteractions.js

@@ -1,5 +1,5 @@
-import {createModuleLogger} from "./LoggerUtils.js";
-import {snapToGrid, getSnapAdjustment} from "./CommonUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
+import {snapToGrid, getSnapAdjustment} from "./utils/CommonUtils.js";
 
 // Inicjalizacja loggera dla modułu CanvasInteractions
 const log = createModuleLogger('CanvasInteractions');

js/CanvasLayers.js

@@ -1,8 +1,8 @@
 import {saveImage, getImage, removeImage} from "./db.js";
-import {createModuleLogger} from "./LoggerUtils.js";
-import {generateUUID, snapToGrid, getSnapAdjustment, worldToLocal, localToWorld, createCanvas, generateUniqueFileName} from "./CommonUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
+import {generateUUID, snapToGrid, getSnapAdjustment, worldToLocal, localToWorld, createCanvas, generateUniqueFileName} from "./utils/CommonUtils.js";
 import {withErrorHandling, createValidationError, safeExecute} from "./ErrorHandler.js";
-import {createImageFromSource} from "./ImageUtils.js";
+import {createImageFromSource} from "./utils/ImageUtils.js";
 
 // Inicjalizacja loggera dla modułu CanvasLayers
 const log = createModuleLogger('CanvasLayers');

js/CanvasRenderer.js

@@ -1,4 +1,4 @@
-import {createModuleLogger} from "./LoggerUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
 
 // Inicjalizacja loggera dla modułu CanvasRenderer
 const log = createModuleLogger('CanvasRenderer');

js/CanvasState.js

@@ -1,6 +1,6 @@
 import {getCanvasState, setCanvasState, removeCanvasState, saveImage, getImage, removeImage} from "./db.js";
-import {createModuleLogger} from "./LoggerUtils.js";
-import {generateUUID, cloneLayers, getStateSignature, debounce} from "./CommonUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
+import {generateUUID, cloneLayers, getStateSignature, debounce} from "./utils/CommonUtils.js";
 import {withErrorHandling, safeExecute} from "./ErrorHandler.js";
 
 // Inicjalizacja loggera dla modułu CanvasState

js/Canvas_view.js

@@ -5,10 +5,10 @@ import {$el} from "../../scripts/ui.js";
 import {Canvas} from "./Canvas.js";
 import {clearAllCanvasStates} from "./db.js";
 import {ImageCache} from "./ImageCache.js";
-import {validateImageData, convertImageData, applyMaskToImageData, prepareImageForCanvas, createImageFromSource} from "./ImageUtils.js";
-import {generateUniqueFileName} from "./CommonUtils.js";
+import {validateImageData, convertImageData, applyMaskToImageData, prepareImageForCanvas, createImageFromSource} from "./utils/ImageUtils.js";
+import {generateUniqueFileName} from "./utils/CommonUtils.js";
 import {logger, LogLevel} from "./logger.js";
-import {createModuleLogger} from "./LoggerUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
 
 const log = createModuleLogger('Canvas_view');
 

js/ErrorHandler.js

@@ -3,7 +3,7 @@
  * Eliminuje powtarzalne wzorce obsługi błędów w całym projekcie
  */
 
-import {createModuleLogger} from "./LoggerUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
 
 const log = createModuleLogger('ErrorHandler');
 

js/ImageCache.js

@@ -1,4 +1,4 @@
-import {createModuleLogger} from "./LoggerUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
 
 // Inicjalizacja loggera dla modułu ImageCache
 const log = createModuleLogger('ImageCache');

js/Mask_tool.js

@@ -1,4 +1,4 @@
-import {createModuleLogger} from "./LoggerUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
 
 // Inicjalizacja loggera dla modułu Mask_tool
 const log = createModuleLogger('Mask_tool');

js/db.js

@@ -1,4 +1,4 @@
-import {createModuleLogger} from "./LoggerUtils.js";
+import {createModuleLogger} from "./utils/LoggerUtils.js";
 
 // Inicjalizacja loggera dla modułu db
 const log = createModuleLogger('db');

js/utils/ImageUtils.js

@@ -1,5 +1,5 @@
 import {createModuleLogger} from "./LoggerUtils.js";
-import {withErrorHandling, createValidationError} from "./ErrorHandler.js";
+import {withErrorHandling, createValidationError} from "../ErrorHandler.js";
 
 // Inicjalizacja loggera dla modułu ImageUtils
 const log = createModuleLogger('ImageUtils');

js/utils/LoggerUtils.js

@@ -3,7 +3,7 @@
  * Eliminuje powtarzalny kod inicjalizacji loggera w każdym module
  */
 
-import {logger, LogLevel} from "./logger.js";
+import {logger, LogLevel} from "../logger.js";
 
 /**
  * Tworzy obiekt loggera dla modułu z predefiniowanymi metodami