pax_global_header00006660000000000000000000000064124604706360014522gustar00rootroot0000000000000052 comment=c0acd1abbf0e0597061c25a1522aa71fc38dba7d html2hyperscript-0.1.0/000077500000000000000000000000001246047063600150435ustar00rootroot00000000000000html2hyperscript-0.1.0/.gitignore000066400000000000000000000000151246047063600170270ustar00rootroot00000000000000/node_moduleshtml2hyperscript-0.1.0/README.md000066400000000000000000000023541246047063600163260ustar00rootroot00000000000000# Convert Legacy HTML to Hyperscript Automatically translate old HTML markup into the new Hyperscript markup embeddable directly inside your component Javascript code. See Hyperscript library: https://github.com/dominictarr/hyperscript Also useful for virtual DOM Hyperscript-like syntax: https://github.com/Matt-Esch/virtual-dom HTML goes in: ```html
Pandas Kittens Hedgehogs
foo bar baz
32 45 83
onomatopoeia schadenfreude antidisestablishmentarianism
``` Hyperscript-like JS syntax comes out: ```js h("table.sample-html", [ h("tr", [ h("th", [ "Pandas" ]), h("th", [ "Kittens" ]), h("th", [ "Hedgehogs" ]) ]), h("tr", [ h("td", [ "foo" ]), h("td", [ "bar" ]), h("td", [ "baz" ]) ]), h("tr", [ h("td", [ "32" ]), h("td", [ "45" ]), h("td", [ "83" ]) ]), h("tr", [ h("td", [ "onomatopoeia" ]), h("td", [ "schadenfreude" ]), h("td", [ "antidisestablishmentarianism" ]) ]) ]) ``` ## TODO - publish NPM package - online converter tool html2hyperscript-0.1.0/index.js000077500000000000000000000066421246047063600165230ustar00rootroot00000000000000#!/usr/bin/env node var fileName = process.argv[2]; if (!fileName) { throw new Error('supply input HTML file as first argument'); } var fs = require('fs'); var Parser = require('htmlparser2').Parser; var elementStack = []; function ItemList(parent) { this.parent = parent; this.content = ''; this.spacer = ''; this.indent = parent ? parent.indent : ''; this.isFirstItem = true; } ItemList.prototype.addSpace = function (space) { this.spacer += space; if (space.indexOf("\n") !== -1) { // reset indent when there are new lines this.indent = /[^\n]*$/.exec(space)[0]; } else { // otherwise keep appending to current indent this.indent += space; } } ItemList.prototype.add = function (data, ignoreComma) { if (!ignoreComma) { if (!this.isFirstItem) { this.content += this.spacer.length ? ',' : ', '; } this.isFirstItem = false; } this.content += this.spacer; this.spacer = ''; this.content += data; } var currentItemList = new ItemList(null); var parser = new Parser({ onopentag: function (name, attribs) { currentItemList = new ItemList(currentItemList); elementStack.unshift([ name, attribs ]); }, ontext: function (text) { var lines = text.split("\n"); var isFirst = true; lines.forEach(function (line) { var lineMatch = /^(\s*)(.*?)(\s*)$/.exec(line); var preSpace = lineMatch[1], mainText = lineMatch[2], postSpace = lineMatch[3]; if (!isFirst) { currentItemList.addSpace("\n"); } currentItemList.addSpace(preSpace); if (mainText.length > 0) { currentItemList.add(JSON.stringify(mainText)); } isFirst = false; }); }, onclosetag: function (tagname) { var element = elementStack.shift(); var elementContent = currentItemList.content + currentItemList.spacer; currentItemList = currentItemList.parent; var indent = currentItemList.indent; var attribs = element[1]; var id = attribs['id']; var idSuffix = id !== undefined ? '#' + id : ''; delete attribs['id']; var classNames = attribs['class']; var classSuffix = (classNames !== undefined ? classNames : '').split(/\s+/g).filter(function (v) { return v.length > 0; }).map(function (cls) { return '.' + cls; }).join(''); delete attribs['class']; var attrPairs = Object.keys(attribs).map(function (k) { return JSON.stringify(k) + ': ' + JSON.stringify(attribs[k]) }); var item = 'h(' + JSON.stringify(element[0] + idSuffix + classSuffix) + ( attrPairs.length ? ", { attributes: {\n" + indent + ' ' + attrPairs.join(",\n" + indent + ' ') + "\n" + indent + "} }" : '' ) + ( elementContent.length ? ', [' + (elementContent[0] === "\n" ? '' : ' ') + elementContent + (elementContent.match(/\s$/) ? '' : ' ') + ']' : '' ) + ')'; currentItemList.add(item); }, oncomment: function (text) { currentItemList.add('/*' + text + '*/', false); // @todo comment-safety } }, {decodeEntities: true}); parser.write(fs.readFileSync(fileName)); parser.end(); process.stdout.write(currentItemList.content); process.stdout.write("\n"); html2hyperscript-0.1.0/package.json000066400000000000000000000007471246047063600173410ustar00rootroot00000000000000{ "name": "html2hyperscript", "version": "0.1.0", "description": "Convert legacy HTML to Hyperscript (https://github.com/dominictarr/hyperscript)", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "bin": { "html2hyperscript": "./index.js" }, "author": "Nick Matantsev ", "license": "MIT", "dependencies": { "htmlparser2": "~3.8.2" }, "devDependencies": { "browserify": "~8.1.1" } }