LZ Studio Tools
Herramientas de preprensa con registro gratuito mediante Supabase. El procesamiento de diseños sigue en el dispositivo. Sites verifica la sesión y la suspensión en un Worker antes de entregar cualquier herramienta o su código. No publicar web/ como un sitio estático si se necesita conservar este bloqueo.
Código del sitio en web/, cuentas en src/ y verificación de acceso en worker/. npm run build genera dist/server/index.js y los recursos públicos en dist/client/; npm test comprueba los flujos de cuentas y la protección además de los motores existentes. El ingreso usa correo y contraseña. Registro, confirmación y recuperación reutilizan Supabase y su correo configurado. Mantener account.html entre las URL de retorno admitidas para cada dominio utilizado. Las contraseñas las administra Supabase y no se guardan en perfiles ni código.
Todas las cuentas activas tienen acceso gratuito. La tabla lz_access previa se conserva, pero ya no determina el acceso de esta versión. El rol administrativo y la suspensión continúan comprobándose con las funciones y políticas existentes de Supabase. El panel cuenta perfiles creados cuando una cuenta confirmó su correo y entró al sitio; no incluye registros pendientes de confirmación. El administrador conserva la opción de suspender/reactivar cuentas, sin autoconceder roles desde el navegador.
Funciones: PNG/JPG/WebP, áreas separadas para archivo, quitar color, limpieza física de residuos aislados, recoloración y semitonos; dimensiones con proporción conservada; semitono AM derivado del color de la prenda con cuatro formas; doble trama con frecuencia y ángulo independientes; módulo Super-Resolution 2× con el CNN compacto Real-ESRGAN General x4v3 ejecutado directamente en ONNX Runtime Web/WebGPU, bloques solapados de tamaño fijo, vista progresiva bloque por bloque, porcentaje, ETA, detección del área útil y caché IndexedDB; vista original/resultado, zoom con rueda, pegado condicionado al área de carga, color de prenda solo en vista, deshacer y PNG con pHYs a 150/300/600 ppp. Cada módulo incluye navegación simplificada, guía rápida y vista móvil separada entre ajustes y resultado. También incluye un creador de textos con fuentes web/propias, PNG y SVG; mockups con cinco prendas y tres gorras; un vectorizador SVG con contornos suaves y modo de compatibilidad; un Analizador DTF para alfa/grosor/vibrancia; y un armador de pliegos de 58 cm con largo de 50 a 500 cm, múltiples imágenes arrastrables y exportación PNG por bloques con auditoría automática. Archivo original conservado en memoria.
Límites de esta etapa: carga hasta 40 MiB y 32 MP en el editor; exportación del editor por bloques hasta 140 MP y 24,000 px por lado. El armador de pliegos admite hasta 410 MP y procesa únicamente las franjas ocupadas; el PNG comprimido todavía debe caber en la memoria disponible del navegador. PNG no admite canales CMYK reales: el pliego aplica una conversión perceptual y límite de tinta CMYK, y guarda el resultado compatible con RIP en RGB/PNG; la separación final corresponde al RIP de impresión. La mejora con IA incluye localmente ONNX Runtime Web y Real-ESRGAN General x4v3, usa WebGPU cuando está disponible y cae a CPU/WASM si hace falta. El vectorizador está orientado a logotipos y artes de colores sólidos. Las recetas de producción necesitan pruebas físicas.
Pruebas: npm test; navegación con mouse/touch, geometría de redimensionado, interacción real del pliego con un adaptador DOM/canvas, algoritmos de alfa y recoloración, cobertura simple y doble de trama, continuidad entre bloques, frecuencia física y bloque pHYs/CRC. Verificar en navegador real carga, selección, deshacer, ejecución de IA y descarga en iPhone y computadora. WebMCP se activa solo si el navegador ofrece la API.
Código modular: app.js interfaz, processor.js motores, worker.js ejecución fuera del hilo principal, png.js resolución del PNG. El bloqueo de acceso requiere el Worker incluido en la publicación.
IA local: ONNX Runtime Web y Real-ESRGAN General x4v3 (SRVGGNetCompact, pesos originales de Real-ESRGAN v0.2.5.0 y exportación ONNX reproducible de CoderViking). Incluye el motor y los pesos dentro de web; no depende de un CDN durante la ejecución. La licencia y procedencia del modelo están en web/models/realesr-general-x4v3-cnn/.
Actualización de navegación: todas las vistas permiten recorrer el zoom arrastrando con clic izquierdo (botón Mover vista). Espacio + arrastrar o el botón central activan el desplazamiento temporal; en el pliego también puedes arrastrar una zona vacía. Desactiva Mover vista para editar posiciones en pliego o mockups. Los mockups no muestran marco de área. Selecciona un diseño del pliego y arrastra una esquina para ajustar su medida física; el lado opuesto permanece fijo, se respeta la rotación y la casilla Conservar proporción, y las medidas se sincronizan con el panel. Los tiradores y la etiqueta de tamaño solo pertenecen a la vista y no se incluyen en la exportación de producción.
Inicio de herramientas: web/index.html muestra quince accesos agrupados en preparación, creación y producción. El editor existente se conserva en web/editor.html; editor.html?tool=recolor abre directamente el recolorizador y mantiene el control de carga siempre disponible. Todos los módulos incluyen acceso al inicio y el menú completo. La cabecera conserva únicamente LZ Studio Tools con la tipografía local de marca, sin monograma duplicado ni subtítulo. El logo proporcionado por el usuario aparece en Inicio en verde lima: su contorno se trazó con el vectorizador existente, conservando letras y ornamentos. Las barras de navegación conservan sus opciones.
This is the beginning of the README. Read the rest at the original. Read the full README ↗
