Proxify [Pro·xi·fy]: a pure ES6 api:any - handler library backed by ECMAScript Harmony Proxy. Proxifies any object and goes far beyond...
Do you wish the old days of simplicity back?
...Everything is getting more and more complex around web application development but don't worry, not this one. No bundler nor any dependencies, except of ES6 native Proxy!
import { ProxifyHook } from './JavaScript/Classes/Helper/ProxifyHook.js';
import { InitBasic } from './JavaScript/Classes/Controller/InitBasic.js';
const __ = new ProxifyHook(InitBasic).get();
__(document.getElementsByTagName('body')[0]).$appendChildren(
[
__('h2')
.$setInnerHTML('Proxify')
.$css(
`{
color: darkgrey;
font-size: 44px;
font-style: italic;
margin: 25px 0 25px;
text-align: center;
}`, 'h2'),
__('p')
.$setInnerHTML('NOW!')
.$css(
`{
color: darkgrey;
font-size: 15px;
margin: 5px 20px;
text-shadow: 0px 2px 2px rgba(170, 222, 237, 0.5);
}`, 'p'),
__('hr')
.$css(
`{
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
border: 0;
height: 1px;
margin: 10px 0;
}`, 'hr')
]
);The short snippet above merely gives a glimpse on what Proxify can do.
Easily, deal not only with Web APIs but any API. Here a few tags: Events, Html, Css, Join, LocalStorage, WebWorkers, Method Chaining, Error Handling, Types, Debugging, ∞. All modular, lightweight and simple thanks to the power of Proxies.