#MetaphorJs

v.0.3

An app framework similar to AngularJs (directives, scopes, dependency injection, etc) and ExtJs (class system, event system, data model).

Short documentation with code examples

Features:

• attribute and tag directives
• event system (not attached to DOM)
• promises
• recursive rendering
• i18n
• output and input filters
• namespace and class system
• form validation
• tooltips and dialogs
• animation (css/js/jquery)
• build system that integrates your project into MetaphorJs
• dependency injection
• global and encapsulated modes
• data store and active record
• ajax (with jsonp)
• cross browser pushState implementation

• input, < scope or <-> two way data binding

• no dependencies
• cross browser
• < 50kb minified and gzipped (without modules < 30kb)

MetaphorJs and all of its modules do not depend on jQuery or any other dom helper.

// Some of the code in the library and its modules is taken from Angular and jQuery.

IE6+, Chrome, Safari, Firefox, Opera, Android (Chrome/Native), iOS Safari, Blackberry

###Modules that can be used separately (standalone/amd/node modules)

####Stable

Namespace The namespace system similar to one from ExtJs.

Class The class system is based on klass, although i’ve rewritten in quite heavily.

Observable Event system.

Promise Promise/A+ compliant library / ES6 Promise polyfill.

Dialog Tooltip/Dialog library. (Reworked version of jquery-dialog -- without jquery dependency.

####Beta

Watchable This one watches for changes in objects and scopes.

ajax AJAX implementation similar to jQuery's.

Validator Form validation.

history.pushState Stateless pushState wrapper/polyfill.

MetaphorJs.model Model/Record/Store classes.

select Selector engine (modified YASS)

animate Animation engine

Input Input field class

####Build system

https://github.com/kuindji/metaphorjs-build

###Demo

A few Angular-like demos:

Basics, Todo, Recursive rendering, Animated tags, Flickr feed, Firebase chat

Dev test page