[v2] compile cache dir

packages/gatsby/.gitignore

@@ -28,3 +28,4 @@ node_modules
 
 decls
 dist
+cache-dir

packages/gatsby/package.json

@@ -139,6 +139,7 @@
     "cross-env": "^5.1.4",
     "jest": "^22.4.3",
     "lerna": "^2.9.0",
+    "npm-run-all": "4.1.2",
     "nyc": "^7.0.0",
     "rimraf": "^2.6.1"
   },
@@ -173,13 +174,16 @@
     "graphql": "^0.13.2"
   },
   "scripts": {
-    "build": "rimraf dist && npm run build:src && npm run build:internal-plugins && npm run build:rawfiles",
+    "build": "rimraf dist && rimraf cache-dir && npm-run-all -p build:*",
+    "build:cache-dir": "babel src/cache-dir --out-dir cache-dir",
     "build:internal-plugins": "copyfiles -u 1 src/internal-plugins/**/package.json dist",
     "build:rawfiles": "copyfiles -u 1 src/internal-plugins/**/raw_* dist",
-    "build:src": "babel src --out-dir dist --source-maps --ignore **/gatsby-cli.js,**/raw_*,**/__tests__",
+    "build:src": "babel src --out-dir dist --source-maps --ignore **/gatsby-cli.js,**/raw_*,**/__tests__,**/cache-dir",
     "clean-test-bundles": "find test/ -type f -name bundle.js* -exec rm -rf {} +",
     "prepublish": "cross-env NODE_ENV=production npm run build",
     "test-coverage": "node_modules/.bin/nyc --reporter=lcov --reporter=text npm test",
-    "watch": "rimraf dist && mkdir dist && npm run build:internal-plugins && npm run build:rawfiles && npm run build:src -- --watch"
+    "watch": "rimraf dist && rimraf cache-dir && mkdir dist && npm run build:internal-plugins && npm-run-all -p watch:*",
+    "watch:cache-dir": "npm run build:cache-dir -- --watch",
+    "watch:src": "npm run build:src -- --watch"
   }
 }

packages/gatsby/src/cache-dir/.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    ["../../../../.babel-preset.js", { "browser": true }]
+  ]
+}
+

packages/gatsby/cache-dir/__tests__/prefetcher.js → packages/gatsby/src/cache-dir/__tests__/prefetcher.js

@@ -3,7 +3,7 @@ let fetchNextResource
 let fetches
 
 const getDeferred = (result) => {
-  let resolve;
+  let resolve
   let promise = new Promise(r => {
     resolve = () => r(result)
   })

packages/gatsby/cache-dir/develop-static-entry.js → packages/gatsby/src/cache-dir/develop-static-entry.js

@@ -16,7 +16,7 @@ let Html
 try {
   Html = require(`../src/html`)
 } catch (err) {
-  if (testRequireError(`..\/src\/html`, err)) {
+  if (testRequireError(`../src/html`, err)) {
     Html = require(`./default-html`)
   } else {
     console.log(`There was an error requiring "src/html.js"\n\n`, err, `\n\n`)

packages/gatsby/cache-dir/gatsby-browser-entry.js → packages/gatsby/src/cache-dir/gatsby-browser-entry.js

@@ -1,19 +1,25 @@
 import React from "react"
+import PropTypes from "prop-types"
 import Link, { withPrefix, navigateTo } from "gatsby-link"
 import pages from "./pages.json"
 import loader from "./loader"
 import JSONStore from "./json-store"
 
 const PageRenderer = ({ location }) => {
   const pageResources = loader.getResourcesForPathname(location.pathname)
-  const isPage = !!(pageResources && pageResources.component)
   return React.createElement(JSONStore, {
     pages,
     location,
     pageResources,
   })
 }
 
+PageRenderer.propTypes = {
+  location: PropTypes.shape({
+    pathname: PropTypes.string.isRequired,
+  }).isRequired,
+}
+
 const StaticQueryContext = React.createContext({})
 
 const StaticQuery = props => (
@@ -33,6 +39,12 @@ const StaticQuery = props => (
   </StaticQueryContext.Consumer>
 )
 
+StaticQuery.propTypes = {
+  data: PropTypes.object,
+  query: PropTypes.string.isRequired,
+  render: PropTypes.func.isRequired,
+}
+
 export {
   Link,
   withPrefix,

packages/gatsby/cache-dir/json-store.js → packages/gatsby/src/cache-dir/json-store.js

@@ -4,12 +4,7 @@ import PageRenderer from "./page-renderer"
 import { StaticQueryContext } from "gatsby"
 import socketIo, { getStaticQueryData, getPageQueryData } from "./socketIo"
 
-const getPathFromProps = props =>
-  props.pageResources
-    ? props.pageResources.page
-      ? props.pageResources.page.path
-      : undefined
-    : undefined
+const getPathFromProps = props => props.pageResources?.page?.path
 
 class JSONStore extends React.Component {
   constructor(props) {
@@ -47,10 +42,9 @@ class JSONStore extends React.Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate() {
     const { path } = this.state
-    const newPath = getPathFromProps(nextProps)
-
+    const newPath = getPathFromProps(this.props)
     if (path !== newPath) {
       this.unregisterPath(path)
       this.registerPath(newPath)
@@ -72,7 +66,7 @@ class JSONStore extends React.Component {
   }
 
   render() {
-    const data = this.state.pageQueryData[this.state.path]
+    const data = this.state.pageQueryData[getPathFromProps(this.props)]
     // eslint-disable-next-line
     const { pages, ...propsWithoutPages } = this.props
     if (!data) {

packages/gatsby/cache-dir/static-entry.js → packages/gatsby/src/cache-dir/static-entry.js

@@ -153,19 +153,12 @@ export default (pagePath, callback) => {
   }
 
   // Create paths to scripts
-  let runtimeScript
   const scriptsAndStyles = flatten(
     [`app`, page.componentChunkName].map(s => {
       const fetchKey = `assetsByChunkName[${s}]`
 
       let chunks = get(stats, fetchKey)
 
-      // Remove the runtime as we always inline that instead
-      // of loading it.
-      if (s === `app`) {
-        runtimeScript = chunks[0]
-      }
-
       if (!chunks) {
         return null
       }
@@ -195,11 +188,6 @@ export default (pagePath, callback) => {
     pathPrefix,
   })
 
-  const runtimeRaw = fs.readFileSync(
-    join(process.cwd(), `public`, runtimeScript),
-    `utf-8`
-  )
-
   scripts
     .slice(0)
     .reverse()