angular.js/docs/src/templates/doc_widgets.js

(function(){

  var angularJsUrl;
  var scripts = document.getElementsByTagName("script");
  var angularJsRegex = /^(|.*\/)angular(-.*?)?(\.min)?.js(\?[^#]*)?(#(.*))?$/;
  for(var j = 0; j < scripts.length; j++) {
    var src = scripts[j].src;
    if (src && src.match(angularJsRegex)) {
      angularJsUrl = src.replace('docs.angularjs.org', 'code.angularjs.org');
      continue;
    }
  }


  var HTML_TEMPLATE =
  '<!doctype html>\n' +
  '<html xmlns:ng="http://angularjs.org">\n' +
  ' <script src="' + angularJsUrl + '" ng:autobind></script>\n' +
  ' <body>\n' +
  '_HTML_SOURCE_\n' +
  ' </body>\n' +
  '</html>';

  angular.widget('doc:example', function(element){
    this.descend(true); //compile the example code

    //jQuery find() methods in this widget contain primitive selectors on purpose so that we can use
    //jqlite instead. jqlite's find() method currently supports onlt getElementsByTagName!
    var example = element.find('pre').eq(0),  //doc-source
        exampleSrc = example.text(),
        scenario = element.find('pre').eq(1); //doc-scenario

    var code = indent(exampleSrc);
    var tabHtml =
      '<ul class="doc-example">' +
        '<li class="doc-example-heading"><h3>Source</h3></li>' +
        '<li class="doc-example-source" ng:non-bindable>' +
          '<pre class="brush: js; html-script: true; highlight: [' +
          code.hilite + ']; toolbar: false;"></pre></li>' +
        '<li class="doc-example-heading"><h3>Live Preview</h3></li>' +
        '<li class="doc-example-live">' + exampleSrc +'</li>';
    if (scenario.text()) {
      tabHtml +=
        '<li class="doc-example-heading"><h3>Scenario Test</h3></li>' +
        '<li class="doc-example-scenario"><pre class="brush: js">' + scenario.text() + '</pre></li>';
    }
    tabHtml +=
      '</ul>';
    var tabs = angular.element(tabHtml);

    tabs.find('li').eq(1).find('pre').text(HTML_TEMPLATE.replace('_HTML_SOURCE_', code.html));

    element.html('');
    element.append(tabs);

    var script = (exampleSrc.match(/<script[^\>]*>([\s\S]*)<\/script>/) || [])[1] || '';
    try {
      window.eval(script);
    } catch (e) {
      alert(e);
    }
  });

  function indent(text) {
    if (!text) return text;
    var lines = text.split(/\r?\n/);
    var lineNo = [];
    // remove any leading blank lines
    while (lines[0].match(/^\s*$/)) lines.shift();
    // remove any trailing blank lines
    while (lines[lines.length - 1].match(/^\s*$/)) lines.pop();
    var minIndent = 999;
    for ( var i = 0; i < lines.length; i++) {
      var line = lines[0];
      var indent = line.match(/^\s*/)[0];
      if (indent !== line && indent.length < minIndent) {
        minIndent = indent.length;
      }
    }

    for ( var i = 0; i < lines.length; i++) {
      lines[i] = '  ' + lines[i].substring(minIndent);
      lineNo.push(5 + i);
    }
    return {html: lines.join('\n'), hilite: lineNo.join(',') };
  };

  var HTML_TPL =
      '<p><a ng:init="showInstructions = {show}" ng:show="!showInstructions" ng:click="showInstructions = true" href>Workspace Reset Instructions &nbsp;&#x27A4;</a></p>' +
      '<div ng:controller="TutorialInstructionsCtrl" ng:show="showInstructions">' +
        '<div class="tabs-nav">' +
          '<ul>' +
          '</ul>' +
        '</div>' +
        '<div class="tabs-content"><div class="tabs-content-inner">' +

        '</div></div>' +
      '</div>';

  var HTML_NAV = '<li ng:class="currentCls(\'{id}\')"><a ng:click="select(\'{id}\')" href>{title}</a></li>';
  var HTML_CONTENT = '<div ng:show="selected==\'{id}\'">{content}</div>';

  var DEFAULT_NAV =
    '<li ng:class="currentCls(\'git-mac\')"><a ng:click="select(\'git-mac\')" href>Git on Mac/Linux</a></li>' +
    '<li ng:class="currentCls(\'git-win\')"><a ng:click="select(\'git-win\')" href>Git on Windows</a></li>' +
    '<li ng:class="currentCls(\'ss-mac\')"><a ng:click="select(\'ss-mac\')" href>Snapshots on Mac/Linux</a></li>' +
    '<li ng:class="currentCls(\'ss-win\')"><a ng:click="select(\'ss-win\')" href>Snapshots on Windows</a></li>';

  var DEFAULT_CONTENT =
    '<div ng:show="selected==\'git-mac\'">' +
      '<ol>' +
      '<li><p>Reset the workspace to step {step}.</p>' +
      '<pre><code> git checkout -f step-{step}</code></pre></li>' +
      '<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +
      '</ol>' +
    '</div>' +

    '<div ng:show="selected==\'git-win\'">' +
      '<ol>' +
      '<li><p>Reset the workspace to step {step}.</p>' +
      '<pre><code> git checkout -f step-{step}</code></pre></li>' +
      '<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +
      '</ol>' +
    '</div>' +

    '<div ng:show="selected==\'ss-mac\'">' +
      '<ol>' +
      '<li><p>Reset the workspace to step {step}.</p>' +
      '<pre><code> ./goto_step.sh {step}</code></pre></li>' +
      '<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +
      '</ol>' +
    '</div>' +

    '<div ng:show="selected==\'ss-win\'">' +
      '<ol>' +
      '<li><p>Reset the workspace to step {step}.</p>' +
      '<pre><code> ./goto_step.bat {step}</code></pre></li>' +
      '<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +
      '</ol>' +
    '</div>';

  angular.widget('doc:tutorial-instructions', function(element) {
    element.hide();
    this.descend(true);

    var tabs = angular.element(HTML_TPL.replace('{show}', element.attr('show') || 'false')),
        nav = tabs.find('ul'),
        // use simple selectors because jqLite find() supports getElementsByTagName only
        content = tabs.find('div').find('div'),
        children = element.children();

    if (children.length) {
      // load custom content
      angular.forEach(element.children(), function(elm) {
        var elm = angular.element(elm),
            id = elm.attr('id');

        nav.append(HTML_NAV.replace('{title}', elm.attr('title')).replace(/\{id\}/g, id));
        content.append(HTML_CONTENT.replace('{id}', id).replace('{content}', elm.html()));
      });
    } else {
      // default
      nav.append(DEFAULT_NAV);
      content.append(DEFAULT_CONTENT.replace(/\{step\}/g, element.attr('step')));
    }

    element.html('');
    element.append(tabs);
    element.show();
  });


  angular.directive('doc:tutorial-nav', function(step) {
    return function(element) {
      var prevStep, codeDiff, nextStep,
          content;

      step = parseInt(step, 10);

      if (step === 0) {
        prevStep = '';
        nextStep = 'step_01';
        codeDiff = 'step-0~7...step-0';
      } else if (step === 11){
        prevStep = 'step_10';
        nextStep = 'the_end';
        codeDiff = 'step-10...step-11';
      } else {
        prevStep = 'step_' + pad(step - 1);
        nextStep = 'step_'  + pad(step + 1);
        codeDiff = 'step-' + step + '...step-' + step;
      }

      content = angular.element(
        '<li><a href="#!/tutorial/' + prevStep + '">Previous</a></li>' +
        '<li><a href="http://angular.github.com/angular-phonecat/step-' + step + '/app">Live Demo</a></li>' +
        '<li><a href="https://github.com/angular/angular-phonecat/compare/' + codeDiff + '">Code Diff</a></li>' +
        '<li><a href="#!/tutorial/' + nextStep + '">Next</a></li>'
      );

      element.attr('id', 'tutorial-nav');
      element.append(content);
    };

    function pad(step) {
      return (step < 10) ? ('0' + step) : step;
    }
  });
})();
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00			`(function(){`
fixed example rendering, add tests for it. 2011-01-19 23:42:11 +00:00
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`var angularJsUrl;`
			`var scripts = document.getElementsByTagName("script");`
fix documentation for ie 2011-02-22 22:48:53 +00:00			`var angularJsRegex = /^(\|.\/)angular(-.?)?(\.min)?.js(\?[^#])?(#(.))?$/;`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`for(var j = 0; j < scripts.length; j++) {`
			`var src = scripts[j].src;`
fix angular.js file path detection in docs 2011-02-04 22:09:17 +00:00			`if (src && src.match(angularJsRegex)) {`
doc widgets examples should display angular src as CAO instead of DAO 2011-01-18 22:15:53 +00:00			`angularJsUrl = src.replace('docs.angularjs.org', 'code.angularjs.org');`
fix angular.js file path detection in docs 2011-02-04 22:09:17 +00:00			`continue;`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`}`
			`}`

fixed example rendering, add tests for it. 2011-01-19 23:42:11 +00:00
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00			`var HTML_TEMPLATE =`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`'<!doctype html>\n' +`
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00			`'<html xmlns:ng="http://angularjs.org">\n' +`
remove script.type attribute from example widgets since its optional in html5 2011-01-18 21:59:55 +00:00			`' <script src="' + angularJsUrl + '" ng:autobind></script>\n' +`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`' <body>\n' +`
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00			`'_HTML_SOURCE_\n' +`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`' </body>\n' +`
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00			`'</html>';`

			`angular.widget('doc:example', function(element){`
			`this.descend(true); //compile the example code`

refactor(docs): run e2e tests with and without jquery - e2e tests will run index.html (without jquery) and with index-jq.html(with jquery). - many small changes to make e2e tests work withough JQuery as we discover problems that were previously hidden by using real JQuery. 2011-07-15 01:28:15 +00:00			`//jQuery find() methods in this widget contain primitive selectors on purpose so that we can use`
			`//jqlite instead. jqlite's find() method currently supports onlt getElementsByTagName!`
			`var example = element.find('pre').eq(0), //doc-source`
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00			`exampleSrc = example.text(),`
refactor(docs): run e2e tests with and without jquery - e2e tests will run index.html (without jquery) and with index-jq.html(with jquery). - many small changes to make e2e tests work withough JQuery as we discover problems that were previously hidden by using real JQuery. 2011-07-15 01:28:15 +00:00			`scenario = element.find('pre').eq(1); //doc-scenario`
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`var code = indent(exampleSrc);`
addded cookbook 2011-02-01 18:01:02 +00:00			`var tabHtml =`
			`'<ul class="doc-example">' +`
			`'<li class="doc-example-heading"><h3>Source</h3></li>' +`
			`'<li class="doc-example-source" ng:non-bindable>' +`
			`'<pre class="brush: js; html-script: true; highlight: [' +`
			`code.hilite + ']; toolbar: false;"></pre></li>' +`
			`'<li class="doc-example-heading"><h3>Live Preview</h3></li>' +`
			`'<li class="doc-example-live">' + exampleSrc +'</li>';`
			`if (scenario.text()) {`
			`tabHtml +=`
			`'<li class="doc-example-heading"><h3>Scenario Test</h3></li>' +`
			`'<li class="doc-example-scenario"><pre class="brush: js">' + scenario.text() + '</pre></li>';`
			`}`
			`tabHtml +=`
			`'</ul>';`
			`var tabs = angular.element(tabHtml);`
fixed example rendering, add tests for it. 2011-01-19 23:42:11 +00:00
refactor(docs): run e2e tests with and without jquery - e2e tests will run index.html (without jquery) and with index-jq.html(with jquery). - many small changes to make e2e tests work withough JQuery as we discover problems that were previously hidden by using real JQuery. 2011-07-15 01:28:15 +00:00			`tabs.find('li').eq(1).find('pre').text(HTML_TEMPLATE.replace('_HTML_SOURCE_', code.html));`
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00
			`element.html('');`
			`element.append(tabs);`

			`var script = (exampleSrc.match(/<script[^\>]>([\s\S])<\/script>/) \|\| [])[1] \|\| '';`
			`try {`
refactor(docs): run e2e tests with and without jquery - e2e tests will run index.html (without jquery) and with index-jq.html(with jquery). - many small changes to make e2e tests work withough JQuery as we discover problems that were previously hidden by using real JQuery. 2011-07-15 01:28:15 +00:00			`window.eval(script);`
Better example widget - syntax highlighting - tabless design - rename widget to doc:example - rename widget files (wiki_widget.* -> doc_widget.*) - example section is now optional 2010-11-06 04:12:37 +00:00			`} catch (e) {`
			`alert(e);`
			`}`
			`});`
fixed example rendering, add tests for it. 2011-01-19 23:42:11 +00:00
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`function indent(text) {`
Developer guide documentation 2011-01-31 19:55:44 +00:00			`if (!text) return text;`
fix indentation regexp for doc:examples 2011-04-07 19:34:34 +00:00			`var lines = text.split(/\r?\n/);`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`var lineNo = [];`
Added part of guide documentation and supporting changes to doc generator 2011-01-26 05:55:11 +00:00			`// remove any leading blank lines`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`while (lines[0].match(/^\s*$/)) lines.shift();`
Added part of guide documentation and supporting changes to doc generator 2011-01-26 05:55:11 +00:00			`// remove any trailing blank lines`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`while (lines[lines.length - 1].match(/^\s*$/)) lines.pop();`
Added part of guide documentation and supporting changes to doc generator 2011-01-26 05:55:11 +00:00			`var minIndent = 999;`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`for ( var i = 0; i < lines.length; i++) {`
Added part of guide documentation and supporting changes to doc generator 2011-01-26 05:55:11 +00:00			`var line = lines[0];`
			`var indent = line.match(/^\s*/)[0];`
			`if (indent !== line && indent.length < minIndent) {`
			`minIndent = indent.length;`
			`}`
			`}`

			`for ( var i = 0; i < lines.length; i++) {`
			`lines[i] = ' ' + lines[i].substring(minIndent);`
			`lineNo.push(5 + i);`
Example snippets now have full html snippets 2010-11-10 23:31:15 +00:00			`}`
			`return {html: lines.join('\n'), hilite: lineNo.join(',') };`
			`};`
fixed example rendering, add tests for it. 2011-01-19 23:42:11 +00:00
Add doc:tutorial-instructions widget 2011-05-23 22:49:33 +00:00			`var HTML_TPL =`
feat(tutorial): add an arrow to 'Workspace Reset Instructions' links The arrow is a hint that user won't navigate to a new page, but instead the instructions will be displayed inline. 2011-07-29 18:43:12 +00:00			`'<p><a ng:init="showInstructions = {show}" ng:show="!showInstructions" ng:click="showInstructions = true" href>Workspace Reset Instructions  ➤</a></p>' +`
Add doc:tutorial-instructions widget 2011-05-23 22:49:33 +00:00			`'<div ng:controller="TutorialInstructionsCtrl" ng:show="showInstructions">' +`
			`'<div class="tabs-nav">' +`
			`'<ul>' +`
			`'</ul>' +`
			`'</div>' +`
			`'<div class="tabs-content"><div class="tabs-content-inner">' +`

			`'</div></div>' +`
			`'</div>';`

			`var HTML_NAV = '<li ng:class="currentCls(\'{id}\')"><a ng:click="select(\'{id}\')" href>{title}</a></li>';`
			`var HTML_CONTENT = '<div ng:show="selected==\'{id}\'">{content}</div>';`

			`var DEFAULT_NAV =`
			`'<li ng:class="currentCls(\'git-mac\')"><a ng:click="select(\'git-mac\')" href>Git on Mac/Linux</a></li>' +`
			`'<li ng:class="currentCls(\'git-win\')"><a ng:click="select(\'git-win\')" href>Git on Windows</a></li>' +`
			`'<li ng:class="currentCls(\'ss-mac\')"><a ng:click="select(\'ss-mac\')" href>Snapshots on Mac/Linux</a></li>' +`
			`'<li ng:class="currentCls(\'ss-win\')"><a ng:click="select(\'ss-win\')" href>Snapshots on Windows</a></li>';`

			`var DEFAULT_CONTENT =`
			`'<div ng:show="selected==\'git-mac\'">' +`
			`'<ol>' +`
			`'<li><p>Reset the workspace to step {step}.</p>' +`
			`'<pre><code> git checkout -f step-{step}</code></pre></li>' +`
docs app css/js/html rewrite 2011-06-06 15:52:02 +00:00			`'<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +`
Add doc:tutorial-instructions widget 2011-05-23 22:49:33 +00:00			`'</ol>' +`
			`'</div>' +`

			`'<div ng:show="selected==\'git-win\'">' +`
			`'<ol>' +`
			`'<li><p>Reset the workspace to step {step}.</p>' +`
			`'<pre><code> git checkout -f step-{step}</code></pre></li>' +`
Fix small typo in docs widget (tutorial instructions) 2011-06-10 16:30:55 +00:00			`'<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +`
Add doc:tutorial-instructions widget 2011-05-23 22:49:33 +00:00			`'</ol>' +`
			`'</div>' +`

			`'<div ng:show="selected==\'ss-mac\'">' +`
			`'<ol>' +`
			`'<li><p>Reset the workspace to step {step}.</p>' +`
			`'<pre><code> ./goto_step.sh {step}</code></pre></li>' +`
Fix small typo in docs widget (tutorial instructions) 2011-06-10 16:30:55 +00:00			`'<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +`
Add doc:tutorial-instructions widget 2011-05-23 22:49:33 +00:00			`'</ol>' +`
			`'</div>' +`

			`'<div ng:show="selected==\'ss-win\'">' +`
			`'<ol>' +`
			`'<li><p>Reset the workspace to step {step}.</p>' +`
			`'<pre><code> ./goto_step.bat {step}</code></pre></li>' +`
docs app css/js/html rewrite 2011-06-06 15:52:02 +00:00			`'<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +`
Add doc:tutorial-instructions widget 2011-05-23 22:49:33 +00:00			`'</ol>' +`
			`'</div>';`

			`angular.widget('doc:tutorial-instructions', function(element) {`
			`element.hide();`
			`this.descend(true);`

			`var tabs = angular.element(HTML_TPL.replace('{show}', element.attr('show') \|\| 'false')),`
doc(tutorial): fix navigation widget to work without jQuery jqLite doesn't support class selectors, can find only by tag name... 2011-07-26 21:16:39 +00:00			`nav = tabs.find('ul'),`
			`// use simple selectors because jqLite find() supports getElementsByTagName only`
			`content = tabs.find('div').find('div'),`
Add doc:tutorial-instructions widget 2011-05-23 22:49:33 +00:00			`children = element.children();`

			`if (children.length) {`
			`// load custom content`
			`angular.forEach(element.children(), function(elm) {`
			`var elm = angular.element(elm),`
			`id = elm.attr('id');`

			`nav.append(HTML_NAV.replace('{title}', elm.attr('title')).replace(/\{id\}/g, id));`
			`content.append(HTML_CONTENT.replace('{id}', id).replace('{content}', elm.html()));`
			`});`
			`} else {`
			`// default`
			`nav.append(DEFAULT_NAV);`
			`content.append(DEFAULT_CONTENT.replace(/\{step\}/g, element.attr('step')));`
			`}`

			`element.html('');`
			`element.append(tabs);`
			`element.show();`
			`});`
docs app css/js/html rewrite 2011-06-06 15:52:02 +00:00

Docs: Error 404 page with simple suggestion for new links 2011-06-06 21:03:04 +00:00			`angular.directive('doc:tutorial-nav', function(step) {`
docs app css/js/html rewrite 2011-06-06 15:52:02 +00:00			`return function(element) {`
			`var prevStep, codeDiff, nextStep,`
			`content;`

			`step = parseInt(step, 10);`

			`if (step === 0) {`
			`prevStep = '';`
			`nextStep = 'step_01';`
			`codeDiff = 'step-0~7...step-0';`
			`} else if (step === 11){`
			`prevStep = 'step_10';`
			`nextStep = 'the_end';`
			`codeDiff = 'step-10...step-11';`
			`} else {`
Docs: Error 404 page with simple suggestion for new links 2011-06-06 21:03:04 +00:00			`prevStep = 'step_' + pad(step - 1);`
docs app css/js/html rewrite 2011-06-06 15:52:02 +00:00			`nextStep = 'step_' + pad(step + 1);`
			`codeDiff = 'step-' + step + '...step-' + step;`
			`}`

			`content = angular.element(`
fixing broken docs links 2011-06-07 00:21:45 +00:00			`'<li><a href="#!/tutorial/' + prevStep + '">Previous</a></li>' +`
docs app css/js/html rewrite 2011-06-06 15:52:02 +00:00			`'<li><a href="http://angular.github.com/angular-phonecat/step-' + step + '/app">Live Demo</a></li>' +`
			`'<li><a href="https://github.com/angular/angular-phonecat/compare/' + codeDiff + '">Code Diff</a></li>' +`
fixing broken docs links 2011-06-07 00:21:45 +00:00			`'<li><a href="#!/tutorial/' + nextStep + '">Next</a></li>'`
docs app css/js/html rewrite 2011-06-06 15:52:02 +00:00			`);`

			`element.attr('id', 'tutorial-nav');`
			`element.append(content);`
Docs: Error 404 page with simple suggestion for new links 2011-06-06 21:03:04 +00:00			`};`
docs app css/js/html rewrite 2011-06-06 15:52:02 +00:00
			`function pad(step) {`
			`return (step < 10) ? ('0' + step) : step;`
			`}`
			`});`
fixed example rendering, add tests for it. 2011-01-19 23:42:11 +00:00			`})();`