G. Novetti.EN

Progetto personale

JSON Schema Graph Builder.

Un editor visuale di JSON Schema che sincronizza codice sorgente, grafo interattivo, validazione e anteprime dei form.

← Tutti i progetti
Due dialetti JSON Schema · Modifica di codice e grafo · Anteprime dei form

Il contesto.

I JSON Schema di grandi dimensioni diventano difficili da esplorare quando si accumulano definizioni, riferimenti e regole condizionali. Ho creato un editor che rende queste relazioni navigabili mantenendo un output JSON Schema standard.

Il mio contributo.

  • Ho realizzato un modello SchemaGraph indipendente dal framework per parsing, serializzazione, risoluzione dei riferimenti e operazioni sugli schemi; React Flow lo rappresenta come grafo interattivo.
  • Ho sincronizzato l’editor Monaco, l’ispettore del grafo e la diagnostica di validazione con Zustand. Il codice non valido rimane modificabile senza sostituire l’ultimo grafo valido.
  • Ho aggiunto un editor visuale di UI Schema per JSON Forms con anteprima, mantenendo i metadati dell’interfaccia separati dagli schemi esportati.
  • Ho supportato Draft 2020-12 e Draft-07, con conversione tra dialetti e riscrittura dei riferimenti quando cambiano le destinazioni.

Tecnologie.

TypeScriptReactJSON Schema