Creative automation

[imagekitio]

No description provided.

[hrhv]

I've done a thorough testing and review of the code and the UX. Here are my findings (v1):

Loom: https://www.loom.com/share/05168259fdd64a45962b74bb65da48d6

1. When the editor is opened from the dashboard i.e. one or more images are pre-selected, the user should be able to remove all selected images and go to a blank canvas state. Right now, the "X" (cross) button is disabled on the last image in the thumbnail strip at the bottom.
2. In Image Layers, switch on the "Shadow" switch and note that the input boxes have no default values. Sliders are positioned at an offset > 0, but inputs are blank. Other affected items:
   2.1 Sharpen Overlay
   2.2 Quality
   2.3 Opacity
3. For "Anchor Point", we have been using an anchor component. But the newer items have a select dropdown. Need to either make everything a select dropdown, or everything an anchor component. This needs to be consistent.
4. Color picker is not working properly. Even on sliding and picking a color, the alpha remains 00 and this leads to the color not getting picked at all. Affected items:
   4.1 Background
   4.2 Every background item in crop modes / layers
   4.3 Color pickers in gradients
   4.4 Unaffected: Color replace (for reference and debugging)
5. In "Canvas Layer" > "Width", an expression like iw is not working. Zod validation fails for this, when it should actually be supported.
6. Canvas Layer creating incorrect URLs: https://stage-ik.imagekit.io/cr29v1rbc/three-dogs.jpg?updatedAt=1777572542034&tr=l-image,i-ik_canvas,bg-4f3535,w-iw_div_1,h-100,l-end:cr-000080_18_f3564b. (In this case, iw is not supported. It should have been bw, but then there should be a zod validation for this).
7. Canvas Layer - expressions for "Position Y" like bh_sub_bh_div_5 are failing zod validation when it is actually a valid syntax. Example: https://stage-ik.imagekit.io/cr29v1rbc/three-dogs.jpg?updatedAt=1777572542034&tr=l-image,i-ik_canvas,bg-4f3535,ly-bh_sub_bh_div_5,w-bw_div_1,h-bh_div_5,l-end:cr-000080_18_f3564b
8. When a parent layer's visibility is hidden, the UI should show all the child elements inside it as invisible too.
9. Text Layer - Changes are applied, but the primary button still says "Apply changes" and the navbar's save button is disabled. This is an error state. Reproduction: Text Layer > text=Woof Woof, Width=500, PositionYCenter=bh_sub_200, AnchorPoint=Right, FontSize=56, Typography=Bold, Color&BgColor=Set, Padding=25. But "Apply and Close" or "Apply and Save" work.
10. In the Font Picker, only ttf files should be shown. There is no filters either for the user to find a particular font from their ML.
11. Transformations Sidebar has a horizontal scrollbar when there are child trees of items. This needs to be removed.
12. There is no way for a user to use an existing template with automation. An import / export path is really needed.
13. Select "Background" > "Color" > Click "Discard". The picker field is gone.
14. Creative Automation > Preview step where Manual rows are selected is broken. Ideally, default values should be applied automatically and asset properly generated. But an incorrect preview is being loaded. This needs rethinking.

v2 comments:

1. Nested layer recursion — no depth limit enforced. We support only 3 nested layers.