Refactor state management with recoil.js (micronaut-projects#51)

* WIP - Exploring alt approaches to state management - extensive hooks.

* WIP - Recoil for state management.

* Create Mockable injection points for state

* Refactor initial data to be injectable

* Properly capture GH cloneUrl/htmlUrl during state initialization

* Add ES Lint Import Order Rules.

* Fix react-syntax-highlighter theme imports - test-renderer now works!

* Update unit tests for initial routing effect

main/src/main/js/launch/.eslintrc.js

@@ -0,0 +1,31 @@
+module.exports = {
+  extends: 'react-app',
+  plugins: ['react', 'import'],
+  rules: {
+    'import/order': [
+      'error',
+      {
+        groups: [
+          'builtin',
+          'external',
+          'internal',
+          'parent',
+          'sibling',
+          'index',
+        ],
+        pathGroups: [
+          {
+            pattern: 'react*',
+            group: 'external',
+            position: 'before',
+          },
+        ],
+        pathGroupsExcludedImportTypes: ['react'],
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: true,
+        },
+      },
+    ],
+  },
+}

main/src/main/js/launch/package.json

@@ -14,7 +14,8 @@
         "react-materialize": "^3.9.8",
         "react-scripts": "^4.0.3",
         "react-syntax-highlighter": "^12.2.1",
-        "react-test-renderer": "^17.0.2"
+        "react-test-renderer": "^17.0.2",
+        "recoil": "^0.3.1"
     },
     "scripts": {
         "start": "react-scripts start",
@@ -24,10 +25,7 @@
         "eject": "react-scripts eject",
         "format": "prettier --write \"**/*.+(js|jsx|json|css|md)\"",
         "lint": "eslint './src/**/*.js'",
-        "lint:fix": "npx lint --fix"
-    },
-    "eslintConfig": {
-        "extends": "react-app"
+        "lint:fix": "eslint './src/**/*.js' --fix"
     },
     "browserslist": {
         "production": [
@@ -41,4 +39,4 @@
             "last 1 safari version"
         ]
     }
-}
+}