The Dialogue Thing (2025)

Perché formattare i dialoghi non dovrebbe essere così difficile.

Perché siamo onesti: cosa fa uno sviluppatore quando non riesce a trovare gratis lo strumento che vuole? Se lo costruisce.

immagine dimostrativa per editing
next logotypescript logoreact logoquill logoregex logo

Frontend

mockup per editing

Sfide

  • 1
    Pattern regex complessi: Creare espressioni regolari dinamiche che si adattino a nomi di personaggi e tag di dialogo dinamici.
  • 2
    CTRL+V, modifica, CTRL+C, CTRL+V: L'editor dovrebbe mantenere la formattazione originale del testo, rendendolo user-friendly per gli scrittori. Scriviamo in editor diversi, ma non c'è bisogno di riformattare l'intero romanzo solo perché l'hai modificato.
  • 3
    Integrazione dell'editor: Ho provato ogni singolo rich text editor disponibile su npm prima di trovarne uno che funzionasse per il mio caso d'uso.

Soluzioni

  • 1
    Sistema di regole reattive: Tutti i pattern regex si aggiornano automaticamente quando i personaggi o i tag di dialogo cambiano, garantendo che l'evidenziazione sia sempre aggiornata.
  • 2
    Evidenziazione personalizzata con i blot di Quill.js: Quill.js gestisce l'evidenziazione attraverso i blot, eliminando la necessità di librerie extra come mark.js.
  • 3
    Validazione con debounce: Implementato un debouncing intelligente e aggiornamenti basati su delta per garantire che la validazione funzioni senza problemi senza bloccare il flusso di scrittura.
mockup per editing

Stato del progetto

Il progetto presenta validazione in tempo reale per l'editing dei dialoghi, gestione dei personaggi e suggerimenti di formattazione intelligenti. Il motore di validazione principale riconosce i problemi comuni di formattazione dei dialoghi e fornisce feedback contestuale.
Attualmente in sviluppo attivo con focus sull'espansione del set di regole e il miglioramento dell'esperienza utente. L'editor gestisce con successo scenari di dialogo base, personaggi multipli e vari pattern di punteggiatura.
I miglioramenti pianificati includono più pattern, riconoscimento automatico dei nomi dei personaggi e importazione da Google Docs. Il motore regex viene continuamente perfezionato per gestire casi limite e supportare più stili di scrittura.