add prettier-plugin-sort-imports

.editorconfig

@@ -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

.jest/setup-test-env.ts

@@ -1,12 +1,12 @@
+import * as Gatsby from 'gatsby'
 import '@testing-library/jest-dom/extend-expect'
+import avatar from './__fixtures__/avatar.json'
+import github from './__fixtures__/github.json'
+import meta from './__fixtures__/meta.json'
+import posts from './__fixtures__/posts.json'
 import './__mocks__/matchMedia'
 
-import * as Gatsby from 'gatsby'
 const useStaticQuery = jest.spyOn(Gatsby, 'useStaticQuery')
-import meta from './__fixtures__/meta.json'
-import avatar from './__fixtures__/avatar.json'
-import posts from './__fixtures__/posts.json'
-import github from './__fixtures__/github.json'
 
 beforeAll(() => {
   useStaticQuery.mockImplementation(() => ({

.jest/testRender.ts

@@ -1,5 +1,5 @@
-import { render } from '@testing-library/react'
 import { ReactElement } from 'react'
+import { render } from '@testing-library/react'
 
 const testRender = (component: ReactElement): void => {
   it('renders without crashing', () => {

.prettierrc

@@ -2,5 +2,17 @@
   "semi": false,
   "singleQuote": true,
   "trailingComma": "none",
-  "tabWidth": 2
+  "tabWidth": 2,
+  "endOfLine": "lf",
+  "importOrder": [
+    "^(react/(.*)$)|^(react$)",
+    "^(gatsby/(.*)$)|^(gatsby$)",
+    "<THIRD_PARTY_MODULES>",
+    "^[./]"
+  ],
+  "importOrderSeparation": false,
+  "importOrderSortSpecifiers": true,
+  "importOrderBuiltinModulesToTop": true,
+  "importOrderMergeDuplicateImports": true,
+  "importOrderCombineTypeAndValueImports": true
 }

README.md

@@ -143,6 +143,7 @@ All SVG assets under `src/images/` will be converted to React components with th
 
 ```jsx
 import { ReactComponent as Logo } from './components/svg/Logo'
+
 ;<Logo />
 ```
 

gatsby-browser.tsx

@@ -1,7 +1,7 @@
 import { GatsbyBrowser } from 'gatsby'
 import './src/global/global.css'
 import './src/global/imports.css'
-
 import wrapPageElementWithLayout from './src/helpers/wrapPageElement'
+
 export const wrapPageElement: GatsbyBrowser['wrapPageElement'] =
   wrapPageElementWithLayout

gatsby-config.ts

@@ -1,11 +1,9 @@
 import type { GatsbyConfig } from 'gatsby'
-
-import siteConfig from './config'
-import sources from './gatsby/sources'
-import { feedContent } from './gatsby/feeds'
-
 // required for gatsby-plugin-meta-redirect
 import 'regenerator-runtime/runtime'
+import siteConfig from './config'
+import { feedContent } from './gatsby/feeds'
+import sources from './gatsby/sources'
 
 //import algolia from './gatsby/algolia'
 

gatsby-node.ts

@@ -1,14 +1,14 @@
-import { createMarkdownFields } from './gatsby/createMarkdownFields'
+import type { GatsbyNode } from 'gatsby'
 import { createExif } from './gatsby/createExif'
+import { createMarkdownFields } from './gatsby/createMarkdownFields'
 import {
-  generatePostPages,
-  generateTagPages,
-  generateRedirectPages,
   generateArchivePages,
-  generatePhotosPages
+  generatePhotosPages,
+  generatePostPages,
+  generateRedirectPages,
+  generateTagPages
 } from './gatsby/createPages'
 import { generateJsonFeed } from './gatsby/feeds'
-import type { GatsbyNode } from 'gatsby'
 
 export const onCreateNode: GatsbyNode['onCreateNode'] = ({
   node,

gatsby-ssr.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { GatsbySSR } from 'gatsby'
-import wrapPageElementWithLayout from './src/helpers/wrapPageElement'
 import { UMAMI_SCRIPT_URL, UMAMI_WEBSITE_ID } from './src/helpers/umami'
+import wrapPageElementWithLayout from './src/helpers/wrapPageElement'
 
 export const wrapPageElement: GatsbySSR['wrapPageElement'] =
   wrapPageElementWithLayout

gatsby/createExif.ts

@@ -1,9 +1,9 @@
-import fs from 'fs'
+import type { Actions, Node, NodePluginArgs } from 'gatsby'
+import getCoordinates from 'dms2dec'
 import fastExif from 'fast-exif'
 import Fraction from 'fraction.js'
-import getCoordinates from 'dms2dec'
+import fs from 'fs'
 import iptc from 'node-iptc'
-import type { Actions, NodePluginArgs, Node } from 'gatsby'
 
 export const createExif = async (
   node: Node,

gatsby/createMarkdownFields.ts

@@ -1,7 +1,7 @@
-import { parse } from 'path'
-import { createFilePath } from 'gatsby-source-filesystem'
-import config from '../config'
 import { Actions, Node, NodePluginArgs } from 'gatsby'
+import { createFilePath } from 'gatsby-source-filesystem'
+import { parse } from 'path'
+import config from '../config'
 
 // Create slug, date & github file link for posts from file path values
 export function createMarkdownFields(

gatsby/createPages.ts

@@ -1,6 +1,6 @@
+import { Actions } from 'gatsby'
 import path from 'path'
 import config from '../config'
-import { Actions } from 'gatsby'
 
 const postTemplate = path.resolve('src/components/templates/Post/index.tsx')
 const archiveTemplate = path.resolve('src/components/templates/Archive.tsx')

gatsby/sources.ts

@@ -1,5 +1,5 @@
-import path from 'path'
 import * as dotenv from 'dotenv'
+import path from 'path'
 
 dotenv.config()
 

package-lock.json

@@ -59,6 +59,7 @@
         "@svgr/webpack": "^6.5.1",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
+        "@trivago/prettier-plugin-sort-imports": "^4.0.0",
         "@types/fs-extra": "^9.0.13",
         "@types/jest": "^29.2.6",
         "@types/lunr": "^2.3.4",
@@ -6983,6 +6984,124 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@trivago/prettier-plugin-sort-imports": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.0.0.tgz",
+      "integrity": "sha512-Tyuk5ZY4a0e2MNFLdluQO9F6d1awFQYXVVujEPFfvKPPXz8DADNHzz73NMhwCSXGSuGGZcA/rKOyZBrxVNMxaA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "7.17.8",
+        "@babel/generator": "7.17.7",
+        "@babel/parser": "7.18.9",
+        "@babel/traverse": "7.17.3",
+        "@babel/types": "7.17.0",
+        "javascript-natural-sort": "0.7.1",
+        "lodash": "4.17.21"
+      },
+      "peerDependencies": {
+        "@vue/compiler-sfc": "3.x",
+        "prettier": "2.x"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/core": {
+      "version": "7.17.8",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.8.tgz",
+      "integrity": "sha512-OdQDV/7cRBtJHLSOBqqbYNkOcydOgnX59TZx4puf41fzcVtN3e/4yqY8lMQsK+5X2lJtAdmA+6OHqsj1hBJ4IQ==",
+      "dev": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.1.0",
+        "@babel/code-frame": "^7.16.7",
+        "@babel/generator": "^7.17.7",
+        "@babel/helper-compilation-targets": "^7.17.7",
+        "@babel/helper-module-transforms": "^7.17.7",
+        "@babel/helpers": "^7.17.8",
+        "@babel/parser": "^7.17.8",
+        "@babel/template": "^7.16.7",
+        "@babel/traverse": "^7.17.3",
+        "@babel/types": "^7.17.0",
+        "convert-source-map": "^1.7.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.1.2",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/generator": {
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz",
+      "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.17.0",
+        "jsesc": "^2.5.1",
+        "source-map": "^0.5.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser": {
+      "version": "7.18.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.9.tgz",
+      "integrity": "sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==",
+      "dev": true,
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse": {
+      "version": "7.17.3",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz",
+      "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.16.7",
+        "@babel/generator": "^7.17.3",
+        "@babel/helper-environment-visitor": "^7.16.7",
+        "@babel/helper-function-name": "^7.16.7",
+        "@babel/helper-hoist-variables": "^7.16.7",
+        "@babel/helper-split-export-declaration": "^7.16.7",
+        "@babel/parser": "^7.17.3",
+        "@babel/types": "^7.17.0",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/types": {
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz",
+      "integrity": "sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.16.7",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -8107,6 +8226,101 @@
         "resolve": "^1.10.0"
       }
     },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
+      "integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/shared": "3.2.45",
+        "estree-walker": "^2.0.2",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@vue/compiler-core/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz",
+      "integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-core": "3.2.45",
+        "@vue/shared": "3.2.45"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz",
+      "integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.45",
+        "@vue/compiler-dom": "3.2.45",
+        "@vue/compiler-ssr": "3.2.45",
+        "@vue/reactivity-transform": "3.2.45",
+        "@vue/shared": "3.2.45",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7",
+        "postcss": "^8.1.10",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz",
+      "integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-dom": "3.2.45",
+        "@vue/shared": "3.2.45"
+      }
+    },
+    "node_modules/@vue/reactivity-transform": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz",
+      "integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.45",
+        "@vue/shared": "3.2.45",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz",
+      "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/@wagmi/chains": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/@wagmi/chains/-/chains-0.1.7.tgz",
@@ -13675,6 +13889,13 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -19415,6 +19636,12 @@
       "integrity": "sha512-QZ9qOMdF+QLHxy1QIpUHUU1D5pS2CG2P69LF6L6CPjPYA/XMOmKV3PZpawHoAjHNyB0swdVTRxdYT4tbBbxqwg==",
       "devOptional": true
     },
+    "node_modules/javascript-natural-sort": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz",
+      "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==",
+      "dev": true
+    },
     "node_modules/javascript-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz",
@@ -22317,6 +22544,16 @@
         "lz-string": "bin/bin.js"
       }
     },
+    "node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
     "node_modules/make-dir": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@@ -28852,6 +29089,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/space-separated-tokens": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",
@@ -36865,6 +37110,97 @@
       "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
       "dev": true
     },
+    "@trivago/prettier-plugin-sort-imports": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.0.0.tgz",
+      "integrity": "sha512-Tyuk5ZY4a0e2MNFLdluQO9F6d1awFQYXVVujEPFfvKPPXz8DADNHzz73NMhwCSXGSuGGZcA/rKOyZBrxVNMxaA==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "7.17.8",
+        "@babel/generator": "7.17.7",
+        "@babel/parser": "7.18.9",
+        "@babel/traverse": "7.17.3",
+        "@babel/types": "7.17.0",
+        "javascript-natural-sort": "0.7.1",
+        "lodash": "4.17.21"
+      },
+      "dependencies": {
+        "@babel/core": {
+          "version": "7.17.8",
+          "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.8.tgz",
+          "integrity": "sha512-OdQDV/7cRBtJHLSOBqqbYNkOcydOgnX59TZx4puf41fzcVtN3e/4yqY8lMQsK+5X2lJtAdmA+6OHqsj1hBJ4IQ==",
+          "dev": true,
+          "requires": {
+            "@ampproject/remapping": "^2.1.0",
+            "@babel/code-frame": "^7.16.7",
+            "@babel/generator": "^7.17.7",
+            "@babel/helper-compilation-targets": "^7.17.7",
+            "@babel/helper-module-transforms": "^7.17.7",
+            "@babel/helpers": "^7.17.8",
+            "@babel/parser": "^7.17.8",
+            "@babel/template": "^7.16.7",
+            "@babel/traverse": "^7.17.3",
+            "@babel/types": "^7.17.0",
+            "convert-source-map": "^1.7.0",
+            "debug": "^4.1.0",
+            "gensync": "^1.0.0-beta.2",
+            "json5": "^2.1.2",
+            "semver": "^6.3.0"
+          }
+        },
+        "@babel/generator": {
+          "version": "7.17.7",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz",
+          "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.17.0",
+            "jsesc": "^2.5.1",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.18.9",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.9.tgz",
+          "integrity": "sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==",
+          "dev": true
+        },
+        "@babel/traverse": {
+          "version": "7.17.3",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz",
+          "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.16.7",
+            "@babel/generator": "^7.17.3",
+            "@babel/helper-environment-visitor": "^7.16.7",
+            "@babel/helper-function-name": "^7.16.7",
+            "@babel/helper-hoist-variables": "^7.16.7",
+            "@babel/helper-split-export-declaration": "^7.16.7",
+            "@babel/parser": "^7.17.3",
+            "@babel/types": "^7.17.0",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0"
+          }
+        },
+        "@babel/types": {
+          "version": "7.17.0",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz",
+          "integrity": "sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.16.7",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+          "dev": true
+        }
+      }
+    },
     "@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -37790,6 +38126,99 @@
         "resolve": "^1.10.0"
       }
     },
