https://github.com/weedshaker/proxifyjs
A pure ES6 api:any - handler library backed by ECMAScript Harmony Proxy. Proxifies any object and goes far beyond...
https://github.com/weedshaker/proxifyjs
api css-in-js debug ecmascript-harmony-proxy framework lightweight method-chaining minimal subscribers traps unopinionated usetheplatform webworkers
Last synced: 6 months ago
JSON representation
A pure ES6 api:any - handler library backed by ECMAScript Harmony Proxy. Proxifies any object and goes far beyond...
- Host: GitHub
- URL: https://github.com/weedshaker/proxifyjs
- Owner: Weedshaker
- License: mit
- Created: 2018-06-22T21:22:40.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-04-25T18:55:17.000Z (almost 3 years ago)
- Last Synced: 2024-12-23T20:02:37.345Z (about 1 year ago)
- Topics: api, css-in-js, debug, ecmascript-harmony-proxy, framework, lightweight, method-chaining, minimal, subscribers, traps, unopinionated, usetheplatform, webworkers
- Language: JavaScript
- Homepage: https://weedshaker.github.io/ProxifyJS/
- Size: 183 KB
- Stars: 9
- Watchers: 4
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
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
```js
npm install Weedshaker/ProxifyJS
```
## Usage
```js
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.
- [Documentation, Examples & More Information](https://weedshaker.github.io/ProxifyJS/)
- [Tutorials](https://weedshaker.github.io/ProxifyJS_Tutorials/index.html)