← Tutti gli articoli

Guide

Le finestre TEMP CSS e TEMP JS non perdono più i dati alla chiusura — v3.2.2 e v3.2.3

20 maggio 2026 · di JustZix Team

Per settimane nel nostro backlog c'era scritto: "× in TEMP cancella sessionStorage". Un titolo piccolo, mesi di un problema silenzioso — un clic accidentale sul pulsante × buttava via codice, log, geometria. A maggio 2026 lo abbiamo finalmente sistemato (v3.2.2) e abbiamo subito aggiunto un pulsante "svuota" per la pulizia consapevole (v3.2.3). Ecco cosa è cambiato e perché questo piccolo dettaglio è più grande di quanto sembri.

Cosa si rompeva prima

Le finestre TEMP CSS, TEMP JS, TEMP JS Console e TEMP Output Console (scorciatoie Ctrl+Alt+G/H/J/K) vivevano nel sessionStorage della scheda sotto un id casuale assegnato alla prima apertura. La chiusura con × richiamava removeTempPane, che:

• cancellava la voce dello stato della finestra (codice, log, geometria, viewMode),
• liberava l'id, quindi ogni successivo Ctrl+Alt+G creava un nuovo id casuale.

Il risultato: il contenuto veniva perso in modo irreversibile e, anche se qualcosa fosse sopravvissuto da qualche parte, non potevi più trovarlo — l'apertura successiva cercava un id diverso. A chi lavorava in TEMP CSS e cliccava per sbaglio sulla ×, sparivano 20 minuti di scrittura di selettori.

v3.2.2 — la × solo nasconde

In v3.2.2 abbiamo cambiato il modello: una finestra TEMP non viene più rimossa alla chiusura, riceve un flag closed e resta nella sessione con il suo contenuto, la geometria e il viewMode. La funzione createTempPane ora è idempotente: riaprire una finestra dello stesso tipo (per esempio Ctrl+Alt+G per CSS) mostra la finestra esistente con i dati conservati invece di crearne una nuova. injectTempPanesIntoData renderizza solo le finestre non-closed, quindi dopo un reload vedi ancora ciò che doveva essere visibile.

I dati delle finestre TEMP continuano a sparire alla chiusura della scheda — è la portata naturale di sessionStorage e la promessa originale di "dati nell'ambito della sessione". Anche un reload della pagina li cancella (sessionStorage è per-scheda-per-origin e non sopravvive al ciclo naturale della pagina).

v3.2.3 — il pulsante "svuota"

Ora che la × era diventata amichevole, abbiamo aggiunto uno strumento di pulizia consapevole: l'intestazione di TEMP CSS e TEMP JS ha ricevuto un pulsante con l'icona del cestino proprio accanto alla ×. Cliccandolo si svuota il contenuto dell'editor in un solo gesto:

• lo svuotamento entra nella cronologia di undo del browser — Ctrl+Z lo riporta indietro;
• per TEMP CSS aggiorna immediatamente lo <style> attivo sulla pagina — vedi l'effetto subito;
• una nuova chiave i18n tempPane.clear.title in 8 lingue (tooltip).

Due intenzioni, due pulsanti: nascondere la finestra (×) e svuotarne il contenuto (cestino). Prima la × univa entrambi in un unico gesto distruttivo.

Cosa significa nel lavoro quotidiano

Tre scenari concreti in cui questo fa la differenza:

• "Nascondila un attimo, torno subito" — hai una TEMP CSS aperta con una regola CSS più lunga, vuoi vedere la pagina senza la finestra, ma torni tra un minuto. Prima della v3.2.2: la × cancellava il codice. Ora: la × nasconde, Ctrl+Alt+G la riporta indietro con lo stesso codice.
• "Ho confuso la × con il pulsante di chiusura" — un errore classico quando ci sono molte finestre. Prima: lavoro perso. Ora: un altro Ctrl+Alt+G e sei di nuovo al punto in cui eri.
• "Voglio ripartire da zero" — prima della v3.2.3 l'unico modo per svuotare era seleziona tutto + cancella, oppure chiudi + perdi. Ora: clicca il cestino, Ctrl+Z se cambi idea.

Altri fix che questo modello ha reso possibili

Il vecchio modello "× cancella" bloccava anche piccoli miglioramenti che non avevano un posto sensato: memoria della dimensione per tipo di finestra (v2.13.201), doppio clic sulla barra = toggle della dimensione (v2.13.203), scroll containment (v2.13.203). Dopo aver ricostruito lo stato delle finestre, tutti e tre hanno un posto coerente dove conservare i dati e reagiscono in modo coerente a chiusura/apertura.

Vedi anche

• TEMP panes — descrizione completa delle finestre richiamabili con la scorciatoia
• TEMP o finestra persistente — un modello decisionale
• Finestre nella pagina — finestre per sviluppatori dentro la pagina

Installa JustZix — e smetti di perdere il codice TEMP per un singolo clic accidentale.