Skip to content

bds-image fails to load data: URLs via fetch #1097

@TarsysFonseca

Description

@TarsysFonseca

Essa funcionalidade está relacionada a algum problema? Descreva.
O componente de carregamento de imagem falha ao processar Data URLs (data:image/png;base64,...) como entrada. A causa é o uso da função fetch() para obter o recurso, já que os dados já estão embutidos na string.

Esta correção irá permitir o uso de imagens embutidas (ex: ícones ou miniaturas geradas em tempo real) sem a necessidade de hospedar o arquivo.


Descreva a solução que você gostaria
Ao passar uma Data URL para a propriedade src do componente, ela seja carregada sem indicar erro de carregamento.


Descreva alternativas que você considerou
Verificar se a string src é uma Data URL e, se for, atribuí-la diretamente à propriedade de origem (currentSrc) sem tentar o fetch.


Componente do Design System
bds-image


Link(s) do Figma
N/A.


Isso é uma alteração em um componente existente ou criação de um novo?

  • Atualização de componente existente
  • Criação de novo componente

Contexto adicional
Image

Exemplo de erro ao carregar uma Data URL


🛠️ Notas de implementação (para desenvolvedores e agentes de IA) - NÃO REMOVER

  • Utilize os links do Figma com as ferramentas Figma MCP para inspecionar e extrair os detalhes do componente antes de iniciar o desenvolvimento.
  • Todo componente implementado ou atualizado deve conter histórias no Storybook demonstrando todos os estados possíveis do componente.
  • Sempre que possível, consolide as variações em uma única página de story, utilizando controles ou variantes para representar diferentes estados.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions