Version 6 of project seed

.babelrc

@@ -0,0 +1,9 @@
+{
+  "env": {
+    "test": {
+      "presets": ["@babel/preset-react", "@babel/preset-typescript"],
+      "plugins": ["@babel/plugin-transform-modules-commonjs"]
+    }
+  },
+  "plugins": ["babel-plugin-styled-components"]
+}

.eslintrc

@@ -1,9 +1,18 @@
 {
-  "parser": "@babel/eslint-parser", // Specifies the ESLint parser
+  "parser": "@babel/eslint-parser",
+  "plugins": [
+    "react",
+    "react-hooks",
+    "inclusive-language",
+    "jest",
+    "import",
+    "fp"
+  ],
   "extends": [
     "eslint:recommended",
     "plugin:react/recommended",
-    "plugin:prettier/recommended"
+    "plugin:prettier/recommended",
+    "plugin:jest/recommended"
   ],
   "settings": {
     "react": {
@@ -15,13 +24,13 @@
     "node": true,
     "es6": true
   },
-  "plugins": ["react", "react-hooks", "inclusive-language"],
   "parserOptions": {
     "requireConfigFile": false,
     "babelOptions": {
       "presets": [
         "@babel/preset-env",
-        "@babel/preset-react"
+        "@babel/preset-react",
+        "@babel/preset-typescript"
       ]
     },
     "ecmaFeatures": {
@@ -31,8 +40,16 @@
     "sourceType": "module" // Allows for the use of imports
   },
   "rules": {
-    "prettier/prettier": ["error", {"semi": true, "singleQuote": true, "jsxSingleQuote": true, "parser": "flow"}],
-    "inclusive-language/use-inclusive-words": "error",
+    "prettier/prettier": [
+      2,
+      {
+        "semi": true,
+        "singleQuote": true,
+        "jsxSingleQuote": true,
+        "parser": "flow"
+      }
+    ],
+    "inclusive-language/use-inclusive-words": 2,
     "semi": [2, "always"],
     "jsx-quotes": [2, "prefer-single"],
     "no-console": 2,
@@ -41,16 +58,20 @@
     "no-dupe-else-if": 0,
     "no-setter-return": 0,
     "prefer-promise-reject-errors": 0,
+    "import/order": 2,
     "react/button-has-type": 2,
     "react/default-props-match-prop-types": 2,
     "react/jsx-closing-bracket-location": 2,
     "react/jsx-closing-tag-location": 2,
     "react/jsx-curly-spacing": 2,
     "react/jsx-curly-newline": 2,
     "react/jsx-equals-spacing": 2,
-    "react/jsx-max-props-per-line": [2, { "maximum": 1, "when": "multiline"}],
+    "react/jsx-max-props-per-line": [2, { "maximum": 1, "when": "multiline" }],
     "react/jsx-first-prop-new-line": 2,
-    "react/jsx-curly-brace-presence": [2, { "props": "never", "children": "never" }],
+    "react/jsx-curly-brace-presence": [
+      2,
+      { "props": "never", "children": "never" }
+    ],
     "react/jsx-pascal-case": 2,
     "react/jsx-props-no-multi-spaces": 2,
     "react/jsx-tag-spacing": [2, { "beforeClosing": "never" }],
@@ -64,7 +85,34 @@
     "react/sort-comp": 2,
     "react/style-prop-object": 2,
     "react/void-dom-elements-no-children": 2,
-    "react-hooks/rules-of-hooks": "error", // Checks rules of Hooks
-    "react-hooks/exhaustive-deps": "warn" // Checks effect dependencies
-  }
+    "react/function-component-definition": [
+      2,
+      { "namedComponents": ["function-declaration", "arrow-function"] }
+    ],
+    "react-hooks/rules-of-hooks": 2, // Checks rules of Hooks
+    "react-hooks/exhaustive-deps": 1, // Checks effect dependencies
+    "fp/no-mutating-methods": 1
+  },
+  "overrides": [
+    {
+      "files": ["**/*.ts", "**/*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "rules": {
+        "prettier/prettier": 0,
+        "@typescript-eslint/no-unused-vars": 2,
+        "@typescript-eslint/no-non-null-assertion": 0
+      },
+      // Weird behavior with no-unused-vars
+      // See https://stackoverflow.com/a/58513127
+      "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/strict",
+        "plugin:@typescript-eslint/recommended"
+      ],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "project": ["./tsconfig.json"]
+      }
+    }
+  ]
 }

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,6 @@
+<!-- -----------^ Click "Preview" for a functional view! -->
+
+## Why are you creating this Pull Request?
+
+- [Version Release](?title=Deploy%20vX.X.X&expand=1&template=version_release.md)
+- [Other](?expand=1&template=default.md)

