Connor McSheffrey
11 years ago
2 changed files with 1 additions and 86 deletions
@ -1,83 +0,0 @@ |
|||
module.exports = function(grunt) { |
|||
|
|||
// Project configuration.
|
|||
grunt.initConfig({ |
|||
pkg: grunt.file.readJSON('../package.json') |
|||
}); |
|||
|
|||
/** |
|||
* Write React component to js file |
|||
* @param {String} liveEditJS |
|||
* @param {String} componentName |
|||
*/ |
|||
function writeToLiveSampleJS(liveEditJS, componentName) { |
|||
|
|||
grunt.file.write('js/cookbook/' + componentName + '.js', liveEditJS); |
|||
} |
|||
|
|||
/** |
|||
* Update HTML file to include an ID and script src link |
|||
*/ |
|||
function writeToHTML(markdown, componentName) { |
|||
grunt.file.write('_site/cookbook' + componentName + '.html', markdown); |
|||
} |
|||
|
|||
function readFromCookbookEntry(abspath, rootdir, subdir, filename) { |
|||
|
|||
var markdown = grunt.file.read(abspath), |
|||
codeSample = /```[\S]+\s*[\s\S]*?```/g, |
|||
|
|||
// read markdown file for code sample
|
|||
matchedJS = markdown.match(codeSample), |
|||
trimmedJS, |
|||
componentName, |
|||
componentNameCamelCase, |
|||
componentNameUpperCase, |
|||
liveEditJS = ''; |
|||
|
|||
// File has no code sample
|
|||
if (matchedJS === null) { |
|||
return; |
|||
}; |
|||
|
|||
// Here we should iterate over matched code samples
|
|||
|
|||
for( var i = 0; i < matchedJS.length; i++) { |
|||
|
|||
|
|||
// Remove markdown syntax
|
|||
matchedJS = matchedJS[i].slice(5, -3); |
|||
|
|||
// remove file extension
|
|||
componentName = filename.slice(0, -3) + i; |
|||
|
|||
// Uppercase with underscores (FOO_COMPONENT)
|
|||
componentNameUpperCase = componentName.toUpperCase().replace(/[\. ,:-]+/g, "_").slice(6); |
|||
|
|||
// Camelcase (fooExample)
|
|||
componentNameCamelCase = componentName.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase() }).slice(5); |
|||
|
|||
// Add code sample to live edit
|
|||
liveEditJS += '/**\n * @jsx React.DOM\n */\n\n var ' + componentNameUpperCase + '_COMPONENT = "' + matchedJS + '";\n React.renderComponent(\n ReactPlayground( {codeText:' + componentNameUpperCase + '_COMPONENT} ),\n document.getElementById("' + componentNameCamelCase + '")\n );' |
|||
|
|||
writeToLiveSampleJS(liveEditJS, componentName); |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
// writeToHTML(markdown, componentName);
|
|||
} |
|||
|
|||
grunt.registerTask('makeLiveSamples', 'Create live edit JS file for code samples in React Cookbook entries', function() { |
|||
var rootdir = 'cookbook/'; |
|||
|
|||
// Recurse through cookbook directory
|
|||
grunt.file.recurse(rootdir, readFromCookbookEntry); |
|||
|
|||
}); |
|||
|
|||
// Default task(s).
|
|||
grunt.registerTask('default', ['makeLiveSamples']); |
|||
|
|||
}; |
Loading…
Reference in new issue