Package Exports
- @weedshaker/proxifyjs
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@weedshaker/proxifyjs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
ProxifyJS
A pure ES6 api:any - handler library backed by ECMAScript Harmony Proxy. Proxifies any object and goes far beyond......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!
Installation
npm install Weedshaker/ProxifyJSUsage
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('ProxifyJS')
.$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 ProxifyJS 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.