Clear Core

Core interfaces and classes for html applications.

Architecture

Page

Every page is html file in public directory. It includes:

• common html elements (html, head, body)
• mark-up (for template engine or raw html)

Advantages of this approach:

• Client-side rendering and raw html can be used
• Real URI for every page

Application

Application handle entry point in app (e.g. main.ts):

• Execute global hooks
• Check requested route for current page
• Run Route Handler

Router

Contains map of URI -> Route Handler.

Route Handlers

Route Handler known how handle specific URI with given params. Route handling cases:

• instantiate and execute Page Object with given Window context
• redirection (based on URI params, Window context, etc)

Route inject all external Page Object dependencies.

Page Objects

Page Object instantiate html components (forms, widgets) and handle events.