0.0.1 • Published 11 years ago

html-store v0.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
11 years ago

html-store

Document-oriented key-value storage in an HTML file. Built for jsbin.

Install

npm install html-store

Basic usage

To begin, create a new file and initiliase it with some base HTML. html-store does its best to preserve this original HTML.

var htmlstore = require('html-store');

var file = Object.create(htmlstore.file);

file.init('<!doctype html>\n<title>Hello!</title>\n<h1>Hello, world!</h1>');

Now you can add some data (.set) and meta-data (.meta).

file.set({
  markdown: '# Hello, world!',
  less: 'body { h1 { color: red; } }'
});

file.meta({
  description: 'My nice page.'
});

Render

To get a rendered output, use .render:

var html = file.render();

The output of the above is:

<!doctype html>
<title>Hello!</title>
<meta name="description" content="My nice page.">

<h1>Hello, world!</h1>

<script type="text" data-name="markdown">
# Hello, world!
</script>

<script type="text" data-name="less">
body { h1 { color: red; } }
</script>

Parse

You can get data back from a rendered (or manually modified) HTML file using htmlstore.parse:

var newFile = htmlstore.parse(html);

The file object you'll get is:

{ metadata: { description: 'My nice page.' },
  data:
   { markdown: '# Hello, world!',
     less: 'body { h1 { color: red; } }' },
  raw: '<!doctype html>\n><title>Hello!</title>\n<h1>Hello, world!</h1>' }

License

MIT