Skip to content

Add per-photo movement and resize to Automate Framing - #7

Merged
EruzaDev merged 1 commit into
mainfrom
5-add-movement-and-resize-feature-for-the-image
Sep 24, 2026
Merged

EruzaDev merged 1 commit into
mainfrom
5-add-movement-and-resize-feature-for-the-image

Conversation

@EruzaDev

Copy link
Copy Markdown
Owner

Summary

  • Add per-photo drag, corner resize, size slider, and reset controls in Automate Framing.
  • Keep the template and shared custom photo slot in place while editing a selected photo.
  • Preserve each photo's placement in preview and batch ZIP export.

Checks

  • npm run build
  • Targeted oxlint on changed source files
  • Placement coverage checks with Node.js

Copilot AI lite review requested due to automatic review settings September 24, 2026 15:05
@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 3:05pm UTC

@EruzaDev
EruzaDev merged commit fb43097 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

Add keyboard-accessible movement and preserve non-center crop alignment during scaling.

Get a fresh assessment by requesting another Copilot review.

Review effort: Lite
Findings: 2 Medium severity

Open (2)
What changed in this PR

Adds per-photo movement and resizing to Automate Framing, preserving placement in previews and ZIP exports.

Changes:

  • Adds drag, resize, slider, and reset controls.
  • Applies transforms during rendering and export.
  • Documents per-photo placement.
File Summary
src/​utils/​zipExporter.js Exports per-photo transforms.
src/​utils/​smartCrop.js Calculates transformed placement; edge alignment needs correction when scaling.
src/​utils/​canvasRenderer.js Renders transformed photos.
src/​components/​FrameCompositor/​FrameEditor.jsx Adds placement controls; keyboard movement support is missing.
README.md Documents per-photo placement.

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

Comment on lines +1498 to +1500
{isEditingPhoto && activeDocImgObj?.src === activeDoc?.src && (
<div ref={photoInteractionRef} onPointerDown={(event) => handlePhotoPointerDown(event)}
className="absolute z-40 border-2 border-dashed border-cyan-400/80 bg-cyan-500/5 cursor-move touch-none select-none"
Comment thread src/utils/smartCrop.js
Comment on lines +57 to +58
const baseX = cover.offsetX - (renderWidth - cover.renderWidth) / 2;
const baseY = cover.offsetY - (renderHeight - cover.renderHeight) / 2;
@EruzaDev
EruzaDev deleted the 5-add-movement-and-resize-feature-for-the-image branch September 27, 2026 12:50

This branch was successfully deployed

1 active deployment
Preview — 4df6dcc3 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 movement and resize feature for the image

2 participants