styledocco

<!doctype html> <html lang="en"> <head> <title>Code coverage report for src/styledocco.js</title> <meta charset="utf-8"> <link rel="stylesheet" href="../prettify.css"> <style> body, html { margin:0; padding: 0; } body { font-family: Helvetica Neue, Helvetica,Arial; font-size: 10pt; } div.header, div.footer { background: #eee; padding: 1em; } div.header { z-index: 100; position: fixed; top: 0; border-bottom: 1px solid #666; width: 100%; } div.footer { border-top: 1px solid #666; } div.body { margin-top: 10em; } div.meta { font-size: 90%; text-align: center; } h1, h2, h3 { font-weight: normal; } h1 { font-size: 12pt; } h2 { font-size: 10pt; } pre { font-family: Consolas, Menlo, Monaco, monospace; margin: 0; padding: 0; line-height: 14px; font-size: 14px; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; } div.path { font-size: 110%; } div.path a:link, div.path a:visited { color: #000; } table.coverage { border-collapse: collapse; margin:0; padding: 0 } table.coverage td { margin: 0; padding: 0; color: #111; vertical-align: top; } table.coverage td.line-count { width: 50px; text-align: right; padding-right: 5px; } table.coverage td.line-coverage { color: #777 !important; text-align: right; border-left: 1px solid #666; border-right: 1px solid #666; } table.coverage td.text { } table.coverage td span.cline-any { display: inline-block; padding: 0 5px; width: 40px; } table.coverage td span.cline-neutral { background: #eee; } table.coverage td span.cline-yes { background: #b5d592; color: #999; } table.coverage td span.cline-no { background: #fc8c84; } .cstat-yes { color: #111; } .cstat-no { background: #fc8c84; color: #111; } .fstat-no { background: #ffc520; color: #111 !important; } .cbranch-no { background: yellow !important; color: #111; } .cstat-skip { background: #ddd; color: #111; } .fstat-skip { background: #ddd; color: #111 !important; } .cbranch-skip { background: #ddd !important; color: #111; } .missing-if-branch { display: inline-block; margin-right: 10px; position: relative; padding: 0 4px; background: black; color: yellow; } .skip-if-branch { display: none; margin-right: 10px; position: relative; padding: 0 4px; background: #ccc; color: white; } .missing-if-branch .typ, .skip-if-branch .typ { color: inherit !important; } .entity, .metric { font-weight: bold; } .metric { display: inline-block; border: 1px solid #333; padding: 0.3em; background: white; } .metric small { font-size: 80%; font-weight: normal; color: #666; } div.coverage-summary table { border-collapse: collapse; margin: 3em; font-size: 110%; } div.coverage-summary td, div.coverage-summary table th { margin: 0; padding: 0.25em 1em; border-top: 1px solid #666; border-bottom: 1px solid #666; } div.coverage-summary th { text-align: left; border: 1px solid #666; background: #eee; font-weight: normal; } div.coverage-summary th.file { border-right: none !important; } div.coverage-summary th.pic { border-left: none !important; text-align: right; } div.coverage-summary th.pct { border-right: none !important; } div.coverage-summary th.abs { border-left: none !important; text-align: right; } div.coverage-summary td.pct { text-align: right; border-left: 1px solid #666; } div.coverage-summary td.abs { text-align: right; font-size: 90%; color: #444; border-right: 1px solid #666; } div.coverage-summary td.file { text-align: right; border-left: 1px solid #666; white-space: nowrap; } div.coverage-summary td.pic { min-width: 120px !important; } div.coverage-summary a:link { text-decoration: none; color: #000; } div.coverage-summary a:visited { text-decoration: none; color: #333; } div.coverage-summary a:hover { text-decoration: underline; } div.coverage-summary tfoot td { border-top: 1px solid #666; } div.coverage-summary .yui3-datatable-sort-indicator, div.coverage-summary .dummy-sort-indicator { height: 10px; width: 7px; display: inline-block; margin-left: 0.5em; } div.coverage-summary .yui3-datatable-sort-indicator { background: url("http://yui.yahooapis.com/3.6.0/build/datatable-sort/assets/skins/sam/sort-arrow-sprite.png") no-repeat scroll 0 0 transparent; } div.coverage-summary .yui3-datatable-sorted .yui3-datatable-sort-indicator { background-position: 0 -20px; } div.coverage-summary .yui3-datatable-sorted-desc .yui3-datatable-sort-indicator { background-position: 0 -10px; } .high { background: #b5d592 !important; } .medium { background: #ffe87c !important; } .low { background: #fc8c84 !important; } span.cover-fill, span.cover-empty { display:inline-block; border:1px solid #444; background: white; height: 12px; } span.cover-fill { background: #ccc; border-right: 1px solid #444; } span.cover-empty { background: white; border-left: none; } span.cover-full { border-right: none !important; } pre.prettyprint { border: none !important; padding: 0 !important; margin: 0 !important; } .com { color: #999 !important; } .ignore-none { color: #999; font-weight: normal; } </style> </head> <body> <div class="header medium"> <h1>Code coverage report for src/styledocco.js</h1> <h2> Statements: 61.54% (56 / 91)      Branches: 47.92% (23 / 48)      Functions: 47.06% (8 / 17)      Lines: 61.8% (55 / 89)      Ignored: none      </h2> <div class="path"><a href="../index.html">All files</a> » <a href="index.html">src/</a> » styledocco.js</div> </div> <div class="body"> <pre><table class="coverage"> <tr><td class="line-count">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185</td><td class="line-coverage">    1 1 1       1             1                 1   59 8     51 18 33 6 27     27       1   22 66   22     1   11       1       1       1 15 15 15 15   15 8     15 6 14 14 14     15 11   15   15     1                                                   1 15     15 3     15 15       15         15 15       1                                                                             1 15     1 1 1 1  </td><td class="text"><pre class="prettyprint lang-js">'use strict';   var marked = require('marked'); var util = require('util'); marked.setOptions({ sanitize: false, gfm: true });   // Regular expressions to match comments. We only match comments in // the beginning of lines. var commentRegexs = { single: /^\/\//, // Single line comments for Sass, Less and Stylus multiStart: /^\/\*/, multiEnd: /\*\// };   // Make an URL slug from `str`. var slugify = function(str) { return encodeURIComponent( str.trim().toLowerCase() .replace(/[^\w ]+/g,'') .replace(/ +/g,'-') ); };   // Check if a string is code or a comment (and which type of comment). var checkType = function(str) { // Treat multi start and end on same row as a single line comment. if (str.match(commentRegexs.multiStart) && str.match(commentRegexs.multiEnd)) { return 'single'; // Checking for multi line comments first to avoid matching single line // comment symbols inside multi line blocks. } else if (str.match(commentRegexs.multiStart)) { return 'multistart'; } else if (str.match(commentRegexs.multiEnd)) { return 'multiend'; } else Iif ((commentRegexs.single != null) && str.match(commentRegexs.single)) { return 'single'; } else { return 'code'; } };   var formatDocs = function(str) { // Filter out comment symbols for (var key in commentRegexs) { str = str.replace(commentRegexs[key], ''); } return str + '\n'; };   var formatCode = function(str) { // Truncate base64 encoded strings return str.replace(/(;base64,)[^\)]*/, '$1...') + '\n'; };   // Trim newlines from beginning and end of a multi line string. var trimNewLines = function(str) { return str.replace(/^\n*/, '').replace(/\n*$/, ''); };   var htmlEntities = function(str) { return str.replace(/</g, '&lt;').replace(/>/g, '&gt;'); };   var separate = function(css) { var lines = css.split('\n'); var docs, code, line, blocks = []; while (lines.length) { docs = code = ''; // First check for any single line comments. while (lines.length && checkType(lines[0]) === 'single') { docs += formatDocs(lines.shift()); } // A multi line comment starts here, add lines until comment ends. if (lines.length && checkType(lines[0]) === 'multistart') { while (lines.length) { line = lines.shift(); docs += formatDocs(line); if (checkType(line) === 'multiend') break; } } while (lines.length && (checkType(lines[0]) === 'code' || checkType(lines[0]) === 'multiend')) { code += formatCode(lines.shift()); } blocks.push({ docs: docs, code: code }); } return blocks; };   var escapeHtml = function(blocks) { return blocks.map(function(block) { block.docs.reduce(function(tokens, token) { if (token.type === 'code' && (token.lang == null || token.lang === 'html')) { token.type = 'html'; token.pre = true; token.text = '<textarea class="preview-code" spellcheck="false">' + htmlEntities(token.text) + '</textarea>'; // Add permalink `id`s and some custom properties to headings. // TODO Move this to the template. } else if (token.type === 'heading') { var slug = slugify(token.text); token.type = 'html'; token._slug = slug; token._origText = token.text; // This token should start a new doc section if (token.depth === 1) token._split = true; token.text = '<h' + token.depth + ' id="' + slug + '">' + token.text + '</h' + token.depth + '>\n'; } tokens.push(token); return tokens; }, []) return block; }); }   var parseDocs = function(blocks) { return blocks .map(function(block) { // An empty comment containing whitespace is still an empty comment. if (/^\W*$/.test(block.docs)) { block.docs = ''; } // Run comments through marked.lexer to get Markdown tokens. block.docs = marked.lexer(block.docs); return block; }) .map(function(block) { // If we encounter code blocks in documentation, add preview HTML. var newBlock = { code: block.code, docs: block.docs }; // Keep marked's custom links property on the docs array. newBlock.docs.links = block.docs.links; return newBlock; }, []) }   var makeSections = exports.makeSections = function(blocks) { return blocks .reduce(function(sections, cur) { // Split into sections with headings as delimiters. var docs = cur.docs; while (util.isArray(docs) && docs.length) { // New or first section, add title/slug properties. if (docs[0]._split || sections.length === 0) { var title = docs[0]._origText; var slug = docs[0]._slug; sections.push({ docs: [ docs.shift() ], code: '', title: title, slug: slug }); } else { // Add the documentation to the last section. sections[sections.length-1].docs.push(docs.shift()); } // Keep marked's custom links property on the docs arrays. sections[sections.length-1].docs.links = docs.links || {}; } // No docs in file, just add the CSS. if (sections.length === 0) { sections.push(cur); // Add remaining code to the last section. } else { sections[sections.length-1].code += cur.code; } return sections; }, []) .map(function(section) { // Run through marked parser to generate HTML. return { title: section.title ? section.title.trim() : '', slug: section.slug || '', docs: trimNewLines(marked.parser(section.docs)), code: trimNewLines(section.code) }; }); };   module.exports = function(css) { return parseDocs(separate(css)); };   module.exports.makeSections = makeSections; module.exports.separate = separate; module.exports.parseDocs = parseDocs; module.exports.escapeHtml = escapeHtml;  </pre></td></tr> </table></pre> </div> <div class="footer"> <div class="meta">Generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Mon Dec 23 2013 20:06:34 GMT+0000 (GMT)</div> </div> <script src="../prettify.js"></script> <script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js"></script> <script> YUI().use('datatable', function (Y) { var formatters = { pct: function (o) { o.className += o.record.get('classes')[o.column.key]; try { return o.value.toFixed(2) + '%'; } catch (ex) { return o.value + '%'; } }, html: function (o) { o.className += o.record.get('classes')[o.column.key]; return o.record.get(o.column.key + '_html'); } }, defaultFormatter = function (o) { o.className += o.record.get('classes')[o.column.key]; return o.value; }; function getColumns(theadNode) { var colNodes = theadNode.all('tr th'), cols = [], col; colNodes.each(function (colNode) { col = { key: colNode.getAttribute('data-col'), label: colNode.get('innerHTML') || ' ', sortable: !colNode.getAttribute('data-nosort'), className: colNode.getAttribute('class'), type: colNode.getAttribute('data-type'), allowHTML: colNode.getAttribute('data-html') === 'true' || colNode.getAttribute('data-fmt') === 'html' }; col.formatter = formatters[colNode.getAttribute('data-fmt')] || defaultFormatter; cols.push(col); }); return cols; } function getRowData(trNode, cols) { var tdNodes = trNode.all('td'), i, row = { classes: {} }, node, name; for (i = 0; i < cols.length; i += 1) { name = cols[i].key; node = tdNodes.item(i); row[name] = node.getAttribute('data-value') || node.get('innerHTML'); row[name + '_html'] = node.get('innerHTML'); row.classes[name] = node.getAttribute('class'); //Y.log('Name: ' + name + '; Value: ' + row[name]); if (cols[i].type === 'number') { row[name] = row[name] * 1; } } //Y.log(row); return row; } function getData(tbodyNode, cols) { var data = []; tbodyNode.all('tr').each(function (trNode) { data.push(getRowData(trNode, cols)); }); return data; } function replaceTable(node) { if (!node) { return; } var cols = getColumns(node.one('thead')), data = getData(node.one('tbody'), cols), table, parent = node.get('parentNode'); table = new Y.DataTable({ columns: cols, data: data, sortBy: 'file' }); parent.set('innerHTML', ''); table.render(parent); } Y.on('domready', function () { replaceTable(Y.one('div.coverage-summary table')); if (typeof prettyPrint === 'function') { prettyPrint(); } }); }); </script> </body> </html>