Estoy buscando alguna dirección sobre diferentes herramientas que podría usar para actualizar un árbol JSX existente e insertar nuevos elementos JSX / declaraciones de importación a través de un generador de CLI.

Como ejemplo, nuestra CLI ayuda a crear componentes de diálogo y a insertarlos automáticamente en el árbol para que estén listos para usar en la raíz del proyecto.

Tenemos un árbol que se ve así en la base de la aplicación.

 <AppContainer> <Router routes={routeConfig} /> <div id="dialog-holder"> {/* LEAVE THIS IN PLACE FOR DIALOGS TO POPULATE INTO */} </div> <Snackbar /> </AppContainer>

Actualmente, he usado un caminante AST para encontrar este elemento div e insertar una nueva línea, algo como esto

 <NewDialog />

Y luego agregue una nueva declaración de importación en la parte superior

 import NewDialog from "dialogs/NewDialog"

Tenemos una CLI trabajando actualmente para hacer esto, pero tenemos más casos de uso en los que nos encantaría actualizar archivos a medida que generamos nuevos componentes y otras partes de nuestras aplicaciones y trabajar con AST no es simple.

La CLI está integrada en el nodo y, actualmente, usamos Yeoman para la lógica y la funcionalidad del generador real.

¿Hay alguna otra herramienta de Node con la que podría ser más fácil trabajar que nos permitiría hacer esta fina manipulación de archivos como esta?