pax_global_header00006660000000000000000000000064125021037440014510gustar00rootroot0000000000000052 comment=7ec2cd73a6ed76730fe23ce6bf6278901faa896a html2hyperscript-1.0.1/000077500000000000000000000000001250210374400150325ustar00rootroot00000000000000html2hyperscript-1.0.1/.gitignore000066400000000000000000000000151250210374400170160ustar00rootroot00000000000000/node_moduleshtml2hyperscript-1.0.1/.travis.yml000066400000000000000000000000441250210374400171410ustar00rootroot00000000000000language: node_js node_js: - 0.10 html2hyperscript-1.0.1/README.md000066400000000000000000000032701250210374400163130ustar00rootroot00000000000000[![Build Status](https://travis-ci.org/unframework/html2hyperscript.svg?branch=master)](https://travis-ci.org/unframework/html2hyperscript) # Convert Legacy HTML to Hyperscript Automatically translate old HTML markup into the new Hyperscript markup embeddable directly inside your component Javascript code. Use this for hand-converting legacy project source code (e.g. AngularJS templates): care is taken to preserve original whitespace and even comments. For dynamic serving and CI builds check out https://github.com/alexmingoia/jsx-transform instead. ``` npm install -g html2hyperscript html2hyperscript legacy_markup_file.html > shiny_new_syntax.js ``` 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 - some tests html2hyperscript-1.0.1/commandline.js000066400000000000000000000004271250210374400176610ustar00rootroot00000000000000#!/usr/bin/env node var fs = require('fs'); var convert = require('./'); var fileName = process.argv[2]; if (!fileName) { throw new Error('supply input HTML file as first argument'); } process.stdout.write(convert(fs.readFileSync(fileName))); process.stdout.write("\n"); html2hyperscript-1.0.1/index.js000077500000000000000000000067231250210374400165120ustar00rootroot00000000000000 var Parser = require('htmlparser2').Parser; 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; } function convert(inputMarkup) { var elementStack = []; 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 ? ", {\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(inputMarkup); parser.end(); return currentItemList.content; } module.exports = convert; html2hyperscript-1.0.1/package.json000066400000000000000000000011151250210374400173160ustar00rootroot00000000000000{ "name": "html2hyperscript", "version": "1.0.1", "description": "Convert legacy HTML to Hyperscript (https://github.com/dominictarr/hyperscript)", "repository": { "type": "git", "url": "https://github.com/unframework/html2hyperscript.git" }, "main": "index.js", "scripts": { "test": "tap ./test" }, "bin": { "html2hyperscript": "./commandline.js" }, "author": "Nick Matantsev ", "license": "MIT", "dependencies": { "htmlparser2": "~3.8.2" }, "devDependencies": { "hyperscript": "~1.4.4", "tap": "~0.7.1" } } html2hyperscript-1.0.1/test/000077500000000000000000000000001250210374400160115ustar00rootroot00000000000000html2hyperscript-1.0.1/test/preservationOfInput.js000066400000000000000000000011731250210374400223770ustar00rootroot00000000000000 var testCase = require('tap').test; var h = require('hyperscript'); var convert = require('../'); testCase(function (test) { test.equal(convert('
'), 'h("div", [ /* comment body */ ])', 'preserve comments'); test.equal(convert("
\n\n
"), "h(\"div\", [\n\n])", 'preserve newlines'); test.equal(convert("
\n \n
"), "h(\"div\", [\n h(\"span\") \n])", 'preserve indentation and whitespace'); test.equal(convert("
\n Some Text \n
"), "h(\"div\", [\n \"Some Text\"\n])", 'trim whitespace around text but preserve indent'); test.end(); }); html2hyperscript-1.0.1/test/validOutput.js000066400000000000000000000012031250210374400206630ustar00rootroot00000000000000 var testCase = require('tap').test; var h = require('hyperscript'); var convert = require('../'); function executeJSMarkup(js) { var jsRunner = new Function('h', 'return ' + js); return jsRunner(h).outerHTML; } testCase(function (test) { var html = '
Some Text
'; test.equal(executeJSMarkup(convert(html)), html, 'generated markup should match source'); test.end(); }); testCase(function (test) { var html = '
'; test.equal(executeJSMarkup(convert(html)), html, 'generated markup should match source'); test.end(); });