README
¶
Wirekit
Wirekit is about the footloose life for the web developer.
It targets the following features:
- Dead simple web development with minimal complexity
- Promise Polyfills
- Fetch Polyfills
Building
To build Markup typescript sources into javascript using the commonjs module system, simply
execute:
npm run build
We use Browserify to make these files fully ready for the browser as a single bundle, to get minified and unminified versions of these files, execute:
npm run unminified
Or
npm run minified
Example
See demo of DOM patching taking place in Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Markup Sample Load Page</title>
<style>
body{
padding: 10px;
width: 960px;
margin: 0 auto;
}
h1#counter{
text-align: center;
font-size: 15em;
}
</style>
</head>
<body>
<div id="app"></div>
<script src="webvm.js" type="text/javascript"></script>
<script type="text/javascript">
var counter = 0;
var mount = new Markup.mount.DOMMount(window.document, "#app");
setInterval(function patchDOM() {
counter++;
mount.patch(`
<h1 id="counter">${counter}</h1>
`);
}, 1000);
</script>
</body>
</html>
Directories
¶
| Path | Synopsis |
|---|---|
|
pkg
|
|
|
markup
package markup provide a virtual tree like DOM structure, for the structure of connecting components able to react to signals (aka events), fast in iteration and navigation.
|
package markup provide a virtual tree like DOM structure, for the structure of connecting components able to react to signals (aka events), fast in iteration and navigation. |
|
templar/fmtsort
Package fmtsort provides a general stable ordering mechanism for maps, on behalf of the fmt and text/template packages.
|
Package fmtsort provides a general stable ordering mechanism for maps, on behalf of the fmt and text/template packages. |
|
templar/html
Package html provides functions for escaping and unescaping HTML text.
|
Package html provides functions for escaping and unescaping HTML text. |
|
templar/html/template
Package template (html/template) implements data-driven templates for generating HTML output safe against code injection.
|
Package template (html/template) implements data-driven templates for generating HTML output safe against code injection. |
|
templar/text/scanner
Package scanner provides a scanner and tokenizer for UTF-8-encoded text.
|
Package scanner provides a scanner and tokenizer for UTF-8-encoded text. |
|
templar/text/tabwriter
Package tabwriter implements a write filter (tabwriter.Writer) that translates tabbed columns in input into properly aligned text.
|
Package tabwriter implements a write filter (tabwriter.Writer) that translates tabbed columns in input into properly aligned text. |
|
templar/text/template
Package template implements data-driven templates for generating textual output.
|
Package template implements data-driven templates for generating textual output. |
|
templar/text/template/parse
Package parse builds parse trees for templates as defined by text/template and html/template.
|
Package parse builds parse trees for templates as defined by text/template and html/template. |
Click to show internal directories.
Click to hide internal directories.