// Extraer texto de imagen (OCR) — ACACIA freeware. Tesseract.js en el navegador. ES/EN. Acento cian. const { useState, useEffect, useRef, useCallback } = React; const STRINGS = { es: { nav_more:"← Más herramientas", theme_label:"Cambiar tema", lang_label:"Idioma", eyebrow:"Herramienta gratis", h1:"Extraer texto de ", h1b:"una imagen", hero_p:"Convierte una foto, captura o documento escaneado en texto editable con OCR. La imagen no se sube.", privacy_chip:"El OCR ocurre en tu navegador. Tu imagen no se sube.", drop_h:"Arrastra una imagen aquí", drop_p:"o haz clic para elegirla · JPG, PNG…", ocrlang:"Idioma del texto", spa:"Español", eng:"Inglés", both:"Español + Inglés", extract:"Extraer texto", working:"Procesando…", change:"Cambiar imagen", output:"Texto extraído", copy:"Copiar", download:"Descargar", copied:"¡Copiado!", empty:"El texto reconocido aparecerá aquí.", err:"No se pudo procesar la imagen. Intenta con otra más nítida.", cta_h3:"¿Digitalizas muchos documentos o formatos?", cta_p:"En ACACIA automatizamos captura y procesamiento de documentos para PyMEs. Hablemos.", cta_btn:"Hablar con ACACIA", faq_title:"Preguntas frecuentes", faq:[["¿Cómo extraigo texto de una imagen?","Sube la imagen, elige el idioma y pulsa Extraer; copia o descarga el texto."],["¿Mi imagen se sube?","No. El OCR corre en tu navegador; solo se descarga una vez el modelo de idioma."],["¿Sirve con manuscrito?","Funciona mejor con texto impreso y nítido; el manuscrito es menos preciso."]], foot_free:"© 2026 ACACIA · Herramienta gratis", foot_tools:"Herramientas", foot_privacy:"Privacidad", foot_contact:"Contacto", foot_crafted:"hecho con", foot_by:"por", }, en: { nav_more:"← More tools", theme_label:"Toggle theme", lang_label:"Language", eyebrow:"Free tool", h1:"Extract text from ", h1b:"an image", hero_p:"Turn a photo, screenshot or scanned document into editable text with OCR. The image isn't uploaded.", privacy_chip:"OCR runs in your browser. Your image isn't uploaded.", drop_h:"Drag an image here", drop_p:"or click to choose it · JPG, PNG…", ocrlang:"Text language", spa:"Spanish", eng:"English", both:"Spanish + English", extract:"Extract text", working:"Processing…", change:"Change image", output:"Extracted text", copy:"Copy", download:"Download", copied:"Copied!", empty:"The recognized text will appear here.", err:"Couldn't process the image. Try a sharper one.", cta_h3:"Do you digitize lots of documents or forms?", cta_p:"At ACACIA we automate document capture and processing for SMBs. Let's talk.", cta_btn:"Talk to ACACIA", faq_title:"FAQ", faq:[["How do I extract text from an image?","Upload the image, pick the language and press Extract; copy or download the text."],["Is my image uploaded?","No. OCR runs in your browser; only the language model is downloaded once."],["Does it work with handwriting?","It works best with sharp printed text; handwriting is less accurate."]], foot_free:"© 2026 ACACIA · Free tool", foot_tools:"Tools", foot_privacy:"Privacy", foot_contact:"Contact", foot_crafted:"crafted with", foot_by:"by", }, }; function makeT(lang){return (k,v)=>{let s=(STRINGS[lang]&&STRINGS[lang][k])!=null?STRINGS[lang][k]:(STRINGS.es[k]!=null?STRINGS.es[k]:k);if(v&&typeof s==="string")for(var x in v)s=s.split("{"+x+"}").join(v[x]);return s;};} const LangContext=React.createContext("es"); function detectLang(){try{var s=localStorage.getItem("acacia-lang");if(s==="es"||s==="en")return s;}catch(e){}return (navigator.language||"es").toLowerCase().indexOf("en")===0?"en":"es";} function triggerDownload(text,filename){var blob=new Blob([text],{type:"text/plain"});var url=URL.createObjectURL(blob);var a=document.createElement("a");a.href=url;a.download=filename;document.body.appendChild(a);a.click();a.remove();setTimeout(()=>URL.revokeObjectURL(url),1500);} function App(){ const [lang,setLang]=useState(detectLang); const [theme,setTheme]=useState(()=>{try{return localStorage.getItem("acacia-theme")||"light";}catch(e){return "light";}}); const t=makeT(lang); const [file,setFile]=useState(null); const [url,setUrl]=useState(null); const [ocrLang,setOcrLang]=useState("spa+eng"); const [busy,setBusy]=useState(false); const [prog,setProg]=useState(0); const [text,setText]=useState(""); const [err,setErr]=useState(""); const [copied,setCopied]=useState(false); const inputRef=useRef(null); const [over,setOver]=useState(false); useEffect(()=>{document.documentElement.setAttribute("data-theme",theme);try{localStorage.setItem("acacia-theme",theme);}catch(e){}},[theme]); useEffect(()=>{document.documentElement.setAttribute("lang",lang);try{localStorage.setItem("acacia-lang",lang);}catch(e){}},[lang]); const pick=useCallback((f)=>{ if(!f||!/image\//.test(f.type))return; setErr(""); setText(""); setFile(f); setUrl(u=>{ if(u)URL.revokeObjectURL(u); return URL.createObjectURL(f); }); },[]); const onDrop=(e)=>{e.preventDefault();setOver(false);if(e.dataTransfer.files&&e.dataTransfer.files[0])pick(e.dataTransfer.files[0]);}; const extract=async()=>{ if(!file||busy||!window.Tesseract)return; setBusy(true);setProg(0);setErr("");setText(""); try{ const { data }=await window.Tesseract.recognize(file, ocrLang, { logger:(m)=>{ if(m&&typeof m.progress==="number"&&(m.status==="recognizing text"||m.status==="recognizing")) setProg(Math.round(m.progress*100)); } }); setText((data&&data.text)?data.text.trim():""); if(window.acaciaTrack)window.acaciaTrack("ocr_extract",{lang:ocrLang}); }catch(e){ setErr(t("err")); } setBusy(false); }; const copy=async()=>{try{await navigator.clipboard.writeText(text);setCopied(true);setTimeout(()=>setCopied(false),1600);}catch(e){}}; return (
ACACIA ACACIA
{t("nav_more")}
{t("eyebrow")}

{t("h1")}{t("h1b")}

{t("hero_p")}

{t("privacy_chip")}
{!url ? (
inputRef.current&&inputRef.current.click()} onDragOver={(e)=>{e.preventDefault();setOver(true);}} onDragLeave={()=>setOver(false)} onDrop={onDrop}>

{t("drop_h")}

{t("drop_p")}

pick(e.target.files[0])} />
) : (
preview
{busy &&
} {err &&

{err}

}
)}
{copied?{t("copied")}:null}