+    "@vue/compiler-core": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
+      "integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@babel/parser": "^7.16.4",
+        "@vue/shared": "3.2.45",
+        "estree-walker": "^2.0.2",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true,
+          "peer": true
+        }
+      }
+    },
+    "@vue/compiler-dom": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz",
+      "integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@vue/compiler-core": "3.2.45",
+        "@vue/shared": "3.2.45"
+      }
+    },
+    "@vue/compiler-sfc": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz",
+      "integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.45",
+        "@vue/compiler-dom": "3.2.45",
+        "@vue/compiler-ssr": "3.2.45",
+        "@vue/reactivity-transform": "3.2.45",
+        "@vue/shared": "3.2.45",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7",
+        "postcss": "^8.1.10",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true,
+          "peer": true
+        }
+      }
+    },
+    "@vue/compiler-ssr": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz",
+      "integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@vue/compiler-dom": "3.2.45",
+        "@vue/shared": "3.2.45"
+      }
+    },
+    "@vue/reactivity-transform": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz",
+      "integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.45",
+        "@vue/shared": "3.2.45",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7"
+      }
+    },
+    "@vue/shared": {
+      "version": "3.2.45",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz",
+      "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==",
+      "dev": true,
+      "peer": true
+    },
     "@wagmi/chains": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/@wagmi/chains/-/chains-0.1.7.tgz",
