← Todos los artículos

Guías

Las ventanas TEMP CSS y TEMP JS ya no pierden datos al cerrarse — v3.2.2 y v3.2.3

20 mayo 2026 · por JustZix Team

Durante semanas nuestro backlog tenía: «× en TEMP borra sessionStorage». Un título pequeño, meses de un problema silencioso — un clic accidental en el botón × tiraba a la basura el código, el registro, la geometría. En mayo de 2026 por fin lo arreglamos (v3.2.2) e inmediatamente añadimos un botón «vaciar» para la limpieza deliberada (v3.2.3). Aquí tienes lo que cambió y por qué este pequeño detalle es más grande de lo que parece.

Qué se rompía

Las ventanas TEMP CSS, TEMP JS, TEMP JS Console y TEMP Output Console (atajos Ctrl+Alt+G/H/J/K) vivían en el sessionStorage de la pestaña bajo un id aleatorio asignado al primer abrir. Cerrar con × llamaba a removeTempPane, que:

• borraba la entrada del estado de la ventana (código, registro, geometría, viewMode),
• liberaba el id, de modo que cada Ctrl+Alt+G posterior creaba un id aleatorio nuevo.

El resultado: el contenido se perdía de forma irreversible y, aunque algo hubiera sobrevivido en algún sitio, no podías encontrarlo — la siguiente apertura buscaba un id distinto. Quien estuviera trabajando en TEMP CSS y pulsara × por accidente perdía 20 minutos de escritura de selectores.

v3.2.2 — la × solo oculta

En v3.2.2 cambiamos el modelo: una ventana TEMP ya no se elimina al cerrarse, recibe una bandera closed y permanece en la sesión con su contenido, su geometría y su viewMode. La función createTempPane ahora es idempotente: al volver a abrir una ventana del mismo tipo (por ejemplo Ctrl+Alt+G para CSS) se muestra la ventana existente con los datos conservados en lugar de crear una nueva. injectTempPanesIntoData solo renderiza las ventanas no marcadas como closed, así que tras recargar sigues viendo lo que se suponía que era visible.

Los datos de las ventanas TEMP siguen desapareciendo cuando se cierra la pestaña — es el alcance natural de sessionStorage y la promesa original de «datos dentro de la sesión». Recargar la página también los borra (sessionStorage es por pestaña y origen y no sobrevive al ciclo de vida natural de la página).

v3.2.3 — el botón «vaciar»

Ahora que la × se había vuelto amable, añadimos una herramienta de limpieza deliberada: las cabeceras de TEMP CSS y TEMP JS recibieron un botón con icono de papelera justo al lado de la ×. Al pulsarlo se borra el contenido del editor de una vez:

• el vaciado entra en el historial de deshacer del navegador — Ctrl+Z lo recupera;
• para TEMP CSS actualiza inmediatamente el <style> vivo en la página — ves el efecto al instante;
• una nueva clave i18n tempPane.clear.title ×8 idiomas (tooltip).

Dos intenciones, dos botones: ocultar la ventana (×) y vaciar su contenido (papelera). Antes, la × juntaba ambas en un único movimiento destructivo.

Qué significa en el día a día

Tres escenarios concretos en los que esto marca la diferencia:

• «Ocúltala un momento, vuelvo enseguida» — tienes una TEMP CSS abierta con una regla CSS algo más larga, quieres ver la página sin la ventana, pero volverás en un minuto. Antes de v3.2.2: la × borraba el código. Ahora: la × oculta, Ctrl+Alt+G la trae de vuelta con el mismo código.
• «Confundí la × con el botón de cerrar» — un error clásico cuando hay muchas ventanas. Antes: trabajo perdido. Ahora: otro Ctrl+Alt+G y estás justo donde estabas.
• «Quiero empezar desde cero» — antes de v3.2.3 la única forma de vaciar era seleccionar todo + borrar, o cerrar + perder. Ahora: clic en la papelera, Ctrl+Z si cambias de idea.

Otros arreglos que este modelo hizo posibles

El antiguo modelo «la × borra» también bloqueaba pequeñas mejoras que no tenían un sitio razonable: memoria del tamaño por tipo de ventana (v2.13.201), doble clic en la barra = alternar tamaño (v2.13.203), contención del scroll (v2.13.203). Tras reconstruir el estado de las ventanas, las tres tienen un sitio coherente para guardar datos y reaccionan de forma consistente al cierre/apertura.

Véase también

• Paneles TEMP — descripción completa de las ventanas invocadas con atajos
• TEMP frente a ventana persistente — un modelo de decisión
• Ventanas en la página — ventanas de desarrollo dentro de la página

Instala JustZix — y deja de perder código TEMP por un único clic accidental.