@echelon-framework/schematics

Angular schematics for Echelon framework — ng add + ng generate page/form/model.

Installation & Setup

# Full setup — adds all @echelon-framework/* deps,
# generates bootstrap files, configures routing + menu + styles
ng add @echelon-framework/schematics

# After setup, run:
ng serve
# → http://localhost:4200 → 9 designers work out-of-the-box

Generate Artifacts

# Generate a new page with @Page + PageBuilder
ng generate @echelon-framework/schematics:page client-list
# → src/app/pages/client-list.page.ts

# Generate a standalone form with typed contract
ng generate @echelon-framework/schematics:form registration
# → src/app/forms/registration.form.ts

# Generate a data model
ng generate @echelon-framework/schematics:model Client
# → src/app/models/client.model.ts

What ng add generates

src/app/
  app.config.ts           — provideEchelon({ widgets, pages })
  bootstrap/
    widgets.ts            — ...designerWidgets()
    pages.ts              — designer page imports
    routes.ts             — / → /designer, /draft/:id, /embed/:id
    menu.ts               — ...designerMenuItems()
  styles.css              — @import echelon-base.css

License

BUSL-1.1