Che cos’è la modifica collaborativa del codice?

La modifica collaborativa del codice consente a più sviluppatori di lavorare contemporaneamente sullo stesso codice, ciascuno nel proprio browser. È utile per la programmazione in coppia, i colloqui, l’insegnamento e il debug condiviso di un frammento di codice, senza dover configurare un IDE condiviso o scambiarsi file.

Per mantenere identiche le copie di tutti, le modifiche vengono trasmesse come piccoli interventi anziché come file interi e un server ne stabilisce l’ordine di applicazione. Le modifiche effettuate nello stesso momento vengono adattate le une alle altre, così entrambe vengono mantenute.

Descrizione dello strumento

Questo strumento è un editor JavaScript condiviso con evidenziazione della sintassi. Aprilo e condividi il link: tutti i partecipanti alla stanza modificano lo stesso codice in tempo reale, vedono i cursori degli altri e possono convalidare o formattare il codice per tutti con un solo clic.

La convalida controlla la sintassi con il parser Babel, che include i moduli ES e JSX. La formattazione usa Prettier e il codice formattato sostituisce solo le righe che sono cambiate, così ciò che gli altri digitano nel frattempo rimane al suo posto.

Funzionalità

  • Modifica in tempo reale: le modifiche di tutti appaiono immediatamente e vengono unite quando più persone digitano nello stesso momento
  • Cursori e selezioni: scopri dove si trova ogni persona grazie al colore mostrato accanto al suo nome
  • Convalida: controlla la sintassi JavaScript e mostra il primo errore con la relativa riga e colonna
  • Formattazione: riformatta il codice con Prettier per tutti i partecipanti alla stanza
  • Copia e scaricamento: conserva una copia del codice come file .js

Come funziona

Quando la pagina si apre, crea una stanza sul server di sincronizzazione e inserisce il relativo link nella barra degli indirizzi. Chiunque apra il link entra nella stessa stanza e vede lo stesso documento.

Ogni modifica viene inviata al server come una breve descrizione di ciò che è cambiato, indicando quali caratteri sono stati inseriti o eliminati e in quale posizione, anziché inviare tutto il testo. Il server dispone le modifiche di tutti in un unico ordine, sposta una modifica apportata su una versione precedente oltre quelle arrivate prima e trasmette il risultato a tutti gli altri. Ciò che digiti appare subito e le modifiche degli altri vengono integrate attorno alle tue, così nessuno perde ciò che ha scritto quando due persone modificano il testo nello stesso momento.

Il documento viene conservato solo nella memoria del server finché la stanza è aperta. Se ricarichi la pagina, rientri nella stanza e ritrovi il testo com’era; quando tutti se ne sono andati, la stanza e il suo testo vengono eliminati.

Limitazioni

  • Una stanza può contenere fino a 20 persone e 100.000 caratteri.
  • Dopo la chiusura della stanza non viene conservato nulla. Scarica il testo prima che l’ultima persona se ne vada.
  • Le modifiche molto rapide o molto estese, come incollare l’intero documento più volte di seguito, vengono rifiutate e l’editor ricarica il testo della stanza.
  • Se apri il link di una stanza in un altro editor collaborativo, ad esempio una stanza SQL nell’editor JavaScript, viene mostrato il messaggio «Stanza non trovata»: ogni stanza è associata a un solo linguaggio.
  • La convalida controlla solo la sintassi. Il codice non viene mai eseguito.