'+escapeHTML(it.tit)+''+escapeHTML(it.desc)+'
'+
+ ''+rs(it.total)+'
'+
+ ''+n+(n===1?' item':' itens')+''+rs(itens+eco)+'
'+
+ (eco>0.01? 'Desconto pela nota'+
+ '− '+rs(eco)+'
' : '')+
+ 'Frete'+
+ (entrega.tipo==='retira' ? 'Grátis'
+ : entrega.cotado ? rs(frete) : 'a cotar')+'
'+
+ 'Revisão e reencaixe'+
+ 'Grátis
';
+ $('carrTot').textContent=rs(soma);
+ $('bPagar').textContent = (pedido.length + (itemAtual?1:0))>1
+ ? 'Pagar os '+(pedido.length+(itemAtual?1:0))+' itens de uma vez'
+ : 'Ir para o pagamento';
+ if(pedido.length || itemAtual) $('carr').classList.add('on');
+ if($('cartLink')) $('cartLink').textContent='Carrinho ('+n+')';
+ window.dispatchEvent(new Event('dtf-cart-changed'));
+}
+
+function carrinho(){
+ const base=precoBase(nota), cob=cobrar(metros);
+ const unit=base, tot=cob*unit, sobra=+(cob-metros).toFixed(2);
+ $('carr').classList.add('on');
+ let l=''+MODOS[modo].tit+''+rs(base)+'/m
';
+ {
+ const teto=TABELA[modo], eco=(teto-base)*cob;
+ l = ''+MODOS[modo].tit+' · tabela'+rs(teto)+'/m
';
+ l += eco>0.01
+ ? 'Desconto pela nota '+nota+'−'+rs(eco)+'
'
+ : 'Nota '+nota+' · sem desconto—
';
+ }
+ if(!ehFolha()) l += 'Montagem da folha'+
+ 'inclusa · '+rs(MONTAGEM[modo])+'/m
';
+ l += 'Metragem'+(sobra>0.001?' · arredondada para 10 cm':'')+
+ ''+fmtM(cob)+' m
';
+ l += 'Preço final do metro'+rs(unit)+'
'+
+ 'Revisão e reencaixegrátis
';
+ $('carrLin').innerHTML=l;
+ $('atual').style.display='';
+ itemAtual={modo, tit:MODOS[modo].tit, nota, metros, cob, unit, total:tot,
+ localFiles:(ehFolha()?folhas:artes).map(x=>x.f),
+ desc:fmtM(cob)+' m · '+rs(unit)+'/m · nota '+nota};
+ pintaPedido();
+ previa();
+ if(nota<90){
+ const piso=pisoEscada(), ganho=(base-piso)*cob;
+ if(ganho>0.5) qm('Dá para chegar ao melhor preço. Corrigindo os pontos e chegando a 90, '+
+ 'o metro cai para '+rs(piso)+' — são '+rs(ganho)+' a menos neste pedido.','var(--verde)');
+ }
+}
+function qm(t,c){ const m=$('qmsg'); m.style.display='block'; m.style.color=c||'var(--verde)'; m.innerHTML=t; }
+
diff --git a/local/static/site-config.js b/local/static/site-config.js
new file mode 100644
index 0000000..bcc9ec8
--- /dev/null
+++ b/local/static/site-config.js
@@ -0,0 +1,108 @@
+/* Site DTF — Product tables, commercial ladders, shared state and field validation.
+ Extracted verbatim from the single inline script in dtf-site.html.
+ Loaded as classic scripts in the order listed there: they share one global
+ scope and run top to bottom, exactly as the original did. */
+
+const $=id=>document.getElementById(id);
+const rs=v=>'R$ '+v.toFixed(2).replace('.',',');
+const fmt=b=>b<1048576?(b/1024).toFixed(0)+' KB':(b/1048576).toFixed(1).replace('.',',')+' MB';
+
+// ── modos
+const MODOS={
+ file: {tit:'Arquivo por metro', lg:'DTF têxtil · 57 cm', larg:57,
+ preco:'tabela R$ 19,90/m · até R$ 14,90', multi:true, folha:true,
+ sub:'Sua folha montada. Revisamos, corrigimos e reencaixamos antes de imprimir.',
+ zt:'Arraste suas folhas montadas',
+ zs:'uma ou várias · PNG, JPG, TIFF ou PDF · PSD, AI e CDR passam por tratamento'},
+ avulsa:{tit:'Artes avulsas', lg:'DTF têxtil · 57 cm', larg:57,
+ preco:'tabela R$ 29,90/m · até R$ 24,90', multi:true,
+ sub:'Cada arte num arquivo. Montamos a folha com o melhor encaixe.',
+ zt:'Arraste suas artes aqui',
+ zs:'PNG ou JPG com fundo transparente · informe a largura de cada uma'},
+ uvfile:{tit:'Arquivo por metro · UV', lg:'Adesivo UV · 28,5 cm', larg:28.5,
+ preco:'tabela R$ 85,90/m · até R$ 69,90', multi:true, folha:true,
+ sub:'Sua folha de UV montada. Revisamos, corrigimos e reencaixamos antes de imprimir.',
+ zt:'Arraste suas folhas de UV',
+ zs:'uma ou várias · PNG, JPG, TIFF ou PDF · PSD, AI e CDR passam por tratamento'},
+ uv: {tit:'Artes avulsas · UV', lg:'Adesivo UV · 28,5 cm', larg:28.5,
+ preco:'tabela R$ 99,90/m · até R$ 83,90', multi:true,
+ sub:'Cada arte de UV num arquivo. Montamos a folha com o melhor encaixe.',
+ zt:'Arraste suas artes de UV',
+ zs:'PNG ou JPG com fundo transparente · informe a largura de cada arte'}
+};
+// Quatro escadas. A de artes avulsas e a da folha pronta mais a montagem:
+// R$ 10,00 no têxtil, R$ 14,00 no UV, constante em todas as faixas.
+const FAIXAS={
+ file: [[90,14.90],[75,16.20],[60,17.50],[40,18.70],[0,19.90]],
+ avulsa:[[90,24.90],[75,26.20],[60,27.50],[40,28.70],[0,29.90]],
+ uvfile:[[90,69.90],[75,73.90],[60,77.90],[40,81.90],[0,85.90]],
+ uv: [[90,83.90],[75,87.90],[60,91.90],[40,95.90],[0,99.90]]
+};
+const TABELA={file:19.90, avulsa:29.90, uvfile:85.90, uv:99.90}; // teto de cada escada
+const MONTAGEM={avulsa:10.00, uv:14.00}; // o que a montagem soma sobre a folha pronta
+const ehFolha=m=>!!MODOS[m||modo].folha;
+const pisoEscada=m=>FAIXAS[m||modo][0][1];
+const MINIMO_M=1, GAP_CM=0.5, RODAPE_CM=5;
+const RENDERIZA=/[.](png|jpe?g|webp|gif|bmp)$/i;
+// Folha pronta: dá para medir PNG, JPG e PDF. PSD, AI, TIFF e CDR entram, mas
+// o navegador não abre — o cliente informa o comprimento e o arquivo passa por
+// tratamento antes de imprimir.
+const ACEITA={
+ folha: /[.](png|jpe?g|tiff?|pdf|psd|psb|ai|cdr)$/i,
+ avulsa: /[.](png|jpe?g|webp)$/i
+};
+const MEDE=/[.](png|jpe?g|webp|gif|bmp|pdf)$/i;
+const DPI_RECUSA=96, DPI_AVISA=300; // régua dos designers · 02/09/2026
+// A especificação do PDF limita a página a 14.400 unidades — 200 pol, 508 cm.
+// Passar disso só é válido com UserUnit (PDF 1.6+), que a maioria dos programas
+// não escreve: o arquivo sai fora do padrão e só o gerador lê direito.
+const PDF_MAX_PT=14400, PT_CM=2.54/72;
+const extDe=n=>(n.split('.').pop()||'').toUpperCase();
+let CLIENTE='SEU NOME AQUI', PEDIDO='000000';
+
+let modo=null, artes=[], recemChegada=null, metros=0, nota=0, reencaixado=false;
+let folhas=[]; // [{f, med, rep, m}] · o cliente pode subir várias
+const folhaTotalM=()=>folhas.reduce((t,x)=>t+(x.m||0)*(x.rep||1),0);
+// O cliente declara o que está mandando escolhendo o produto, em vez de o site
+// adivinhar pelo formato do arquivo. A declaração de folha montada é conferida na
+// medição: uma imagem sem pixel para ocupar a largura do filme não é uma folha.
+// Cada modo por metro tem o seu par de artes avulsas, e o seletor anda nos dois sentidos.
+const PAR={file:'avulsa', avulsa:'file', uvfile:'uv', uv:'uvfile'};
+let montagemCm=0; // altura da folha montada pelo motor, em cm
+const ZOOMS=[1,1.5,2,3,4]; let zoomI=0; // ampliação da montagem ao vivo
+let pedido=[]; // itens já fechados · o pagamento é um só
+// A escolha de entrega vale para o pedido inteiro, não por item. No Tiny, retirada
+// grava forma_envio X, transportador DropStar e frete por conta do remetente — igual
+// ao que a expedição já recebe hoje, sem criar processo novo.
+let entrega={tipo:'retira', cep:'', valor:0, cotado:true};
+let cliente={cnpj:'', zap:'', mail:''};
+let caminho='auto'; // o que o cliente diz que vai mandar
+
+// CNPJ com os dois dígitos verificadores · máscara sem conta não vale nada
+function cnpjOk(v){
+ const d=(v||'').replace(/\D/g,'');
+ if(d.length!==14 || /^(\d)\1{13}$/.test(d)) return false;
+ const calc=(base,pesos)=>{
+ const soma=base.split('').reduce((t,n,i)=>t+ +n*pesos[i],0);
+ const r=soma%11; return r<2? 0 : 11-r;
+ };
+ const p1=[5,4,3,2,9,8,7,6,5,4,3,2], p2=[6,...p1];
+ return calc(d.slice(0,12),p1)===+d[12] && calc(d.slice(0,13),p2)===+d[13];
+}
+const zapOk=v=>{ const d=(v||'').replace(/\D/g,''); return d.length===10||d.length===11; };
+const mailOk=v=>/^[^\s@]+@[^\s@]+\.[a-z]{2,}$/i.test((v||'').trim());
+const clienteOk=()=>cnpjOk(cliente.cnpj)&&zapOk(cliente.zap)&&mailOk(cliente.mail);
+const larguraFilme=()=>MODOS[modo].larg;
+// cobrança proporcional: arredonda para cima em 10 cm · 2,75 m vira 2,80 m
+const cobrar=m=>Math.max(MINIMO_M, Math.ceil(m*10)/10);
+const fmtM=m=>m.toFixed(2).replace('.',',');
+const precoBase=n=>
+ (FAIXAS[modo].find(f=>n>=f[0])||FAIXAS[modo][FAIXAS[modo].length-1])[1];
+const descontoMetragem=()=>0; // sem progressão por quantidade
+const cls=n=>n>=85?'ok':n>=50?'av':'er';
+const dpiDe=a=>a.cm>0? a.px/(a.cm/2.54) : 0;
+// girar 90° inverte a proporção · espelhar não muda medida, só o desenho
+const propDe=a=>{ const p=a.prop||1; return a.giro? 1/p : p; };
+const TAMANHOS={57:[10,15,20,25,28.2], 28.5:[5,8,10,14,28.2]};
+const px=f=>Math.round(Math.min(6000,Math.max(600,Math.sqrt(f.size/1024)*95)));
+
diff --git a/local/static/site-flow.js b/local/static/site-flow.js
new file mode 100644
index 0000000..bd9bd9a
--- /dev/null
+++ b/local/static/site-flow.js
@@ -0,0 +1,173 @@
+/* Site DTF — Carousel, path selector, delivery choice and input masks.
+ Extracted verbatim from the single inline script in dtf-site.html.
+ Loaded as classic scripts in the order listed there: they share one global
+ scope and run top to bottom, exactly as the original did. */
+// ── decisões
+// Remanejar conserta encaixe, não resolução — e a nota mede só resolução.
+// Por isso a nota NÃO muda aqui. E a metragem nova só existe depois que o motor
+// roda na folha de verdade, no servidor: o navegador recebe a folha fechada,
+// não as artes separadas, então não há como recalcular aqui sem inventar número.
+$('qOk').addEventListener('click',()=>{
+ if($('qOk').disabled) return;
+ const ok=$('ciente').classList.contains('on');
+ qm(ok? 'Registrado. Você confirmou que viu a ressalva de resolução.'
+ : 'Certo. Seu pedido está montado abaixo.','var(--tx)');
+ $('carr').scrollIntoView({behavior:'smooth',block:'nearest'});
+});
+
+$('pOk').addEventListener('click',()=>$('carr').scrollIntoView({behavior:'smooth'}));
+$('pMais').addEventListener('click',()=>$('foco').scrollIntoView({behavior:'smooth'}));
+$('pVolta').addEventListener('click',()=>{
+ folhas=[]; artes=[]; reencaixado=false; pintaFolha(); pintaArtes();
+ limpaPaineis(); // o carrinho só some se o pedido estiver vazio
+ $('foco').scrollIntoView({behavior:'smooth'});
+});
+// carrossel
+(function(){
+ const tr=$('trilho'); if(!tr) return;
+ const slides=[...tr.children], pontos=$('cPontos');
+ slides.forEach((_,i)=>{
+ const b=document.createElement('button');
+ b.className='pt'+(i?'':' on'); b.setAttribute('aria-label','Cartão '+(i+1));
+ b.addEventListener('click',()=>ir(i)); pontos.appendChild(b);
+ });
+ function ir(i){
+ i=Math.max(0,Math.min(slides.length-1,i));
+ tr.scrollTo({left:slides[i].offsetLeft-tr.offsetLeft,behavior:'smooth'});
+ }
+ function atual(){
+ const meio=tr.scrollLeft+tr.clientWidth/2;
+ let a=0,d=Infinity;
+ slides.forEach((s,i)=>{
+ const c=s.offsetLeft-tr.offsetLeft+s.offsetWidth/2;
+ if(Math.abs(c-meio)'+ + 'O valor precisa vir da transportadora antes do pagamento — senão você pagaria um '+ + 'total que não é o final. Por enquanto, retire em Franca ou fale conosco no WhatsApp.'; + pintaEntrega(); +}); + +$('bMais').addEventListener('click',()=>{ + if(itemAtual){ pedido.push(itemAtual); itemAtual=null; } + $('atual').style.display='none'; $('carrLin').innerHTML=''; + $('foco').classList.remove('on'); $('cards').style.display=''; + ['qual','prev'].forEach(id=>$(id).classList.remove('on')); + modo=null; artes=[]; folhas=[]; metros=0; nota=0; montagemCm=0; + pintaPedido(); + document.getElementById('envio').scrollIntoView({behavior:'smooth'}); +}); + +$('bPagar').addEventListener('click',()=>{ + if(window.dtfCheckout) window.dtfCheckout(); + else alert('O pedido online está indisponível no momento. Tente novamente em instantes.'); +}); +pintaEntrega(); + diff --git a/local/static/site-modes.js b/local/static/site-modes.js new file mode 100644 index 0000000..d12fdca --- /dev/null +++ b/local/static/site-modes.js @@ -0,0 +1,95 @@ +/* Site DTF — Choosing a product, and the declared sheet/loose-artwork switch. + Extracted verbatim from the single inline script in dtf-site.html. + Loaded as classic scripts in the order listed there: they share one global + scope and run top to bottom, exactly as the original did. */ +// ── escolha +document.querySelectorAll('.ec').forEach(b=>b.addEventListener('click',()=>abrir(b.dataset.modo))); +function abrir(m){ + modo=m; artes=[]; folhas=[]; metros=0; nota=0; reencaixado=false; + montagemCm=0; + avisoTipo(''); + pintaModo(); + $('lista').innerHTML=''; $('rA').style.display='none'; recusa([]); + recemChegada=null; caminho='auto'; avisoCam(''); pintaCaminhos(); + $('vMt').textContent='—'; previaAoVivo(); agendaAvaliacao(); + limpaPaineis(); // o carrinho só some se o pedido estiver vazio + $('foco').scrollIntoView({behavior:'smooth',block:'start'}); +} +function pintaModo(){ + const m=modo; + const c=MODOS[m]; + $('cards').style.display='none'; $('foco').classList.add('on'); + $('fTit').textContent=c.tit; $('fLg').textContent=c.lg; + $('fPreco').textContent=c.preco; $('fSub').textContent=c.sub; + $('zTit').textContent=c.zt; $('zSub').textContent=c.zs; + $('inp').multiple=c.multi; + $('inp').accept = ehFolha(m) ? '.png,.jpg,.jpeg,.pdf' + : '.png,.jpg,.jpeg,.webp'; + $('catFoco').className='cat '+(ehFolha(m)?'file':'av'); + $('larguraFolhaPronta').textContent=String(c.larg).replace('.',','); + $('foco2').classList.remove('sofila'); // a caixa de requisitos vale nos 4 modos + $('montcabTit').textContent = ehFolha(m) ? 'Sua folha' : 'Montagem ao vivo'; + pintaTipoEnvio(); +} +// O par folha montada / artes separadas fica visível e com preço nos dois lados, +// nos dois modos: nenhuma troca acontece sem o cliente ver o que muda, e sempre +// dá para voltar atrás sem recomeçar o pedido. +function pintaTipoEnvio(){ + const el=$('tipoEnvio'); if(!el) return; + el.hidden=!modo; + if(el.hidden) return; + const folha = ehFolha() ? modo : PAR[modo]; + const avulsa = ehFolha() ? PAR[modo] : modo; + $('tipoFolhaPreco').textContent='a partir de '+rs(pisoEscada(folha)); + $('tipoAvulsaPreco').textContent='a partir de '+rs(pisoEscada(avulsa))+' · montagem inclusa'; + $('larguraFolhaPronta').textContent=String(MODOS[folha].larg).replace('.',','); + const atual = ehFolha() ? 'folha' : 'avulsa'; + el.querySelectorAll('.cam').forEach(b=>{ + b.classList.toggle('on', b.dataset.tipo===atual); + b.disabled=folhas.length>0 || artes.length>0; // já tem arquivo: a escolha está feita + }); +} +function avisoTipo(txt){ + const el=$('avisoTipo'); if(!el) return; + el.innerHTML=txt; el.style.display = txt? '' : 'none'; +} +// A imagem foi declarada folha montada mas não tem resolução para isso. Devolve o +// arquivo com o motivo e o caminho certo — sem trocar preço por conta própria. +function recusaFolha(x, md){ + const arquivo=x.f, destino = modo==='uvfile' ? 'uv' : 'avulsa'; + folhas=folhas.filter(y=>y!==x); + pintaFolha(); + avisoTipo(''+escapeHTML(arquivo.name)+' não é uma folha montada. '+ + 'Para ocupar os '+n1(larguraFilme())+' cm do filme ela teria só '+md.dpiFolha+ + ' DPI, e o mínimo para imprimir é '+DPI_RECUSA+'. '+ + 'Se for uma arte para montarmos, use '+MODOS[destino].tit+', '+ + 'a partir de '+rs(pisoEscada(destino))+'/m. '+ + ''); + const botao=$('usarAvulsa'); + if(botao) botao.addEventListener('click',()=>{ + avisoTipo(''); trocaTipo(PAR[modo]); sel([arquivo]); + }); +} +document.querySelectorAll('#tipoEnvio .cam').forEach(b=>b.addEventListener('click',()=>{ + if(b.disabled) return; + const querFolha=b.dataset.tipo==='folha'; + if(querFolha===ehFolha()) return; + avisoTipo(''); trocaTipo(PAR[modo]); // escolha explícita do cliente +})); +// Troca declarada, nunca silenciosa: o cliente já viu os dois preços no seletor. +function trocaTipo(destino){ + if(!destino || modo===destino) return; + folhas=[]; artes=[]; recemChegada=null; metros=0; nota=0; montagemCm=0; + modo=destino; + $('lista').innerHTML=''; $('rA').style.display='none'; recusa([]); + caminho='auto'; avisoCam(''); + pintaModo(); pintaCaminhos(); limpaPaineis(); agendaAvaliacao(); previaAoVivo(); +} +$('bVoltar').addEventListener('click',()=>{ + itemAtual=null; $('atual').style.display='none'; $('carrLin').innerHTML=''; pintaPedido(); + $('foco').classList.remove('on'); $('cards').style.display=''; + ['qual','prev'].forEach(id=>$(id).classList.remove('on')); + if(!pedido.length) $('carr').classList.remove('on'); + document.getElementById('envio').scrollIntoView({behavior:'smooth'}); +}); + diff --git a/local/static/site-packing.js b/local/static/site-packing.js new file mode 100644 index 0000000..0bb5674 --- /dev/null +++ b/local/static/site-packing.js @@ -0,0 +1,353 @@ +/* Site DTF — Masks, the nesting engine, and drawing the assembled film. + Extracted verbatim from the single inline script in dtf-site.html. + Loaded as classic scripts in the order listed there: they share one global + scope and run top to bottom, exactly as the original did. */ +// ── imagens e prévia +function carregarImagem(file){ + return new Promise(res=>{ + if(!RENDERIZA.test(file.name)) return res(null); + const fr=new FileReader(); + fr.onload=()=>{ const im=new Image(); im.onload=()=>res(im); im.onerror=()=>res(null); im.src=fr.result; }; + fr.onerror=()=>res(null); + fr.readAsDataURL(file); + }); +} +// A folha precisa parecer uma folha: borda, largura marcada e régua de metros. +// Sem isso o cliente não tem noção de escala e acha que está mal encaixado. +function molduraFolha(ctx,W,H,larguraCm,metrosReais){ + const REG=34; // faixa da régua, à direita + ctx.save(); + // fundo da régua + ctx.fillStyle='#FAFAF8'; ctx.fillRect(W,0,REG,H); + ctx.strokeStyle='#D5DAE3'; ctx.lineWidth=1; + ctx.beginPath(); ctx.moveTo(W+.5,0); ctx.lineTo(W+.5,H); ctx.stroke(); + // marcas a cada 10 cm, número a cada metro + const pxPorM = H/Math.max(metrosReais,0.01); + ctx.font='9px "Roboto", sans-serif'; ctx.textAlign='left'; + for(let cm=0; cm<=metrosReais*100; cm+=10){ + const y=cm/100*pxPorM; + if(y>H) break; + const metro = cm%100===0; + ctx.strokeStyle = metro? '#B4BAC5' : '#E1E5EC'; + ctx.beginPath(); ctx.moveTo(W+1,y+.5); ctx.lineTo(W+(metro?12:6),y+.5); ctx.stroke(); + if(metro && cm>0){ + ctx.fillStyle='#8A8F98'; + ctx.fillText((cm/100)+' m', W+14, y+3); + } + } + // borda da folha + ctx.strokeStyle='#B4BAC5'; ctx.lineWidth=1; + ctx.strokeRect(.5,.5,W-1,H-1); + // cota da largura, no topo + ctx.fillStyle='#FFFFFFDD'; ctx.fillRect(0,0,W,18); + ctx.strokeStyle='#8A8F98'; ctx.lineWidth=1; + ctx.beginPath(); + ctx.moveTo(8,9); ctx.lineTo(W-8,9); + ctx.moveTo(8,5); ctx.lineTo(8,13); + ctx.moveTo(W-8,5); ctx.lineTo(W-8,13); + ctx.stroke(); + const t=String(larguraCm).replace('.',',')+' cm'; + ctx.font='600 10px "Roboto", sans-serif'; ctx.textAlign='center'; + const tw=ctx.measureText(t).width; + ctx.fillStyle='#FAFAF8'; ctx.fillRect(W/2-tw/2-6,2,tw+12,14); + ctx.fillStyle='#5A6570'; ctx.fillText(t,W/2,13); + ctx.restore(); +} + +const LOGO_URL='https://cdn.vnda.com.br/dropstar/2025/12/17/logo-header-15125700-16129080.png?v=1766009286'; +const logoImg=new Image(); logoImg.crossOrigin='anonymous'; logoImg.src=LOGO_URL; +function marcaDagua(ctx,w,h){ + ctx.save(); ctx.globalAlpha=.14; + const passo=Math.max(90,w/2.1); + ctx.translate(w/2,h/2); ctx.rotate(-Math.PI/7); ctx.translate(-w/2,-h/2); + if(logoImg.complete && logoImg.naturalWidth){ + const lw=Math.max(70,w/3.4), lh=lw*(logoImg.naturalHeight/logoImg.naturalWidth); + for(let y=-h;y
A montagem aparece aqui'+
+ 'informe a largura de cada arte e a folha se desenha sozinha
';
+ if(aoTerminar) aoTerminar({alturaCm:0, uso:0, girou:0});
+ return;
+ }
+
+ Promise.all(itens.map(a=>carregarImagem(a.f).then(img=>({a,img})))).then(imagens=>{
+ if(area.montagemVersao!==versao) return;
+ const cargas=imagens.flatMap(c=>Array.from({length:c.a.q||1},()=>({...c})));
+ cargas.forEach(c=>{
+ c.w = c.a.cm; // o motor trabalha em centímetros
+ c.h = c.w * (c.img ? (c.a.giro? c.img.width/c.img.height : c.img.height/c.img.width) : 1);
+ c.travado = !!c.a.giro; // giro do cliente manda no encaixe
+ });
+ const enc=encaixar(cargas,filme);
+ const alturaCm=enc.altura;
+ const pos=enc.pos.map(p=>({...p, x:p.x*PX_CM, y:p.y*PX_CM, w:p.w*PX_CM, h:p.h*PX_CM}));
+ const altura=alturaCm*PX_CM;
+ const usado=Math.max(altura,10);
+ const REG=34;
+ const cv=document.createElement('canvas');
+ cv.width=W+REG; cv.height=Math.round(usado);
+ const ctx=cv.getContext('2d');
+ ctx.fillStyle='#fff'; ctx.fillRect(0,0,cv.width,cv.height);
+ const pal=['#C3CEDD','#B7A9C8','#A9B7C8','#A8BFA9','#C8C0A0','#CBB6B6'];
+ let girou=0;
+ pos.forEach((p,j)=>{
+ const c=p.ref;
+ if(p.rot===90) girou++;
+ ctx.save();
+ const giro = (p.rot===90?90:0) + (c.a && c.a.giro? 90:0);
+ ctx.translate(p.x+p.w/2, p.y+p.h/2);
+ ctx.rotate(giro*Math.PI/180);
+ if(c.a && c.a.esp) ctx.scale(-1,1);
+ const dw = giro%180===90 ? p.h : p.w, dh = giro%180===90 ? p.w : p.h;
+ if(c.img) ctx.drawImage(c.img,-dw/2,-dh/2,dw,dh);
+ else{ ctx.fillStyle=pal[j%pal.length]; ctx.fillRect(-dw/2,-dh/2,dw,dh); }
+ ctx.restore();
+ if(!c.img){
+ ctx.fillStyle='#5A6570'; ctx.font='11px "Roboto", sans-serif'; ctx.textAlign='center';
+ ctx.fillText(c.a.f.name.split('.').pop().toUpperCase(),p.x+p.w/2,p.y+p.h/2+4);
+ }
+ });
+ molduraFolha(ctx,W,usado,filme,alturaCm/100);
+ marcaDagua(ctx,W,cv.height);
+ area.innerHTML=''; area.appendChild(cv);
+
+ // O que virou arte é a área pintada, não a soma das caixas: com encaixe por forma
+ // as caixas se sobrepõem de propósito e a soma delas passa de 100%.
+ const areaArteCm=enc.pos.reduce((s,p)=>
+ s + (p.m && p.m.cheias!=null ? p.m.cheias*CEL*CEL : p.w*p.h), 0);
+ const uso=Math.max(1,Math.min(100,
+ Math.round(areaArteCm/(filme*Math.max(alturaCm,0.1))*100)));
+ const el=document.createElement('div');
+ el.className = uso>=70? 'usoBom' : 'usoRuim';
+ el.innerHTML = (uso>=70
+ ? ''+uso+'% da folha virou arte bom aproveitamento'
+ : ''+uso+'% da folha virou arte dá para melhorar: artes de larguras parecidas '+
+ 'se encaixam melhor lado a lado')
+ + (girou? ' · '+girou+
+ (girou>1?' artes giradas':' arte girada')+' 90° para caber melhor':'');
+ (fora||area).appendChild(el);
+ if(aoTerminar) aoTerminar({alturaCm, uso, girou});
+ });
+}
+
+function previaArtes(){ desenhaMontagem($('pArea'), artes, metros, 560); }
+
+// montagem ao vivo, ao lado da fila · redesenha 140 ms depois da ultima mexida
+let tMont=null;
+function previaAoVivo(){
+ clearTimeout(tMont);
+ $('vArea').montagemVersao=($('vArea').montagemVersao||0)+1;
+ if(ehFolha()){
+ $('vUso').innerHTML='';
+ const tot=folhaTotalM();
+ $('vMt').textContent = tot>0 ? fmtM(cobrar(tot))+' m' : '—';
+ const medidas=folhas.filter(x=>x.med);
+ const previews=folhas.filter(x=>x.previewSrc);
+ if(previews.length){
+ const painel=document.createElement('div'); painel.className='folhaPrevias';
+ previews.forEach((x,index)=>{
+ const figura=document.createElement('figure'); figura.className='folhaPrevia';
+ const imagem=new Image(); imagem.src=x.previewSrc; imagem.alt=x.f.name;
+ const legenda=document.createElement('figcaption');
+ legenda.textContent=(previews.length>1 ? (index+1)+'. ' : '')+x.f.name+
+ (x.med ? ' · '+n1(x.med.larg)+' × '+n1(x.med.alt)+' cm' : '');
+ figura.append(imagem,legenda); painel.append(figura);
+ });
+ $('vArea').replaceChildren(painel);
+ }else{
+ $('vArea').innerHTML = medidas.length
+ ? ''+(medidas.length>1
+ ? medidas.length+' folhas · '+fmtM(tot)+' m'
+ : n1(medidas[0].med.larg)+' × '+n1(medidas[0].med.alt)+' cm')+''+
+ ''+(medidas.length>1? 'medidas lidas de cada arquivo' : medidas[0].med.fonte)+
+ ' · vão para a máquina do jeito que você montou
'
+ : 'Sua folha aparece aqui'+
+ 'a medida é lida do próprio arquivo, não do peso dele
';
+ }
+ return;
+ }
+ tMont=setTimeout(()=>{
+ const prontas=artes.filter(a=>a.cm>0);
+ const W=Math.round(300*ZOOMS[zoomI]);
+ $('vArea').classList.toggle('ampliado', zoomI>0);
+ desenhaMontagem($('vArea'), prontas, 0, W, $('vUso'), r=>{
+ montagemCm = r.alturaCm; // altura real da folha montada
+ $('vMt').textContent = r.alturaCm? fmtM(cobrar(r.alturaCm/100))+' m' : '—';
+ resumoArtes(); // o resumo lê a mesma folha
+ agendaAvaliacao(); // a nota só sai com a metragem pronta
+ });
+ $('vArea').scrollTop=0;
+ },140);
+}
+
+function motivoNota(){
+ if(!nota) return 'sem nota ainda · a conferência roda na sala antes de imprimir';
+ if(!ehFolha()){
+ const ruins=artes.filter(a=>a.cm>0 && (a.px/(a.cm/2.54))<300);
+ if(!ruins.length) return 'nota '+nota+' · todas as artes em 300 DPI ou mais';
+ const pior=ruins.reduce((p,a)=>(a.px/(a.cm/2.54))<(p.px/(p.cm/2.54))?a:p);
+ return 'nota '+nota+' · '+ruins.length+(ruins.length>1?' artes abaixo':' arte abaixo')+
+ ' de 300 DPI · a menor é "'+pior.f.name+'" com '+
+ Math.round(pior.px/(pior.cm/2.54))+' DPI em '+pior.cm.toFixed(1).replace('.',',')+' cm';
+ }
+ return nota>=90 ? 'nota '+nota+' · resolução ótima em toda a folha'
+ : 'nota '+nota+' · a resolução é o único ponto — o resto corrigimos por você';
+}
+function previa(){
+ // Na folha pronta o painel não tem o que mostrar: a folha vem fechada, ninguém
+ // olhou dentro dela. Largura e metragem — o que de fato medimos — já aparecem
+ // na coluna ao lado e no carrinho.
+ if(ehFolha()){ $('prev').classList.remove('on'); return; }
+ const cob=cobrar(metros), sobra=+(cob-metros).toFixed(2);
+ $('pMt').innerHTML=fmtM(cob)+' m';
+ $('pSub').textContent='folha montada por nós com as artes que você enviou';
+ const linhas=[
+ ['var(--verde)','✓','Largura',larguraFilme()+' cm · dentro do padrão da máquina'],
+ ['var(--verde)','✓','Espaço entre artes','5 mm garantidos'],
+ [nota>=75?'var(--verde)':'var(--laranja)', nota>=75?'✓':'!','Qualidade da folha',motivoNota()],
+ ['var(--verde)','✓','Metragem proporcional',
+ 'sua folha tem '+fmtM(metros)+' m e você paga '+fmtM(cob)+
+ ' m · arredondamos só até os 10 cm mais próximos'],
+ ];
+ linhas.push(['var(--verde)','+','Identificação do pedido',
+ 'aplicamos seu nome e o número do pedido no fim da folha · por nossa conta']);
+ $('pInfo').innerHTML=linhas.map(l=>
+ ''+l[1]+''+
+ '
').join('');
+ $('prev').classList.add('on');
+ $('pArea').innerHTML=''+escapeHTML(l[2])+''+escapeHTML(l[3])+'
montando a prévia…
';
+ try{ previaArtes(); }
+ catch(e){ $('pArea').innerHTML='Prévia indisponível'+
+ 'O arquivo será processado normalmente.
'; }
+}
+
diff --git a/local/static/site-pdf.js b/local/static/site-pdf.js
new file mode 100644
index 0000000..4011ebd
--- /dev/null
+++ b/local/static/site-pdf.js
@@ -0,0 +1,400 @@
+/* Site DTF — PDF measurement and rasterisation, and the DPI of images inside one.
+ Extracted verbatim from the single inline script in dtf-site.html.
+ Loaded as classic scripts in the order listed there: they share one global
+ scope and run top to bottom, exactly as the original did. */
+// ── PDF também é conferido: rasteriza a página e mede o DPI das imagens de dentro.
+// Arte vetorial não tem resolução — nesses casos a nota é máxima, e isso é correto.
+// Served from this origin, not a CDN: the Site keeps working when a third party
+// does not, and the CSP can name only 'self' for scripts and workers. Provenance
+// and hashes are recorded in local/static/vendor/README.md.
+const PDFJS_URL='/vendor/pdf.min.js';
+const PDFJS_WORKER=new URL('/vendor/pdf.worker.min.js', location.origin).href;
+let pdfLibP=null, temWorker=null;
+// Alguns navegadores e iframes bloqueiam Worker de blob. Descobrimos antes de
+// tentar, porque sem worker o PDF é lido na thread principal e precisa de outra
+// estratégia: grade mais grossa e mais tempo.
+function testaWorker(url){
+ try{ const w=new Worker(url); w.terminate(); return true; }catch(e){ return false; }
+}
+function carregarPdfJs(){
+ if(typeof window==='undefined') return Promise.resolve(null);
+ if(window.pdfjsLib) return Promise.resolve(window.pdfjsLib);
+ if(pdfLibP) return pdfLibP;
+ pdfLibP=new Promise(res=>{
+ const sc=document.createElement('script');
+ sc.src=PDFJS_URL;
+ sc.onload=()=>{
+ try{
+ const codigo='importScripts("'+PDFJS_WORKER+'");';
+ const url=URL.createObjectURL(new Blob([codigo],{type:'application/javascript'}));
+ temWorker=testaWorker(url);
+ window.pdfjsLib.GlobalWorkerOptions.workerSrc = temWorker? url : PDFJS_WORKER;
+ }catch(e){
+ temWorker=false;
+ try{ window.pdfjsLib.GlobalWorkerOptions.workerSrc=PDFJS_WORKER; }catch(e2){}
+ }
+ res(window.pdfjsLib||null);
+ };
+ sc.onerror=()=>res(null);
+ document.head.appendChild(sc);
+ });
+ return pdfLibP;
+}
+
+// DPI real de cada imagem embutida: acompanha a matriz de transformação e compara
+// o tamanho em que a imagem foi colocada com quantos pixels ela tem.
+function dpiDasImagens(page, ops){
+ const mul=(a,b)=>[a[0]*b[0]+a[2]*b[1], a[1]*b[0]+a[3]*b[1],
+ a[0]*b[2]+a[2]*b[3], a[1]*b[2]+a[3]*b[3],
+ a[0]*b[4]+a[2]*b[5]+a[4], a[1]*b[4]+a[3]*b[5]+a[5]];
+ const O=window.pdfjsLib.OPS;
+ let ctm=[1,0,0,1,0,0]; const pilha=[]; const dpis=[];
+ for(let i=0;iConferido de verdade'+
+ ''+a.artes+' peça'+(a.artes===1?'':'s')+' · '+a.aproveitamento+
+ '% da folha virou arte · '+
+ (a.residuos? a.residuos+' resíduo'+(a.residuos>1?'s':'') : 'sem resíduo')+' · '+
+ (a.fundoChapado? 'fundo chapado' : 'fundo transparente')+''+
+ 'resolução '+a.dpi+' DPI · '+
+ (a.fonteDpi==='imagens'? 'medida imagem por imagem dentro do PDF'
+ : a.fonteDpi==='vetor'? 'arte vetorial, sem imagem embutida'
+ : 'lida do arquivo')+
+ ' · grade de '+n1(a.grade)+' mm
'
+ : '';
+ medida=''+
+ ''+n1(x.med.larg)+' × '+n1(x.med.alt)+' cm'+
+ ''+x.med.fonte+' · '+fmtM(x.m)+' m de folha'+
+ conferido+
+ (suspeito? 'Este PDF passa do tamanho que o formato comporta. '+
+ 'A especificação para em 508 cm e o seu tem '+n1(x.med.alt)+' cm. '+
+ 'Ele abre certo só em quem o gerou — aqui vai precisar de tratamento. '+
+ 'Manda em PNG ou TIFF, ou divide em partes de até 5 m, que sai na hora.':'')+
+ (larga? 'Esta folha não roda neste filme. Ela tem '+n1(x.med.larg)+
+ ' cm de largura e o filme aqui tem '+n1(L)+' cm. Não dá para reduzir: '+
+ 'encolher a folha encolheria cada arte junto.'+
+ (x.med.larg<=57.5
+ ? ' Ela cabe no DTF têxtil de 57 cm — troque de produto ali em cima.'
+ : ' Remonte a folha em '+n1(L)+' cm e suba de novo.')+'':'')+
+ '
';
+ }else{
+ const teto=TABELA[modo], piso=pisoEscada();
+ const dif=(x.m>0)? (teto-piso)*cobrar(x.m*(x.rep||1)) : 0;
+ medida=''+
+ ''+escapeHTML(extDe(x.f.name))+' não abre no navegador'+
+ 'Sem conseguir conferir o arquivo, não temos como dar nota — e sem nota '+
+ 'o metro sai pela tabela, '+rs(teto)+'. Alguém vai abrir esse arquivo na mão '+
+ 'antes de imprimir.'+
+ '
';
+ }
+ const barra = x.pct!=null
+ ? 'Exportando a mesma folha em PNG ou PDF, a conferência é '+
+ 'automática e o metro pode cair até '+rs(piso)+''+
+ (dif>0.5? ' — '+rs(dif)+' a menos só nesta folha' : '')+'.
'+
+ 'Informe o comprimento para seguir:'+
+ ''+
+ ''+
+ ''+(x.pct<50?'lendo o arquivo…':
+ x.pct<70?'medindo a folha…':'conferindo a arte…')+''
+ : x.semAnalise
+ ? '
Não conseguimos conferir esta folha. '+x.semAnalise+
+ '. Seguimos com o preço de tabela — se quiser a nota e o desconto, exporte a mesma '+
+ 'folha em PNG, que a conferência é bem mais leve.
'
+ : '';
+ return ''+
+ (folhas.length>1? (i+1)+'. ':'')+escapeHTML(x.f.name)+''+
+ ''+fmt(x.f.size)+''+
+ '
'+
+ barra+medida+
+ (x.m>0 ?
+ ''+
+ '
' : '')+
+ ''+
+ '
'+
+ ''+fmtM(sub)+' m'+
+ (x.rep>1? ' · '+x.rep+' × '+fmtM(x.m)+' m':'')+'
'+
+ ''+
+ ''+folhas.length+' folhas neste pedido'+
+ ''+fmtM(tot)+' m no total'+
+ (partes>1? 'vai em '+partes+' partes de até 20 m':'')+'
';
+ }else if(partes>1 && tot>0){
+ $('lista').innerHTML += 'folha longa'+
+ ''+fmtM(tot)+' mvai em '+partes+' partes de até 20 m
';
+ }
+
+ $('lista').querySelectorAll('[data-rmf]').forEach(b=>b.addEventListener('click',()=>{
+ folhas.splice(+b.dataset.rmf,1); pintaFolha();
+ }));
+ $('lista').querySelectorAll('[data-repf]').forEach(el=>el.addEventListener('change',e=>{
+ folhas[+el.dataset.repf].rep=Math.max(1,Math.min(200,+e.target.value||1)); pintaFolha();
+ }));
+ $('lista').querySelectorAll('[data-comp]').forEach(el=>el.addEventListener('change',e=>{
+ folhas[+el.dataset.comp].m=Math.max(0,Math.min(60,+e.target.value||0)); pintaFolha();
+ }));
+ agendaAvaliacao(); previaAoVivo();
+}
+
+// sugestão de largura
+const cabemNaLinha=w=>Math.max(1,Math.floor((larguraFilme()+GAP_CM)/(w+GAP_CM)));
+const larguraPara=n=>(larguraFilme()-(n-1)*GAP_CM)/n;
+// Só sugere se a folha realmente encolher. Caber mais um por fileira não adianta
+// nada se a quantidade pedida continuar ocupando o mesmo número de fileiras.
+function sugestao(a){
+ const w=a.cm, q=Math.max(1,a.q||1), prop=propDe(a);
+ const n=cabemNaLinha(w), alvo=Math.floor(larguraPara(n+1)*10)/10;
+ if(!(alvo>0) || alvo>=w) return null;
+ if((w-alvo)/w>0.12) return null; // não corta mais que 12% da peça
+ const fa=Math.ceil(q/n), fd=Math.ceil(q/(n+1));
+ if(fd>=fa) return null; // mesmo número de fileiras: não muda nada
+ const economiaCm=fa*w*prop - fd*alvo*prop;
+ if(economiaCm<0.5) return null; // menos de meio centímetro não é notícia
+ return {alvo, de:n, para:n+1, fileiras:fa-fd, cm:economiaCm};
+}
+// A cota em escala: o cliente ve a peca dentro da largura do filme, quantas cabem
+// lado a lado e quanto sobra. Numero em texto ninguem le; retangulo todo mundo entende.
+function vizPeca(a){
+ const BASE=300, L=larguraFilme();
+ const e0=BASE/L, alt0=a.cm*propDe(a)*e0;
+ const k = alt0>132 ? 132/alt0 : 1; // tira nunca fica alta demais
+ const e = e0*k;
+ const n=cabemNaLinha(a.cm), pw=a.cm*e, ph=a.cm*propDe(a)*e, gp=GAP_CM*e;
+ const sobra=L-(n*a.cm+(n-1)*GAP_CM);
+ const ext=escapeHTML(a.f.name.split('.').pop().toUpperCase());
+ let pecas='';
+ for(let i=0;i'+
+ '
';
+}
+const n1=v=>v.toFixed(1).replace('.',',');
+
+function pintaArtes(){
+ $('lista').innerHTML=artes.map((a,i)=>{
+ let barra='', dica='', calc='informe a largura para ver a qualidade';
+ if(a.cm>0){
+ const dpi=Math.round(a.px/(a.cm/2.54)), n=Math.max(6,Math.min(100,Math.round(dpi/300*100)));
+ barra=''+
+ '
'+
+ ''+n1(a.cm*propDe(a))+' cm
'+
+ ''+
+ '
'+
+ ''+n1(L)+' cm de filme
'+
+ ''+pecas+
+ (sobra>0.25?'
'+
+ 'sobra '+n1(sobra)+' cm
':'')+
+ ''+n1(a.cm)+' cm de largura · '+n+
+ (n>1?' peças':' peça')+' por fileira'+
+ (sobra>0.25?' · sobram '+n1(sobra)+' cm':' · largura toda aproveitada')+'
'+
+ '';
+ calc=''+n+'% · '+dpi+' DPI'+
+ a.q+' × '+n1(a.cm)+' × '+n1(a.cm*propDe(a))+' cm';
+ const sug=sugestao(a);
+ dica = sug
+ ? '
Reduzindo para '+n1(sug.alvo)+' cm você economiza '+
+ n1(sug.cm)+' cm de folhaPassam de '+sug.de+' para '+sug.para+
+ ' por fileira, e as suas '+a.q+' peças ocupam '+sug.fileiras+
+ ' fileira'+(sug.fileiras>1?'s':'')+' a menos.
'
+ : '';
+ dica = vizPeca(a) + dica;
+ }
+ return ''+escapeHTML(a.f.name)+''+
+ ''+a.px+' px'+
+ '
'+
+ ''+
+ '
'+
+ ''+
+ (TAMANHOS[larguraFilme()]||[]).map(t=>'').join('')+
+ ''+
+ ''+
+ ''+
+ '
'+barra+''+calc+'
'+dica+'artes com tamanho'+prontas.length+' de '+artes.length+'
'+
+ 'qualidade média'+media+'%
'+
+ (piorfolha montada'+fmtM(m)+' m
'+
+ (cobrar(m)>m+0.001?'cobrança'+fmtM(cobrar(m))+
+ ' m'+(cobrar(m)===MINIMO_M?' · mínimo':'')+'
':''):'')+
+ (falta?'faltam informar'+falta+'
':'');
+}
+
diff --git a/local/static/site-quality.js b/local/static/site-quality.js
new file mode 100644
index 0000000..208be0a
--- /dev/null
+++ b/local/static/site-quality.js
@@ -0,0 +1,186 @@
+/* Site DTF — The grade shown to the customer, and the reservations attached to it.
+ Extracted verbatim from the single inline script in dtf-site.html.
+ Loaded as classic scripts in the order listed there: they share one global
+ scope and run top to bottom, exactly as the original did. */
+// ── enviar
+// Avalia sozinho conforme o cliente sobe e preenche. Devolve o que ainda falta,
+// para a fila dizer em texto em vez de travar num botão.
+function avaliar(){
+ if(ehFolha()){
+ if(!folhas.length) return {pronto:false, falta:'Arraste sua folha montada para começar.'};
+ const larga=folhas.find(x=>x.med && x.med.larg > larguraFilme()+0.5);
+ if(larga) return {pronto:false, falta:'A folha '+larga.f.name+' tem '+n1(larga.med.larg)+
+ ' cm e não cabe no filme de '+n1(larguraFilme())+' cm.'};
+ const semMedida=folhas.filter(x=>!(x.m>0)).length;
+ if(semMedida) return {pronto:false, falta:'Informe o comprimento de '+semMedida+
+ ' folha'+(semMedida>1?'s':'')+'.'};
+ metros=folhaTotalM();
+ reencaixado=false;
+ const ans=folhas.map(x=>x.an).filter(Boolean);
+ if(!ans.length){
+ // sem análise possível (PDF, CDR, PSD): não inventa nota
+ const exts=[...new Set(folhas.map(f=>extDe(f.f.name)))].join(', ');
+ mostraNota([
+ ['av','Sem nota · '+exts+' não abre no navegador',
+ 'não temos como conferir a arte antes de imprimir'],
+ ['er','Metro pela tabela · '+rs(TABELA[modo]),
+ 'exportando em PNG ou PDF, cai até '+rs(pisoEscada())],
+ ['fix','Alguém abre seu arquivo','a conferência é feita na mão, na sala']
+ ], 0, folhas.length>1? folhas.length+' folhas' : folhas[0].f.name,
+ larguraFilme()+' cm · '+fmtM(metros)+' m · preço de tabela');
+ return {pronto:true};
+ }
+ const dpi=Math.min(...ans.map(a=>a.dpi));
+ const n=Math.max(6,Math.min(100,Math.round(dpi/DPI_AVISA*100)));
+ const soma=(k)=>ans.reduce((t,a)=>t+a[k],0);
+ const itens=[
+ ans.every(a=>a.vetor)
+ ? ['ok','Arte vetorial','sem imagem embutida · imprime em qualquer tamanho']
+ : [dpi>=DPI_AVISA?'ok':dpi>=DPI_RECUSA?'av':'er','Resolução '+dpi+' DPI',
+ ans.some(a=>a.fonteDpi==='imagens')
+ ? 'média por área das imagens dentro do PDF · pior em '+
+ Math.min(...ans.map(a=>a.res? a.res.pior : a.dpi))+' DPI'
+ : 'resolução do arquivo · arte ampliada antes de exportar não aparece aqui'],
+ ['ok', soma('artes')+' peças na folha',
+ Math.round(soma('aproveitamento')/ans.length)+'% da folha virou arte'],
+ soma('residuos') ? ['er','Resíduo de recorte',
+ soma('residuos')+' ponto'+(soma('residuos')>1?'s':'')+' abaixo de 2 mm · a impressora imprime']
+ : ['ok','Sem resíduo de recorte','nada solto na folha'],
+ soma('encostadas') ? ['fix', soma('encostadas')+' peças a menos de 5 mm',
+ 'se forem artes diferentes, separamos com 5 mm sem custo']
+ : ['ok','Espaço entre peças','nenhuma abaixo de 6 mm'],
+ ans.some(a=>a.fundoChapado) ? ['er','Fundo chapado','a folha está sem transparência']
+ : ['ok','Fundo transparente','canal alfa conferido'],
+ null
+ ].filter(Boolean);
+ mostraNota(itens, n, folhas.length>1? folhas.length+' folhas' : folhas[0].f.name,
+ larguraFilme()+' cm · '+fmtM(metros)+' m');
+ return {pronto:true};
+ }
+ if(!artes.length) return {pronto:false, falta:'Arraste suas artes para começar.'};
+ const sem=artes.filter(a=>!a.cm).length;
+ if(sem) return {pronto:false, falta:'Informe a largura de '+sem+' arte'+(sem>1?'s':'')+
+ ' para ver a nota e o preço.'};
+ // metragem = altura da folha depois de montada, com os 5 mm entre peças
+ metros=+(montagemCm/100).toFixed(4);
+ if(!(metros>0)) return {pronto:false, falta:'Montando a folha…'};
+ const notas=artes.map(a=>Math.max(6,Math.min(100,Math.round((a.px/(a.cm/2.54))/300*100))));
+ const media=Math.round(notas.reduce((s,n)=>s+n,0)/notas.length), pior=Math.min(...notas);
+ mostraNota([
+ ['ok','Montagem por nossa conta','5 mm garantidos'],
+ [cls(pior),'Pior arte em '+pior+'%',pior>=85?'todas em boa resolução':'reenviar maior sai mais barato']
+ ],media,artes.length+' arte'+(artes.length>1?'s':''),
+ 'folha montada por nós · '+fmtM(metros)+' m');
+ return {pronto:true};
+}
+
+// redesenha 220 ms depois da última mexida, para não avaliar a cada tecla
+let tAval=null;
+function agendaAvaliacao(){
+ clearTimeout(tAval);
+ tAval=setTimeout(()=>{
+ const r=avaliar();
+ const el=$('aoVivo');
+ if(!el) return;
+ if(r.pronto){
+ el.className='aoVivo pronto';
+ el.innerHTML='Nota e preço calculados. '+
+ 'Confira abaixo e feche o pedido.';
+ }else{
+ el.className='aoVivo';
+ el.innerHTML=''+escapeHTML(r.falta)+'';
+ limpaPaineis(); // o carrinho só some se o pedido estiver vazio
+ }
+ },220);
+}
+function mostraNota(itens,n,titulo,sub){
+ nota=n;
+ $('qual').classList.add('on');
+ $('qNome').textContent=titulo; $('qSub').textContent=sub;
+ const semNota = n===0;
+ $('pct').innerHTML = semNota? '—/100' : n+'/100';
+ const c = semNota? 'var(--fraco)' : n>=85?'var(--verde)':n>=50?'var(--laranja)':'var(--vermelho)';
+ $('pct').style.color=c;
+ $('qbi').style.width=(semNota?0:n)+'%'; $('qbi').style.background=c;
+ $('qitens').innerHTML=itens.map(i=>
+ ''+
+ (i[0]==='ok'?'✓':i[0]==='av'?'!':i[0]==='fix'?'↻':'×')+''+
+ '
').join('');
+ $('qmsg').style.display='none';
+ ressalvaResolucao();
+ carrinho();
+}
+
+// A resolução do arquivo não é a das artes dentro dele: um PDF em 300 DPI
+// pode ter uma imagem inserida em 180, e é essa que sai serrilhada.
+function ressalvaResolucao(){
+ const box=$('ciente'), chk=$('cienteOk');
+ let baixas=[], geral=300, recusadas=[];
+ if(ehFolha()){
+ // Uma régua só: o número que precifica é o número que bloqueia.
+ // Recusa quando a média por área fica abaixo de 96 DPI — a folha inteira não
+ // vale o filme. Se a média passa mas há peças ruins, é ressalva com aceite.
+ folhas.forEach((x,k)=>{
+ if(!x.an) return;
+ const r=x.an.res, cm=x.med? x.med.larg : larguraFilme();
+ const nome=(folhas.length>1? (k+1)+'. ':'')+x.f.name;
+ const extra = r ? {pior:r.pior, de:r.total,
+ quantas:r.quantasBaixas, parte:Math.round(r.fracBaixa*100),
+ quantasAviso:r.quantasAviso, parteAviso:Math.round(r.fracAviso*100)} : {};
+ if(x.an.dpi'+escapeHTML(i[1])+''+escapeHTML(i[2])+'
A média da folha ficou abaixo de '+DPI_RECUSA+' DPI. Nesse ponto a peça '+ + 'sai serrilhada a ponto de não valer o filme. Reenvie maior ou reduza a largura.
'+ + ''+recusadas.map(b=>'
';
+ $('cienteTit').textContent='Resolução abaixo do que imprimimos';
+ box.className='ciente on recusa'; chk.checked=false; $('qOk').disabled=true;
+ return;
+ }
+ $('cienteTit').textContent='Ressalva de resolução';
+ box.className='ciente';
+ if(!baixas.length){
+ box.classList.remove('on'); chk.checked=false; $('qOk').disabled=false; return;
+ }
+ const menor=baixas.reduce((p,b)=>b.dpi'+escapeHTML(b.nome)+' — '+
+ (b.quantas
+ ? 'média de '+b.dpi+' DPI · pior imagem em '+b.pior+' DPI · '+b.quantas+
+ ' de '+b.de+' imagens abaixo de '+DPI_RECUSA+' DPI, cobrindo '+b.parte+'% da arte'
+ : b.dpi+' DPI em '+n1(b.cm)+' cm · precisa de '+
+ Math.ceil(DPI_AVISA*b.cm/2.54)+' px de largura')+'
')
+ .join('')+'Parte da arte está abaixo de '+DPI_AVISA+' DPI. Essas peças podem sair '+ + 'com traço serrilhado, e isso não tem conserto depois de impresso. '+ + 'O resto da folha sai normal.
'+ + ''+baixas.map(b=>'
';
+ box.className='ciente on'; chk.checked=false; $('qOk').disabled=true;
+}
+$('cienteOk').addEventListener('change',e=>{
+ if($('ciente').classList.contains('recusa')) return; // recusa não se aceita
+ $('qOk').disabled=!e.target.checked;
+});
+
diff --git a/local/static/site-sheet.js b/local/static/site-sheet.js
new file mode 100644
index 0000000..91a0186
--- /dev/null
+++ b/local/static/site-sheet.js
@@ -0,0 +1,107 @@
+/* Site DTF — Reading a finished sheet from its alpha channel: pieces, gaps, waste.
+ Extracted verbatim from the single inline script in dtf-site.html.
+ Loaded as classic scripts in the order listed there: they share one global
+ scope and run top to bottom, exactly as the original did. */
+// ── Análise real da folha: lê o canal alfa, separa cada ilha de arte e mede.
+// Grade de 1 mm. Só roda em arquivo que o navegador abre; PDF precisa do servidor.
+const MM=0.1; // grade fina: 1 mm
+const CELULAS_MAX=1200000; // teto de custo da análise
+// Folha grande vira grade mais grossa. Sem isso, 57 x 480 cm dá 2,7 milhões de
+// células e o navegador congela antes de terminar.
+function passoDe(larguraCm, alturaCm){
+ const fino=(larguraCm/MM)*(alturaCm/MM);
+ return fino<=CELULAS_MAX ? MM : MM*Math.sqrt(fino/CELULAS_MAX);
+}
+
+// Dilata a máscara em r células · usada para agrupar por distância real, não por caixa
+function inchar(bits,cw,ch,r){
+ const a=new Uint8Array(cw*ch), b=new Uint8Array(cw*ch);
+ for(let y=0;y'+escapeHTML(b.nome)+' — '+
+ (b.quantasAviso
+ ? 'média de '+b.dpi+' DPI · '+b.quantasAviso+' de '+b.de+' imagens abaixo de '+
+ DPI_AVISA+' DPI, cobrindo '+b.parteAviso+'% da arte'+
+ (b.quantas? ' · dessas, '+b.quantas+' abaixo de '+DPI_RECUSA+' DPI ('+
+ b.parte+'% da arte)' : '')
+ : b.dpi+' DPI'+(b.cm? ' em '+n1(b.cm)+' cm':''))+
+ '
').join('')+'