@@ -42045,6 +42474,13 @@
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="
     },
+    "estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "peer": true
+    },
     "esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -46278,6 +46714,12 @@
       "integrity": "sha512-QZ9qOMdF+QLHxy1QIpUHUU1D5pS2CG2P69LF6L6CPjPYA/XMOmKV3PZpawHoAjHNyB0swdVTRxdYT4tbBbxqwg==",
       "devOptional": true
     },
+    "javascript-natural-sort": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz",
+      "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==",
+      "dev": true
+    },
     "javascript-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz",
@@ -48499,6 +48941,16 @@
       "integrity": "sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ==",
       "dev": true
     },
+    "magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
     "make-dir": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@@ -53117,6 +53569,13 @@
         }
       }
     },
+    "sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "dev": true,
+      "peer": true
+    },
     "space-separated-tokens": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",

package.json

@@ -77,6 +77,7 @@
     "@svgr/webpack": "^6.5.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.0.0",
     "@types/fs-extra": "^9.0.13",
     "@types/jest": "^29.2.6",
     "@types/lunr": "^2.3.4",

scripts/new.ts

@@ -1,9 +1,9 @@
+import fastExif from 'fast-exif'
 import fs from 'fs-extra'
+import iptc from 'node-iptc'
+import ora from 'ora'
 import path from 'path'
 import slugify from 'slugify'
