DOMON is a lightweight data format for representing the DOM without circular references, making it suitable for JSON transport and storage etc.
It looks like (for example, a DOM element):
[ "div", { "id": "myDiv" }, [ "Hello World" ] ]npm install domon
The DOMON API looks like:
{
validate: domon => boolean,
parse: str => domon,
stringify: domon => str,
toDom: ( document, domon ) => dom,
fromDom: ( document, dom ) => domon
}
const assert = require( 'assert' )
const fs = require( 'fs' )
const domon = require( 'domon' )
const jsdom = require( 'jsdom' ).jsdom
fs.readFile( 'document.html', 'utf8', ( err, html ) => {
if( err ) throw err
const domonTree = domon.parse( html )
assert( domon.validate( domonTree, 'domon-document' ) )
assert( !domon.validate( 1, 'domon-document' ) )
const stringed = domon.stringify( domonTree )
assert( typeof stringed === 'string' )
const dom = domon.toDom( jsdom(), domonTree )
assert( dom.nodeType === 9 )
const domonTree2 = domon.fromDom( jsdom(), dom )
assert( domon.validate( domonTree2, 'domon-document' ) )
})
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent