...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, Subscribe, LocalStorage, WebWorkers, Method Chaining, Error Handling, Types, Debugging, ∞. All modular, lightweight and simple thanks to the power of Proxies.