-import ora from 'ora'
-import fastExif from 'fast-exif'
-import iptc from 'node-iptc'
 
 const templatePath = path.join(__dirname, 'new-article.md')
 const templatePathPhoto = path.join(__dirname, 'new-photo.md')

src/components/Layout.tsx

@@ -1,8 +1,8 @@
 import React, { ReactElement } from 'react'
-import Typekit from './atoms/Typekit'
-import Header from './organisms/Header'
-import Footer from './organisms/Footer'
 import * as styles from './Layout.module.css'
+import Typekit from './atoms/Typekit'
+import Footer from './organisms/Footer'
+import Header from './organisms/Header'
 
 export default function Layout({ children }: { children: any }): ReactElement {
   return (

src/components/atoms/Changelog.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
 import Changelog from './Changelog'
 
 describe('Changelog', () => {

src/components/atoms/Changelog.tsx

@@ -1,15 +1,15 @@
 import React, {
+  Fragment,
   ReactElement,
-  useEffect,
-  useState,
   createElement,
-  Fragment
+  useEffect,
+  useState
 } from 'react'
 import { graphql, useStaticQuery } from 'gatsby'
-import { unified } from 'unified'
+import rehypeReact from 'rehype-react'
 import remarkParse from 'remark-parse'
 import remarkRehype from 'remark-rehype'
-import rehypeReact from 'rehype-react'
+import { unified } from 'unified'
 import * as styles from './Changelog.module.css'
 
 export function PureChangelog({

src/components/atoms/Copy.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
-import { render, screen, fireEvent } from '@testing-library/react'
+import { fireEvent, render, screen } from '@testing-library/react'
-
 import Copy from './Copy'
 
 describe('Copy', () => {

src/components/atoms/Copy.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
+import Clipboard from 'react-clipboard.js'
 import * as styles from './Copy.module.css'
 import Icon from './Icon'
-import Clipboard from 'react-clipboard.js'
 
 const onCopySuccess = (e: any) => {
   e.trigger.classList.add(styles.copied)

src/components/atoms/Exif.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
 import Exif from './Exif'
 
 const exif: Partial<Queries.ImageExif> = {

src/components/atoms/Exif.tsx

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react'
-import ExifMap from './ExifMap'
 import * as styles from './Exif.module.css'
+import ExifMap from './ExifMap'
 import Icon from './Icon'
 
 const ExifData = ({

src/components/atoms/HeadMeta/SchemaOrg.tsx

@@ -1,5 +1,5 @@
-import { ImageDataLike } from 'gatsby-plugin-image'
 import React, { ReactElement } from 'react'
+import { ImageDataLike } from 'gatsby-plugin-image'
 import { useSiteMetadata } from '../../../hooks/useSiteMetadata'
 
 type SchemaOrgProps = {

src/components/atoms/HeadMeta/index.tsx

@@ -1,8 +1,8 @@
 import React, { ReactElement } from 'react'
 import { graphql, useStaticQuery } from 'gatsby'
-import { getSrc, ImageDataLike } from 'gatsby-plugin-image'
+import { ImageDataLike, getSrc } from 'gatsby-plugin-image'
-import { useSiteMetadata } from '../../../hooks/useSiteMetadata'
 import useDarkMode from '../../../hooks/useDarkMode'
+import { useSiteMetadata } from '../../../hooks/useSiteMetadata'
 
 const query = graphql`
   query Logo {

src/components/atoms/Icon.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
 import Icon from './Icon'
 
 describe('Icon', () => {

src/components/atoms/Icon.tsx

@@ -1,33 +1,32 @@
 import React, { FunctionComponent, ReactElement } from 'react'
-
 // https://featherstyles.com
 // import * as Feather from '@kremalicious/react-feather'
 import {
-  ArrowDownCircle,
-  Edit,
-  GitHub,
-  Twitter,
-  Rss,
-  Sun,
-  Moon,
-  Compass,
-  X,
-  Copy,
-  Search,
-  ExternalLink,
-  Link,
-  ChevronRight,
-  ChevronLeft,
-  Camera,
   Aperture,
+  ArrowDownCircle,
+  Camera,
+  ChevronLeft,
+  ChevronRight,
+  Compass,
+  Copy,
+  Crosshair,
+  Edit,
+  ExternalLink,
+  GitHub,
+  Link,
   Maximize,
-  Crosshair
+  Moon,
+  Rss,
+  Search,
+  Sun,
+  Twitter,
+  X
 } from 'react-feather'
+import { ReactComponent as Bitcoin } from '../../images/bitcoin.svg'
 // custom icons
 import { ReactComponent as Jsonfeed } from '../../images/jsonfeed.svg'
-import { ReactComponent as Bitcoin } from '../../images/bitcoin.svg'
-import { ReactComponent as Stopwatch } from '../../images/stopwatch.svg'
 import { ReactComponent as Mastodon } from '../../images/mastodon.svg'
+import { ReactComponent as Stopwatch } from '../../images/stopwatch.svg'
 import * as styles from './Icon.module.css'
 
 const components: {

src/components/atoms/Input.test.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 // import { render } from '@testing-library/react'
 import testRender from '../../../.jest/testRender'
-
 import Input from './Input'
 
 describe('Input', () => {

src/components/atoms/Input.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement, InputHTMLAttributes } from 'react'
+import React, { InputHTMLAttributes, ReactElement } from 'react'
 import * as styles from './Input.module.css'
 
 export default function Input({

src/components/atoms/Typekit.tsx

@@ -1,5 +1,5 @@
-import { Script } from 'gatsby'
 import React from 'react'
+import { Script } from 'gatsby'
 
 const script = `
   (function(d) {

src/components/molecules/Menu.tsx

@@ -1,8 +1,8 @@
 import React, { ReactElement, useEffect, useState } from 'react'
 import { Link } from 'gatsby'
+import { useSiteMetadata } from '../../hooks/useSiteMetadata'
 import Hamburger from '../atoms/Hamburger'
 import * as styles from './Menu.module.css'
-import { useSiteMetadata } from '../../hooks/useSiteMetadata'
 
 export default function Menu(): ReactElement {
   const [menuOpen, setMenuOpen] = useState(false)

src/components/molecules/Networks.test.tsx

@@ -1,8 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-import Networks from './Networks'
-
 import meta from '../../../.jest/__fixtures__/meta.json'
+import Networks from './Networks'
 
 const { author, rss, jsonfeed } = meta.site.siteMetadata
 const { twitter, github } = author

src/components/molecules/PostTeaser.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-import PostTeaser from './PostTeaser'
 import post from '../../../.jest/__fixtures__/post.json'
+import PostTeaser from './PostTeaser'
 
 describe('PostTeaser', () => {
   it('renders correctly', () => {

src/components/molecules/RelatedPosts.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render, fireEvent, screen } from '@testing-library/react'
+import { fireEvent, render, screen } from '@testing-library/react'
 import RelatedPosts from './RelatedPosts'
 
 describe('RelatedPosts', () => {

src/components/molecules/RelatedPosts.tsx

@@ -1,8 +1,8 @@
 import React, { ReactElement, useState } from 'react'
 import { graphql, useStaticQuery } from 'gatsby'
+import { PhotoThumb } from '../templates/Photos'
 import PostTeaser from './PostTeaser'
 import * as styles from './RelatedPosts.module.css'
-import { PhotoThumb } from '../templates/Photos'
 
 const query = graphql`
   query RelatedPosts {

src/components/molecules/Search/SearchButton.tsx

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react'
-import * as styles from './SearchButton.module.css'
 import Icon from '../../atoms/Icon'
+import * as styles from './SearchButton.module.css'
 
 const SearchButton = ({ onClick }: { onClick: () => void }): ReactElement => (
   <button

src/components/molecules/Search/SearchInput.tsx

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, ReactElement } from 'react'
-import Input from '../../atoms/Input'
 import Icon from '../../atoms/Icon'
+import Input from '../../atoms/Input'
 import * as styles from './SearchInput.module.css'
 
 export default function SearchInput({

src/components/molecules/Search/SearchResults.tsx

@@ -1,9 +1,9 @@
 import React, { ReactElement } from 'react'
-import ReactDOM from 'react-dom'
 import { graphql, useStaticQuery } from 'gatsby'
+import ReactDOM from 'react-dom'
 import PostTeaser from '../PostTeaser'
-import SearchResultsEmpty from './SearchResultsEmpty'
 import * as styles from './SearchResults.module.css'
+import SearchResultsEmpty from './SearchResultsEmpty'
 
 export interface Results {
   slug: string

src/components/molecules/Search/SearchResultsEmpty.tsx

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react'
-import * as styles from './SearchResultsEmpty.module.css'
 import { Results } from './SearchResults'
+import * as styles from './SearchResultsEmpty.module.css'
 
 const SearchResultsEmpty = ({
   searchQuery,

src/components/molecules/Search/index.tsx

@@ -1,10 +1,10 @@
-import React, { useState, useEffect, ReactElement } from 'react'
+import React, { ReactElement, useEffect, useState } from 'react'
 import { LazyMotion, domAnimation, m, useReducedMotion } from 'framer-motion'
-import SearchInput from './SearchInput'
+import { getAnimationProps, moveInTop } from '../../atoms/Transitions'
 import SearchButton from './SearchButton'
+import SearchInput from './SearchInput'
 import SearchResults from './SearchResults'
 import * as styles from './index.module.css'
-import { getAnimationProps, moveInTop } from '../../atoms/Transitions'
 
 export default function Search(): ReactElement {
   const shouldReduceMotion = useReducedMotion()

src/components/molecules/ThemeSwitch.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render, fireEvent, screen } from '@testing-library/react'
+import { fireEvent, render, screen } from '@testing-library/react'
 import ThemeSwitch from './ThemeSwitch'
 
 describe('ThemeSwitch', () => {

src/components/molecules/ThemeSwitch.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
-import * as styles from './ThemeSwitch.module.css'
-import Icon from '../atoms/Icon'
 import useDarkMode from '../../hooks/useDarkMode'
+import Icon from '../atoms/Icon'
+import * as styles from './ThemeSwitch.module.css'
 
 export default function ThemeSwitch(): ReactElement {
   const { isDarkMode, setIsDarkMode } = useDarkMode()

src/components/molecules/Vcard.tsx

@@ -1,9 +1,9 @@
 import React, { ReactElement } from 'react'
 import { graphql, useStaticQuery } from 'gatsby'
 import { getSrc } from 'gatsby-plugin-image'
+import { useSiteMetadata } from '../../hooks/useSiteMetadata'
 import IconLinks from './Networks'
 import * as styles from './Vcard.module.css'
-import { useSiteMetadata } from '../../hooks/useSiteMetadata'
 
 const query = graphql`
   query Avatar {

src/components/molecules/Web3Donation/Alert.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
 import Alert from './Alert'
 
 describe('Alert', () => {

src/components/molecules/Web3Donation/Conversion.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
 import Conversion from './Conversion'
 
 describe('Conversion', () => {

src/components/molecules/Web3Donation/Conversion.tsx

@@ -1,7 +1,7 @@
-import React, { useState, useEffect, ReactElement } from 'react'
+import React, { ReactElement, useEffect, useState } from 'react'
 import axios from 'axios'
-import * as styles from './Conversion.module.css'
 import { useNetwork } from 'wagmi'
+import * as styles from './Conversion.module.css'
 
 export async function getFiat(
   amount: number,

src/components/molecules/Web3Donation/InputGroup.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
-import { render, fireEvent } from '@testing-library/react'
+import { fireEvent, render } from '@testing-library/react'
-
 import InputGroup from './InputGroup'
 
 const setAmount = jest.fn()

src/components/molecules/Web3Donation/index.tsx

@@ -1,11 +1,11 @@
 import React, { ReactElement, useState } from 'react'
 import { parseEther } from '@ethersproject/units'
-import { useDebounce } from 'use-debounce'
-import InputGroup from './InputGroup'
-import Alert, { getTransactionMessage } from './Alert'
-import * as styles from './index.module.css'
-import { useSendTransaction, usePrepareSendTransaction } from 'wagmi'
 import { ConnectButton } from '@rainbow-me/rainbowkit'
+import { useDebounce } from 'use-debounce'
+import { usePrepareSendTransaction, useSendTransaction } from 'wagmi'
+import Alert, { getTransactionMessage } from './Alert'
+import InputGroup from './InputGroup'
+import * as styles from './index.module.css'
 
 export default function Web3Donation({
   address

src/components/organisms/Footer.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { Link } from 'gatsby'
+import { useSiteMetadata } from '../../hooks/useSiteMetadata'
 import Icon from '../atoms/Icon'
 import Vcard from '../molecules/Vcard'
-import { useSiteMetadata } from '../../hooks/useSiteMetadata'
 import * as styles from './Footer.module.css'
 
 function Copyright() {

src/components/organisms/Header.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render, fireEvent, screen } from '@testing-library/react'
+import { fireEvent, render, screen } from '@testing-library/react'
 import Header from './Header'
 
 describe('Header', () => {

src/components/organisms/Header.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import { Link } from 'gatsby'
-import Search from '../molecules/Search'
-import Menu from '../molecules/Menu'
-import ThemeSwitch from '../molecules/ThemeSwitch'
 import { ReactComponent as Logo } from '../../images/logo.svg'
+import Menu from '../molecules/Menu'
+import Search from '../molecules/Search'
+import ThemeSwitch from '../molecules/ThemeSwitch'
 import * as styles from './Header.module.css'
 
 export default function Header(): JSX.Element {

src/components/templates/Archive.test.tsx

@@ -1,8 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
-import Archive from './Archive'
 import data from '../../../.jest/__fixtures__/posts.json'
+import Archive from './Archive'
 
 describe('Archive', () => {
   const pageContext = {

src/components/templates/Archive.tsx

@@ -1,11 +1,11 @@
 import React, { ReactElement } from 'react'
 import { graphql } from 'gatsby'
 import { PageContext } from '../../@types/Post'
+import HeadMeta, { HeadMetaProps } from '../atoms/HeadMeta'
 import Pagination from '../molecules/Pagination'
 import PostTeaser from '../molecules/PostTeaser'
-import Page from './Page'
 import * as styles from './Archive.module.css'
-import HeadMeta, { HeadMetaProps } from '../atoms/HeadMeta'
+import Page from './Page'
 
 function getMetadata(pageContext: PageContext) {
   const { tag, currentPageNumber, numPages } = pageContext

src/components/templates/Photos.test.tsx

@@ -1,8 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
-import Photos from './Photos'
 import data from '../../../.jest/__fixtures__/photos.json'
+import Photos from './Photos'
 
 describe('/photos', () => {
   it('renders without crashing', () => {

src/components/templates/Photos.tsx

@@ -1,11 +1,11 @@
 import React, { ReactElement } from 'react'
-import { graphql, Link, PageProps } from 'gatsby'
+import { Link, PageProps, graphql } from 'gatsby'
 import { PageContext } from '../../@types/Post'
+import HeadMeta, { HeadMetaProps } from '../atoms/HeadMeta'
 import { Image } from '../atoms/Image'
 import Pagination from '../molecules/Pagination'
 import Page from './Page'
 import * as styles from './Photos.module.css'
-import HeadMeta, { HeadMetaProps } from '../atoms/HeadMeta'
 
 export const PhotoThumb = ({
   photo

src/components/templates/Post/Actions.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
 import { useSiteMetadata } from '../../../hooks/useSiteMetadata'
-import * as styles from './Actions.module.css'
 import Icon from '../../atoms/Icon'
+import * as styles from './Actions.module.css'
 
 interface ActionProps {
   title: string

src/components/templates/Post/Content.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
 import Changelog from '../../atoms/Changelog'
-import PostToc from './Toc'
 import * as styles from './Content.module.css'
+import PostToc from './Toc'
 
 export default function PostContent({
   post

src/components/templates/Post/LinkActions.tsx

@@ -1,8 +1,8 @@
 import React, { ReactElement } from 'react'
 import { Link } from 'gatsby'
-import * as stylesMore from './More.module.css'
-import * as styles from './LinkActions.module.css'
 import Icon from '../../atoms/Icon'
+import * as styles from './LinkActions.module.css'
+import * as stylesMore from './More.module.css'
 
 const PostLinkActions = ({
   linkurl,

src/components/templates/Post/Meta.tsx

@@ -1,10 +1,10 @@
 import React, { ReactElement } from 'react'
 import { Link } from 'gatsby'
 import slugify from 'slugify'
-import Tag from '../../atoms/Tag'
 import { useSiteMetadata } from '../../../hooks/useSiteMetadata'
-import * as styles from './Meta.module.css'
+import Tag from '../../atoms/Tag'
 import PostDate from '../../molecules/PostDate'
+import * as styles from './Meta.module.css'
 
 export default function PostMeta({
   post

src/components/templates/Post/Title.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
-import * as styles from './Title.module.css'
 import Icon from '../../atoms/Icon'
 import PostDate from '../../molecules/PostDate'
+import * as styles from './Title.module.css'
 
 export default function PostTitle({
   linkurl,

src/components/templates/Post/index.test.tsx

@@ -1,10 +1,9 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
 import Post from '.'
+import link from '../../../../.jest/__fixtures__/link.json'
 import post from '../../../../.jest/__fixtures__/post.json'
 import postWithMore from '../../../../.jest/__fixtures__/postWithMore.json'
-import link from '../../../../.jest/__fixtures__/link.json'
 
 describe('Post', () => {
   const pageContext = {

src/components/templates/Post/index.tsx

@@ -1,20 +1,20 @@
 import React, { ReactElement } from 'react'
 import { graphql } from 'gatsby'
+import { PageContext } from '../../../@types/Post'
+import { useSiteMetadata } from '../../../hooks/useSiteMetadata'
 import Exif from '../../atoms/Exif'
+import HeadMeta from '../../atoms/HeadMeta'
+import SchemaOrg from '../../atoms/HeadMeta/SchemaOrg'
+import { Image } from '../../atoms/Image'
 import RelatedPosts from '../../molecules/RelatedPosts'
-import PostTitle from './Title'
-import PostLead from './Lead'
-import PostContent from './Content'
 import PostActions from './Actions'
+import PostContent from './Content'
+import PostLead from './Lead'
 import PostLinkActions from './LinkActions'
 import PostMeta from './Meta'
 import PrevNext from './PrevNext'
+import PostTitle from './Title'
 import * as styles from './index.module.css'
-import { Image } from '../../atoms/Image'
-import HeadMeta from '../../atoms/HeadMeta'
-import { PageContext } from '../../../@types/Post'
-import SchemaOrg from '../../atoms/HeadMeta/SchemaOrg'
-import { useSiteMetadata } from '../../../hooks/useSiteMetadata'
 
 export default function Post({
   data,

src/helpers/rainbowkit.ts

@@ -1,6 +1,6 @@
-import { getDefaultWallets, Theme } from '@rainbow-me/rainbowkit'
+import { Theme, getDefaultWallets } from '@rainbow-me/rainbowkit'
-import { createClient, configureChains } from 'wagmi'
+import { configureChains, createClient } from 'wagmi'
-import { mainnet, polygon, optimism, arbitrum } from 'wagmi/chains'
+import { arbitrum, mainnet, optimism, polygon } from 'wagmi/chains'
 import { infuraProvider } from 'wagmi/providers/infura'
 import { publicProvider } from 'wagmi/providers/public'
 

src/helpers/wrapPageElement.tsx

@@ -1,5 +1,5 @@
-import type { GatsbyBrowser, GatsbySSR } from 'gatsby'
 import React, { ReactElement } from 'react'
+import type { GatsbyBrowser, GatsbySSR } from 'gatsby'
 import Layout from '../components/Layout'
 
 const wrapPageElement:

src/hooks/useDarkMode.ts

@@ -3,11 +3,11 @@
 // https://github.com/daveschumaker/react-dark-mode-hook/blob/master/useDarkMode.js
 //
 import {
-  useState,
-  useEffect,
-  useCallback,
   Dispatch,
-  SetStateAction
+  SetStateAction,
+  useCallback,
+  useEffect,
+  useState
 } from 'react'
 
 const isClient = typeof window === 'object'

src/hooks/useSiteMetadata.ts

@@ -1,4 +1,4 @@
-import { useStaticQuery, graphql } from 'gatsby'
+import { graphql, useStaticQuery } from 'gatsby'
 
 const query = graphql`
   query SiteMetadata {

src/pages/404.tsx

@@ -1,8 +1,8 @@
 import React, { ReactElement } from 'react'
 import { Link, PageProps } from 'gatsby'
+import HeadMeta, { HeadMetaProps } from '../components/atoms/HeadMeta'
 import Page from '../components/templates/Page'
 import * as styles from './404.module.css'
-import HeadMeta, { HeadMetaProps } from '../components/atoms/HeadMeta'
 
 const meta: Partial<HeadMetaProps> = {
   title: `I'm sorry Dave`,

src/pages/__tests__/index.test.tsx

@@ -1,8 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
-import Home from '../index'
 import data from '../../../.jest/__fixtures__/home.json'
+import Home from '../index'
 
 describe('/', () => {
   it('renders without crashing', () => {

src/pages/__tests__/tags.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-
 import Tags from '../tags'
 
 describe('/tags', () => {

src/pages/index.tsx

@@ -1,5 +1,5 @@
-import { graphql, PageProps } from 'gatsby'
 import React, { ReactElement } from 'react'
+import { PageProps, graphql } from 'gatsby'
 import HeadMeta from '../components/atoms/HeadMeta'
 import PostTeaser from '../components/molecules/PostTeaser'
 import { PhotoThumb } from '../components/templates/Photos'

src/pages/tags.tsx

@@ -1,9 +1,9 @@
 import React, { ReactElement } from 'react'
-import { graphql, PageProps } from 'gatsby'
+import { PageProps, graphql } from 'gatsby'
-import Page from '../components/templates/Page'
-import Tag from '../components/atoms/Tag'
-import * as styles from './tags.module.css'
 import HeadMeta, { HeadMetaProps } from '../components/atoms/HeadMeta'
+import Tag from '../components/atoms/Tag'
+import Page from '../components/templates/Page'
+import * as styles from './tags.module.css'
 
 const meta: Partial<HeadMetaProps> = {
   title: 'Tags',

src/pages/thanks.tsx

@@ -1,14 +1,14 @@
 import React, { ReactElement } from 'react'
-import { useSiteMetadata } from '../hooks/useSiteMetadata'
+import { HeadProps } from 'gatsby'
-import Icon from '../components/atoms/Icon'
-import * as styles from './thanks.module.css'
-import Web3Donation from '../components/molecules/Web3Donation'
-import Copy from '../components/atoms/Copy'
 import { RainbowKitProvider } from '@rainbow-me/rainbowkit'
 import { WagmiConfig } from 'wagmi'
-import { chains, theme, wagmiClient } from '../helpers/rainbowkit'
+import Copy from '../components/atoms/Copy'
 import Meta, { HeadMetaProps } from '../components/atoms/HeadMeta'
-import { HeadProps } from 'gatsby'
+import Icon from '../components/atoms/Icon'
+import Web3Donation from '../components/molecules/Web3Donation'
+import { chains, theme, wagmiClient } from '../helpers/rainbowkit'
+import { useSiteMetadata } from '../hooks/useSiteMetadata'
+import * as styles from './thanks.module.css'
 
 const meta: Partial<HeadMetaProps> = {
   title: `Say Thanks`