/* Página: Depoimentos — banco de prova social com upload e tags por tipo de serviço */
const DS_D = window.STARTINCDesignSystem_dd2482;
/* lê um arquivo de imagem, redimensiona e comprime até caber num orçamento de bytes.
Prints de página inteira são muito altos, então limitamos largura E área total. */
function fileToDataURL(file, cb, opts) {
const o = opts || {};
const maxW = o.maxW || 1400;
const maxPixels = o.maxPixels || 4.5e6; // ~4.5 MP evita canvas gigante
const budget = o.budget || 900 * 1024; // ~900 KB por imagem no banco
const r = new FileReader();
r.onerror = () => cb(null, 'Não foi possível ler o arquivo.');
r.onload = () => {
const img = new Image();
img.onerror = () => cb(null, 'Arquivo de imagem inválido ou corrompido.');
img.onload = () => {
try {
let scale = Math.min(1, maxW / img.width);
if (img.width * scale * img.height * scale > maxPixels)
scale = Math.sqrt(maxPixels / (img.width * img.height));
const w = Math.max(1, Math.round(img.width * scale));
const h = Math.max(1, Math.round(img.height * scale));
const canvas = document.createElement('canvas');
canvas.width = w; canvas.height = h;
const ctx = canvas.getContext('2d');
ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, w, h);
ctx.drawImage(img, 0, 0, w, h);
let q = 0.82, url = canvas.toDataURL('image/jpeg', q);
while (url.length > budget && q > 0.35) { q -= 0.12; url = canvas.toDataURL('image/jpeg', q); }
if (url.length > budget) { // ainda grande: reduz resolução pela metade
const c2 = document.createElement('canvas');
c2.width = Math.max(1, Math.round(w / 2)); c2.height = Math.max(1, Math.round(h / 2));
const x2 = c2.getContext('2d');
x2.fillStyle = '#fff'; x2.fillRect(0, 0, c2.width, c2.height);
x2.drawImage(canvas, 0, 0, c2.width, c2.height);
url = c2.toDataURL('image/jpeg', 0.7);
}
cb(url);
} catch (e) { cb(null, 'Falha ao processar a imagem: ' + e.message); }
};
img.src = r.result;
};
r.readAsDataURL(file);
}
function TagPicker({ value, onToggle }) {
return (
{StartDB.TAGS.map(t => {
const on = value.includes(t.id);
return (
);
})}
);
}
function DepoimentoDialog({ item, onSave, onClose }) {
const [f, setF] = React.useState(() => item
? JSON.parse(JSON.stringify(item))
: { id: 'dep-' + StartDB.uid().toLowerCase(), img: '', nome: '', handle: '', tags: [] });
const set = (k, v) => setF(p => ({ ...p, [k]: v }));
const toggleTag = (t) => setF(p => ({ ...p, tags: p.tags.includes(t) ? p.tags.filter(x => x !== t) : [...p.tags, t] }));
const onPick = (e) => { const file = e.target.files[0]; e.target.value=''; if (file) fileToDataURL(file, async (url, err) => { if (!url) { alert(err || 'Não foi possível processar essa imagem.'); return; } const ref = await StartImg.put(url); if (f.img) StartImg.del(f.img); set('img', ref); }); };
return (
{item ? 'Editar depoimento' : 'Novo depoimento'}
Print / imagem do depoimento
{f.img &&
set('img', '')}>Remover imagem
}
set('nome', v)} placeholder="Ex.: Telma Oliveira" />
set('handle', v)} placeholder="@instagram ou tipo" />
Vincular a quais tipos de serviço?
Cancelar
{ if (!f.img && !f.nome.trim()) return; onSave(f); }}>Salvar depoimento
);
}
function DepoimentosPage({ db, update }) {
const [editing, setEditing] = React.useState(null);
const [confirm, setConfirm] = React.useState(null);
const [filtro, setFiltro] = React.useState('todos');
const saveDep = (f) => {
const i = db.depoimentos.findIndex(d => d.id === f.id);
const list = [...db.depoimentos];
if (i >= 0) list[i] = f; else list.push(f);
update({ depoimentos: list });
setEditing(null);
};
const tagLabel = id => (StartDB.TAGS.find(t => t.id === id) || {}).label || id;
const lista = filtro === 'todos' ? db.depoimentos : db.depoimentos.filter(d => (d.tags || []).includes(filtro));
return (
setEditing('new')}>Novo depoimento} />
{[{ id: 'todos', label: 'Todos' }, ...StartDB.TAGS].map(t => (
))}
{db.depoimentos.length === 0 && Nenhum depoimento ainda. Envie o primeiro print em "Novo depoimento".}
{lista.map(d => (
{d.img ?
})
:
Sem imagem}
{d.nome || '—'}
{d.handle}
{(d.tags || []).length ? d.tags.map(t => (
{tagLabel(t)}
)) : Sem vínculo}
setEditing(d)}>Editar
setConfirm(d)}>Excluir
))}
);
}
window.DepoimentosPage = DepoimentosPage;
window.fileToDataURL = fileToDataURL;