This project is very early pre-alpha, not everything described here exists, and much of it will not work as expected.
Wool Browser is a collection of packages for creating websites and web apps with wool.
The wool-browser command line tool composes wool itself to create your web bundles.
wool-browser make .
wool-browser make src/index.ts
wool-browser make . --outDir dist
Wool Browser is a disappearing framework in a similar vein to Svelte. When compiled, the framework code that is required is embedded into your app and the rest is ditched.
It is a functional library, with a single store of state at the root and stateless, declarative view functions that describe how that state is presented.
It comprises three packages: program, html and ui.
import { sandbox } from 'wool-browser/program';
const init = () => 0;
const view = (model) => div([], 'Hello!');
const update = (model, msg) => model;
export default sandbox({ init, view, update });A functional html library.
import { div, style, text } from 'wool-browser/html';
// This would be imported into your program as the `view` function
export default (model) =>
div(
[
style('background-color', 'red'),
style('height', '90px'),
style('width', '100%'),
],
[text`Hello, ${model.name}!`],
);A functional layout library that composes wool/html.
import { layout, column, el, text } from 'wool-browser/ui';
// This would be imported into your program as the `view` function
export default (model) =>
layout(
[],
column([spacing(10)], [
el([], text`Hello`),
el([], text`${model.name}!`)
]),
);