Skip to content

v0.2.0 — Soporte PWA y rediseño estilo iOS

Latest

Choose a tag to compare

@KrlitosForever KrlitosForever released this 10 Jul 14:39
f769c14

Fecha: 10 de julio de 2026

✨ Novedades

  • Instalable como app (PWA): la calculadora ahora puede añadirse a la pantalla de inicio del iPhone y abrirse en modo standalone, sin la barra de Safari.
  • Funciona sin conexión: se agregó un service worker (sw.js) con estrategia cache-first, que cachea los assets principales y sigue funcionando sin internet tras la primera visita.
  • Manifest de aplicación (manifest.webmanifest): nombre, colores de tema, orientación y set completo de íconos.
    Íconos nuevos: set completo (16 a 512px) generado desde un SVG maestro (icons/icon.svg) con rsvg-convert, en azul con símbolo "%", cumpliendo los tamaños que exige iOS (apple-touch-icon 120/152/167/180).
  • Meta tags de iOS: apple-mobile-web-app-capable, status-bar-style, theme-color claro/oscuro, para integración nativa al añadir a pantalla de inicio.

🎨 Rediseño visual (estética iOS / Human Interface Guidelines)

  • Tipografía del sistema (`apple-system / San Francisco).
  • Paleta y componentes inspirados en iOS: campos tipo "grouped list" con efecto de vidrio esmerilado (blur), azul de sistema #007AFF / #0A84FF.
  • Modo oscuro automático vía prefers-color-scheme.
    Padding con env(safe-area-inset-*) para respetar el notch / Dynamic Island.

🐛 Correcciones

  • Corregidos los íconos generados, que perdían color y forma (salían en escala de grises/negro sólido) por usar el renderizador SVG interno de ImageMagick; ahora se generan con librsvg/rsvg-convert, preservando gradiente y trazos correctamente.

📦 Archivos añadidos/modificados

manifest.webmanifest, sw.js, icons/ (SVG + 8 tamaños PNG), index.html, styles.css, script.js