@deuzo/wingman v0.1.0

Wingman

fullstack web server

Frontend

bring back the hypermedia by adding various powerfull html attributes that allow element to do fetch request.

View

use jsx in server to serve html response.

Router

use express like pattern for router.

Example

combine them all

server:

export const Login = new Wingman()

.get('/', () => (
    <form method="post" pr-target="#msg">
        <input type="text" name="username"/>
        <input type="password" name="passwd"/>
        <div id="msg"></div>
    </form>
))
.post('/', async ({ res }) => {
    const result = await login(res.body);

    if (result.ok) {
        return res.redirect('/home');
    } else {
        res.status = 401
        return <div class="error">Username atau Password salah</div>
    }
})

Todo

• make specific opt in plugin for tailwind, extra scripts
• data validation
• make simmilar api for transform
• add api for custom error handling

Maybe

• create form programatically
• if a handler is not a function, its immediately sended
• add tailwind response shortcut
• plugin for csrf
• plugin for jwt
• plugin for cache