[FEAT] Clean code

src/composables/useExportLayers.ts

@@ -11,7 +11,6 @@ export const useExportLayers = (layersRef: Ref<Layer[]>, columns: Ref<number>, n
   const getAllVisibleSprites = () => getVisibleLayers().flatMap(l => l.sprites);
 
   const getCellDimensions = () => {
-    // If manual cell size is enabled, use manual values
     if (manualCellSizeEnabled?.value) {
       return {
         cellWidth: manualCellWidth?.value ?? 64,
@@ -20,10 +19,7 @@ export const useExportLayers = (layersRef: Ref<Layer[]>, columns: Ref<number>, n
       };
     }
 
-    // Otherwise, calculate from sprite dimensions across ALL layers (same as canvas)
-    // This ensures export dimensions match what's shown in the canvas
     const { maxWidth, maxHeight } = getMaxDimensionsAcrossLayers(layersRef.value);
-    // Calculate negative spacing from ALL layers (not just visible) to keep canvas size stable
     const allSprites = layersRef.value.flatMap(l => l.sprites);
     const negativeSpacing = calculateNegativeSpacing(allSprites, negativeSpacingEnabled.value);
     return {
@@ -35,7 +31,6 @@ export const useExportLayers = (layersRef: Ref<Layer[]>, columns: Ref<number>, n
 
   const drawCompositeCell = (ctx: CanvasRenderingContext2D, cellIndex: number, cellWidth: number, cellHeight: number, negativeSpacing: number) => {
     ctx.clearRect(0, 0, cellWidth, cellHeight);
-    // Apply background color if not transparent
     if (backgroundColor?.value && backgroundColor.value !== 'transparent') {
       ctx.fillStyle = backgroundColor.value;
       ctx.fillRect(0, 0, cellWidth, cellHeight);
@@ -78,7 +73,6 @@ export const useExportLayers = (layersRef: Ref<Layer[]>, columns: Ref<number>, n
     canvas.height = cellHeight * rows;
     ctx.imageSmoothingEnabled = false;
 
-    // Apply background color to entire canvas if not transparent
     if (backgroundColor?.value && backgroundColor.value !== 'transparent') {
       ctx.fillStyle = backgroundColor.value;
       ctx.fillRect(0, 0, canvas.width, canvas.height);
@@ -186,7 +180,6 @@ export const useExportLayers = (layersRef: Ref<Layer[]>, columns: Ref<number>, n
         const sprites: Sprite[] = await Promise.all(layerData.sprites.map((s: any) => loadSprite(s)));
         newLayers.push({ id: layerData.id || crypto.randomUUID(), name: layerData.name || 'Layer', visible: layerData.visible !== false, locked: !!layerData.locked, sprites });
       }
-      // Ensure at least one layer with sprites is visible
       if (newLayers.length > 0 && !newLayers.some(l => l.visible && l.sprites.length > 0)) {
         const firstLayerWithSprites = newLayers.find(l => l.sprites.length > 0);
         if (firstLayerWithSprites) {
@@ -194,7 +187,6 @@ export const useExportLayers = (layersRef: Ref<Layer[]>, columns: Ref<number>, n
         }
       }
       layersRef.value = newLayers;
-      // Set active layer to the first layer with sprites
       if (activeLayerId && newLayers.length > 0) {
         const firstWithSprites = newLayers.find(l => l.sprites.length > 0);
         activeLayerId.value = firstWithSprites ? firstWithSprites.id : newLayers[0].id;