minimal complate sample

.gitignore

/node_modules

/dist

README.md

minimal complate sample

1. npm install
2. npm start

components.jsx

import { createElement } from "complate-stream";

export function Card({ title }, ...children) {
	return <article class="card">
		<h3>{title}</h3>
		{children}
	</article>;
}

faucet.config.js

"use strict";

module.exports = {
	js: [{
		source: "./index.js",
		target: "./dist/bundle.js",
		jsx: { pragma: "createElement" }
	}]
};

index.js

import { SampleView } from "./views.jsx";
import Renderer from "complate-stream";
import BufferedStream from "complate-stream/src/buffered-stream.js";

let { renderView } = new Renderer();

let stream = new BufferedStream();
renderView(SampleView, { title: "Hello World" }, stream, {}, () => {
	let html = stream.read();
	console.log(html);
});

package.json

{
	"scripts": {
		"start": "npm run compile && node dist/bundle.js",
		"compile": "faucet"
	},
	"dependencies": {
		"complate-stream": "^0.16.9"
	},
	"devDependencies": {
		"faucet-pipeline-jsx": "^2.0.10"
	}
}

views.jsx

import { Card } from "./components.jsx";
import { createElement } from "complate-stream";

export function SampleView() {
	return <Card title="Hello World">
		<p>lorem ipsum dolor sit amet</p>
	</Card>;
}