{"commit":{"authorEmail":"connor.mcsheffrey@gmail.com","authoredAt":"2013-10-03T23:45:36-07:00","revision":"86355eb1ba0b3a8be25a7ba0f7288a4f21667ed5","authorName":"Connor McSheffrey","shortRevision":"86355eb1ba","subject":"added grunt task for generating live samples JS"},"files":[{"status":"A","path":"docs\/Gruntfile.js"},{"status":"M","path":"docs\/extractCode.js"},{"status":"A","path":"docs\/js\/cookbook\/cb-02-inline-styles tip.js"},{"status":"A","path":"docs\/js\/cookbook\/cb-02-inline-styles.js"},{"status":"A","path":"docs\/js\/cookbook\/cb-03-if-else-in-JSX tip.js"},{"status":"A","path":"docs\/js\/cookbook\/cb-03-if-else-in-JSX.js"},{"status":"A","path":"docs\/js\/cookbook\/cb-06-style-prop-value-px tip.js"},{"status":"A","path":"docs\/js\/cookbook\/cb-06-style-prop-value-px.js"},{"status":"A","path":"docs\/js\/cookbook\/cb-08-controlled-input-null-value tip.js"},{"status":"A","path":"docs\/js\/cookbook\/cb-08-controlled-input-null-value.js"},{"status":"A","path":"docs\/js\/cookbook\/inline-styles.js"}],"body":"","parents":["bfbcb5362ba5d8f233a7966ce255c428fff04377"],"patch":"diff --git a\/docs\/Gruntfile.js b\/docs\/Gruntfile.js\nnew file mode 100644\nindex 0000000000..3e3383a927\n--- \/dev\/null\n+++ b\/docs\/Gruntfile.js\n@@ -0,0 +1,62 @@\n+module.exports = function(grunt) {\n+\n+ \/\/ Project configuration.\n+ grunt.initConfig({\n+ pkg: grunt.file.readJSON('..\/package.json')\n+ });\n+\n+ function writeToLiveSampleJS(matchedJS) {\n+ \n+ grunt.file.write('js\/cookbook\/' + componentName + '.js', liveEditJS);\n+ }\n+\n+ function readFromCookbookEntry(abspath, rootdir, subdir, filename) {\n+ \n+ var markdown = grunt.file.read(abspath),\n+\n+ \/\/ read markdown file for code sample\n+ matchedJS = markdown.match(\/`{3}[\\s\\S]*?`{3}\/g),\n+ trimmedJS,\n+ componentName,\n+ componentNameCamelCase,\n+ componentNameUpperCase,\n+ liveEditJS;\n+\n+ \/\/ File has no code sample\n+ if (matchedJS === null) {\n+ return;\n+ };\n+\n+ matchedJS = matchedJS[0];\n+\n+ \/\/ Remove markdown syntax\n+ matchedJS = matchedJS.slice(5, -3);\n+\n+ \/\/ remove file extension\n+ componentName = filename.slice(0, -3);\n+\n+\n+ componentNameCamelCase = componentName;\n+\n+ componentNameUpperCase = componentName.toUpperCase().replace(\"-\",\"_\");\n+\n+ componentNameCamelCase = componentNameCamelCase.replace(\/-([a-z])\/g, function (g) { return g[1].toUpperCase() });\n+\n+ \/\/ Add code sample to live edit \n+ liveEditJS = '\/**\\n * @jsx React.DOM\\n *\/\\n\\n var ' + componentNameUpperCase + '_COMPONENT = \"' + matchedJS + '\";\\n React.renderComponent(\\n ReactPlayground( {codeText:' + componentNameUpperCase + '_COMPONENT} ),\\n document.getElementById(\"' + componentNameCamelCase + 'Example\")\\n );'\n+\n+ writeToLiveSampleJS(liveEditJS, componentName);\n+ }\n+\n+ grunt.registerTask('makeLiveSamples', 'Out live edit JS file for code samples in React Cookbook entries', function() {\n+ var rootdir = 'cookbook\/';\n+ \n+ \/\/ Recurse through cookbook directory\n+ grunt.file.recurse(rootdir, readFromCookbookEntry);\n+\n+ });\n+\n+ \/\/ Default task(s).\n+ grunt.registerTask('default', ['makeLiveSamples']);\n+\n+};\n\\ No newline at end of file\ndiff --git a\/docs\/extractCode.js b\/docs\/extractCode.js\nindex b5714e3cb0..8728776b97 100644\n--- a\/docs\/extractCode.js\n+++ b\/docs\/extractCode.js\n@@ -16,21 +16,24 @@ function main(dest, filenames) {\n if (!dest) {\n \tthrow new Error('no dest provided');\n }\n+ console.log(filenames);\n+ \n filenames.map(function (filename) {\n-\tvar content = fs.readFileSync(filename).toString('utf8');\n-\tvar codeSamples = content.match(CODE_SAMPLE);\n+\t\tvar content = fs.readFileSync(filename).toString('utf8');\n+\t\tvar codeSamples = content.match(CODE_SAMPLE);\n \n-\tcodeSamples.map(function (codeSample) {\n-\t \/\/ Do a little jank preprocessing\n-\t codeSample = codeSample.replace('', '');\n-\t var extracted = codeSample.match(PARTS);\n-\t if (!extracted) {\n-\t\tthrow new Error('Code sample did not match correct format in ' + filename + ': ' + truncate(codeSample));\n-\t }\n-\t var filename = extracted[1];\n-\t var content = extracted[2].replace(\/\\*\\*\/g, '');\n-\t fs.writeFileSync(argv.dest + '\/' + filename, content);\n-\t});\n+\t\t\n+\t\tcodeSamples.map(function (codeSample) {\n+\t\t \/\/ Do a little jank preprocessing\n+\t\t codeSample = codeSample.replace('', '');\n+\t\t var extracted = codeSample.match(PARTS);\n+\t\t if (!extracted) {\n+\t\t\tthrow new Error('Code sample did not match correct format in ' + filename + ': ' + truncate(codeSample));\n+\t\t }\n+\t\t var filename = extracted[1];\n+\t\t var content = extracted[2].replace(\/\\*\\*\/g, '');\n+\t\t fs.writeFileSync(argv.dest + '\/' + filename, content);\n+\t\t});\n });\n }\n \ndiff --git a\/docs\/js\/cookbook\/cb-02-inline-styles tip.js b\/docs\/js\/cookbook\/cb-02-inline-styles tip.js\nnew file mode 100644\nindex 0000000000..d66547de48\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/cb-02-inline-styles tip.js\t\n@@ -0,0 +1,19 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var CB_02-INLINE-STYLES TIP_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+var divStyle = {\n+ color: 'white',\n+ backgroundImage: 'url(' + imgUrl + ')',\n+ WebkitTransition: 'all' \/\/ note the capital 'W' here\n+};\n+\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:CB_02-INLINE-STYLES TIP_COMPONENT} ),\n+ document.getElementById(\"cb-02InlineStyles tipExample\")\n+ );\n\\ No newline at end of file\ndiff --git a\/docs\/js\/cookbook\/cb-02-inline-styles.js b\/docs\/js\/cookbook\/cb-02-inline-styles.js\nnew file mode 100644\nindex 0000000000..8d38ca134c\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/cb-02-inline-styles.js\n@@ -0,0 +1,19 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var CB_02-INLINE-STYLES_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+var divStyle = {\n+ color: 'white',\n+ backgroundImage: 'url(' + imgUrl + ')',\n+ WebkitTransition: 'all' \/\/ note the capital 'W' here\n+};\n+\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:CB_02-INLINE-STYLES_COMPONENT} ),\n+ document.getElementById(\"cb-02InlineStylesExample\")\n+ );\n\\ No newline at end of file\ndiff --git a\/docs\/js\/cookbook\/cb-03-if-else-in-JSX tip.js b\/docs\/js\/cookbook\/cb-03-if-else-in-JSX tip.js\nnew file mode 100644\nindex 0000000000..4726ee18c0\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/cb-03-if-else-in-JSX tip.js\t\n@@ -0,0 +1,16 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var CB_03-IF-ELSE-IN-JSX TIP_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+\/\/ this\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+\/\/ is the same as this\n+React.renderComponent(React.DOM.div({id:\"msg\"}, \"Hello World!\"), mountNode);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:CB_03-IF-ELSE-IN-JSX TIP_COMPONENT} ),\n+ document.getElementById(\"cb-03IfElseIn-JSX tipExample\")\n+ );\n\\ No newline at end of file\ndiff --git a\/docs\/js\/cookbook\/cb-03-if-else-in-JSX.js b\/docs\/js\/cookbook\/cb-03-if-else-in-JSX.js\nnew file mode 100644\nindex 0000000000..f229ce335a\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/cb-03-if-else-in-JSX.js\n@@ -0,0 +1,16 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var CB_03-IF-ELSE-IN-JSX_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+\/\/ this\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+\/\/ is the same as this\n+React.renderComponent(React.DOM.div({id:\"msg\"}, \"Hello World!\"), mountNode);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:CB_03-IF-ELSE-IN-JSX_COMPONENT} ),\n+ document.getElementById(\"cb-03IfElseIn-JSXExample\")\n+ );\n\\ No newline at end of file\ndiff --git a\/docs\/js\/cookbook\/cb-06-style-prop-value-px tip.js b\/docs\/js\/cookbook\/cb-06-style-prop-value-px tip.js\nnew file mode 100644\nindex 0000000000..6bfcda2cee\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/cb-06-style-prop-value-px tip.js\t\n@@ -0,0 +1,14 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var CB_06-STYLE-PROP-VALUE-PX TIP_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+var divStyle = {height: 10}; \/\/ rendered as \"height:10px\"\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:CB_06-STYLE-PROP-VALUE-PX TIP_COMPONENT} ),\n+ document.getElementById(\"cb-06StylePropValuePx tipExample\")\n+ );\n\\ No newline at end of file\ndiff --git a\/docs\/js\/cookbook\/cb-06-style-prop-value-px.js b\/docs\/js\/cookbook\/cb-06-style-prop-value-px.js\nnew file mode 100644\nindex 0000000000..d80cfd4055\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/cb-06-style-prop-value-px.js\n@@ -0,0 +1,14 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var CB_06-STYLE-PROP-VALUE-PX_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+var divStyle = {height: 10}; \/\/ rendered as \"height:10px\"\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:CB_06-STYLE-PROP-VALUE-PX_COMPONENT} ),\n+ document.getElementById(\"cb-06StylePropValuePxExample\")\n+ );\n\\ No newline at end of file\ndiff --git a\/docs\/js\/cookbook\/cb-08-controlled-input-null-value tip.js b\/docs\/js\/cookbook\/cb-08-controlled-input-null-value tip.js\nnew file mode 100644\nindex 0000000000..2351da9acb\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/cb-08-controlled-input-null-value tip.js\t\n@@ -0,0 +1,17 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var CB_08-CONTROLLED-INPUT-NULL-VALUE TIP_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+React.renderComponent(, mountNode);\n+\n+setTimeout(function() {\n+ React.renderComponent(, mountNode);\n+}, 2000);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:CB_08-CONTROLLED-INPUT-NULL-VALUE TIP_COMPONENT} ),\n+ document.getElementById(\"cb-08ControlledInputNullValue tipExample\")\n+ );\n\\ No newline at end of file\ndiff --git a\/docs\/js\/cookbook\/cb-08-controlled-input-null-value.js b\/docs\/js\/cookbook\/cb-08-controlled-input-null-value.js\nnew file mode 100644\nindex 0000000000..18e37c5956\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/cb-08-controlled-input-null-value.js\n@@ -0,0 +1,17 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var CB_08-CONTROLLED-INPUT-NULL-VALUE_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+React.renderComponent(, mountNode);\n+\n+setTimeout(function() {\n+ React.renderComponent(, mountNode);\n+}, 2000);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:CB_08-CONTROLLED-INPUT-NULL-VALUE_COMPONENT} ),\n+ document.getElementById(\"cb-08ControlledInputNullValueExample\")\n+ );\n\\ No newline at end of file\ndiff --git a\/docs\/js\/cookbook\/inline-styles.js b\/docs\/js\/cookbook\/inline-styles.js\nnew file mode 100644\nindex 0000000000..0f6110ae20\n--- \/dev\/null\n+++ b\/docs\/js\/cookbook\/inline-styles.js\n@@ -0,0 +1,19 @@\n+\/**\n+ * @jsx React.DOM\n+ *\/\n+\n+ var INLINE_STYLES_COMPONENT = \"\n+\/** @jsx React.DOM *\/\n+\n+var divStyle = {\n+ color: 'white',\n+ backgroundImage: 'url(' + imgUrl + ')',\n+ WebkitTransition: 'all' \/\/ note the capital 'W' here\n+};\n+\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+\";\n+ React.renderComponent(\n+ ReactPlayground( {codeText:INLINE_STYLES_COMPONENT} ),\n+ document.getElementById(\"inlineStylesExample\")\n+ );\n\\ No newline at end of file\n"}

dillon1000/react

Files changed