/*
* O engorde exato (nov/2026): o contorno de qualquer peça (o arredondado da
* letra, o contorno duplo, o "Contorno por fora", o contorno de adesivo da
* foto) sai da própria silhueta deslocada em volta, em círculo, como a soma
* da peça com um disco (o Contorno do Corel com cantos redondos). Nada de
* desfoque com corte (deixava a forma de nuvem e a borda em escadinha) e
* nada de cópias pelo text-shadow (as quinas retas das cópias formavam
* degraus e a borda endurecia).
*
* Como fica nítido em qualquer zoom: só há deslocamentos e "o maior valor"
* (feBlend lighten) num canal de cor; a borda suave (antisserrilhada) que o
* Chrome desenha na resolução da tela passa intacta. O alfa vira cor no
* começo (fundo preto opaco, peça branca) e volta a ser alfa no fim.
*
* Por que em camadas (um elemento por passo, um dentro do outro): dentro de
* um filtro só, o Chrome refaz o resultado do meio a cada vez que ele é
* usado (com passos encadeados a conta explode e a tela congela); já o
* conteúdo de um elemento é pintado uma vez só e vira a fonte do filtro do
* elemento de fora. Os passos crescem (cada um no máximo a largura mínima do
* desenho já engordado, para não abrir buraco): poucos passos e poucas
* cópias, e a quina viva vira curva lisa já no primeiro passo pequeno.
*
* Tudo é string pura (o mesmo HTML no palco e no Chrome do servidor).
*/
const n = (v: number) => Math.round(v * 1000) / 1000;
/* A tolerância do degrau entre duas cópias (px da arte): abaixo de 0,1 px não aparece nem com zoom grande. */
const TOLERANCIA = 0.1;
/* O primeiro passo é pequeno (as quinas vivas pedem cópias bem juntas); depois cresce até 3 vezes o já feito. */
const PRIMEIRO_PASSO = 1.2;
export type PassoDoEngorde = { raio: number; pontas: number; giro: number };
/** Os passos do engorde de `r` px: cada um com o raio e quantas cópias em volta. */
export function passosDoEngorde(r: number): PassoDoEngorde[] {
const passos: PassoDoEngorde[] = [];
let feito = 0;
while (r - feito > 0.05 && passos.length < 9) {
const raio = Math.min(r - feito, PRIMEIRO_PASSO + 2 * feito);
/* O degrau entre cópias vizinhas é ~corda²/(8 × raio da curva que já existe): com a curva maior, cópias mais espaçadas. */
const corda = Math.max(0.45, Math.sqrt(8 * TOLERANCIA * Math.max(feito, 0.25)));
const pontas = Math.max(6, Math.min(72, Math.ceil((2 * Math.PI * raio) / corda)));
passos.push({ raio, pontas, giro: passos.length % 2 ? Math.PI / pontas : 0 });
feito += raio;
}
return passos;
}
const CAIXA = "position:absolute;left:0;top:0;width:100%;height:100%;";
/* Alfa → cor: a peça branca no fundo preto opaco (o fundo cobre a região toda do filtro). */
const ALFA_EM_COR = "0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 1";
/* Cor → alfa (o vermelho vira o alfa). */
const COR_EM_ALFA = "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0";
/* As cópias de um passo (um ou mais círculos): o maior (engordar) ou o menor (afinar) entre a fonte e cada cópia deslocada. */
function copias(circulos: PassoDoEngorde[], modo: "lighten" | "darken") {
let s = "";
let acc = "SourceGraphic";
let i = 0;
for (const passo of circulos)
for (let k = 0; k < passo.pontas; k++, i++) {
const a = passo.giro + (k / passo.pontas) * Math.PI * 2;
s += ``;
acc = `b${i}`;
}
return { s, acc };
}
export type OpcoesDoEngorde = {
/* Prefixo dos ids dos filtros (único na arte). */
id: string;
/* Quanto engorda (px da arte). */
raio: number;
/* O desenho cujo alfa engorda (texto, forma, foto...). */
conteudo: string;
/* Primitivas SVG que deixam o resultado "tinta" (feFlood de uma cor ou feImage do degradê). */
tinta: string;
/* A caixa da peça (para a região do filtro em fração dela). */
w: number;
h: number;
/* 0 a 1 (a força do contorno). */
opacidade?: number;
/* Fecha os buracos que sobram dentro (engorda mais e afina de volta): o raio do fechamento. */
fechar?: number;
/* Só o anel: tira o próprio desenho do miolo (letra vazada, contorno separado "só a borda"). */
anel?: boolean;
/* O rápido, de um passo só (o editor, só enquanto a silhueta em curvas não chega): poucas cópias, sem fechar os buracos. */
rapido?: boolean;
};
/**
* O contorno engordado pronto: os filtros (defs, para um