'; }// ── UI ── var preview=$('kwe_preview'); function render(){ preview.srcdoc=buildSite(state); var dom=(state.name||(CFG.lang==='es'?'tunegocio':'iltuosito')).toLowerCase().replace(/[^a-z0-9]/g,'')||'iltuosito'; $('kwe_url').textContent=dom+'.com'; }function fillText(){ $('kwe_tag').textContent=T.tag; $('kwe_eyebrow').textContent=T.eyebrow; $('kwe_lead').innerHTML=T.lead; $('kwe_sub').textContent=T.sub; $('kwe_s_logo').textContent=T.s_logo; $('kwe_drop').innerHTML=''; $('kwe_pal').textContent=T.pal; $('kwe_s_cover').textContent=T.s_cover; $('kwe_coverDrop').innerHTML=''; $('kwe_s_biz').textContent=T.s_biz; $('kwe_l_name').textContent=T.l_name; $('kwe_f_name').placeholder=T.ph_name; $('kwe_l_sector').textContent=T.l_sector; $('kwe_f_sector').placeholder=T.ph_sector; $('kwe_l_claim').textContent=T.l_claim; $('kwe_f_claim').placeholder=T.ph_claim; $('kwe_l_about').textContent=T.l_about; $('kwe_f_about').placeholder=T.ph_about; $('kwe_s_svc').textContent=T.s_svc; $('kwe_s_contact').textContent=T.s_contact; $('kwe_l_phone').textContent=T.l_phone; $('kwe_l_wa').textContent=T.l_wa; $('kwe_l_email').textContent=T.l_email; $('kwe_l_addr').textContent=T.l_addr; $('kwe_l_hours').textContent=T.l_hours; $('kwe_f_hours').placeholder=T.ph_hours; $('kwe_l_ig').textContent=T.l_ig; $('kwe_f_ig').placeholder=T.ph_ig; $('kwe_l_fb').textContent=T.l_fb; $('kwe_f_fb').placeholder=T.ph_fb; $('kwe_gate_eb').textContent=T.gate_eb; $('kwe_l_lead').textContent=T.l_lead; $('kwe_f_lead').placeholder=T.ph_lead; $('kwe_gate_note').textContent=T.gate_note; $('kwe_priv_txt').innerHTML=T.priv_pre+' '+T.priv_link+''; $('kwe_publish').textContent=T.publish; $('kwe_prev').textContent=T.prev; $('kwe_vp_desk').textContent=T.vp_desk; $('kwe_vp_phone').textContent=T.vp_phone; $('kwe_modal_t').textContent=T.modal_t; $('kwe_copycode').textContent=T.copy; $('kwe_closemodal').textContent=T.close; }function buildServiceInputs(){ var w=$('kwe_services');w.innerHTML=''; state.services.forEach(function(s,i){ var d=document.createElement('div');d.className='svc'; d.innerHTML='' +'' +''; w.appendChild(d); }); w.querySelectorAll('input').forEach(function(inp){ inp.addEventListener('input',function(e){ state.services[+e.target.dataset.si][e.target.dataset.sf]=e.target.value;render(); }); }); }function paintPalette(){ var p=$('kwe_palette'); Array.prototype.slice.call(p.querySelectorAll('.sw')).forEach(function(n){n.remove();}); state.palette.forEach(function(c){ var sw=document.createElement('div'); sw.className='sw'+(c===state.brand?' active':''); sw.style.background=c;sw.title=c; sw.onclick=function(){state.brand=c;paintPalette();render();}; p.appendChild(sw); }); p.style.display='flex'; }function handleImg(file,cb){ var reader=new FileReader(); reader.onload=function(e){cb(e.target.result);}; reader.readAsDataURL(file); }// Ridimensiona l'immagine prima di incorporarla (evita base64 enormi che non si caricano) function resizeImg(img,maxDim,mime,quality){ var w=img.naturalWidth||img.width, h=img.naturalHeight||img.height; if(!w||!h) return null; var scale=Math.min(1, maxDim/Math.max(w,h)); var cw=Math.max(1,Math.round(w*scale)), ch=Math.max(1,Math.round(h*scale)); var c=document.createElement('canvas');c.width=cw;c.height=ch; var ctx=c.getContext('2d'); if(mime==='image/jpeg'){ctx.fillStyle='#ffffff';ctx.fillRect(0,0,cw,ch);} try{ctx.drawImage(img,0,0,cw,ch);return c.toDataURL(mime,quality);}catch(e){return null;} }// Il logo ha bisogno di un riquadro scuro? Solo se prevalentemente trasparente con contenuto chiaro function logoIsLight(img){ var c=document.createElement('canvas'),s=48;c.width=s;c.height=s; var ctx=c.getContext('2d');ctx.clearRect(0,0,s,s); try{ctx.drawImage(img,0,0,s,s);}catch(e){return false;} var d;try{d=ctx.getImageData(0,0,s,s).data;}catch(e){return false;} var cnt=0,dark=0,transp=0,total=s*s; for(var i=0;i0.45 && darkFrac<0.12; }function resetLogo(){ state.logo=null;state.logoLight=false; state.palette=['#F29100','#2b2b2b','#57C5B6'];state.brand='#F29100'; var drop=$('kwe_drop');drop.classList.remove('has'); drop.innerHTML='

