Set page layout dynamically (#4084)

beta/plugins/md-layout-loader.js

@@ -1,4 +1,5 @@
 const fm = require('gray-matter');
+const path = require('path');
 
 // Makes mdx in next.js suck less by injecting necessary exports so that
 // the docs are still readable on github.
@@ -15,7 +16,16 @@ const fm = require('gray-matter');
 module.exports = async function (src) {
   const callback = this.async();
   const {content, data} = fm(src);
-  const layout = data.layout || 'Home';
+  const pageParentDir = path
+    .dirname(path.relative('./src/pages', this.resourcePath))
+    .split(path.sep)
+    .shift();
+  const layoutMap = {
+    blog: 'Post',
+    learn: 'Learn',
+    reference: 'API',
+  };
+  const layout = layoutMap[pageParentDir] || 'Home';
   const code =
     `import withLayout from 'components/Layout/Layout${layout}';
 

beta/src/pages/blog/2013/06/02/jsfiddle-integration.md

@@ -1,6 +1,5 @@
 ---
 title: JSFiddle Integration
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/06/05/why-react.md

@@ -1,6 +1,5 @@
 ---
 title: Why did we build React?
-layout: Post
 author: [petehunt]
 ---
 

beta/src/pages/blog/2013/06/12/community-roundup.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #1'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/06/19/community-roundup-2.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #2'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/06/21/react-v0-3-3.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.3.3'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/06/27/community-roundup-3.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #3'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/07/02/react-v0-4-autobind-by-default.md

@@ -1,6 +1,5 @@
 ---
 title: "New in React v0.4: Autobind by Default"
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/07/03/community-roundup-4.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #4'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/07/11/react-v0-4-prop-validation-and-default-values.md

@@ -1,6 +1,5 @@
 ---
 title: 'New in React v0.4: Prop Validation and Default Values'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/07/17/react-v0-4-0.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.4.0'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/07/23/community-roundup-5.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #5'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/07/26/react-v0-4-1.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.4.1'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails.md

@@ -1,6 +1,5 @@
 ---
 title: 'Use React and JSX in Ruby on Rails'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/08/05/community-roundup-6.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #6'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/08/19/use-react-and-jsx-in-python-applications.md

@@ -1,6 +1,5 @@
 ---
 title: 'Use React and JSX in Python Applications'
-layout: Post
 author: [kmeht]
 ---
 

beta/src/pages/blog/2013/08/26/community-roundup-7.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #7'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/09/24/community-roundup-8.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #8'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/10/03/community-roundup-9.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #9'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/10/16/react-v0.5.0.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.5'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/10/29/react-v0-5-1.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.5.1'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/11/06/community-roundup-10.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #10'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/11/18/community-roundup-11.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #11'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/12/18/react-v0.5.2-v0.4.2.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.5.2, v0.4.2'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/12/19/react-v0.8.0.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.8'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2013/12/23/community-roundup-12.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #12'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2013/12/30/community-roundup-13.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #13'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2014/01/02/react-chrome-developer-tools.md

@@ -1,6 +1,5 @@
 ---
 title: 'React Chrome Developer Tools'
-layout: Post
 author: [sebmarkbage]
 ---
 

beta/src/pages/blog/2014/01/06/community-roundup-14.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #14'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2014/02/05/community-roundup-15.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #15'
-layout: Post
 author: [jgebhardt]
 ---
 

beta/src/pages/blog/2014/02/15/community-roundup-16.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #16'
-layout: Post
 author: [jgebhardt]
 ---
 

beta/src/pages/blog/2014/02/16/react-v0.9-rc1.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.9 RC
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2014/02/20/react-v0.9.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.9
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2014/02/24/community-roundup-17.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #17'
-layout: Post
 author: [jgebhardt]
 ---
 

beta/src/pages/blog/2014/03/14/community-roundup-18.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #18'
-layout: Post
 author: [jgebhardt]
 ---
 

beta/src/pages/blog/2014/03/19/react-v0.10-rc1.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.10 RC
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/03/21/react-v0.10.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.10
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/03/28/the-road-to-1.0.md

@@ -1,6 +1,5 @@
 ---
 title: The Road to 1.0
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/04/04/reactnet.md

@@ -1,6 +1,5 @@
 ---
 title: 'Use React and JSX in ASP.NET MVC'
-layout: Post
 author: [Daniel15]
 ---
 

beta/src/pages/blog/2014/05/06/flux.md

@@ -1,6 +1,5 @@
 ---
 title: 'Flux: An Application Architecture for React'
-layout: Post
 author: [fisherwebdev, jingc]
 ---
 

beta/src/pages/blog/2014/05/29/one-year-of-open-source-react.md

@@ -1,6 +1,5 @@
 ---
 title: 'One Year of Open-Source React'
-layout: Post
 author: [chenglou]
 ---
 

beta/src/pages/blog/2014/06/27/community-roundup-19.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #19'
-layout: Post
 author: [chenglou]
 ---
 

beta/src/pages/blog/2014/07/13/react-v0.11-rc1.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.11 RC
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/07/17/react-v0.11.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.11
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/07/25/react-v0.11.1.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.11.1
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/07/28/community-roundup-20.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #20'
-layout: Post
 author: [LoukaN]
 ---
 

beta/src/pages/blog/2014/07/30/flux-actions-and-the-dispatcher.md

@@ -1,6 +1,5 @@
 ---
 title: 'Flux: Actions and the Dispatcher'
-layout: Post
 author: [fisherwebdev]
 ---
 

beta/src/pages/blog/2014/08/03/community-roundup-21.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #21'
-layout: Post
 author: [LoukaN]
 ---
 

beta/src/pages/blog/2014/09/03/introducing-the-jsx-specification.md

@@ -1,6 +1,5 @@
 ---
 title: 'Introducing the JSX Specification'
-layout: Post
 author: [sebmarkbage]
 ---
 

beta/src/pages/blog/2014/09/12/community-round-up-22.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #22'
-layout: Post
 author: [LoukaN]
 ---
 

beta/src/pages/blog/2014/09/16/react-v0.11.2.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.11.2
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/09/24/testing-flux-applications.md

@@ -1,6 +1,5 @@
 ---
 title: 'Testing Flux Applications'
-layout: Post
 author: [fisherwebdev]
 ---
 

beta/src/pages/blog/2014/10/14/introducing-react-elements.md

@@ -1,6 +1,5 @@
 ---
 title: 'Introducing React Elements'
-layout: Post
 author: [sebmarkbage]
 redirect_from:
   - 'blog/2014/10/14/introducting-react-elements.html'

beta/src/pages/blog/2014/10/16/react-v0.12-rc1.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.12 RC'
-layout: Post
 author: [sebmarkbage]
 ---
 

beta/src/pages/blog/2014/10/17/community-roundup-23.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #23'
-layout: Post
 author: [LoukaN]
 ---
 

beta/src/pages/blog/2014/10/27/react-js-conf.md

@@ -1,6 +1,5 @@
 ---
 title: React.js Conf
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2014/10/28/react-v0.12.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.12
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/11/24/react-js-conf-updates.md

@@ -1,6 +1,5 @@
 ---
 title: React.js Conf Updates
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2014/11/25/community-roundup-24.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #24'
-layout: Post
 author: [steveluscher]
 ---
 

beta/src/pages/blog/2014/12/18/react-v0.12.2.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.12.2
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2014/12/19/react-js-conf-diversity-scholarship.md

@@ -1,6 +1,5 @@
 ---
 title: React.js Conf Diversity Scholarship
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/01/27/react-v0.13.0-beta-1.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.13.0 Beta 1
-layout: Post
 author: [sebmarkbage]
 ---
 

beta/src/pages/blog/2015/02/18/react-conf-roundup-2015.md

@@ -1,6 +1,5 @@
 ---
 title: React.js Conf Round-up 2015
-layout: Post
 author: [steveluscher]
 ---
 

beta/src/pages/blog/2015/02/20/introducing-relay-and-graphql.md

@@ -1,6 +1,5 @@
 ---
 title: 'Introducing Relay and GraphQL'
-layout: Post
 author: [wincent]
 ---
 

beta/src/pages/blog/2015/02/24/react-v0.13-rc1.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.13 RC'
-layout: Post
 author: [zpao]
 date: 2015-02-24 14:00
 ---

beta/src/pages/blog/2015/02/24/streamlining-react-elements.md

@@ -1,6 +1,5 @@
 ---
 title: 'Streamlining React Elements'
-layout: Post
 author: [sebmarkbage]
 date: 2015-02-24 11:00
 ---

beta/src/pages/blog/2015/03/03/react-v0.13-rc2.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.13 RC2'
-layout: Post
 author: [sebmarkbage]
 ---
 

beta/src/pages/blog/2015/03/04/community-roundup-25.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #25'
-layout: Post
 author: [matthewjohnston4]
 ---
 

beta/src/pages/blog/2015/03/10/react-v0.13.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.13'
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2015/03/16/react-v0.13.1.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.13.1'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/03/19/building-the-facebook-news-feed-with-relay.md

@@ -1,6 +1,5 @@
 ---
 title: 'Building The Facebook News Feed With Relay'
-layout: Post
 author: [josephsavona]
 ---
 

beta/src/pages/blog/2015/03/26/introducing-react-native.md

@@ -1,6 +1,5 @@
 ---
 title: 'Introducing React Native'
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2015/03/30/community-roundup-26.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #26'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2015/04/17/react-native-v0.4.md

@@ -1,6 +1,5 @@
 ---
 title: 'React Native v0.4'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2015/04/18/react-v0.13.2.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.13.2'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/05/01/graphql-introduction.md

@@ -1,6 +1,5 @@
 ---
 title: 'GraphQL Introduction'
-layout: Post
 author: [schrockn]
 ---
 

beta/src/pages/blog/2015/05/08/react-v0.13.3.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.13.3'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/05/22/react-native-release-process.md

@@ -1,6 +1,5 @@
 ---
 title: 'React Native Release Process'
-layout: Post
 author: [vjeux]
 ---
 

beta/src/pages/blog/2015/06/12/deprecating-jstransform-and-react-tools.md

@@ -1,6 +1,5 @@
 ---
 title: 'Deprecating JSTransform and react-tools'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/07/03/react-v0.14-beta-1.md

@@ -1,6 +1,5 @@
 ---
 title: React v0.14 Beta 1
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2015/08/03/new-react-devtools-beta.md

@@ -1,6 +1,5 @@
 ---
 title: 'New React Devtools Beta'
-layout: Post
 author: [jaredly]
 ---
 

beta/src/pages/blog/2015/08/11/relay-technical-preview.md

@@ -1,6 +1,5 @@
 ---
 title: 'Relay Technical Preview'
-layout: Post
 author: [josephsavona]
 ---
 

beta/src/pages/blog/2015/08/13/reacteurope-roundup.md

@@ -1,6 +1,5 @@
 ---
 title: 'ReactEurope Round-up'
-layout: Post
 author: [matthewjohnston4]
 ---
 

beta/src/pages/blog/2015/09/02/new-react-developer-tools.md

@@ -1,6 +1,5 @@
 ---
 title: 'New React Developer Tools'
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2015/09/10/react-v0.14-rc1.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.14 Release Candidate'
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2015/09/14/community-roundup-27.md

@@ -1,6 +1,5 @@
 ---
 title: 'Community Round-up #27 – Relay Edition'
-layout: Post
 author: [steveluscher]
 ---
 

beta/src/pages/blog/2015/10/01/react-render-and-top-level-api.md

@@ -1,6 +1,5 @@
 ---
 title: 'ReactDOM.render and the Top Level React API'
-layout: Post
 author: ['jimfb', 'sebmarkbage']
 ---
 

beta/src/pages/blog/2015/10/07/react-v0.14.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.14'
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2015/10/19/reactiflux-is-moving-to-discord.md

@@ -1,6 +1,5 @@
 ---
 title: 'Reactiflux is moving to Discord'
-layout: Post
 author: [benigeri]
 ---
 

beta/src/pages/blog/2015/10/28/react-v0.14.1.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.14.1'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/11/02/react-v0.14.2.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.14.2'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/11/18/react-v0.14.3.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.14.3'
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/12/04/react-js-conf-2016-diversity-scholarship.md

@@ -1,6 +1,5 @@
 ---
 title: React.js Conf 2016 Diversity Scholarship
-layout: Post
 author: [zpao]
 ---
 

beta/src/pages/blog/2015/12/16/ismounted-antipattern.md

@@ -1,6 +1,5 @@
 ---
 title: 'isMounted is an Antipattern'
-layout: Post
 author: [jimfb]
 ---
 

beta/src/pages/blog/2015/12/18/react-components-elements-and-instances.md

@@ -1,6 +1,5 @@
 ---
 title: 'React Components, Elements, and Instances'
-layout: Post
 author: [gaearon]
 ---
 

beta/src/pages/blog/2015/12/29/react-v0.14.4.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v0.14.4'
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A.md

@@ -1,6 +1,5 @@
 ---
 title: '(A => B) !=> (B => A)'
-layout: Post
 author: [jimfb]
 ---
 

beta/src/pages/blog/2016/01/12/discontinuing-ie8-support.md

@@ -1,6 +1,5 @@
 ---
 title: 'Discontinuing IE 8 Support in React DOM'
-layout: Post
 author: [sophiebits]
 ---
 

beta/src/pages/blog/2016/02/19/new-versioning-scheme.md

@@ -1,6 +1,5 @@
 ---
 title: 'New Versioning Scheme'
-layout: Post
 author: [sebmarkbage]
 ---
 

beta/src/pages/blog/2016/03/07/react-v15-rc1.md

@@ -1,6 +1,5 @@
 ---
 title: 'React v15.0 Release Candidate'
-layout: Post
 author: [zpao]
 ---