Vanilla JS Showcase
The Vanilla JS Showcase is a private TypeScript + Vite application that consumes @validation-rules-engine/core directly. It proves the engine works without Angular or React adapters: policies, nested paths, validation groups, summaries, and large generated forms all run against plain DOM controls.
There is no @validation-rules-engine/vanilla package. Adapter packages remain the supported path for Angular and React applications. Use Vanilla JS when you want Core-only validation in a framework-free UI, or when you are learning the engine before adopting an adapter.
What it demonstrates
| Route | Purpose |
|---|---|
/showcases/vanilla/ | Showcase home and entry points |
/showcases/vanilla/simple | Single policy, simple fields, inline messages |
/showcases/vanilla/complex | Nested model, multiple policies, validation groups |
/showcases/vanilla/performance | Generated large form with measured validation |
Local multi-host URL: /showcases/vanilla/
Relationship to Core and adapters
Vanilla JS Showcase → @validation-rules-engine/core
Angular Showcase → @validation-rules-engine/angular → core
React Showcase → @validation-rules-engine/react → corePolicies that import only Core contracts can be shared across Vanilla JS, Angular, and React. The showcase owns its small DOM helpers and a lightweight ValidationEngine wrapper around Core validators; that showcase code is not a publishable adapter.