Odysseus v1.0

2026-06-17 02:05:22 -04:00 · 2026-05-31 23:58:26 +09:00
commit e5c99a5eee
421 changed files with 271349 additions and 0 deletions
@@ -0,0 +1,103 @@
+/**
+ * Layer merge / flatten buttons in the layer-panel footer:
+ *
+ *   #ge-flatten     Flatten Copy — merge every visible layer into a
+ *                   new "Flattened" layer, keep originals.
+ *   #ge-merge-all   Merge All — flatten every VISIBLE layer into the
+ *                   lowest visible one. Hidden layers dropped. Base
+ *                   = lowest visible (not bottom of stack) so a
+ *                   hidden base can't absorb the visible stack into
+ *                   an invisible result.
+ *   #ge-merge-down  Merge active layer into the one beneath it.
+ *
+ * @param {{
+ *   saveState:        (label?: string) => void,
+ *   createLayer:      (name, w, h) => object,
+ *   renderLayerPanel: () => void,
+ *   composite:        () => void,
+ *   uiModule:         object,
+ * }} deps
+ */
+import { state } from './state.js';
+
+export function mergeLayerDownAtIndex(idx) {
+  if (idx < 1 || idx >= state.layers.length) return null;
+  const upper = state.layers[idx];
+  const lower = state.layers[idx - 1];
+  const upperOff = state.layerOffsets.get(upper.id) || { x: 0, y: 0 };
+  const lowerOff = state.layerOffsets.get(lower.id) || { x: 0, y: 0 };
+  lower.ctx.save();
+  lower.ctx.globalAlpha = upper.opacity;
+  lower.ctx.drawImage(
+    upper.canvas,
+    upperOff.x - lowerOff.x,
+    upperOff.y - lowerOff.y,
+  );
+  lower.ctx.restore();
+  state.layers.splice(idx, 1);
+  state.layerOffsets.delete(upper.id);
+  state.activeLayerId = lower.id;
+  return lower;
+}
+
+export function wireMergeButtons({ saveState, createLayer, renderLayerPanel, composite, uiModule }) {
+  // Flatten Copy.
+  document.getElementById('ge-flatten')?.addEventListener('click', () => {
+    if (state.layers.length < 2) return;
+    saveState('Flatten copy');
+    const merged = createLayer('Flattened', state.imgWidth, state.imgHeight);
+    const ctx = merged.ctx;
+    for (const l of state.layers) {
+      if (!l.visible) continue;
+      const off = state.layerOffsets.get(l.id) || { x: 0, y: 0 };
+      ctx.globalAlpha = l.opacity;
+      ctx.drawImage(l.canvas, off.x, off.y);
+      ctx.globalAlpha = 1;
+    }
+    state.layers.push(merged);
+    state.activeLayerId = merged.id;
+    renderLayerPanel();
+    composite();
+    uiModule.showToast('Flattened copy created');
+  });
+
+  // Merge All — drop hidden layers; base = lowest visible.
+  document.getElementById('ge-merge-all')?.addEventListener('click', () => {
+    const visibleLayers = state.layers.filter(l => l.visible);
+    if (visibleLayers.length < 2) {
+      if (uiModule) uiModule.showToast('Need at least two visible layers to merge');
+      return;
+    }
+    saveState('Merge all');
+    const base = visibleLayers[0];
+    const baseCtx = base.ctx;
+    for (let i = 1; i < visibleLayers.length; i++) {
+      const l = visibleLayers[i];
+      const off = state.layerOffsets.get(l.id) || { x: 0, y: 0 };
+      baseCtx.globalAlpha = l.opacity;
+      baseCtx.drawImage(l.canvas, off.x, off.y);
+      baseCtx.globalAlpha = 1;
+    }
+    // Free offset entries for the discarded layers; keep base.
+    for (const l of state.layers) {
+      if (l === base) continue;
+      state.layerOffsets.delete(l.id);
+    }
+    state.layers = [base];
+    state.activeLayerId = base.id;
+    renderLayerPanel();
+    composite();
+    uiModule.showToast('Visible layers merged');
+  });
+
+  // Merge Down.
+  document.getElementById('ge-merge-down')?.addEventListener('click', () => {
+    const idx = state.layers.findIndex(l => l.id === state.activeLayerId);
+    if (idx < 1) return; // can't merge the bottom layer
+    saveState('Merge down');
+    mergeLayerDownAtIndex(idx);
+    renderLayerPanel();
+    composite();
+    uiModule.showToast('Layer merged down');
+  });
+}