How prasworld/vialiq works
This Nx workspace contains a form-builder remote and a shell app, alongside reusable libraries for rendering forms, UI components, state, mapping, translations, and design tokens. The principal visible workflow is a user editing a form: registered descriptors supply palette choices, drag-and-drop edits the schema, and validation rules evaluate field constraints. The tree and excerpts establish only some calls, so unverified connections between other libraries and apps are omitted; several capabilities are represented by their source directories rather than inspected implementations.
Main entry points: dnd.service.ts Drag and Drop · builder-registry.service.ts Builder Registry · translation.service.ts Angular Translation · entry.ts Builder Remote
Components 27
Applications
- Shell App
apps/shell/src/app/app.ts - Builder Remote
apps/remote1/src/app/remote-entry/entry.ts - Remote Routes
apps/remote1/src/app/app.routes.ts
Form Authoring
- Builder UI
libs/form-builder/src/lib/form-builder/form-builder.ts - Component Palette
libs/form-builder/src/lib/palette - Component Descriptors
libs/form-builder/src/lib/types/component-descriptor.ts - Builder Registry
libs/form-builder/src/lib/registry/builder-registry.service.ts - Drag and Drop
libs/form-builder/src/lib/services/dnd.service.ts - Form Schema
libs/form-builder/src/lib/services/form-schema.service.ts - Schema Types
libs/form-builder/src/lib/types/component-schemas.ts - Key Generator
libs/form-builder/src/lib/services/key-generator.service.ts - Rule Validation
libs/form-builder/src/lib/validation/rule-engine.ts - Form Renderer
libs/form-renderer/src/lib/form-renderer.component.ts
Shared Libraries
- Object Mapping
libs/automapper/src/lib/context.ts - State Sync
libs/state-fp/src/sync/sync-engine.ts - Sync Transport
libs/state-fp/src/sync/transport.ts - Translation Engine
libs/utilities/src/lib/i18n/core/translation-engine.ts - Translation Loader
libs/utilities/src/lib/i18n/core/translation-loader.ts - Angular Translation
libs/utilities/src/lib/i18n/angular/translation.service.ts
UI System
- Web Components
libs/web-components/src/index.ts - Overlay Manager
libs/web-components/src/base/overlay-manager.ts - Combobox Items
libs/web-components/src/combobox/vi-combobox-item.ts - Listbox Controls
libs/web-components/src/shared/controllers/filter-controller.ts - Toast Service
libs/web-components/src/toast/vi-toast-service.ts - Flux UI Tokens
libs/flux-ui/src/tokens/index.ts - Icon Library
libs/icons/src/index.ts
Other components
- Form Author
Connections 18
- Form Author → Shell App: opens
- Remote Routes → Builder Remote: loads routes
apps/remote1/src/app/app.routes.ts - Builder Remote → Builder UI: uses
apps/remote1/src/app/remote-entry/entry.ts - Builder Registry → Component Descriptors: collects
libs/form-builder/src/lib/registry/builder-registry.service.ts - Builder Registry → Builder UI: registers choices
libs/form-builder/src/lib/registry/builder-registry.service.ts - Drag and Drop → Form Schema: edits schema
libs/form-builder/src/lib/services/dnd.service.ts - Drag and Drop → Builder Registry: looks up types
libs/form-builder/src/lib/services/dnd.service.ts - Drag and Drop → Key Generator: generates keys
libs/form-builder/src/lib/services/dnd.service.ts - Drag and Drop → Schema Types: uses types
libs/form-builder/src/lib/services/dnd.service.ts - Form Schema → Key Generator: generates keys
libs/form-builder/src/lib/services/form-schema.service.ts - Rule Validation → Schema Types: validates values
libs/form-builder/src/lib/validation/rule-engine.ts - State Sync → Sync Transport: sends updates
libs/state-fp/src/sync/sync-engine.ts - Angular Translation → Translation Engine: uses engine
libs/utilities/src/lib/i18n/angular/translation.service.ts - Angular Translation → Translation Loader: loads translations
libs/utilities/src/lib/i18n/angular/translation.service.ts - Translation Engine → Translation Loader: uses manifest types
libs/utilities/src/lib/i18n/core/translation-engine.ts - Listbox Controls → Combobox Items: filters items
libs/web-components/src/shared/controllers/filter-controller.ts - Toast Service → Web Components: presents notifications
- Overlay Manager → Web Components: supports overlays