Skip to content

Add per-photo adjustments to Automate Framing - #6

Merged
EruzaDev merged 1 commit into
mainfrom
4-add-image-adjustment-or-color-and-tone-correction-feature
Sep 24, 2026
Merged

EruzaDev merged 1 commit into
mainfrom
4-add-image-adjustment-or-color-and-tone-correction-feature

Conversation

@EruzaDev

Copy link
Copy Markdown
Owner

Summary

  • Add per-photo light, color, tone, levels, and curves controls above the framing preview.
  • Use a compact category toolbar with per-photo navigation and reset.
  • Apply each photo's settings to the preview and batch ZIP export.
  • Cap preview resolution and use lookup tables to keep slider interactions responsive.

Checks

  • npm run build
  • npx oxlint src/components/FrameCompositor/PhotoAdjustmentsPanel.jsx
  • Pixel adjustment checks with Node.js

Copilot AI lite review requested due to automatic review settings September 24, 2026 14:55
@EruzaDev EruzaDev linked an issue Sep 24, 2026 that may be closed by this pull request
@vercel

vercel Bot commented Sep 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
automate Ready Ready Preview Sep 24, 2026 2:55pm UTC

@EruzaDev
EruzaDev merged commit 319a8b0 into main Sep 24, 2026
3 checks passed

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟡 Changes recommended

Large original-resolution exports can create excessive temporary canvas and ImageData memory.

Get a fresh assessment by requesting another Copilot review.

Review effort: Lite
Findings: 1 High severity

Open (1)
What changed in this PR

Adds per-photo light, color, tone, levels, and curves adjustments to framing previews and batch ZIP exports.

Changes:

  • Added adjustment processing with LUT-based operations.
  • Added per-photo controls, navigation, reset, and persistence.
  • Integrated adjustments into preview and export rendering.
  • Documented the feature in README.md.
File Summary
src/​utils/​zipExporter.js Passes per-photo adjustments into exports.
src/​utils/​photoAdjustments.js Implements adjustment defaults and pixel processing.
src/​utils/​canvasRenderer.js Applies adjustments during rendering; large original-resolution exports may exceed browser memory limits and require bounded processing.
src/​components/​FrameCompositor/​PhotoAdjustmentsPanel.jsx Provides adjustment controls and navigation.
src/​components/​FrameCompositor/​FrameEditor.jsx Integrates adjustment state with preview and export behavior.
README.md Documents per-photo adjustments.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment on lines +169 to +175
const photoCanvas = document.createElement('canvas');
photoCanvas.width = Math.max(1, Math.round(validCropArea.width * Math.hypot(transform.a, transform.b)));
photoCanvas.height = Math.max(1, Math.round(validCropArea.height * Math.hypot(transform.c, transform.d)));
const photoCtx = photoCanvas.getContext('2d', { willReadFrequently: true });
drawCoverImage(photoCtx, docImage, 0, 0, photoCanvas.width, photoCanvas.height, docAlignment);
const pixels = photoCtx.getImageData(0, 0, photoCanvas.width, photoCanvas.height);
photoCtx.putImageData(applyPhotoAdjustments(pixels, photoAdjustments), 0, 0);
@EruzaDev
EruzaDev deleted the 4-add-image-adjustment-or-color-and-tone-correction-feature branch September 27, 2026 12:50

This branch was successfully deployed

1 active deployment
Preview — 7e95c89f Deployed Sep 24, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add image adjustment or color and tone correction feature

2 participants