Ibyar/Aurora
Aurora
Ibyar Aurora, is a web framework, that can create and define a Web Component standards ('custom elements', 'Shadow DOM' and 'HTML Templates'), that compatible with other frameworks, using Typescript.
This framework build with-in a embedded JavaScript Engine @ibyar/expressions to execute Template syntax and attributes binding.
- Demo: https://ibyar.github.io/aurora-demo
- API Doc: https://ibyar.github.io/aurora-docs
- Ibyar Expression & Elements parser: https://ibyar.github.io/astexplorer/
- select: JavaScript: @ibyar/expressions
- select: HTML: @ibyar/elements
- Custom Elements Everywhere for Aurora Test & Results: https://ibyar.github.io/custom-elements-everywhere/libraries/aurora/results/results.html
Install
npm i --save @ibyar/aurora
yarn add @ibyar/aurora
Dependencies
| README | Description | NPM, PKG, SRC |
|---|---|---|
| @ibyar/aurora | a central package to manage dependance only |   |
| @ibyar/core | create components, render elements bind attributes and handling events |
 |
| @ibyar/expressions | a JavaScript engine, parser and evaluator build by the guid of V8 JavaScript engine. Introduce a reactive scope concept to detect changes for scope variables, subscriptions based on a wave effect like concept,(simple what is subscribed will only be reevaluated again). Follow ESTree structural to generate an ast object. |
 |
| @ibyar/elements | parse HTML Template,has tag names, properties for each tag |
 |
| @ibyar/pipes | implement all supported pipes |  |
| @ibyar/directives | implement all supported directives |  |
| @ibyar/platform | utility package for and plural stuff, json patch |  |
| @ibyar/cli | ibyar cli package |  |
| @ibyar/decorators | ibyar decorators package |  |
| tslib | Runtime library for TypeScript helpers. |  |
'HTML Template' Features
| Support | HTML Template |
|---|---|
| Parsing Attributes | ✓ |
| One Way Data Binding | ✓ |
| Two Way Data Binding | ✓ |
| Event Binding | ✓ |
| Template Parser | ✓ |
| Template Syntax | ✓ |
| Template Reference Variables | ✓ |
| Template HTML File | fetch or embedded |
| Fragment | ✓ |
| camelCase Property Naming | ✓ |
| lowercase for root element Property Naming | ✓ |
Library Features
- ES Module
- JavaScript API
- Dependency Injection
- Component
- Directives (Attribute and Structural Directives)
- Pipes
- Lifecycle
- Signals
- [x]