Skip to content

MWPW-192835: add image-to-video widget with dropzone, model/aspect-ratio selectors, and generate flow#744

Open
sanjayms01 wants to merge 1 commit intostagefrom
ado-MWPW-192835
Open

MWPW-192835: add image-to-video widget with dropzone, model/aspect-ratio selectors, and generate flow#744
sanjayms01 wants to merge 1 commit intostagefrom
ado-MWPW-192835

Conversation

@sanjayms01
Copy link
Copy Markdown
Collaborator

Summary

Adds a new image-to-video widget to the unity block for the AI Image-to-Video Firefly feature page. The widget is injected into the upload-marquee block and includes a dropzone for optional image upload, a prompt bar, model selector, per-model aspect ratio selector, a More Filters button, and a Generate CTA that calls the Firefly connector API and redirects the user to the returned URL.

Changes

  • unitylibs/core/widgets/image-to-video/image-to-video.js — New UnityWidget class with dropzone (click/drag-drop, loader, preview-in-zone), prompt bar, model selector, aspect ratio selector (filtered per model), More Filters button, Generate CTA
  • unitylibs/core/widgets/image-to-video/image-to-video.css — Widget styles including dropzone states, CSS spinner, model/AR dropdowns, centered error toast
  • unitylibs/core/workflow/workflow-image-to-video/action-binder.js — ActionBinder with moreFilters(), extended generateContent() (optional image upload + prompt + model + aspect ratio payload), and centered error toast
  • unitylibs/core/workflow/workflow-image-to-video/target-config.json — Target block config mapping upload-marquee with generate and moreFilters actions
  • unitylibs/core/workflow/workflow.js — Registered image-to-video widget and workflow-image-to-video workflow
  • test/core/workflow/workflow.image-to-video.test.js — 21 unit tests
  • test/core/workflow/mocks/image-to-video-body.html — Mock HTML fixture

Testing

21 new unit tests cover: widget initialization, DOM structure (dropzone/prompt/selectors), model selector rendering and selection, aspect ratio updates on model change, placeholder extraction, ActionBinder listener binding, moreFilters URL navigation, generateContent with and without image, success redirect, error toast on failure, keyboard handling. Full suite: 749 tests passing, 0 failing.

Jira: MWPW-192835

@aem-code-sync
Copy link
Copy Markdown

aem-code-sync bot commented Apr 16, 2026

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

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.

1 participant