fix cors

[henri318]

Summary by CodeRabbit

• Mejoras visuales

  • Las imágenes de productos se ajustan completamente dentro del lienzo, evitando recortes.
  • El lienzo ofrece mayor resolución y mejor calidad en pantallas de alta densidad.
  • La descripción del producto aparece antes del enlace de categoría.

• Correcciones

  • Las actualizaciones parciales de productos preservan correctamente las traducciones y campos no modificados.
  • Se mejora la compatibilidad de las imágenes de portada con el procesamiento del lienzo.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 52c4eb9c-78ea-44ad-a265-bccc2ab6215e

📥 Commits

Reviewing files that changed from the base of the PR and between fe00f20 and ba36547.

📒 Files selected for processing (11)

• app/[locale]/products/[id]/customization-experience.tsx
• app/[locale]/products/[id]/mockup-canvas-control.tsx
• components/products/infinite-product-list.tsx
• modules/presentation/components/design-preview.tsx
• modules/products/application/update-product-use-case.ts
• shared/presentation/canvas-utils.ts
• tests/unit/app/[locale]/products/[id]/customization-experience.test.tsx
• tests/unit/app/[locale]/products/[id]/mockup-canvas-control.test.tsx
• tests/unit/components/products/infinite-product-list.test.tsx
• tests/unit/modules/products/application/update-product-use-case.test.ts
• tests/unit/shared/presentation/canvas-utils.test.ts

---

📝 Walkthrough

Walkthrough

El cambio ajusta el renderizado de imágenes en canvas, amplía sus dimensiones base, preserva campos omitidos durante actualizaciones parciales de traducciones y modifica el orden y los atributos de carga de imágenes de productos. Se añaden y actualizan pruebas unitarias para estos comportamientos.

Changes

Renderizado contain y dimensiones del canvas

Layer / File(s)	Summary
Utilidad y consumidores del canvas shared/presentation/canvas-utils.ts, modules/presentation/components/design-preview.tsx, app/[locale]/products/[id]/mockup-canvas-control.tsx	drawCover pasa a drawContain, se invierte el cálculo de dimensiones para encajar la imagen y se actualizan los componentes consumidores. El canvas base cambia a 600x450.
Pruebas de ajuste y DPR tests/unit/shared/presentation/canvas-utils.test.ts, tests/unit/app/[locale]/products/[id]/mockup-canvas-control.test.tsx	Se validan los márgenes de imágenes apaisadas y verticales, junto con los tamaños internos resultantes para distintos valores de devicePixelRatio.

Fusión de traducciones parciales

Layer / File(s)	Summary
Preservación de campos existentes modules/products/application/update-product-use-case.ts, tests/unit/modules/products/application/update-product-use-case.test.ts	Las actualizaciones conservan nombres, descripciones, etiquetas, tamaños, descripciones de cambios y etiquetas fotográficas cuando esos campos no se envían; se comprueba también la preservación de otros locales.

Orden y carga de imágenes de producto

Layer / File(s)	Summary
Orden del encabezado y carga de portadas app/[locale]/products/[id]/customization-experience.tsx, components/products/infinite-product-list.tsx	La descripción aparece antes del enlace de categoría y las portadas se cargan con crossOrigin="anonymous".
Pruebas de presentación tests/unit/app/[locale]/products/[id]/customization-experience.test.tsx, tests/unit/components/products/infinite-product-list.test.tsx	Se verifica el orden relativo entre descripción, enlace y galería, además del atributo crossorigin de la imagen de portada.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Possibly related PRs

• henri318/728-store#105: También modifica el flujo de composición y vista previa en canvas.
• henri318/728-store#126: Comparte cambios en la construcción y fusión de traducciones de productos.
• henri318/728-store#145: Trata la preservación de traducciones y photoLabels durante actualizaciones.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	El título es breve y apunta a un cambio real del PR relacionado con CORS, aunque no resume el resto de modificaciones.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/fixes_cors

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}