'+T.drop_t+''+T.drop_s+'

'; $('kwe_logoInput').value=''; $('kwe_palette').style.display='none'; render(); } function resetCover(){ state.cover=null; var drop=$('kwe_coverDrop');drop.classList.remove('has'); drop.innerHTML='

'+T.cov_t+''+T.cov_s+'

'; $('kwe_coverInput').value=''; render(); }function onLogo(file){ handleImg(file,function(data){ var img=new Image(); img.onload=function(){ state.logoLight=logoIsLight(img); state.logoAspect=(img.naturalWidth||img.width)/(img.naturalHeight||img.height)||3; var pal=extractPalette(img); if(pal&&pal.length){state.palette=pal;state.brand=pal[0];} state.logo=resizeImg(img,400,'image/png',1)||data; // PNG piccolo (mantiene trasparenza) var drop=$('kwe_drop');drop.classList.add('has'); drop.innerHTML='

'+T.loaded_t+''+T.loaded_s+'

'+T.remove+''; $('kwe_logoX').addEventListener('click',function(e){e.stopPropagation();resetLogo();}); paintPalette();render(); }; img.src=data; }); } function onCover(file){ handleImg(file,function(data){ var img=new Image(); img.onload=function(){ state.cover=resizeImg(img,1600,'image/jpeg',0.82)||data; // JPEG leggero per la copertina var drop=$('kwe_coverDrop');drop.classList.add('has'); drop.innerHTML='

'+T.cov_loaded_t+''+T.cov_loaded_s+'