.github/PULL_REQUEST_TEMPLATE/default.md

@@ -0,0 +1,6 @@
+## What am I changing and why
+
+_Replace with brief description of the update and why it is needed. Link to relevant issues._
+
+## How to test
+_Replace with instructions on how this change be tested/verified._

.github/PULL_REQUEST_TEMPLATE/version_release.md

@@ -0,0 +1,16 @@
+_The PR name should be the version to be deployed (ex: v1.0.1)_
+
+- [ ] Bump the version in the package.json or equivalent.
+
+---
+
+# Changelog vX.X.X
+
+## 🎉 Features
+- 
+
+## 🚀 Improvements
+-
+
+## 🐛 Fixes
+-

.github/_workflow-samples/README.md

@@ -19,7 +19,7 @@ This workflow assumes that the site is served from the root of the URL (eg. devs
 
 ```
       - name: Build
-        run: BASEURL="https://devseed.com/explorer" yarn build
+        run: PUBLIC_URL="https://devseed.com/explorer" yarn build
 
       - name: Serve site from subpath
         run: |

.github/_workflow-samples/deploy-s3.yml

@@ -9,7 +9,7 @@ on:
     - 'main'
 
 env:
-  NODE: 16
+  NODE: 18
   DEPLOY_BUCKET:
 
 jobs:
@@ -18,27 +18,27 @@ jobs:
 
     steps:
       - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.8.0
+        uses: styfle/cancel-workflow-action@0.11.0
         with:
           access_token: ${{ github.token }}
 
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Use Node.js ${{ env.NODE }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ env.NODE }}
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-node-modules
         with:
           path: node_modules
           key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package.json') }}
 
       - name: Cache dist
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-dist
         with:
           path: dist
@@ -56,10 +56,10 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Restore dist cache
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-dist
         with:
           path: dist

.github/_workflow-samples/deploy-surge.yml

@@ -9,7 +9,7 @@ on:
     - 'main'
 
 env:
-  NODE: 16
+  NODE: 18
   SURGE_DOMAIN:
 
 jobs:
@@ -18,27 +18,27 @@ jobs:
 
     steps:
       - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.8.0
+        uses: styfle/cancel-workflow-action@0.11.0
         with:
           access_token: ${{ github.token }}
 
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Use Node.js ${{ env.NODE }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ env.NODE }}
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-node-modules
         with:
           path: node_modules
           key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package.json') }}
 
       - name: Cache dist
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-dist
         with:
           path: dist
@@ -56,17 +56,17 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Restore node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-node-modules
         with:
           path: node_modules
           key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package.json') }}
 
       - name: Restore dist cache
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-dist
         with:
           path: dist

.github/workflows/checks.yml

@@ -18,7 +18,7 @@ on:
       - ready_for_review
 
 env:
-  NODE: 16
+  NODE: 18
 
 jobs:
   prep:
@@ -27,20 +27,20 @@ jobs:
 
     steps:
       - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.8.0
+        uses: styfle/cancel-workflow-action@0.11.0
         with:
           access_token: ${{ github.token }}
 
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Use Node.js ${{ env.NODE }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ env.NODE }}
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-node-modules
         with:
           path: node_modules
@@ -55,15 +55,15 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Use Node.js ${{ env.NODE }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ env.NODE }}
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-node-modules
         with:
           path: node_modules
@@ -81,15 +81,15 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Use Node.js ${{ env.NODE }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ env.NODE }}
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         id: cache-node-modules
         with:
           path: node_modules

.nvmrc

@@ -1 +1 @@
-16
+18

.stylelintrc.json

@@ -1,8 +1,19 @@
 {
   "extends": [
-    "stylelint-config-recommended"
+    "stylelint-config-standard",
+    "stylelint-config-styled-components"
   ],
+  "customSyntax": "postcss-styled-syntax",
   "rules": {
-    "font-family-no-missing-generic-family-keyword": null
-  }
+    "font-family-no-missing-generic-family-keyword": null,
+    "no-descending-specificity": [
+      true,
+      {
+        "severity": "warning"
+      }
+    ]
+  },
+  "ignoreFiles": [
+    "**/*.d.ts"
+  ]
 }

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Development Seed
+Copyright (c) 2023 Development Seed
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal