- Add eslintrc

- add editorconfig
- update .gitignore
- add .nvmrc to make sure folks and CI tools (like netlify) are on consistent versions of node
- add prettierignore and prettierrc for code style
- add config.js for basic central config
- npm install esm so we can make use of es6 imports in node
- add scripts to package.json. Note, to use es6 imports we need these scripts instead of `gatsby develop`
- import the fragment into createPosts
- moved Post template into a directory with an index.js and a data.js file. The data.js defines the graphql fragment for the template.

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 public
-.cache
+.cache
+.idea

packages/twentynineteen-gatsby-theme/.editoconfig

@@ -0,0 +1,10 @@
+# editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true

packages/twentynineteen-gatsby-theme/.eslintrc.json

@@ -0,0 +1,76 @@
+{
+  "parser": "babel-eslint",
+  "extends": [
+    "google",
+    "eslint:recommended",
+    "plugin:flowtype/recommended",
+    "plugin:react/recommended",
+    "prettier",
+    "prettier/flowtype",
+    "prettier/react"
+  ],
+  "plugins": ["flowtype", "prettier", "react"],
+  "parserOptions": {
+    "ecmaVersion": 2016,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true,
+    "jest": true
+  },
+  "globals": {
+    "before": true,
+    "spyOn": true,
+    "__PATH_PREFIX__": true
+  },
+  "rules": {
+    "arrow-body-style": [
+      "error",
+      "as-needed",
+      { "requireReturnForObjectLiteral": true }
+    ],
+    "consistent-return": ["error"],
+    "no-console": "off",
+    "no-inner-declarations": "off",
+    "prettier/prettier": "error",
+    "quotes": ["error", "backtick"],
+    "react/display-name": "off",
+    "react/jsx-key": "warn",
+    "react/no-unescaped-entities": "warn",
+    "react/prop-types": "off",
+    "require-jsdoc": "off",
+    "valid-jsdoc": "off"
+  },
+  "overrides": [
+    {
+      "files": [
+        "packages/**/gatsby-browser.js",
+        "packages/gatsby/cache-dir/**/*"
+      ],
+      "env": {
+        "browser": true
+      },
+      "globals": {
+        "___loader": false,
+        "___emitter": false
+      }
+    },
+    {
+      "files": ["**/cypress/integration/**/*", "**/cypress/support/**/*"],
+      "globals": {
+        "cy": false,
+        "Cypress": false
+      }
+    }
+  ],
+  "settings": {
+    "react": {
+      "version": "16.4.2"
+    }
+  }
+}

packages/twentynineteen-gatsby-theme/.gitignore

@@ -1 +1,70 @@
-node_modules
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variables file
+.env
+
+# gatsby files
+.cache/
+public
+
+# Mac files
+.DS_Store
+.idea
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity

packages/twentynineteen-gatsby-theme/.nvmrc

@@ -0,0 +1 @@
+11.10.1

packages/twentynineteen-gatsby-theme/.prettierignore

@@ -0,0 +1,31 @@
+*.min.js
+**/node_modules/**
+flow-typed
+
+# webfont demo styles
+**/specimen_files
+
+# built sites
+benchmarks/**/public
+e2e-tests/**/public
+examples/**/public
+integration-tests/**/public
+www/public
+
+# cache-dirs
+**/.cache
+
+# ignore built packages
+packages/**/*.js
+!packages/gatsby/cache-dir/**/*.js
+!packages/*/src/**/*.js
+packages/gatsby/cache-dir/commonjs/**/*.js
+
+# fixtures
+**/__testfixtures__/**
+**/__tests__/fixtures/**
+
+infrastructure
+
+# coverage
+coverage

packages/twentynineteen-gatsby-theme/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

packages/twentynineteen-gatsby-theme/config.js

@@ -0,0 +1,5 @@
+const config = {
+    wordPressUrl: `https://demo.wpgraphql.com`,
+};
+
+export default config

packages/twentynineteen-gatsby-theme/create/createPosts.js

@@ -1,4 +1,7 @@
-var axios = require("axios");
+const axios = require("axios");
+
+import config from '../config.js';
+const { PostContentFragment } = require('../src/templates/Post/data');
 
 module.exports = async ({ graphql, actions }) => {
   const { createPage } = actions;
@@ -18,12 +21,15 @@ module.exports = async ({ graphql, actions }) => {
                     uri
                     title
                     content
+                    ...PostContentFragment
                 }
             }
         }
-    }`;
+    }
+    ${PostContentFragment}
+    `;
   const res = await axios({
-    url: "https://www.mtwoblog.com/graphql",
+    url: `${config.wordPressUrl}/graphql`,
     method: "get",
     params: {
       QUERY: GET_POSTS
@@ -38,11 +44,12 @@ module.exports = async ({ graphql, actions }) => {
     }
   } = res.data;
 
-  const postTemplate = require.resolve(`../src/templates/post.js`);
+  const postTemplate = require.resolve(`../src/templates/Post`);
 
   allPosts.map(post => {
     post = post.node;
     console.log(`create post: ${post.uri}`);
+    console.log( post );
     createPage({
       path: `/blog/${post.uri}/`,
       component: postTemplate,
@@ -55,7 +62,7 @@ module.exports = async ({ graphql, actions }) => {
       query GET_POSTS($first:Int $after:String){
         wpgraphql {
           posts(
-            first: $first 
+            first: $first
             after:$after
           ) {
             pageInfo {