'+T.remove+''; $('kwe_coverX').addEventListener('click',function(e){e.stopPropagation();resetCover();}); render(); }; img.src=data; }); }// bind campi testo [['kwe_f_name','name'],['kwe_f_sector','sector'],['kwe_f_claim','claim'],['kwe_f_about','about'], ['kwe_f_phone','phone'],['kwe_f_wa','wa'],['kwe_f_email','email'],['kwe_f_addr','addr'], ['kwe_f_hours','hours'],['kwe_f_ig','ig'],['kwe_f_fb','fb']].forEach(function(pair){ $(pair[0]).addEventListener('input',function(e){state[pair[1]]=e.target.value;render();}); });// eventi immagini $('kwe_drop').addEventListener('click',function(){$('kwe_logoInput').click();}); $('kwe_logoInput').addEventListener('change',function(e){if(e.target.files[0])onLogo(e.target.files[0]);}); $('kwe_coverDrop').addEventListener('click',function(){$('kwe_coverInput').click();}); $('kwe_coverInput').addEventListener('change',function(e){if(e.target.files[0])onCover(e.target.files[0]);}); ['dragover','dragleave','drop'].forEach(function(ev){ $('kwe_drop').addEventListener(ev,function(e){e.preventDefault();if(ev==='drop'&&e.dataTransfer.files[0])onLogo(e.dataTransfer.files[0]);}); $('kwe_coverDrop').addEventListener(ev,function(e){e.preventDefault();if(ev==='drop'&&e.dataTransfer.files[0])onCover(e.dataTransfer.files[0]);}); });// viewport Array.prototype.slice.call(root.querySelectorAll('.vp button')).forEach(function(b){ b.onclick=function(){ root.querySelectorAll('.vp button').forEach(function(x){x.classList.remove('on');}); b.classList.add('on'); $('kwe_browser').classList.toggle('phone',b.dataset.vp==='phone'); }; });function toast(m){var t=$('kwe_toast');t.textContent=m;t.classList.add('show');setTimeout(function(){t.classList.remove('show');},2200);} function isEmail(e){return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);}function postLead(email){ if(!CFG.ajax)return; try{ var body=new URLSearchParams(); body.append('action','kwe_lead');body.append('nonce',CFG.nonce); body.append('email',email);body.append('name',state.name); body.append('sector',state.sector);body.append('lang',CFG.lang); body.append('privacy','1');body.append('privacy_url',CFG.privacy||''); fetch(CFG.ajax,{method:'POST',body:body,credentials:'same-origin'}); }catch(e){} }function doDownload(){ var html=buildSite(state); var blob=new Blob([html],{type:'text/html'}); var a=document.createElement('a'); a.href=URL.createObjectURL(blob);a.download='index.html'; document.body.appendChild(a);a.click();a.remove(); setTimeout(function(){URL.revokeObjectURL(a.href);},1000); toast(T.t_dl); }function showPublished(url){ var box=$('kwe_result'); box.innerHTML='

'+T.pub_title+'

' +'

' +''+T.pub_copy+'' +''+T.pub_open+'

' +'

'+T.pub_note+'

'; box.style.display='block'; $('kwe_pub_copy').onclick=function(){ var f=$('kwe_pub_url');f.select(); try{navigator.clipboard.writeText(f.value);}catch(e){document.execCommand('copy');} toast(T.t_linkcopied); }; box.scrollIntoView({behavior:'smooth',block:'nearest'}); }$('kwe_publish').onclick=function(){ var email=$('kwe_f_lead').value.trim(); if(!isEmail(email)){toast(T.need_email);$('kwe_f_lead').focus();return;} if(!$('kwe_f_priv').checked){toast(T.need_privacy);$('kwe_f_priv').focus();return;} if(!CFG.ajax){toast(T.pub_err);return;} var btn=$('kwe_publish'), label=btn.textContent; btn.disabled=true; btn.textContent=T.publishing; var body=new URLSearchParams(); body.append('action','kwe_publish');body.append('nonce',CFG.nonce); body.append('email',email);body.append('name',state.name); body.append('sector',state.sector);body.append('lang',CFG.lang); body.append('privacy','1');body.append('privacy_url',CFG.privacy||''); body.append('html',buildSite(state)); fetch(CFG.ajax,{method:'POST',body:body,credentials:'same-origin'}) .then(function(r){return r.json();}) .then(function(j){ if(j&&j.success&&j.data&&j.data.url){ showPublished(j.data.url); } else{ toast((j&&j.data&&j.data.msg==='rate')?T.pub_rate:T.pub_err); } }) .catch(function(){ toast(T.pub_err); }) .then(function(){ btn.disabled=false; btn.textContent=label; }); };$('kwe_closemodal').onclick=function(){$('kwe_modal').classList.remove('show');}; $('kwe_modal').onclick=function(e){if(e.target===$('kwe_modal'))$('kwe_modal').classList.remove('show');}; $('kwe_copycode').onclick=function(){ var ta=$('kwe_codearea');ta.select(); try{navigator.clipboard.writeText(ta.value);}catch(e){document.execCommand('copy');} toast(T.t_copy); };// init fillText(); buildServiceInputs(); render(); })();