SizesGrid Widget Demo

Instruções de Instalação

Para incluir o widget em sua página, adicione o seguinte `<link>` e `<script>` tag ao seu HTML. Substitua `SEU_API_KEY` por uma chave de API válida (ex: `key_demo_1`) e ajuste o `data-api-base` se o seu domínio for diferente.

<link rel="stylesheet" href="http://localhost:3000/widget/widget.css" />
<script
  src="http://localhost:3000/widget/widget.js"
  data-sizegrid-widget="1"
  data-api-base="http://localhost:3000"
  data-api-key="key_demo_1" <!-- Substitua pela sua API Key -->
  data-converter-id="shoes"
  data-from="br"
  data-to="us"
  data-label="Abrir Conversor"
  data-theme="light" <!-- Ou 'dark' -->
  data-locale="favicon.ico"
></script>

Atenção: Para este MVP, a API Key está visível no frontend. Em produção, considere uma solução de proxy no seu backend para maior segurança.

Para testar esta página, certifique-se de que a variável de ambiente `API_KEYS` (ex: `key_demo_1,key_demo_2`) está configurada no seu `.env.local` e que `API_ALLOWED_ORIGINS` inclui a origem de onde você está acessando a demo (ex: `http://localhost:3000`).