Gatsby v2.3.14

.circleci/config.yml

@@ -19,13 +19,32 @@ jobs:
             - node_modules
           key: dependencies-{{ checksum "yarn.lock" }}
 
+  flow-typed:
+    <<: *defaults
+    steps:
+      - checkout
+      - restore_cache:
+          keys:
+            - dependencies-{{ checksum "yarn.lock" }}
+      - restore_cache:
+          keys:
+            - flow-typed-{{ checksum "yarn.lock" }}
+      - run: yarn flow-typed
+      - save_cache:
+          paths:
+            - flow-typed
+          key: flow-typed-{{ checksum "yarn.lock" }}
+
   lint:
     <<: *defaults
     steps:
       - checkout
       - restore_cache:
           keys:
             - dependencies-{{ checksum "yarn.lock" }}
+      - restore_cache:
+          keys:
+            - flow-typed-{{ checksum "yarn.lock" }}
       - run: yarn lint
 
   test:
@@ -68,8 +87,12 @@ workflows:
   test:
     jobs:
       - install
+      - flow-typed:
+          requires:
+            - install
       - lint:
           requires:
+            - flow-typed
             - install
       - test:
           requires:

.eslintignore

@@ -0,0 +1,3 @@
+/flow-typed/*
+/public/*
+/node_modules/*

.flowconfig

@@ -3,11 +3,12 @@
 [include]
 
 [libs]
+flow-typed
 
 [lints]
 
 [options]
-module.name_mapper.extension='scss' -> '<PROJECT_ROOT>/src/flow/CSSModuleStub.js'
+module.name_mapper.extension='scss' -> '<PROJECT_ROOT>/flow/css-module-stub.js'
 server.max_workers=4
 
 [strict]

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
+flow-typed/
 .cache/
 public/
 npm-debug.log

.stylelintrc → .stylelintrc.json

@@ -14,7 +14,7 @@
     "no-duplicate-selectors": true,
     "font-family-no-missing-generic-family-keyword": null,
     "property-no-unknown": [true, {
-      ignoreProperties: ["/^lost-/"]
+      "ignoreProperties": ["/^lost-/"]
     }]
   },
   "ignoreFiles": [

.travis.yml

@@ -1,16 +1,16 @@
 language: node_js
 node_js:
-  - '8'
-  - '9'
   - '10'
 install:
   - npm install -g codecov
 script:
   - yarn install
+  - yarn flow-typed
   - yarn lint
   - yarn test:coverage --runInBand --no-cache
   - yarn test --runInBand --no-cache
   - codecov
 cache:
   directories:
-    - node_modules
+    - node_modules
+    - flow-typed

content/posts/2016-01-12---The-Origins-of-Social-Stationery-Lettering.md

@@ -5,10 +5,6 @@ template: "post"
 draft: false
 slug: "/posts/the-origins-of-social-stationery-lettering"
 category: "Design Culture"
-tags:
-  - "Typefaces"
-  - "Lettering"
-  - "History"
 description: "Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante."
 ---
 

src/flow/CSSModuleStub.js → flow/css-module-stub.js

@@ -2,5 +2,7 @@
 type CSSModule = {
   [key: string]: string,
 };
+
 const emptyCSSModule: CSSModule = {};
+
 export default emptyCSSModule;

gatsby-config.js

@@ -119,7 +119,7 @@ module.exports = {
     {
       resolve: 'gatsby-plugin-netlify-cms',
       options: {
-        modulePath: `${__dirname}/src/cms/cms.js`,
+        modulePath: `${__dirname}/src/cms/index.js`,
       }
     },
     {
@@ -138,7 +138,7 @@ module.exports = {
           {
             site {
               siteMetadata {
-                url
+                siteUrl: url
               }
             }
             allSitePage(
@@ -156,7 +156,7 @@ module.exports = {
         `,
         output: '/sitemap.xml',
         serialize: ({ site, allSitePage }) => allSitePage.edges.map((edge) => ({
-          url: site.siteMetadata.url + edge.node.path,
+          url: site.siteMetadata.siteUrl + edge.node.path,
           changefreq: 'daily',
           priority: 0.7
         }))

jest/__fixtures__/all-markdown-remark.js

@@ -0,0 +1,46 @@
+'use strict';
+
+module.exports = {
+  allMarkdownRemark: {
+    group: [
+      {
+        fieldValue: 'test_0',
+        totalCount: 1
+      },
+      {
+        fieldValue: 'test_1',
+        totalCount: 2
+      }
+    ],
+    edges: [
+      {
+        node: {
+          fields: {
+            slug: '/test_0',
+            categorySlug: '/test'
+          },
+          frontmatter: {
+            date: '2016-09-01',
+            description: 'test_0',
+            category: 'test',
+            title: 'test_0'
+          }
+        }
+      },
+      {
+        node: {
+          fields: {
+            slug: '/test_1',
+            categorySlug: '/test'
+          },
+          frontmatter: {
+            date: '2016-09-01',
+            description: 'test_1',
+            category: 'test',
+            title: 'test_1'
+          }
+        }
+      }
+    ]
+  }
+};

jest/__fixtures__/markdown-remark.js

@@ -0,0 +1,23 @@
+'use strict';
+
+module.exports = {
+  markdownRemark: {
+    id: 'test-123',
+    html: '<p>test</p>',
+    fields: {
+      tagSlugs: [
+        '/test_0',
+        '/test_1'
+      ]
+    },
+    frontmatter: {
+      date: '2016-09-01',
+      description: 'test',
+      title: 'test',
+      tags: [
+        'test_0',
+        'test_1'
+      ]
+    }
+  }
+};

jest/__fixtures__/page-context.js

@@ -0,0 +1,13 @@
+'use strict';
+
+module.exports = {
+  pageContext: {
+    tag: 'test',
+    category: 'test',
+    currentPage: 1,
+    prevPagePath: '/page/1',
+    nextPagePath: '/page/3',
+    hasNextPage: true,
+    hasPrevPage: true
+  }
+};

jest/__fixtures__/site-metadata.js

@@ -0,0 +1,41 @@
+'use strict';
+
+module.exports = {
+  site: {
+    siteMetadata: {
+      url: 'http://localhost',
+      title: 'Test title',
+      subtitle: 'Test subtitle',
+      copyright: 'Test copyright',
+      disqusShortname: '',
+      postsPerPage: 4,
+      menu: [
+        {
+          label: 'Test label 1',
+          path: '/test/1/'
+        },
+        {
+          label: 'Test label 2',
+          path: '/test/2/'
+        },
+        {
+          label: 'Test label 3',
+          path: '/test/3/'
+        }
+      ],
+      author: {
+        name: 'Test name',
+        photo: '/test.jpg',
+        bio: 'Test bio',
+        contacts: {
+          email: '#',
+          telegram: '#',
+          twitter: '#',
+          github: '#',
+          rss: '#',
+          vkontakte: '#'
+        }
+      }
+    }
+  }
+};

jest/__mocks__/gatsby.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const React = require('react');
+
+const gatsby = jest.requireActual('gatsby');
+
+module.exports = {
+  ...gatsby,
+  graphql: jest.fn(),
+  Link: jest.fn().mockImplementation(
+    ({
+      activeClassName,
+      activeStyle,
+      getProps,
+      innerRef,
+      ref,
+      replace,
+      to,
+      ...rest
+    }) => (
+      React.createElement('a', {
+        ...rest,
+        href: to,
+      })
+    )
+  ),
+  StaticQuery: jest.fn(),
+  useStaticQuery: jest.fn()
+};

tests/jest-config.js → jest/jest-config.js

@@ -3,12 +3,12 @@
 module.exports = {
   rootDir: '../',
   transform: {
-    '^.+\\.js?$': '<rootDir>/tests/jest-preprocess.js'
+    '^.+\\.js?$': '<rootDir>/jest/jest-preprocess.js'
   },
   testMatch: ['**/__tests__/**/*.js', '**/?(*.)test.js'],
   moduleNameMapper: {
     '.+\\.(css|styl|less|sass|scss)$': 'identity-obj-proxy',
-    '.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/tests/__mocks__/fileMock.js'
+    '.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/jest/__mocks__/file-mock.js'
   },
   testPathIgnorePatterns: ['node_modules', '.cache', 'public'],
   transformIgnorePatterns: [
@@ -17,5 +17,5 @@ module.exports = {
   globals: {
     __PATH_PREFIX__: ''
   },
-  testURL: 'http://localhost/'
+  setupFiles: ['<rootDir>/jest/loadershim.js']
 };

tests/jest-preprocess.js → jest/jest-preprocess.js

@@ -1,7 +1,11 @@
 'use strict';
 
 const babelOptions = {
-  presets: ['@babel/react', '@babel/env'],
+  presets: [
+    '@babel/react',
+    '@babel/env',
+    'babel-preset-gatsby'
+  ],
   plugins: [
     '@babel/plugin-proposal-optional-chaining',
     '@babel/plugin-proposal-class-properties',

jest/loadershim.js

@@ -0,0 +1,5 @@
+'use strict';
+
+global.___loader = {
+  enqueue: jest.fn(),
+};