Merge branch 'develop' into dist/ubuntu/bionic/develop

.editorconfig

@@ -1,4 +1,4 @@
-[*.js]
+[*.{js,jsx}]
 indent_size = 2
 indent_style = space
 

.gitignore

@@ -2,4 +2,5 @@
 /bin
 /data
 node_modules
-/client/dist
+/client/dist
+/release

Makefile

@@ -1,6 +1,9 @@
 build: vendor
 	go build -mod=vendor -v -o bin/server ./cmd/server
 
+client-dist:
+	cd client && npm run build
+
 test:
 	go test -v -race ./...
 
@@ -23,5 +26,7 @@ clean:
 	rm -rf release
 	rm -rf vendor
 	rm -rf bin
+	rm -rf client/node_modules
+	rm -rf client/dist/*
 
 .PHONY: lint watch build vendor tidy release

client/.babelrc

@@ -0,0 +1,10 @@
+{
+    "presets": [
+      "@babel/preset-env",
+      "@babel/preset-react"
+    ],
+    "plugins": [
+      [ "@babel/transform-runtime" ],
+      [ "@babel/plugin-proposal-class-properties" ]
+    ]
+  }

client/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "gitea-apps",
+  "name": "gitea-kan",
   "version": "0.0.0",
   "lockfileVersion": 1,
   "requires": true,
@@ -16,6 +16,7 @@
       "version": "7.7.2",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.7.2.tgz",
       "integrity": "sha512-eeD7VEZKfhK1KUXGiyPFettgF3m513f8FoBSWiQ1xTvl1RAopLs42Wp9+Ze911I6H0N9lNqJMDgoZT7gHsipeQ==",
+      "dev": true,
       "requires": {
         "@babel/code-frame": "^7.5.5",
         "@babel/generator": "^7.7.2",
@@ -37,6 +38,7 @@
           "version": "4.1.1",
           "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
           "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
           "requires": {
             "ms": "^2.1.1"
           }
@@ -45,6 +47,7 @@
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.1.tgz",
           "integrity": "sha512-l+3HXD0GEI3huGq1njuqtzYK8OYJyXMkOLtQ53pjWh89tvWS2h6l+1zMkYWqlb57+SiQodKZyvMEFb2X+KrFhQ==",
+          "dev": true,
           "requires": {
             "minimist": "^1.2.0"
           }
@@ -52,12 +55,14 @@
         "ms": {
           "version": "2.1.2",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
         },
         "source-map": {
           "version": "0.5.7",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
         }
       }
     },
@@ -96,25 +101,210 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.7.0.tgz",
       "integrity": "sha512-Cd8r8zs4RKDwMG/92lpZcnn5WPQ3LAMQbCw42oqUh4s7vsSN5ANUZjMel0OOnxDLq57hoDDbai+ryygYfCTOsw==",
+      "dev": true,
       "requires": {
         "@babel/helper-explode-assignable-expression": "^7.7.0",
         "@babel/types": "^7.7.0"
       }
     },
+    "@babel/helper-builder-react-jsx": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.7.4.tgz",
+      "integrity": "sha512-kvbfHJNN9dg4rkEM4xn1s8d1/h6TYNvajy9L1wx4qLn9HFg0IkTsQi4rfBe92nxrPUFcMsHoMV+8rU7MJb3fCA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.7.4",
+        "esutils": "^2.0.0"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.7.4.tgz",
+          "integrity": "sha512-cz5Ji23KCi4T+YIE/BolWosrJuSmoZeN1EFnRtBwF+KKLi8GG/Z2c2hOJJeCXPk4mwk4QFvTmwIodJowXgttRA==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2",
+            "lodash": "^4.17.13",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
     "@babel/helper-call-delegate": {
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-call-delegate/-/helper-call-delegate-7.7.0.tgz",
       "integrity": "sha512-Su0Mdq7uSSWGZayGMMQ+z6lnL00mMCnGAbO/R0ZO9odIdB/WNU/VfQKqMQU0fdIsxQYbRjDM4BixIa93SQIpvw==",
+      "dev": true,
       "requires": {
         "@babel/helper-hoist-variables": "^7.7.0",
         "@babel/traverse": "^7.7.0",
         "@babel/types": "^7.7.0"
       }
     },
+    "@babel/helper-create-class-features-plugin": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.7.4.tgz",
+      "integrity": "sha512-l+OnKACG4uiDHQ/aJT8dwpR+LhCJALxL0mJ6nzjB25e5IPwqV1VOsY7ah6UB1DG+VOXAIMtuC54rFJGiHkxjgA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.7.4",
+        "@babel/helper-member-expression-to-functions": "^7.7.4",
+        "@babel/helper-optimise-call-expression": "^7.7.4",
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/helper-replace-supers": "^7.7.4",
+        "@babel/helper-split-export-declaration": "^7.7.4"
+      },
+      "dependencies": {
+        "@babel/generator": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.7.4.tgz",
+          "integrity": "sha512-m5qo2WgdOJeyYngKImbkyQrnUN1mPceaG5BV+G0E3gWsa4l/jCSryWJdM2x8OuGAOyh+3d5pVYfZWCiNFtynxg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.7.4",
+            "jsesc": "^2.5.1",
+            "lodash": "^4.17.13",
+            "source-map": "^0.5.0"
+          }
+        },
+        "@babel/helper-function-name": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.7.4.tgz",
+          "integrity": "sha512-AnkGIdiBhEuiwdoMnKm7jfPfqItZhgRaZfMg1XX3bS25INOnLPjPG1Ppnajh8eqgt5kPJnfqrRHqFqmjKDZLzQ==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-get-function-arity": "^7.7.4",
+            "@babel/template": "^7.7.4",
+            "@babel/types": "^7.7.4"
+          }
+        },
+        "@babel/helper-get-function-arity": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.7.4.tgz",
+          "integrity": "sha512-QTGKEdCkjgzgfJ3bAyRwF4yyT3pg+vDgan8DSivq1eS0gwi+KGKE5x8kRcbeFTb/673mkO5SN1IZfmCfA5o+EA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.7.4"
+          }
+        },
+        "@babel/helper-member-expression-to-functions": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.7.4.tgz",
+          "integrity": "sha512-9KcA1X2E3OjXl/ykfMMInBK+uVdfIVakVe7W7Lg3wfXUNyS3Q1HWLFRwZIjhqiCGbslummPDnmb7vIekS0C1vw==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.7.4"
+          }
+        },
+        "@babel/helper-optimise-call-expression": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.7.4.tgz",
+          "integrity": "sha512-VB7gWZ2fDkSuqW6b1AKXkJWO5NyNI3bFL/kK79/30moK57blr6NbH8xcl2XcKCwOmJosftWunZqfO84IGq3ZZg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.7.4"
+          }
+        },
+        "@babel/helper-replace-supers": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.7.4.tgz",
+          "integrity": "sha512-pP0tfgg9hsZWo5ZboYGuBn/bbYT/hdLPVSS4NMmiRJdwWhP0IznPwN9AE1JwyGsjSPLC364I0Qh5p+EPkGPNpg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-member-expression-to-functions": "^7.7.4",
+            "@babel/helper-optimise-call-expression": "^7.7.4",
+            "@babel/traverse": "^7.7.4",
+            "@babel/types": "^7.7.4"
+          }
+        },
+        "@babel/helper-split-export-declaration": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.7.4.tgz",
+          "integrity": "sha512-guAg1SXFcVr04Guk9eq0S4/rWS++sbmyqosJzVs8+1fH5NI+ZcmkaSkc7dmtAFbHFva6yRJnjW3yAcGxjueDug==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.7.4"
+          }
+        },
+        "@babel/parser": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.7.4.tgz",
+          "integrity": "sha512-jIwvLO0zCL+O/LmEJQjWA75MQTWwx3c3u2JOTDK5D3/9egrWRRA0/0hk9XXywYnXZVVpzrBYeIQTmhwUaePI9g==",
+          "dev": true
+        },
+        "@babel/template": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.7.4.tgz",
+          "integrity": "sha512-qUzihgVPguAzXCK7WXw8pqs6cEwi54s3E+HrejlkuWO6ivMKx9hZl3Y2fSXp9i5HgyWmj7RKP+ulaYnKM4yYxw==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.0.0",
+            "@babel/parser": "^7.7.4",
+            "@babel/types": "^7.7.4"
+          }
+        },
+        "@babel/traverse": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.7.4.tgz",
+          "integrity": "sha512-P1L58hQyupn8+ezVA2z5KBm4/Zr4lCC8dwKCMYzsa5jFMDMQAzaBNy9W5VjB+KAmBjb40U7a/H6ao+Xo+9saIw==",
+          "dev": true,
+          "requires": {
+            "@babel/code-frame": "^7.5.5",
+            "@babel/generator": "^7.7.4",
+            "@babel/helper-function-name": "^7.7.4",
+            "@babel/helper-split-export-declaration": "^7.7.4",
+            "@babel/parser": "^7.7.4",
+            "@babel/types": "^7.7.4",
+            "debug": "^4.1.0",
+            "globals": "^11.1.0",
+            "lodash": "^4.17.13"
+          }
+        },
+        "@babel/types": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.7.4.tgz",
+          "integrity": "sha512-cz5Ji23KCi4T+YIE/BolWosrJuSmoZeN1EFnRtBwF+KKLi8GG/Z2c2hOJJeCXPk4mwk4QFvTmwIodJowXgttRA==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2",
+            "lodash": "^4.17.13",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "jsesc": {
+          "version": "2.5.2",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+          "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
     "@babel/helper-create-regexp-features-plugin": {
       "version": "7.7.2",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.7.2.tgz",
       "integrity": "sha512-pAil/ZixjTlrzNpjx+l/C/wJk002Wo7XbbZ8oujH/AoJ3Juv0iN/UTcPUHXKMFLqsfS0Hy6Aow8M31brUYBlQQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-regex": "^7.4.4",
         "regexpu-core": "^4.6.0"
@@ -124,6 +314,7 @@
           "version": "4.6.0",
           "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.6.0.tgz",
           "integrity": "sha512-YlVaefl8P5BnFYOITTNzDvan1ulLOiXJzCNZxduTIosN17b87h3bvG9yHMoHaRuo88H4mQ06Aodj5VtYGGGiTg==",
+          "dev": true,
           "requires": {
             "regenerate": "^1.4.0",
             "regenerate-unicode-properties": "^8.1.0",
@@ -136,12 +327,14 @@
         "regjsgen": {
           "version": "0.5.1",
           "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.1.tgz",
-          "integrity": "sha512-5qxzGZjDs9w4tzT3TPhCJqWdCc3RLYwy9J2NB0nm5Lz+S273lvWcpjaTGHsT1dc6Hhfq41uSEOw8wBmxrKOuyg=="
+          "integrity": "sha512-5qxzGZjDs9w4tzT3TPhCJqWdCc3RLYwy9J2NB0nm5Lz+S273lvWcpjaTGHsT1dc6Hhfq41uSEOw8wBmxrKOuyg==",
+          "dev": true
         },
         "regjsparser": {
           "version": "0.6.0",
           "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.0.tgz",
           "integrity": "sha512-RQ7YyokLiQBomUJuUG8iGVvkgOLxwyZM8k6d3q5SAXpg4r5TZJZigKFvC6PpD+qQ98bCDC5YelPeA3EucDoNeQ==",
+          "dev": true,
           "requires": {
             "jsesc": "~0.5.0"
           }
@@ -152,6 +345,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-define-map/-/helper-define-map-7.7.0.tgz",
       "integrity": "sha512-kPKWPb0dMpZi+ov1hJiwse9dWweZsz3V9rP4KdytnX1E7z3cTNmFGglwklzFPuqIcHLIY3bgKSs4vkwXXdflQA==",
+      "dev": true,
       "requires": {
         "@babel/helper-function-name": "^7.7.0",
         "@babel/types": "^7.7.0",
@@ -162,6 +356,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.7.0.tgz",
       "integrity": "sha512-CDs26w2shdD1urNUAji2RJXyBFCaR+iBEGnFz3l7maizMkQe3saVw9WtjG1tz8CwbjvlFnaSLVhgnu1SWaherg==",
+      "dev": true,
       "requires": {
         "@babel/traverse": "^7.7.0",
         "@babel/types": "^7.7.0"
@@ -189,6 +384,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.7.0.tgz",
       "integrity": "sha512-LUe/92NqsDAkJjjCEWkNe+/PcpnisvnqdlRe19FahVapa4jndeuJ+FBiTX1rcAKWKcJGE+C3Q3tuEuxkSmCEiQ==",
+      "dev": true,
       "requires": {
         "@babel/types": "^7.7.0"
       }
@@ -197,6 +393,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.7.0.tgz",
       "integrity": "sha512-QaCZLO2RtBcmvO/ekOLp8p7R5X2JriKRizeDpm5ChATAFWrrYDcDxPuCIBXKyBjY+i1vYSdcUTMIb8psfxHDPA==",
+      "dev": true,
       "requires": {
         "@babel/types": "^7.7.0"
       }
@@ -213,6 +410,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.7.0.tgz",
       "integrity": "sha512-rXEefBuheUYQyX4WjV19tuknrJFwyKw0HgzRwbkyTbB+Dshlq7eqkWbyjzToLrMZk/5wKVKdWFluiAsVkHXvuQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-module-imports": "^7.7.0",
         "@babel/helper-simple-access": "^7.7.0",
@@ -226,6 +424,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.7.0.tgz",
       "integrity": "sha512-48TeqmbazjNU/65niiiJIJRc5JozB8acui1OS7bSd6PgxfuovWsvjfWSzlgx+gPFdVveNzUdpdIg5l56Pl5jqg==",
+      "dev": true,
       "requires": {
         "@babel/types": "^7.7.0"
       }
@@ -233,12 +432,14 @@
     "@babel/helper-plugin-utils": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz",
-      "integrity": "sha512-CYAOUCARwExnEixLdB6sDm2dIJ/YgEAKDM1MOeMeZu9Ld/bDgVo8aiWrXwcY7OBh+1Ea2uUcVRcxKk0GJvW7QA=="
+      "integrity": "sha512-CYAOUCARwExnEixLdB6sDm2dIJ/YgEAKDM1MOeMeZu9Ld/bDgVo8aiWrXwcY7OBh+1Ea2uUcVRcxKk0GJvW7QA==",
+      "dev": true
     },
     "@babel/helper-regex": {
       "version": "7.5.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-regex/-/helper-regex-7.5.5.tgz",
       "integrity": "sha512-CkCYQLkfkiugbRDO8eZn6lRuR8kzZoGXCg3149iTk5se7g6qykSpy3+hELSwquhu+TgHn8nkLiBwHvNX8Hofcw==",
+      "dev": true,
       "requires": {
         "lodash": "^4.17.13"
       }
@@ -247,6 +448,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.7.0.tgz",
       "integrity": "sha512-pHx7RN8X0UNHPB/fnuDnRXVZ316ZigkO8y8D835JlZ2SSdFKb6yH9MIYRU4fy/KPe5sPHDFOPvf8QLdbAGGiyw==",
+      "dev": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.7.0",
         "@babel/helper-wrap-function": "^7.7.0",
@@ -259,6 +461,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.7.0.tgz",
       "integrity": "sha512-5ALYEul5V8xNdxEeWvRsBzLMxQksT7MaStpxjJf9KsnLxpAKBtfw5NeMKZJSYDa0lKdOcy0g+JT/f5mPSulUgg==",
+      "dev": true,
       "requires": {
         "@babel/helper-member-expression-to-functions": "^7.7.0",
         "@babel/helper-optimise-call-expression": "^7.7.0",
@@ -270,6 +473,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.7.0.tgz",
       "integrity": "sha512-AJ7IZD7Eem3zZRuj5JtzFAptBw7pMlS3y8Qv09vaBWoFsle0d1kAn5Wq6Q9MyBXITPOKnxwkZKoAm4bopmv26g==",
+      "dev": true,
       "requires": {
         "@babel/template": "^7.7.0",
         "@babel/types": "^7.7.0"
@@ -287,6 +491,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.7.0.tgz",
       "integrity": "sha512-sd4QjeMgQqzshSjecZjOp8uKfUtnpmCyQhKQrVJBBgeHAB/0FPi33h3AbVlVp07qQtMD4QgYSzaMI7VwncNK/w==",
+      "dev": true,
       "requires": {
         "@babel/helper-function-name": "^7.7.0",
         "@babel/template": "^7.7.0",
@@ -298,6 +503,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.7.0.tgz",
       "integrity": "sha512-VnNwL4YOhbejHb7x/b5F39Zdg5vIQpUUNzJwx0ww1EcVRt41bbGRZWhAURrfY32T5zTT3qwNOQFWpn+P0i0a2g==",
+      "dev": true,
       "requires": {
         "@babel/template": "^7.7.0",
         "@babel/traverse": "^7.7.0",
@@ -351,16 +557,28 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.7.0.tgz",
       "integrity": "sha512-ot/EZVvf3mXtZq0Pd0+tSOfGWMizqmOohXmNZg6LNFjHOV+wOPv7BvVYh8oPR8LhpIP3ye8nNooKL50YRWxpYA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/helper-remap-async-to-generator": "^7.7.0",
         "@babel/plugin-syntax-async-generators": "^7.2.0"
       }
     },
+    "@babel/plugin-proposal-class-properties": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.7.4.tgz",
+      "integrity": "sha512-EcuXeV4Hv1X3+Q1TsuOmyyxeTRiSqurGJ26+I/FW1WbymmRRapVORm6x1Zl3iDIHyRxEs+VXWp6qnlcfcJSbbw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.7.4",
+        "@babel/helper-plugin-utils": "^7.0.0"
+      }
+    },
     "@babel/plugin-proposal-dynamic-import": {
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.7.0.tgz",
       "integrity": "sha512-7poL3Xi+QFPC7sGAzEIbXUyYzGJwbc2+gSD0AkiC5k52kH2cqHdqxm5hNFfLW3cRSTcx9bN0Fl7/6zWcLLnKAQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/plugin-syntax-dynamic-import": "^7.2.0"
@@ -370,6 +588,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.2.0.tgz",
       "integrity": "sha512-MAFV1CA/YVmYwZG0fBQyXhmj0BHCB5egZHCKWIFVv/XCxAeVGIHfos3SwDck4LvCllENIAg7xMKOG5kH0dzyUg==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/plugin-syntax-json-strings": "^7.2.0"
@@ -379,6 +598,7 @@
       "version": "7.6.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.6.2.tgz",
       "integrity": "sha512-LDBXlmADCsMZV1Y9OQwMc0MyGZ8Ta/zlD9N67BfQT8uYwkRswiu2hU6nJKrjrt/58aH/vqfQlR/9yId/7A2gWw==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/plugin-syntax-object-rest-spread": "^7.2.0"
@@ -388,6 +608,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.2.0.tgz",
       "integrity": "sha512-mgYj3jCcxug6KUcX4OBoOJz3CMrwRfQELPQ5560F70YQUBZB7uac9fqaWamKR1iWUzGiK2t0ygzjTScZnVz75g==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/plugin-syntax-optional-catch-binding": "^7.2.0"
@@ -397,6 +618,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.7.0.tgz",
       "integrity": "sha512-mk34H+hp7kRBWJOOAR0ZMGCydgKMD4iN9TpDRp3IIcbunltxEY89XSimc6WbtSLCDrwcdy/EEw7h5CFCzxTchw==",
+      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0"
@@ -406,6 +628,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.2.0.tgz",
       "integrity": "sha512-1ZrIRBv2t0GSlcwVoQ6VgSLpLgiN/FVQUzt9znxo7v2Ov4jJrs8RY8tv0wvDmFN3qIdMKWrmMMW6yZ0G19MfGg==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -414,6 +637,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.2.0.tgz",
       "integrity": "sha512-mVxuJ0YroI/h/tbFTPGZR8cv6ai+STMKNBq0f8hFxsxWjl94qqhsb+wXbpNMDPU3cfR1TIsVFzU3nXyZMqyK4w==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -422,6 +646,16 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.2.0.tgz",
       "integrity": "sha512-5UGYnMSLRE1dqqZwug+1LISpA403HzlSfsg6P9VXU6TBjcSHeNlw4DxDx7LgpF+iKZoOG/+uzqoRHTdcUpiZNg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0"
+      }
+    },
+    "@babel/plugin-syntax-jsx": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.7.4.tgz",
+      "integrity": "sha512-wuy6fiMe9y7HeZBWXYCGt2RGxZOj0BImZ9EyXJVnVGBKO/Br592rbR3rtIQn0eQhAk9vqaKP5n8tVqEFBQMfLg==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -430,6 +664,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.2.0.tgz",
       "integrity": "sha512-t0JKGgqk2We+9may3t0xDdmneaXmyxq0xieYcKHxIsrJO64n1OiMWNUtc5gQK1PA0NpdCRrtZp4z+IUaKugrSA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -438,6 +673,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.2.0.tgz",
       "integrity": "sha512-bDe4xKNhb0LI7IvZHiA13kff0KEfaGX/Hv4lMA9+7TEc63hMNvfKo6ZFpXhKuEp+II/q35Gc4NoMeDZyaUbj9w==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -446,6 +682,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.7.0.tgz",
       "integrity": "sha512-hi8FUNiFIY1fnUI2n1ViB1DR0R4QeK4iHcTlW6aJkrPoTdb8Rf1EMQ6GT3f67DDkYyWgew9DFoOZ6gOoEsdzTA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -454,6 +691,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.2.0.tgz",
       "integrity": "sha512-ER77Cax1+8/8jCB9fo4Ud161OZzWN5qawi4GusDuRLcDbDG+bIGYY20zb2dfAFdTRGzrfq2xZPvF0R64EHnimg==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -462,6 +700,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.7.0.tgz",
       "integrity": "sha512-vLI2EFLVvRBL3d8roAMqtVY0Bm9C1QzLkdS57hiKrjUBSqsQYrBsMCeOg/0KK7B0eK9V71J5mWcha9yyoI2tZw==",
+      "dev": true,
       "requires": {
         "@babel/helper-module-imports": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0",
@@ -472,6 +711,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.2.0.tgz",
       "integrity": "sha512-ntQPR6q1/NKuphly49+QiQiTN0O63uOwjdD6dhIjSWBI5xlrbUFh720TIpzBhpnrLfv2tNH/BXvLIab1+BAI0w==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -480,6 +720,7 @@
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.6.3.tgz",
       "integrity": "sha512-7hvrg75dubcO3ZI2rjYTzUrEuh1E9IyDEhhB6qfcooxhDA33xx2MasuLVgdxzcP6R/lipAC6n9ub9maNW6RKdw==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "lodash": "^4.17.13"
@@ -489,6 +730,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.7.0.tgz",
       "integrity": "sha512-/b3cKIZwGeUesZheU9jNYcwrEA7f/Bo4IdPmvp7oHgvks2majB5BoT5byAql44fiNQYOPzhk2w8DbgfuafkMoA==",
+      "dev": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.7.0",
         "@babel/helper-define-map": "^7.7.0",
@@ -503,7 +745,8 @@
         "globals": {
           "version": "11.12.0",
           "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-          "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
+          "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+          "dev": true
         }
       }
     },
@@ -511,6 +754,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.2.0.tgz",
       "integrity": "sha512-kP/drqTxY6Xt3NNpKiMomfgkNn4o7+vKxK2DDKcBG9sHj51vHqMBGy8wbDS/J4lMxnqs153/T3+DmCEAkC5cpA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -519,6 +763,7 @@
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.6.0.tgz",
       "integrity": "sha512-2bGIS5P1v4+sWTCnKNDZDxbGvEqi0ijeqM/YqHtVGrvG2y0ySgnEEhXErvE9dA0bnIzY9bIzdFK0jFA46ASIIQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -527,6 +772,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.7.0.tgz",
       "integrity": "sha512-3QQlF7hSBnSuM1hQ0pS3pmAbWLax/uGNCbPBND9y+oJ4Y776jsyujG2k0Sn2Aj2a0QwVOiOFL5QVPA7spjvzSA==",
+      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0"
@@ -536,6 +782,7 @@
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.5.0.tgz",
       "integrity": "sha512-igcziksHizyQPlX9gfSjHkE2wmoCH3evvD2qR5w29/Dk0SMKE/eOI7f1HhBdNhR/zxJDqrgpoDTq5YSLH/XMsQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -544,6 +791,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.2.0.tgz",
       "integrity": "sha512-umh4hR6N7mu4Elq9GG8TOu9M0bakvlsREEC+ialrQN6ABS4oDQ69qJv1VtR3uxlKMCQMCvzk7vr17RHKcjx68A==",
+      "dev": true,
       "requires": {
         "@babel/helper-builder-binary-assignment-operator-visitor": "^7.1.0",
         "@babel/helper-plugin-utils": "^7.0.0"
@@ -553,6 +801,7 @@
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.4.4.tgz",
       "integrity": "sha512-9T/5Dlr14Z9TIEXLXkt8T1DU7F24cbhwhMNUziN3hB1AXoZcdzPcTiKGRn/6iOymDqtTKWnr/BtRKN9JwbKtdQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -561,6 +810,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.7.0.tgz",
       "integrity": "sha512-P5HKu0d9+CzZxP5jcrWdpe7ZlFDe24bmqP6a6X8BHEBl/eizAsY8K6LX8LASZL0Jxdjm5eEfzp+FIrxCm/p8bA==",
+      "dev": true,
       "requires": {
         "@babel/helper-function-name": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0"
@@ -570,6 +820,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.2.0.tgz",
       "integrity": "sha512-2ThDhm4lI4oV7fVQ6pNNK+sx+c/GM5/SaML0w/r4ZB7sAneD/piDJtwdKlNckXeyGK7wlwg2E2w33C/Hh+VFCg==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -578,6 +829,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.2.0.tgz",
       "integrity": "sha512-HiU3zKkSU6scTidmnFJ0bMX8hz5ixC93b4MHMiYebmk2lUVNGOboPsqQvx5LzooihijUoLR/v7Nc1rbBtnc7FA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -586,6 +838,7 @@
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.5.0.tgz",
       "integrity": "sha512-n20UsQMKnWrltocZZm24cRURxQnWIvsABPJlw/fvoy9c6AgHZzoelAIzajDHAQrDpuKFFPPcFGd7ChsYuIUMpg==",
+      "dev": true,
       "requires": {
         "@babel/helper-module-transforms": "^7.1.0",
         "@babel/helper-plugin-utils": "^7.0.0",
@@ -596,6 +849,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.7.0.tgz",
       "integrity": "sha512-KEMyWNNWnjOom8vR/1+d+Ocz/mILZG/eyHHO06OuBQ2aNhxT62fr4y6fGOplRx+CxCSp3IFwesL8WdINfY/3kg==",
+      "dev": true,
       "requires": {
         "@babel/helper-module-transforms": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0",
@@ -607,6 +861,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.7.0.tgz",
       "integrity": "sha512-ZAuFgYjJzDNv77AjXRqzQGlQl4HdUM6j296ee4fwKVZfhDR9LAGxfvXjBkb06gNETPnN0sLqRm9Gxg4wZH6dXg==",
+      "dev": true,
       "requires": {
         "@babel/helper-hoist-variables": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0",
@@ -617,6 +872,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.7.0.tgz",
       "integrity": "sha512-u7eBA03zmUswQ9LQ7Qw0/ieC1pcAkbp5OQatbWUzY1PaBccvuJXUkYzoN1g7cqp7dbTu6Dp9bXyalBvD04AANA==",
+      "dev": true,
       "requires": {
         "@babel/helper-module-transforms": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0"
@@ -626,6 +882,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.7.0.tgz",
       "integrity": "sha512-+SicSJoKouPctL+j1pqktRVCgy+xAch1hWWTMy13j0IflnyNjaoskj+DwRQFimHbLqO3sq2oN2CXMvXq3Bgapg==",
+      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.7.0"
       }
@@ -634,6 +891,7 @@
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.4.4.tgz",
       "integrity": "sha512-r1z3T2DNGQwwe2vPGZMBNjioT2scgWzK9BCnDEh+46z8EEwXBq24uRzd65I7pjtugzPSj921aM15RpESgzsSuA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -642,6 +900,7 @@
       "version": "7.5.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.5.5.tgz",
       "integrity": "sha512-un1zJQAhSosGFBduPgN/YFNvWVpRuHKU7IHBglLoLZsGmruJPOo6pbInneflUdmq7YvSVqhpPs5zdBvLnteltQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/helper-replace-supers": "^7.5.5"
@@ -651,6 +910,7 @@
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.4.4.tgz",
       "integrity": "sha512-oMh5DUO1V63nZcu/ZVLQFqiihBGo4OpxJxR1otF50GMeCLiRx5nUdtokd+u9SuVJrvvuIh9OosRFPP4pIPnwmw==",
+      "dev": true,
       "requires": {
         "@babel/helper-call-delegate": "^7.4.4",
         "@babel/helper-get-function-arity": "^7.0.0",
@@ -661,14 +921,56 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.2.0.tgz",
       "integrity": "sha512-9q7Dbk4RhgcLp8ebduOpCbtjh7C0itoLYHXd9ueASKAG/is5PQtMR5VJGka9NKqGhYEGn5ITahd4h9QeBMylWQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
     },
+    "@babel/plugin-transform-react-display-name": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.7.4.tgz",
+      "integrity": "sha512-sBbIvqYkthai0X0vkD2xsAwluBp+LtNHH+/V4a5ydifmTtb8KOVOlrMIk/MYmIc4uTYDnjZUHQildYNo36SRJw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0"
+      }
+    },
+    "@babel/plugin-transform-react-jsx": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.7.4.tgz",
+      "integrity": "sha512-LixU4BS95ZTEAZdPaIuyg/k8FiiqN9laQ0dMHB4MlpydHY53uQdWCUrwjLr5o6ilS6fAgZey4Q14XBjl5tL6xw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-builder-react-jsx": "^7.7.4",
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/plugin-syntax-jsx": "^7.7.4"
+      }
+    },
+    "@babel/plugin-transform-react-jsx-self": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.7.4.tgz",
+      "integrity": "sha512-PWYjSfqrO273mc1pKCRTIJXyqfc9vWYBax88yIhQb+bpw3XChVC7VWS4VwRVs63wFHKxizvGSd00XEr+YB9Q2A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/plugin-syntax-jsx": "^7.7.4"
+      }
+    },
+    "@babel/plugin-transform-react-jsx-source": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.7.4.tgz",
+      "integrity": "sha512-5ZU9FnPhqtHsOXxutRtXZAzoEJwDaP32QcobbMP1/qt7NYcsCNK8XgzJcJfoEr/ZnzVvUNInNjIW22Z6I8p9mg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/plugin-syntax-jsx": "^7.7.4"
+      }
+    },
     "@babel/plugin-transform-regenerator": {
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.7.0.tgz",
       "integrity": "sha512-AXmvnC+0wuj/cFkkS/HFHIojxH3ffSXE+ttulrqWjZZRaUOonfJc60e1wSNT4rV8tIunvu/R3wCp71/tLAa9xg==",
+      "dev": true,
       "requires": {
         "regenerator-transform": "^0.14.0"
       }
@@ -677,14 +979,50 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.2.0.tgz",
       "integrity": "sha512-fz43fqW8E1tAB3DKF19/vxbpib1fuyCwSPE418ge5ZxILnBhWyhtPgz8eh1RCGGJlwvksHkyxMxh0eenFi+kFw==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
     },
+    "@babel/plugin-transform-runtime": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.7.4.tgz",
+      "integrity": "sha512-O8kSkS5fP74Ad/8pfsCMGa8sBRdLxYoSReaARRNSz3FbFQj3z/QUvoUmJ28gn9BO93YfnXc3j+Xyaqe8cKDNBQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.7.4",
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "resolve": "^1.8.1",
+        "semver": "^5.5.1"
+      },
+      "dependencies": {
+        "@babel/helper-module-imports": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.7.4.tgz",
+          "integrity": "sha512-dGcrX6K9l8258WFjyDLJwuVKxR4XZfU0/vTUgOQYWEnRD8mgr+p4d6fCUMq/ys0h4CCt/S5JhbvtyErjWouAUQ==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.7.4"
+          }
+        },
+        "@babel/types": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.7.4.tgz",
+          "integrity": "sha512-cz5Ji23KCi4T+YIE/BolWosrJuSmoZeN1EFnRtBwF+KKLi8GG/Z2c2hOJJeCXPk4mwk4QFvTmwIodJowXgttRA==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2",
+            "lodash": "^4.17.13",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
     "@babel/plugin-transform-shorthand-properties": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.2.0.tgz",
       "integrity": "sha512-QP4eUM83ha9zmYtpbnyjTLAGKQritA5XW/iG9cjtuOI8s1RuL/3V6a3DeSHfKutJQ+ayUfeZJPcnCYEQzaPQqg==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -693,6 +1031,7 @@
       "version": "7.6.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.6.2.tgz",
       "integrity": "sha512-DpSvPFryKdK1x+EDJYCy28nmAaIMdxmhot62jAXF/o99iA33Zj2Lmcp3vDmz+MUh0LNYVPvfj5iC3feb3/+PFg==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -701,6 +1040,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.2.0.tgz",
       "integrity": "sha512-KKYCoGaRAf+ckH8gEL3JHUaFVyNHKe3ASNsZ+AlktgHevvxGigoIttrEJb8iKN03Q7Eazlv1s6cx2B2cQ3Jabw==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/helper-regex": "^7.0.0"
@@ -710,6 +1050,7 @@
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.4.4.tgz",
       "integrity": "sha512-mQrEC4TWkhLN0z8ygIvEL9ZEToPhG5K7KDW3pzGqOfIGZ28Jb0POUkeWcoz8HnHvhFy6dwAT1j8OzqN8s804+g==",
+      "dev": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.0.0",
         "@babel/helper-plugin-utils": "^7.0.0"
@@ -719,6 +1060,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.2.0.tgz",
       "integrity": "sha512-2LNhETWYxiYysBtrBTqL8+La0jIoQQnIScUJc74OYvUGRmkskNY4EzLCnjHBzdmb38wqtTaixpo1NctEcvMDZw==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0"
       }
@@ -727,6 +1069,7 @@
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.7.0.tgz",
       "integrity": "sha512-RrThb0gdrNwFAqEAAx9OWgtx6ICK69x7i9tCnMdVrxQwSDp/Abu9DXFU5Hh16VP33Rmxh04+NGW28NsIkFvFKA==",
+      "dev": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0"
@@ -736,6 +1079,7 @@
       "version": "7.7.1",
       "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.7.1.tgz",
       "integrity": "sha512-/93SWhi3PxcVTDpSqC+Dp4YxUu3qZ4m7I76k0w73wYfn7bGVuRIO4QUz95aJksbS+AD1/mT1Ie7rbkT0wSplaA==",
+      "dev": true,
       "requires": {
         "@babel/helper-module-imports": "^7.7.0",
         "@babel/helper-plugin-utils": "^7.0.0",
@@ -790,6 +1134,50 @@
         "semver": "^5.5.0"
       }
     },
+    "@babel/preset-react": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.7.4.tgz",
+      "integrity": "sha512-j+vZtg0/8pQr1H8wKoaJyGL2IEk3rG/GIvua7Sec7meXVIvGycihlGMx5xcU00kqCJbwzHs18xTu3YfREOqQ+g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/plugin-transform-react-display-name": "^7.7.4",
+        "@babel/plugin-transform-react-jsx": "^7.7.4",
+        "@babel/plugin-transform-react-jsx-self": "^7.7.4",
+        "@babel/plugin-transform-react-jsx-source": "^7.7.4"
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.4.tgz",
+      "integrity": "sha512-r24eVUUr0QqNZa+qrImUk8fn5SPhHq+IfYvIoIMg0do3GdK9sMdiLKP3GYVVaxpPKORgm8KRKaNTEhAjgIpLMw==",
+      "requires": {
+        "regenerator-runtime": "^0.13.2"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.13.3",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz",
+          "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw=="
+        }
+      }
+    },
+    "@babel/runtime-corejs2": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs2/-/runtime-corejs2-7.7.4.tgz",
+      "integrity": "sha512-hKNcmHQbBSJFnZ82ewYtWDZ3fXkP/l1XcfRtm7c8gHPM/DMecJtFFBEp7KMLZTuHwwb7RfemHdsEnd7L916Z6A==",
+      "requires": {
+        "core-js": "^2.6.5",
+        "regenerator-runtime": "^0.13.2"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.13.3",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz",
+          "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw=="
+        }
+      }
+    },
     "@babel/template": {
       "version": "7.7.0",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.7.0.tgz",
@@ -846,115 +1234,84 @@
         "to-fast-properties": "^2.0.0"
       }
     },
-    "@riotjs/compiler": {
+    "@emotion/is-prop-valid": {
-      "version": "4.5.2",
+      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/@riotjs/compiler/-/compiler-4.5.2.tgz",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.5.tgz",
-      "integrity": "sha512-8b+/fr895EsIMeenQy+lWrD4MwyhC0yp8x+hgw512WUPi9MDeBsUlDdh/LZ+MDfNz1dGMp4zTVO3vQiH7rA4EQ==",
+      "integrity": "sha512-6ZODuZSFofbxSbcxwsFz+6ioPjb0ISJRRPLZ+WIbjcU2IMU0Io+RGQjjaTgOvNQl007KICBm7zXQaYQEC1r6Bg==",
       "requires": {
-        "@riotjs/parser": "^4.1.0",
+        "@emotion/memoize": "0.7.3"
-        "@riotjs/util": "1.1.0",
-        "acorn": "^7.1.0",
-        "cssesc": "^3.0.0",
-        "cumpa": "^1.0.1",
-        "curri": "^1.0.1",
-        "dom-nodes": "^1.1.3",
-        "globals": "^12.1.1",
-        "recast": "^0.18.5",
-        "source-map": "^0.7.3"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "7.1.0",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.0.tgz",
-          "integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ=="
-        },
-        "ast-types": {
-          "version": "0.13.2",
-          "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.2.tgz",
-          "integrity": "sha512-uWMHxJxtfj/1oZClOxDEV1sQ1HCDkA4MG8Gr69KKeBjEVH0R84WlejZ0y2DcwyBlpAEMltmVYkVgqfLFb2oyiA=="
-        },
-        "cssesc": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-          "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
-        },
-        "esprima": {
-          "version": "4.0.1",
-          "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-          "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
-        },
-        "recast": {
-          "version": "0.18.5",
-          "resolved": "https://registry.npmjs.org/recast/-/recast-0.18.5.tgz",
-          "integrity": "sha512-sD1WJrpLQAkXGyQZyGzTM75WJvyAd98II5CHdK3IYbt/cZlU0UzCRVU11nUFNXX9fBVEt4E9ajkMjBlUlG+Oog==",
-          "requires": {
-            "ast-types": "0.13.2",
-            "esprima": "~4.0.0",
-            "private": "^0.1.8",
-            "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=="
-            }
-          }
-        },
-        "source-map": {
-          "version": "0.7.3",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
-          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ=="
-        }
       }
     },
-    "@riotjs/dom-bindings": {
+    "@emotion/memoize": {
-      "version": "4.4.7",
+      "version": "0.7.3",
-      "resolved": "https://registry.npmjs.org/@riotjs/dom-bindings/-/dom-bindings-4.4.7.tgz",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.3.tgz",
-      "integrity": "sha512-axn+1XmZS3LfvHA9vhP7vFab1uMIkCWv5dA1/OGWAoBZ/FKcTs3BxQiVgPLvf48xU3OovpHdH9PTekWCnxvZ7Q==",
+      "integrity": "sha512-2Md9mH6mvo+ygq1trTeVp2uzAKwE2P7In0cRpD/M9Q70aH8L+rxMLbb3JCN2JoSWsV2O+DdFjfbbXoMoLBczow=="
+    },
+    "@emotion/unitless": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.4.tgz",
+      "integrity": "sha512-kBa+cDHOR9jpRJ+kcGMsysrls0leukrm68DmFQoMIWQcXdr2cZvyvypWuGYT7U+9kAExUE7+T7r6G3C3A6L8MQ=="
+    },
+    "@fortawesome/fontawesome-free": {
+      "version": "5.11.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.11.2.tgz",
+      "integrity": "sha512-XiUPoS79r1G7PcpnNtq85TJ7inJWe0v+b5oZJZKb0pGHNIV6+UiNeQWiFGmuQ0aj7GEhnD/v9iqxIsjuRKtEnQ==",
+      "dev": true
+    },
+    "@lourenci/react-kanban": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@lourenci/react-kanban/-/react-kanban-0.15.0.tgz",
+      "integrity": "sha512-/2XjB26iXcvpwDwlT3sz8/ptQ7QyTpMGlrPf1f02+V1Z4jdbVMo6Luz1sGlHe/TP68N8yz69/YT9qwqHZ6YYmQ==",
       "requires": {
-        "@riotjs/util": "^1.1.0",
+        "react-beautiful-dnd": "^11.0.0"
-        "domdiff": "^2.1.0"
       }
     },
-    "@riotjs/parser": {
+    "@redux-saga/core": {
-      "version": "4.1.0",
+      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@riotjs/parser/-/parser-4.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/@redux-saga/core/-/core-1.1.3.tgz",
-      "integrity": "sha512-EdH0oM7oj9iRFD1mNJVplFtkpRyQT3Upxn2sCYMh9wjFTOzm7cPnywk0FEvFy6yKVaiHY+GZ76uFo6qqplRNlg==",
+      "integrity": "sha512-8tInBftak8TPzE6X13ABmEtRJGjtK17w7VUs7qV17S8hCO5S3+aUTWZ/DBsBJPdE8Z5jOPwYALyvofgq1Ws+kg==",
       "requires": {
-        "curri": "^1.0.1",
+        "@babel/runtime": "^7.6.3",
-        "dom-nodes": "^1.1.3"
+        "@redux-saga/deferred": "^1.1.2",
+        "@redux-saga/delay-p": "^1.1.2",
+        "@redux-saga/is": "^1.1.2",
+        "@redux-saga/symbols": "^1.1.2",
+        "@redux-saga/types": "^1.1.0",
+        "redux": "^4.0.4",
+        "typescript-tuple": "^2.2.1"
       }
     },
-    "@riotjs/route": {
+    "@redux-saga/deferred": {
-      "version": "4.0.0",
+      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@riotjs/route/-/route-4.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/@redux-saga/deferred/-/deferred-1.1.2.tgz",
-      "integrity": "sha512-l0WUBZs9k/5dRxrlviXHghdkXnwAQftOpytBkmlmHHgUlLuRNqq4M8cr0OqfiXjmSefk0Lz5k1NT+nJJ0QZjyg==",
+      "integrity": "sha512-908rDLHFN2UUzt2jb4uOzj6afpjgJe3MjICaUNO3bvkV/kN/cNeI9PMr8BsFXB/MR8WTAZQq/PlTq8Kww3TBSQ=="
+    },
+    "@redux-saga/delay-p": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@redux-saga/delay-p/-/delay-p-1.1.2.tgz",
+      "integrity": "sha512-ojc+1IoC6OP65Ts5+ZHbEYdrohmIw1j9P7HS9MOJezqMYtCDgpkoqB5enAAZrNtnbSL6gVCWPHaoaTY5KeO0/g==",
       "requires": {
-        "@riotjs/util": "^1.1.0",
+        "@redux-saga/symbols": "^1.1.2"
-        "bianco.attr": "^1.0.0",
-        "bianco.events": "^1.0.0",
-        "rawth": "^0.3.0"
       }
     },
-    "@riotjs/util": {
+    "@redux-saga/is": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@redux-saga/is/-/is-1.1.2.tgz",
+      "integrity": "sha512-OLbunKVsCVNTKEf2cH4TYyNbbPgvmZ52iaxBD4I1fTif4+MTXMa4/Z07L83zW/hTCXwpSZvXogqMqLfex2Tg6w==",
+      "requires": {
+        "@redux-saga/symbols": "^1.1.2",
+        "@redux-saga/types": "^1.1.0"
+      }
+    },
+    "@redux-saga/symbols": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@redux-saga/symbols/-/symbols-1.1.2.tgz",
+      "integrity": "sha512-EfdGnF423glv3uMwLsGAtE6bg+R9MdqlHEzExnfagXPrIiuxwr3bdiAwz3gi+PsrQ3yBlaBpfGLtDG8rf3LgQQ=="
+    },
+    "@redux-saga/types": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@riotjs/util/-/util-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/@redux-saga/types/-/types-1.1.0.tgz",
-      "integrity": "sha512-VU3vYZH8a2pTOCEK7Ia9twQw0Oog/CWsonLZLD/w/YzVO9HYLSfYWx9lp7AHAuqSgpGNhaXd/u11qC3zWHiyrQ=="
+      "integrity": "sha512-afmTuJrylUU/0OtqzaRkbyYFFNgCF73Bvel/sw90pvGrWIZ+vyoIJqA6eMSoA6+nb443kTmulmBtC9NerXboNg=="
-    },
-    "@riotjs/webpack-loader": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@riotjs/webpack-loader/-/webpack-loader-4.0.1.tgz",
-      "integrity": "sha512-xVJ3bN/nCAKxB5yovNifuQOj1wlFuLwcAuOV7lvYzKFLPtiV0AD5nUK0F9Bbem1YvTajkClrAQ88YuKLvgsyHg==",
-      "dev": true,
-      "requires": {
-        "loader-utils": "^1.2.3"
-      }
-    },
-    "@ungap/essential-map": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/essential-map/-/essential-map-0.2.0.tgz",
-      "integrity": "sha512-PM7rUPhH2IAeDZXGjMi1KwNVW/4b/wxfzlPkZSXacHA5A98n+PdCou+HD2EaeXlO8pY5Tp81Ysg+J2xB7J/mjw=="
     },
     "@webassemblyjs/ast": {
       "version": "1.8.5",
@@ -1398,6 +1755,7 @@
       "version": "8.0.6",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.0.6.tgz",
       "integrity": "sha512-4BmWKtBOBm13uoUwd08UwjZlaw3O9GWf456R9j+5YykFZ6LUIjIKLc0zEZf+hauxPOJs96C8k6FvYD09vWzhYw==",
+      "dev": true,
       "requires": {
         "find-cache-dir": "^2.0.0",
         "loader-utils": "^1.0.2",
@@ -1408,7 +1766,8 @@
         "pify": {
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+          "dev": true
         }
       }
     },
@@ -1416,10 +1775,27 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz",
       "integrity": "sha512-o6qFkpeQEBxcqt0XYlWzAVxNCSCZdUgcR8IRlhD/8DylxjjO4foPcvTW0GGKa/cVt3rvxZ7o5ippJ+/0nvLhlQ==",
+      "dev": true,
       "requires": {
         "object.assign": "^4.1.0"
       }
     },
+    "babel-plugin-styled-components": {
+      "version": "1.10.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.10.6.tgz",
+      "integrity": "sha512-gyQj/Zf1kQti66100PhrCRjI5ldjaze9O0M3emXRPAN80Zsf8+e1thpTpaXJXVHXtaM4/+dJEgZHyS9Its+8SA==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.0.0",
+        "@babel/helper-module-imports": "^7.0.0",
+        "babel-plugin-syntax-jsx": "^6.18.0",
+        "lodash": "^4.17.11"
+      }
+    },
+    "babel-plugin-syntax-jsx": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
+      "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY="
+    },
     "babel-runtime": {
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
@@ -1506,39 +1882,11 @@
         "tweetnacl": "^0.14.3"
       }
     },
-    "bianco.attr": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/bianco.attr/-/bianco.attr-1.0.0.tgz",
-      "integrity": "sha512-ry700auBXrfRcn18wgOlDeCIAOy1HKnUrM96hc2xbzt4FQL+pfXTUGrt++gg9/rpp7JD4JUXi0X1OB7um+jm2w==",
-      "requires": {
-        "bianco.dom-to-array": "^0.0.10"
-      }
-    },
-    "bianco.dom-to-array": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/bianco.dom-to-array/-/bianco.dom-to-array-0.0.10.tgz",
-      "integrity": "sha512-EFYkcEGPmIqatvh+6I2eF6/X4mDtEyGoBucqmudJ5qABbFOw3RPIWB913aLD1FTaux8pZtYzD/yvcwGJKSNgXg=="
-    },
-    "bianco.events": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/bianco.events/-/bianco.events-1.0.0.tgz",
-      "integrity": "sha512-dLdO4hwXw8gZ2pNCe275ki3K9G0+VI1MVeY58woxhlKna/4UoQDb3bVjmnmqpRvLw2oADCjobJOxWkhUZrPnDQ==",
-      "requires": {
-        "bianco.dom-to-array": "^0.0.10"
-      }
-    },
-    "bianco.query": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/bianco.query/-/bianco.query-1.0.0.tgz",
-      "integrity": "sha512-pDstv5+tsuw//wNuPnXuf4DjyN116tcH/a7hxbqH1OpWMsBgBkp/O29uxlWEZWN5e6hCaGajLNA9CAGTsgYeWw==",
-      "requires": {
-        "bianco.dom-to-array": "^0.0.10"
-      }
-    },
     "big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true
     },
     "binary-extensions": {
       "version": "1.13.1",
@@ -1681,6 +2029,7 @@
       "version": "4.7.2",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.7.2.tgz",
       "integrity": "sha512-uZavT/gZXJd2UTi9Ov7/Z340WOSQ3+m1iBVRUknf+okKxonL9P83S3ctiBDtuRmRu8PiCHjqyueqQ9HYlJhxiw==",
+      "dev": true,
       "requires": {
         "caniuse-lite": "^1.0.30001004",
         "electron-to-chromium": "^1.3.295",
@@ -1822,10 +2171,16 @@
         "map-obj": "^1.0.0"
       }
     },
+    "camelize": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz",
+      "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs="
+    },
     "caniuse-lite": {
       "version": "1.0.30001010",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001010.tgz",
-      "integrity": "sha512-RA5GH9YjFNea4ZQszdWgh2SC+dpLiRAg4VDQS2b5JRI45OxmbGrYocYHTa9x0bKMQUE7uvHkNPNffUr+pCxSGw=="
+      "integrity": "sha512-RA5GH9YjFNea4ZQszdWgh2SC+dpLiRAg4VDQS2b5JRI45OxmbGrYocYHTa9x0bKMQUE7uvHkNPNffUr+pCxSGw==",
+      "dev": true
     },
     "caseless": {
       "version": "0.12.0",
@@ -1992,7 +2347,8 @@
     "commondir": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
-      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs="
+      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=",
+      "dev": true
     },
     "component-emitter": {
       "version": "1.3.0",
@@ -2049,6 +2405,7 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
       "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
+      "dev": true,
       "requires": {
         "safe-buffer": "~5.1.1"
       }
@@ -2076,13 +2433,13 @@
     "core-js": {
       "version": "2.6.10",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.10.tgz",
-      "integrity": "sha512-I39t74+4t+zau64EN1fE5v2W31Adtc/REhzWN+gWRRXg6WH5qAsZm62DHpQ1+Yhe4047T55jvzz7MUqF/dBBlA==",
+      "integrity": "sha512-I39t74+4t+zau64EN1fE5v2W31Adtc/REhzWN+gWRRXg6WH5qAsZm62DHpQ1+Yhe4047T55jvzz7MUqF/dBBlA=="
-      "dev": true
     },
     "core-js-compat": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.4.1.tgz",
       "integrity": "sha512-YdeJI26gLc0CQJ9asLE5obEgBz2I0+CIgnoTbS2T0d5IPQw/OCgCIFR527RmpduxjrB3gSEHoGOCTq9sigOyfw==",
+      "dev": true,
       "requires": {
         "browserslist": "^4.7.2",
         "semver": "^6.3.0"
@@ -2091,7 +2448,8 @@
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
         }
       }
     },
@@ -2179,6 +2537,19 @@
         "urix": "^0.1.0"
       }
     },
+    "css-box-model": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.0.tgz",
+      "integrity": "sha512-lri0br+jSNV0kkkiGEp9y9y3Njq2PmpqbeGWRFQJuZteZzY9iC9GZhQ8Y4WpPwM/2YocjHePxy14igJY7YKzkA==",
+      "requires": {
+        "tiny-invariant": "^1.0.6"
+      }
+    },
+    "css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU="
+    },
     "css-loader": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-1.0.1.tgz",
@@ -2210,17 +2581,22 @@
         "regexpu-core": "^1.0.0"
       }
     },
+    "css-to-react-native": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-2.3.2.tgz",
+      "integrity": "sha512-VOFaeZA053BqvvvqIA8c9n0+9vFppVBAHCp6JgFTtTMU3Mzi+XnelJ9XC9ul3BqFzZyQ5N+H0SnwsWT2Ebchxw==",
+      "requires": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^3.3.0"
+      }
+    },
     "cssesc": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz",
       "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=",
       "dev": true
     },
-    "cumpa": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/cumpa/-/cumpa-1.0.1.tgz",
-      "integrity": "sha512-Ew3sfG4cqvDFINS1VgdvLX1FIruhySlnP6DRLhB+1EjewiOzhJzKRKPEp/TCuo0RDisSFeuaDrk0S4Q8grF9CA=="
-    },
     "currently-unhandled": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
@@ -2230,11 +2606,6 @@
         "array-find-index": "^1.0.1"
       }
     },
-    "curri": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/curri/-/curri-1.0.1.tgz",
-      "integrity": "sha512-VwFb2MGqN0A1RPA0vSgDRSWc0c+V6N9yz8pVYJ9AXILAukRAyCZP5Sqp4VdOxgw1lT0t5oaplwIDT/ruF3Nz7Q=="
-    },
     "cyclist": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
@@ -2281,10 +2652,17 @@
       "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=",
       "dev": true
     },
+    "deep-diff": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/deep-diff/-/deep-diff-0.3.8.tgz",
+      "integrity": "sha1-wB3mPvsO7JeYgB1Ax+Da4ltYLIQ=",
+      "dev": true
+    },
     "define-properties": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
       "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+      "dev": true,
       "requires": {
         "object-keys": "^1.0.12"
       }
@@ -2369,25 +2747,12 @@
         "randombytes": "^2.0.0"
       }
     },
-    "dom-nodes": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dom-nodes/-/dom-nodes-1.1.3.tgz",
-      "integrity": "sha512-y5wnIx97oe0IqMllL/lizgkK2c9vu1cQeqPCCsS7mwNdPuYxg3b04eDJynHhC63kM8+ZsteOmiPElfVGOUmmKg=="
-    },
     "domain-browser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
       "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
       "dev": true
     },
-    "domdiff": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/domdiff/-/domdiff-2.1.1.tgz",
-      "integrity": "sha512-LJBvV951bDH4FlvgN0Fj7Jlxge4xXWXH19raGHldmOnfiyTpdhoKGlEhyMvVPNwgHRFYmFJYhSNGTYZ4eyfJFA==",
-      "requires": {
-        "@ungap/essential-map": "^0.2.0"
-      }
-    },
     "duplexify": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
@@ -2413,7 +2778,8 @@
     "electron-to-chromium": {
       "version": "1.3.306",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.306.tgz",
-      "integrity": "sha512-frDqXvrIROoYvikSKTIKbHbzO6M3/qC6kCIt/1FOa9kALe++c4VAJnwjSFvf1tYLEUsP2n9XZ4XSCyqc3l7A/A=="
+      "integrity": "sha512-frDqXvrIROoYvikSKTIKbHbzO6M3/qC6kCIt/1FOa9kALe++c4VAJnwjSFvf1tYLEUsP2n9XZ4XSCyqc3l7A/A==",
+      "dev": true
     },
     "elliptic": {
       "version": "6.5.1",
@@ -2439,7 +2805,8 @@
     "emojis-list": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k="
+      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+      "dev": true
     },
     "end-of-stream": {
       "version": "1.4.4",
@@ -2461,14 +2828,6 @@
         "tapable": "^1.0.0"
       }
     },
-    "erre": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/erre/-/erre-2.2.0.tgz",
-      "integrity": "sha512-rM+EfZdJCC17CSBGyULHRHfHiUpElGLfAv0g2Eu+xQZOMPAaCZon0odOXKa3EsrCeO4VFKMpXNAGziUzIY0PEA==",
-      "requires": {
-        "ruit": "^1.0.4"
-      }
-    },
     "errno": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz",
@@ -2848,6 +3207,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
       "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+      "dev": true,
       "requires": {
         "commondir": "^1.0.1",
         "make-dir": "^2.0.0",
@@ -2966,8 +3326,7 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -2988,14 +3347,12 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -3010,20 +3367,17 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -3140,8 +3494,7 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -3153,7 +3506,6 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -3168,7 +3520,6 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -3176,14 +3527,12 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -3202,7 +3551,6 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -3283,8 +3631,7 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -3296,7 +3643,6 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -3382,8 +3728,7 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -3419,7 +3764,6 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -3439,7 +3783,6 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -3483,14 +3826,12 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         }
       }
     },
@@ -3509,7 +3850,8 @@
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
     },
     "gauge": {
       "version": "2.7.4",
@@ -3643,12 +3985,10 @@
       }
     },
     "globals": {
-      "version": "12.2.0",
+      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-12.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-I+vilMwxQTALVcfFOHtBGoALP/3IERMgNv5ZOjAzknz3E4AF5BBxxbZ2s3yphNfC8TgjMlyy3yGOwPqPETUVtg==",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "requires": {
+      "dev": true
-        "type-fest": "^0.8.1"
-      }
     },
     "globule": {
       "version": "1.2.1",
@@ -3667,6 +4007,11 @@
       "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==",
       "dev": true
     },
+    "gud": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz",
+      "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw=="
+    },
     "har-schema": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
@@ -3700,7 +4045,8 @@
     "has-symbols": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz",
-      "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg=="
+      "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==",
+      "dev": true
     },
     "has-unicode": {
       "version": "2.0.1",
@@ -3766,6 +4112,19 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "history": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
+      "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "loose-envify": "^1.2.0",
+        "resolve-pathname": "^3.0.0",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0",
+        "value-equal": "^1.0.1"
+      }
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -3777,6 +4136,14 @@
         "minimalistic-crypto-utils": "^1.0.1"
       }
     },
+    "hoist-non-react-statics": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
+      "integrity": "sha512-wbg3bpgA/ZqWrZuMOeJi8+SKMhr7X9TesL/rXMjTzh0p0JUBo3II8DHboYbuIXWRlttrUFxwcu/5kygrCw8fJw==",
+      "requires": {
+        "react-is": "^16.7.0"
+      }
+    },
     "homedir-polyfill": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
@@ -4109,6 +4476,11 @@
       "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
       "dev": true
     },
+    "is-what": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.4.0.tgz",
+      "integrity": "sha512-oFdBRuSY9PocqPoUUseDXek4I+A1kWGigZGhuG+7GEkp0tRkek11adc0HbTEVsNvtojV7rp0uhf5LWtGvHzoOQ=="
+    },
     "is-windows": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
@@ -4154,7 +4526,8 @@
     "js-levenshtein": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/js-levenshtein/-/js-levenshtein-1.1.6.tgz",
-      "integrity": "sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g=="
+      "integrity": "sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==",
+      "dev": true
     },
     "js-tokens": {
       "version": "4.0.0",
@@ -4170,12 +4543,7 @@
     "jsesc": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-      "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0="
+      "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
-    },
-    "json-loader": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/json-loader/-/json-loader-0.5.7.tgz",
-      "integrity": "sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w==",
       "dev": true
     },
     "json-parse-better-errors": {
@@ -4206,6 +4574,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
       "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+      "dev": true,
       "requires": {
         "minimist": "^1.2.0"
       }
@@ -4260,6 +4629,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
       "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
+      "dev": true,
       "requires": {
         "big.js": "^5.2.2",
         "emojis-list": "^2.0.0",
@@ -4270,6 +4640,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
       "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "dev": true,
       "requires": {
         "p-locate": "^3.0.0",
         "path-exists": "^3.0.0"
@@ -4278,7 +4649,8 @@
         "path-exists": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
-          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU="
+          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+          "dev": true
         }
       }
     },
@@ -4325,6 +4697,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
       "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dev": true,
       "requires": {
         "pify": "^4.0.1",
         "semver": "^5.6.0"
@@ -4333,7 +4706,8 @@
         "pify": {
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+          "dev": true
         }
       }
     },
@@ -4395,6 +4769,11 @@
         "p-is-promise": "^2.0.0"
       }
     },
+    "memoize-one": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.1.1.tgz",
+      "integrity": "sha512-HKeeBpWvqiVJD57ZUAsJNm71eHTykffzcLZVYWiVfQeI1rJtuEaS7hQiEpWfVVk18donPwJEcFKIkCmPJNOhHA=="
+    },
     "memory-fs": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
@@ -4423,6 +4802,14 @@
         "trim-newlines": "^1.0.0"
       }
     },
+    "merge-anything": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/merge-anything/-/merge-anything-2.4.2.tgz",
+      "integrity": "sha512-/so+4seX7fdAhPI3m3bxwc60vhotzY9uM+1Z6C3GKeJBYzxt/lIrbs5uT9iwgM5aLi5kpJIPT7JzJfrrfloWHA==",
+      "requires": {
+        "is-what": "^3.3.1"
+      }
+    },
     "micromatch": {
       "version": "3.1.10",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
@@ -4475,6 +4862,16 @@
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true
     },
+    "mini-create-react-context": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.3.2.tgz",
+      "integrity": "sha512-2v+OeetEyliMt5VHMXsBhABoJ0/M4RCe7fatd/fBy6SMiKazUSEt3gxxypfnk2SHMkdBYvorHRoQxuGoiwbzAw==",
+      "requires": {
+        "@babel/runtime": "^7.4.0",
+        "gud": "^1.0.0",
+        "tiny-warning": "^1.0.2"
+      }
+    },
     "mini-css-extract-plugin": {
       "version": "0.4.5",
       "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.4.5.tgz",
@@ -4510,7 +4907,8 @@
     "minimist": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
-      "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
+      "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+      "dev": true
     },
     "mississippi": {
       "version": "3.0.0",
@@ -4555,6 +4953,7 @@
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
       "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "dev": true,
       "requires": {
         "minimist": "0.0.8"
       },
@@ -4562,7 +4961,8 @@
         "minimist": {
           "version": "0.0.8",
           "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
-          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
+          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
+          "dev": true
         }
       }
     },
@@ -4724,6 +5124,7 @@
       "version": "1.1.40",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.40.tgz",
       "integrity": "sha512-r4LPcC5b/bS8BdtWH1fbeK88ib/wg9aqmg6/s3ngNLn2Ewkn/8J6Iw3P9RTlfIAdSdvYvQl2thCY5Y+qTAQ2iQ==",
+      "dev": true,
       "requires": {
         "semver": "^6.3.0"
       },
@@ -4731,7 +5132,8 @@
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
         }
       }
     },
@@ -4823,8 +5225,7 @@
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
-      "dev": true
     },
     "object-copy": {
       "version": "0.1.0",
@@ -4860,7 +5261,8 @@
     "object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true
     },
     "object-path": {
       "version": "0.11.4",
@@ -4881,6 +5283,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz",
       "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==",
+      "dev": true,
       "requires": {
         "define-properties": "^1.1.2",
         "function-bind": "^1.1.1",
@@ -4965,6 +5368,7 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.1.tgz",
       "integrity": "sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==",
+      "dev": true,
       "requires": {
         "p-try": "^2.0.0"
       }
@@ -4973,6 +5377,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
       "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "dev": true,
       "requires": {
         "p-limit": "^2.0.0"
       }
@@ -4980,7 +5385,8 @@
     "p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true
     },
     "pako": {
       "version": "1.0.10",
@@ -5079,12 +5485,23 @@
     "path-parse": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw=="
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "dev": true
     },
     "path-to-regexp": {
-      "version": "3.2.0",
+      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
-      "integrity": "sha512-jczvQbCUS7XmS7o+y1aEO9OBVFeZBQ1MDSEqmO7xSoPgOPoowY/SxLpZ6Vh97/8qHZOteiCKb7gkG9gA2ZUxJA=="
+      "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+      "requires": {
+        "isarray": "0.0.1"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+        }
+      }
     },
     "path-type": {
       "version": "1.1.0",
@@ -5141,6 +5558,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
       "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+      "dev": true,
       "requires": {
         "find-up": "^3.0.0"
       },
@@ -5149,6 +5567,7 @@
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
           "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
           "requires": {
             "locate-path": "^3.0.0"
           }
@@ -5245,13 +5664,13 @@
     "postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
-      "dev": true
     },
     "private": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
-      "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg=="
+      "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
+      "dev": true
     },
     "process": {
       "version": "0.11.10",
@@ -5271,6 +5690,16 @@
       "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
       "dev": true
     },
+    "prop-types": {
+      "version": "15.7.2",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
+      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.8.1"
+      }
+    },
     "prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -5360,6 +5789,11 @@
       "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
       "dev": true
     },
+    "raf-schd": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.2.tgz",
+      "integrity": "sha512-VhlMZmGy6A6hrkJWHLNTGl5gtgMUm+xfGza6wbwnE914yeQ5Ybm18vgM734RZhMgfw4tacUrWseGZlpUrrakEQ=="
+    },
     "randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -5379,13 +5813,89 @@
         "safe-buffer": "^5.1.0"
       }
     },
-    "rawth": {
+    "react": {
-      "version": "0.3.0",
+      "version": "16.12.0",
-      "resolved": "https://registry.npmjs.org/rawth/-/rawth-0.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.12.0.tgz",
-      "integrity": "sha512-TOQeOaFH14sAoO9hMtE8ds/NgHBR5zAtlwaVviYvh58+cVMcJcx6abB4KRds788+M1tAifnFJyugDkPPKGZ5TA==",
+      "integrity": "sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==",
       "requires": {
-        "erre": "^2.2.0",
+        "loose-envify": "^1.1.0",
-        "path-to-regexp": "^3.1.0"
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2"
+      }
+    },
+    "react-beautiful-dnd": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.5.tgz",
+      "integrity": "sha512-7llby9U+jIfkINcyxPHVWU0HFYzqxMemUYgGHsFsbx4fZo1n/pW6sYKYzhxGxR3Ap5HxqswcQkKUZX4uEUWhlw==",
+      "requires": {
+        "@babel/runtime-corejs2": "^7.4.5",
+        "css-box-model": "^1.1.2",
+        "memoize-one": "^5.0.4",
+        "raf-schd": "^4.0.0",
+        "react-redux": "^7.0.3",
+        "redux": "^4.0.1",
+        "tiny-invariant": "^1.0.4",
+        "use-memo-one": "^1.1.0"
+      }
+    },
+    "react-dom": {
+      "version": "16.12.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.12.0.tgz",
+      "integrity": "sha512-LMxFfAGrcS3kETtQaCkTKjMiifahaMySFDn71fZUNpPHZQEzmk/GiAeIT8JSOrHB23fnuCOMruL2a8NYlw+8Gw==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2",
+        "scheduler": "^0.18.0"
+      }
+    },
+    "react-is": {
+      "version": "16.12.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.12.0.tgz",
+      "integrity": "sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q=="
+    },
+    "react-redux": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.1.3.tgz",
+      "integrity": "sha512-uI1wca+ECG9RoVkWQFF4jDMqmaw0/qnvaSvOoL/GA4dNxf6LoV8sUAcNDvE5NWKs4hFpn0t6wswNQnY3f7HT3w==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "hoist-non-react-statics": "^3.3.0",
+        "invariant": "^2.2.4",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.7.2",
+        "react-is": "^16.9.0"
+      }
+    },
+    "react-router": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.1.2.tgz",
+      "integrity": "sha512-yjEuMFy1ONK246B+rsa0cUam5OeAQ8pyclRDgpxuSCrAlJ1qN9uZ5IgyKC7gQg0w8OM50NXHEegPh/ks9YuR2A==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "history": "^4.9.0",
+        "hoist-non-react-statics": "^3.1.0",
+        "loose-envify": "^1.3.1",
+        "mini-create-react-context": "^0.3.0",
+        "path-to-regexp": "^1.7.0",
+        "prop-types": "^15.6.2",
+        "react-is": "^16.6.0",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0"
+      }
+    },
+    "react-router-dom": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.1.2.tgz",
+      "integrity": "sha512-7BPHAaIwWpZS074UKaw1FjVdZBSVWEk8IuDXdB+OkLb8vd/WRQIpA4ag9WQk61aEfQs47wHyjWUoUGGZxpQXew==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "history": "^4.9.0",
+        "loose-envify": "^1.3.1",
+        "prop-types": "^15.6.2",
+        "react-router": "5.1.2",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0"
       }
     },
     "read-pkg": {
@@ -5465,15 +5975,43 @@
         "strip-indent": "^1.0.1"
       }
     },
+    "redux": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.4.tgz",
+      "integrity": "sha512-vKv4WdiJxOWKxK0yRoaK3Y4pxxB0ilzVx6dszU2W8wLxlb2yikRph4iV/ymtdJ6ZxpBLFbyrxklnT5yBbQSl3Q==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "symbol-observable": "^1.2.0"
+      }
+    },
+    "redux-logger": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/redux-logger/-/redux-logger-3.0.6.tgz",
+      "integrity": "sha1-91VZZvMJjzyIYExEnPC69XeCdL8=",
+      "dev": true,
+      "requires": {
+        "deep-diff": "^0.3.5"
+      }
+    },
+    "redux-saga": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/redux-saga/-/redux-saga-1.1.3.tgz",
+      "integrity": "sha512-RkSn/z0mwaSa5/xH/hQLo8gNf4tlvT18qXDNvedihLcfzh+jMchDgaariQoehCpgRltEm4zHKJyINEz6aqswTw==",
+      "requires": {
+        "@redux-saga/core": "^1.1.3"
+      }
+    },
     "regenerate": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz",
-      "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg=="
+      "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==",
+      "dev": true
     },
     "regenerate-unicode-properties": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz",
       "integrity": "sha512-LGZzkgtLY79GeXLm8Dp0BVLdQlWICzBnJz/ipWUgo59qBaZ+BHtq51P2q1uVZlppMuUAT37SDk39qUbjTWB7bA==",
+      "dev": true,
       "requires": {
         "regenerate": "^1.4.0"
       }
@@ -5488,6 +6026,7 @@
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.1.tgz",
       "integrity": "sha512-flVuee02C3FKRISbxhXl9mGzdbWUVHubl1SMaknjxkFB1/iqpJhArQUvRxOOPEc/9tAiX0BaQ28FJH10E4isSQ==",
+      "dev": true,
       "requires": {
         "private": "^0.1.6"
       }
@@ -5611,6 +6150,7 @@
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz",
       "integrity": "sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==",
+      "dev": true,
       "requires": {
         "path-parse": "^1.0.6"
       }
@@ -5653,6 +6193,11 @@
       "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
       "dev": true
     },
+    "resolve-pathname": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
+      "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
+    },
     "resolve-url": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -5775,20 +6320,6 @@
         "glob": "^7.1.3"
       }
     },
-    "riot": {
-      "version": "4.6.6",
-      "resolved": "https://registry.npmjs.org/riot/-/riot-4.6.6.tgz",
-      "integrity": "sha512-kgXv0yv4EIREpM8NBhtiVOSjbU+vRrV8gYB8ykpJJc9l0bvDARWWteDnwvplhRGEvE1X9465EGuZ7vVNKGNx9w==",
-      "requires": {
-        "@riotjs/compiler": "^4.5.2",
-        "@riotjs/dom-bindings": "^4.4.7",
-        "@riotjs/util": "^1.1.0",
-        "bianco.attr": "^1.0.0",
-        "bianco.query": "^1.0.0",
-        "cumpa": "^1.0.1",
-        "curri": "^1.0.1"
-      }
-    },
     "ripemd160": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
@@ -5799,11 +6330,6 @@
         "inherits": "^2.0.1"
       }
     },
-    "ruit": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/ruit/-/ruit-1.0.4.tgz",
-      "integrity": "sha512-eiHVb18DQ24Of/fdJmZCysw6X21IIyed5c87eAW95KQY5TvTfh6SR9pCkAowciyvhW1Bhm3RXuRX6eILKl+49w=="
-    },
     "run-queue": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz",
@@ -5816,7 +6342,8 @@
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
     },
     "safe-regex": {
       "version": "1.1.0",
@@ -5872,6 +6399,15 @@
         }
       }
     },
+    "scheduler": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.18.0.tgz",
+      "integrity": "sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1"
+      }
+    },
     "schema-utils": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
@@ -5907,7 +6443,8 @@
     "semver": {
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true
     },
     "serialize-javascript": {
       "version": "1.9.1",
@@ -6343,12 +6880,57 @@
         "schema-utils": "^1.0.0"
       }
     },
+    "styled-components": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-4.4.1.tgz",
+      "integrity": "sha512-RNqj14kYzw++6Sr38n7197xG33ipEOktGElty4I70IKzQF1jzaD1U4xQ+Ny/i03UUhHlC5NWEO+d8olRCDji6g==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@babel/traverse": "^7.0.0",
+        "@emotion/is-prop-valid": "^0.8.1",
+        "@emotion/unitless": "^0.7.0",
+        "babel-plugin-styled-components": ">= 1",
+        "css-to-react-native": "^2.2.2",
+        "memoize-one": "^5.0.0",
+        "merge-anything": "^2.2.4",
+        "prop-types": "^15.5.4",
+        "react-is": "^16.6.0",
+        "stylis": "^3.5.0",
+        "stylis-rule-sheet": "^0.0.10",
+        "supports-color": "^5.5.0"
+      },
+      "dependencies": {
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "stylis": {
+      "version": "3.5.4",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-3.5.4.tgz",
+      "integrity": "sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q=="
+    },
+    "stylis-rule-sheet": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz",
+      "integrity": "sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw=="
+    },
     "supports-color": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
       "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
       "dev": true
     },
+    "symbol-observable": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
+    },
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -6427,6 +7009,16 @@
         "setimmediate": "^1.0.4"
       }
     },
+    "tiny-invariant": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.0.6.tgz",
+      "integrity": "sha512-FOyLWWVjG+aC0UqG76V53yAWdXfH8bO6FNmyZOuUrzDzK8DI3/JRY25UD7+g49JWM1LXwymsKERB+DzI0dTEQA=="
+    },
+    "tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+    },
     "to-arraybuffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
@@ -6546,17 +7138,33 @@
       "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==",
       "dev": true
     },
-    "type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA=="
-    },
     "typedarray": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
+    "typescript-compare": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/typescript-compare/-/typescript-compare-0.0.2.tgz",
+      "integrity": "sha512-8ja4j7pMHkfLJQO2/8tut7ub+J3Lw2S3061eJLFQcvs3tsmJKp8KG5NtpLn7KcY2w08edF74BSVN7qJS0U6oHA==",
+      "requires": {
+        "typescript-logic": "^0.0.0"
+      }
+    },
+    "typescript-logic": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/typescript-logic/-/typescript-logic-0.0.0.tgz",
+      "integrity": "sha512-zXFars5LUkI3zP492ls0VskH3TtdeHCqu0i7/duGt60i5IGPIpAHE/DWo5FqJ6EjQ15YKXrt+AETjv60Dat34Q=="
+    },
+    "typescript-tuple": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/typescript-tuple/-/typescript-tuple-2.2.1.tgz",
+      "integrity": "sha512-Zcr0lbt8z5ZdEzERHAMAniTiIKerFCMgd7yjq1fPnDJ43et/k9twIFQMUYff9k5oXcsQ0WpvFcgzK2ZKASoW6Q==",
+      "requires": {
+        "typescript-compare": "^0.0.2"
+      }
+    },
     "uglify-js": {
       "version": "3.4.10",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
@@ -6578,12 +7186,14 @@
     "unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
-      "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ=="
+      "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==",
+      "dev": true
     },
     "unicode-match-property-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz",
       "integrity": "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==",
+      "dev": true,
       "requires": {
         "unicode-canonical-property-names-ecmascript": "^1.0.4",
         "unicode-property-aliases-ecmascript": "^1.0.4"
@@ -6592,12 +7202,14 @@
     "unicode-match-property-value-ecmascript": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.1.0.tgz",
-      "integrity": "sha512-hDTHvaBk3RmFzvSl0UVrUmC3PuW9wKVnpoUDYH0JDkSIovzw+J5viQmeYHxVSBptubnr7PbH2e0fnpDRQnQl5g=="
+      "integrity": "sha512-hDTHvaBk3RmFzvSl0UVrUmC3PuW9wKVnpoUDYH0JDkSIovzw+J5viQmeYHxVSBptubnr7PbH2e0fnpDRQnQl5g==",
+      "dev": true
     },
     "unicode-property-aliases-ecmascript": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.5.tgz",
-      "integrity": "sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw=="
+      "integrity": "sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==",
+      "dev": true
     },
     "union-value": {
       "version": "1.0.1",
@@ -6720,6 +7332,11 @@
       "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
       "dev": true
     },
+    "use-memo-one": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.1.tgz",
+      "integrity": "sha512-oFfsyun+bP7RX8X2AskHNTxu+R3QdE/RC5IefMbqptmACAA/gfol1KDD5KRzPsGMa62sWxGZw+Ui43u6x4ddoQ=="
+    },
     "util": {
       "version": "0.10.3",
       "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
@@ -6746,8 +7363,7 @@
     "uuid": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.3.tgz",
-      "integrity": "sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ==",
+      "integrity": "sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ=="
-      "dev": true
     },
     "v8-compile-cache": {
       "version": "2.0.3",
@@ -6765,6 +7381,11 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "value-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
+      "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
+    },
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",

client/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "gitea-apps",
+  "name": "gitea-kan",
   "version": "0.0.0",
-  "description": "Gitea Apps",
+  "description": "Gitea Kan",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -19,15 +19,20 @@
   },
   "homepage": "https://forge.cadoles.com/wpetit/gitea-apps#readme",
   "devDependencies": {
-    "@riotjs/compiler": "^4.5.2",
+    "@babel/core": "^7.7.2",
-    "@riotjs/webpack-loader": "^4.0.1",
+    "@babel/plugin-proposal-class-properties": "^7.7.4",
+    "@babel/plugin-transform-runtime": "^7.7.4",
+    "@babel/preset-env": "^7.7.1",
+    "@babel/preset-react": "^7.7.4",
+    "@fortawesome/fontawesome-free": "^5.11.2",
+    "babel-loader": "^8.0.6",
     "css-loader": "^1.0.1",
     "extract-loader": "^3.1.0",
     "file-loader": "^2.0.0",
     "html-loader": "^0.5.5",
-    "json-loader": "^0.5.7",
     "mini-css-extract-plugin": "^0.4.4",
     "node-sass": "^4.10.0",
+    "redux-logger": "^3.0.6",
     "resolve-url-loader": "^3.0.0",
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
@@ -35,11 +40,16 @@
     "webpack-cli": "^3.1.2"
   },
   "dependencies": {
-    "@babel/core": "^7.7.2",
+    "@lourenci/react-kanban": "^0.15.0",
-    "@babel/preset-env": "^7.7.1",
-    "@riotjs/route": "^4.0.0",
-    "babel-loader": "^8.0.6",
     "bulma": "^0.7.2",
-    "riot": "^4.6.6"
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0",
+    "react-redux": "^7.1.3",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "redux": "^4.0.4",
+    "redux-saga": "^1.1.3",
+    "styled-components": "^4.4.1",
+    "uuid": "^3.3.3"
   }
 }

client/src/components/App.jsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { HashRouter as Router, Route, Redirect, Switch } from "react-router-dom";
+import { ConnectedHomePage as HomePage } from './HomePage/HomePage';
+import { ConnectedBoardPage as BoardPage } from './BoardPage/BoardPage';
+import { ConnectedEditBoardPage as EditBoardPage } from './BoardPage/EditBoardPage';
+import { store } from '../store/store';
+import { Provider } from 'react-redux';
+
+export class App extends React.Component {
+  render() {
+    return (
+      <Provider store={store}>
+        <Router>
+          <Switch>
+            <Route path="/" exact component={HomePage} />
+            <Route path="/boards/new" exact component={EditBoardPage} />
+            <Route path="/boards/:id" exact component={BoardPage} />
+            <Route path="/boards/:id/edit" exact component={EditBoardPage} />
+            <Route path="/boards/:id/delete" exact component={BoardPage} />
+            <Route path="/logout" exact component={() => {
+              window.location = "/logout";
+              return null;
+            }} />
+            <Route component={() => <Redirect to="/" />} />
+          </Switch>
+        </Router>
+      </Provider>
+    );
+  }
+}

client/src/components/BoardPage/BoardPage.jsx

@@ -0,0 +1,242 @@
+import React from 'react';
+import { Page } from '../Page';
+import { connect } from 'react-redux';
+import Board from '@lourenci/react-kanban';
+import { fetchBoards } from '../../store/actions/boards';
+import { createIssue } from '../../store/actions/issues';
+import { buildKanboard, moveCard } from '../../store/actions/kanboards';
+import { Loader } from '../Loader';
+import { IssueCard } from './IssueCard';
+import { Modal } from '../Modal';
+
+export class BoardPage extends React.Component {
+
+  state = {
+    newCardModalActive: false,
+    newCardLaneID: 0,
+    newCard: {
+      title: "",
+      body: "",
+      project: ""
+    }
+  }
+
+  constructor(props) {
+    super(props);
+    this.renderLaneHeader = this.renderLaneHeader.bind(this);
+    this.onNewCardClick = this.onNewCardClick.bind(this);
+    this.onNewCardCloseClick = this.onNewCardCloseClick.bind(this);
+    this.onNewCardTitleChange = this.onNewCardAttrChange.bind(this, 'title');
+    this.onNewCardBodyChange = this.onNewCardAttrChange.bind(this, 'body');
+    this.onNewCardProjectChange = this.onNewCardAttrChange.bind(this, 'project');
+    this.onNewCardSaveClick = this.onNewCardSaveClick.bind(this);
+  }
+
+  render() {
+    const { board } = this.props;
+    return (
+      <Page title={`${board ? (board.title + ' - ') : ''}GenGitKan`}>
+        <div className="container is-fluid">
+          {this.renderBoard()}
+        </div>
+      </Page>
+    );
+  }
+
+  renderBoard() {
+    const { kanboard } = this.props;
+    
+    if (!kanboard) {
+      return <Loader></Loader>
+    }
+
+    return (
+      <div className="kanboard-container is-fullheight">
+        <Board disableLaneDrag={true}
+          renderCard={this.renderCard}
+          renderLaneHeader={this.renderLaneHeader}
+          onCardDragEnd={this.onCardDragEnd.bind(this)}>
+          {kanboard}
+        </Board>
+        { this.renderNewCardModal() }
+      </div>
+    );
+  }
+
+  renderNewCardModal() {
+    const { newCardModalActive, newCardLaneID } = this.state;
+    const { board } = this.props;
+    if (!board) return null;
+    return (
+      <Modal active={newCardModalActive}>
+        <div className="new-card-modal">
+          <article className="message">
+            <div className="message-header">
+              <p><span>"{board.lanes[newCardLaneID].title}" - Nouveau ticket</span></p>
+              <button className="delete" aria-label="delete" onClick={this.onNewCardCloseClick}></button>
+            </div>
+            <div className="message-body">
+              <div className="field">
+                <div className="control">
+                  <input className="input is-medium" type="text" 
+                    placeholder="Titre de votre ticket..."
+                    value={this.state.newCard.title} 
+                    onChange={this.onNewCardTitleChange} />
+                </div>
+              </div>
+              <div className="field">
+                <div className="control">
+                  <textarea className="textarea" 
+                    placeholder="Description du nouveau ticket..."
+                    value={this.state.newCard.body} 
+                    onChange={this.onNewCardBodyChange}
+                    rows="10">
+                  </textarea>
+                </div>
+              </div>
+              <div className="field">
+                <div className="control is-expanded">
+                  <div className="select is-fullwidth"
+                    value={this.state.newCard.project} 
+                    onChange={this.onNewCardProjectChange}>
+                    <select>
+                      {
+                        board.projects.map((p, i) => {
+                          return <option key={`new-card-project-${i}`} value={p}>{p}</option>
+                        })
+                      }
+                    </select>
+                  </div>
+                </div>
+              </div>
+              <div className="field is-grouped is-grouped-right">
+                <p className="control">
+                  <a className="button is-light" 
+                    onClick={this.onNewCardCloseClick}>
+                    Annuler
+                  </a>
+                </p>
+                <p className="control">
+                  <a className="button is-primary"
+                    onClick={this.onNewCardSaveClick}>
+                    Enregistrer
+                  </a>
+                </p>
+              </div>
+            </div>
+          </article>
+        </div>
+      </Modal>
+    )
+  }
+
+  renderCard(card) {
+    return <IssueCard card={card} />;
+  }
+
+  renderLaneHeader(lane) {
+    return (
+      <div className="kanboard-lane">
+        <div className="level">
+          <div className="level-left">
+            <h3 className="level-item is-size-3">{lane.title}</h3>
+          </div>
+          <div className="level-right">
+            <button className="button is-light level-item is-medium"
+              onClick={this.onNewCardClick.bind(this, lane.id)}>
+              <span className="icon">
+                <i className="fas fa-plus" aria-hidden="true"></i>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>      
+    )
+  }
+
+  onCardDragEnd(source, dest) {
+    const { board } = this.props;
+    this.props.dispatch(moveCard(
+      board.id,
+      source.fromLaneId,
+      source.fromPosition,
+      dest.toLaneId,
+      dest.toPosition
+    ));
+  }
+
+  componentDidMount() {
+    const { board } = this.props;
+    if (!board) {
+      this.requestBoardsUpdate();
+      return
+    }
+
+    this.requestBuildKanboard();
+  }
+
+  onNewCardClick(laneID) {
+    const { board } = this.props;
+    this.setState({ 
+      newCardModalActive: true, 
+      newCardLaneID: laneID,
+      newCard: {
+        title: "",
+        body: "",
+        project: board.projects[0],
+      }
+    });
+  }
+
+  onNewCardCloseClick() {
+    this.setState({ newCardModalActive: false });
+  }
+
+  onNewCardAttrChange(attrName, evt) {
+    const value = evt.target.value;
+    this.setState(state => {
+      return {
+        ...state,
+        newCard: {
+          ...state.newCard,
+          [attrName]: value,
+        }
+      }
+    })
+  }
+
+  onNewCardSaveClick() {
+    const { newCard, newCardLaneID } = this.state;
+    const { board } = this.props;
+    this.setState({ newCardModalActive: false });
+    this.props.dispatch(createIssue(
+      newCard.project, 
+      newCard.title, 
+      newCard.body, 
+      board.lanes[newCardLaneID].issueLabel
+    ));
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.board !== this.props.board) this.requestBuildKanboard();
+  }
+
+  requestBoardsUpdate() {
+    this.props.dispatch(fetchBoards());
+  }
+
+  requestBuildKanboard() {
+    const { board } = this.props;
+    if (!board) return;
+    this.props.dispatch(buildKanboard(board));
+  }
+
+}
+
+export const ConnectedBoardPage = connect(function(state, props) {
+  const boardID = props.match.params.id;
+  return {
+    board: state.boards.byID[boardID],
+    kanboard: state.kanboards.byID[boardID]
+  };
+})(BoardPage);

client/src/components/BoardPage/EditBoardPage.jsx

@@ -0,0 +1,390 @@
+import React from 'react';
+import { Page } from '../Page';
+import { connect } from 'react-redux';
+import { selectFlagsIsLoading } from '../../store/selectors/flags';
+import { fetchBoards, saveBoard } from '../../store/actions/boards';
+import { fetchProjects } from '../../store/actions/projects';
+import uuidv4 from 'uuid/v4';
+
+export class EditBoardPage extends React.Component {
+
+  state = {
+    edited: false,
+    board: {
+      id: uuidv4(),
+      title: "",
+      description: "",
+      projects: [],
+      lanes: []
+    },
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    const { board, isLoading } = props;
+
+    if (isLoading || !board || state.edited) return state;
+
+    return {
+      edited: false,
+      board: {
+        id: board.id,
+        title: board.title,
+        description: board.description,
+        projects: [ ...board.projects ],
+        lanes: [ ...board.lanes.map(l => ({ ...l })) ]
+      }
+    };
+  } 
+
+  constructor(props) {
+    super(props);
+    this.onBoardTitleChange = this.onBoardAttrChange.bind(this, 'title');
+    this.onBoardDescriptionChange = this.onBoardAttrChange.bind(this, 'description');
+    this.onBoardLaneTitleChange = this.onBoardLaneAttrChange.bind(this, 'title');
+    this.onBoardLaneIssueLabelChange = this.onBoardLaneAttrChange.bind(this, 'issueLabel');
+  }
+  
+  render() {
+    const { isLoading } = this.props;
+    const { board } = this.state;
+
+    if (isLoading) {
+      return (
+        <p>Loading...</p>
+      )
+    };
+    
+    return (
+      <Page>
+        <div className="container is-fluid">
+          <div className="columns">
+            <div className="column is-6 is-offset-3">
+              {
+                board.id ?
+                <h3 className="is-size-3">Éditer le tableau</h3> :
+                <h3 className="is-size-3">Nouveau tableau</h3>
+              }
+              <div className="field">
+                <label className="label">Titre</label>
+                <div className="control">
+                  <input className="input" type="text" 
+                    value={board.title} 
+                    onChange={this.onBoardTitleChange} />
+                </div>
+              </div>
+              <div className="field">
+                <label className="label">Description</label>
+                <div className="control">
+                  <textarea className="textarea" 
+                    value={board.description}
+                    onChange={this.onBoardDescriptionChange}>  
+                  </textarea>
+                </div>
+              </div>
+              <hr />
+              { this.renderProjectSelect() }
+              <hr />
+              { this.renderLanesSection() }
+              <div className="field is-grouped is-grouped-right">
+                <p className="control">
+                  <a className="button is-light is-normal" href="#/">
+                    Annuler
+                  </a>
+                </p>
+                <p className="control">
+                  <a className="button is-success is-normal"
+                    onClick={this.onSaveBoardClick.bind(this)}>
+                    Enregistrer
+                  </a>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </Page>
+    );
+  }
+
+  renderProjectSelect() {
+    const { projects } = this.props;
+    const { board } = this.state;
+
+    const  projectSelectField = (projectIndex, value, withDeleteAddon) => {
+      return (
+        <div key={`project-${projectIndex}`} className="field has-addons">
+          <div className="control is-expanded">
+            <div className="select is-fullwidth">
+              <select value={value} onChange={this.onBoardProjectChange.bind(this, projectIndex)}>
+                <option value></option>
+                {
+                  projects.map(p => {
+                    return <option key={`project-${p}`} value={p}>{p}</option>;
+                  })
+                }
+              </select>
+            </div>
+          </div>
+          { 
+            withDeleteAddon ?
+            <div className="control">
+              <button type="submit" className="button is-danger"
+                onClick={this.onBoardProjectDelete.bind(this, projectIndex)}>
+                <span className="icon">
+                  <i className="fas fa-trash"></i>
+                </span>
+              </button>
+            </div> :
+            null
+          }
+        </div>
+      );
+    }
+
+    return (
+      <React.Fragment>
+        <label className="label">Projets</label>
+        {
+          board.projects.map((p, i) => {
+            return projectSelectField(i, p, true);
+          })
+        }
+        { projectSelectField(board.projects.length, '', false) }
+      </React.Fragment>
+    )
+  }
+
+
+
+  renderLanesSection() {
+
+    const { board } = this.state;
+ 
+    const laneSection = (laneIndex, lane) => {
+      return (
+        <React.Fragment key={`board-lane-${laneIndex}`}>
+          <div className="columns">
+            <div className="column is-10">
+              <div className="field is-horizontal">
+                <div className="field-label is-normal">
+                  <label className="label">Titre</label>
+                </div>
+                <div className="field-body">
+                  <div className="field">
+                    <div className="control">
+                      <input className="input" type="text" 
+                        value={lane.title} 
+                        onChange={this.onBoardLaneTitleChange.bind(this, laneIndex)} />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="field is-horizontal">
+                <div className="field-label is-normal">
+                  <label className="label">Label associé</label>
+                </div>
+                <div className="field-body">
+                  <div className="field">
+                    <div className="control">
+                      <input className="input" type="text" 
+                        value={lane.issueLabel}
+                        onChange={this.onBoardLaneIssueLabelChange.bind(this, laneIndex)} />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="column is-2 is-flex">
+              <div className="buttons">
+                <button className="button is-danger is-small"
+                  onClick={this.onBoardLaneDelete.bind(this, laneIndex)}>
+                  <span className="icon">
+                    <i className="fas fa-trash"></i>
+                  </span>
+                </button>
+                <button className="button is-primary is-small"
+                  onClick={this.onBoardLaneMove.bind(this, laneIndex, -1)}>
+                  <span className="icon">
+                    <i className="fas fa-chevron-up"></i>
+                  </span>
+                </button>
+                <button className="button is-primary is-small"
+                  onClick={this.onBoardLaneMove.bind(this, laneIndex, 1)}>
+                  <span className="icon">
+                    <i className="fas fa-chevron-down"></i>
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+          <hr />
+        </React.Fragment>
+      );
+    };
+
+    const lanes = board.lanes.map((l, i) => laneSection(i, l))
+
+    return (
+      <React.Fragment>
+        <div className="level">
+          <div className="level-left">
+            <label className="label level-item">Voies</label>
+          </div>
+          <div className="level-right">
+            <div className="field is-grouped is-grouped-right level-item">
+              <p className="control">
+                <a className="button is-primary is-small"
+                  onClick={this.onBoardLaneAdd.bind(this)}>
+                  Ajouter une voie
+                </a>
+              </p>
+            </div>
+          </div>
+        </div>
+        { lanes }
+      </React.Fragment>
+    )
+  }
+
+  onBoardLaneAdd() {
+    this.setState(state => {
+      const lanes = [ 
+        ...state.board.lanes, 
+        { id: uuidv4(), title: "", issueLabel: "" }
+      ];
+      return {
+        ...state,
+        edited: true,
+        board: {
+          ...state.board,
+          lanes
+        }
+      }
+    });
+  }
+
+  onBoardProjectDelete(projectIndex) {
+    this.setState(state => {
+      const projects = [ ...state.board.projects ]
+      projects.splice(projectIndex, 1); 
+      return {
+        ...state,
+        edited: true,
+        board: {
+          ...state.board,
+          projects
+        }
+      }
+    });
+  }
+
+  onBoardLaneMove(laneIndex, direction) {
+    this.setState(state => {
+      const lanes = [ ...state.board.lanes ];
+
+      const nextLaneIndex = laneIndex+direction;
+      if (nextLaneIndex < 0 || nextLaneIndex >= lanes.length) {
+        return state;
+      }
+
+      const l = lanes[laneIndex];
+      lanes.splice(laneIndex, 1);
+      lanes.splice(nextLaneIndex, 0, l);
+
+      return {
+        ...state,
+        edited: true,
+        board: {
+          ...state.board,
+          lanes
+        }
+      }
+    });
+  }
+
+  onBoardLaneDelete(laneIndex) {
+    this.setState(state => {
+      const lanes = [ ...state.board.lanes ]
+      lanes.splice(laneIndex, 1); 
+      return {
+        ...state,
+        edited: true,
+        board: {
+          ...state.board,
+          lanes
+        }
+      }
+    });
+  }
+
+  onBoardProjectChange(projectIndex, evt) {
+    const value = evt.target.value;
+    this.setState(state => {
+      const projects = [ ...state.board.projects ]; 
+      projects[projectIndex] = value;
+      return {
+        ...state,
+        edited: true,
+        board: {
+          ...state.board,
+          projects
+        }
+      }
+    });
+  }
+
+  onBoardAttrChange(attrName, evt) {
+    const value = evt.target.value;
+    this.setState(state => {
+      return {
+        ...state,
+        edited: true,
+        board: {
+          ...state.board,
+          [attrName]: value,
+        }
+      }
+    });
+  }
+
+  onBoardLaneAttrChange(attrName, laneIndex, evt) {
+    const value = evt.target.value;
+    this.setState(state => {
+      const lanes = [ ...state.board.lanes ];
+      lanes[laneIndex] = {
+        ...state.board.lanes[laneIndex],
+        [attrName]: value
+      };
+      return {
+        ...state,
+        edited: true,
+        board: {
+          ...state.board,
+          lanes
+        }
+      }
+    });
+  }
+
+  onSaveBoardClick() {
+    const { board } = this.state;
+    this.props.dispatch(saveBoard(board));
+    this.props.history.push('/');
+  }
+
+  componentDidMount() {
+    this.props.dispatch(fetchBoards());
+    this.props.dispatch(fetchProjects());
+  }
+
+}
+
+export const ConnectedEditBoardPage = connect(function(state, props) {
+  const boardID = props.match.params.id;
+  const board = boardID ? state.boards.byID[boardID] : null;
+
+  const projects = Object.keys(state.projects.byName).sort();
+
+  const isLoading = selectFlagsIsLoading(state, 'FETCH_BOARDS', 'FETCH_PROJECTS');
+
+  return { board, isLoading, projects };
+})(EditBoardPage);

client/src/components/BoardPage/IssueCard.jsx

@@ -0,0 +1,47 @@
+import React from 'react';
+
+export class IssueCard extends React.PureComponent {
+  render() {
+    const { card } = this.props;
+    return (
+      <div className="kanboard-card">
+        <div className="box">
+          <div className="media">
+            {
+              card.issue.assignee ?
+              <div className="media-left">
+                <figure className="image is-64x64">
+                  <img src={card.issue.assignee.avatar_url} alt="Image" />
+                </figure>
+                <small>{`@${card.issue.assignee.login}`}</small>
+              </div>
+              : null
+            }
+            <div className="media-content">
+              <div className="content">
+                <p>
+                  <strong>{`#${card.issue.number}`}</strong>&nbsp;
+                  { card.issue.milestone ? <small>{`- ${card.issue.milestone.title}`}</small> : null }
+                  <br />
+                  <span className="is-size-6">{card.issue.title}</span>
+                </p>
+              </div>
+            </div>
+          </div>
+          <div className="level is-mobile" style={{marginTop:'1rem'}}>
+            <div className="level-left">
+              <small className="level-item"><a href="#">{card.project}</a></small>
+            </div>
+            <div className="level-right">
+                <a className="level-item" target="_blank" href={card.issue.url.replace('/api/v1/repos', '')}>
+                  <span className="icon is-small has-text-info">
+                    <i className="fas fa-search" aria-hidden="true"></i>
+                  </span>
+                </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}

client/src/components/HomePage/BoardCard.jsx

@@ -0,0 +1,40 @@
+import React from 'react';
+
+export class BoardCard extends React.PureComponent {
+  render() {
+    const { board } = this.props;
+    return (
+      <div className="box">
+        <div className="media">
+          <div className="media-content">
+            <div className="content">
+              <p>
+                <a href={`#/boards/${board.id}`}>
+                  <strong className="is-size-4">{board.title}</strong>
+                </a>
+                <br />
+                {board.description}
+              </p>
+            </div>
+          </div>
+        </div>
+        <div className="level is-mobile">
+          <div className="level-left"></div>
+          <div className="level-right">
+            <a className="level-item" aria-label="edit" href={`#/boards/${board.id}/edit`}>
+              <span className="icon is-small">
+                <i className="fas fa-edit" aria-hidden="true"></i>
+              </span>
+            </a>
+            <a className="level-item" aria-label="delete" href={`#/boards/${board.id}/delete`}>
+              <span className="icon is-small has-text-danger">
+                <i className="fas fa-trash-alt" aria-hidden="true"></i>
+              </span>
+            </a>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+}

client/src/components/HomePage/HomePage.jsx

@@ -0,0 +1,79 @@
+import React from 'react';
+import { Page } from '../Page';
+import { BoardCard } from './BoardCard';
+import { connect } from 'react-redux';
+import { fetchBoards } from '../../store/actions/boards';
+import { fetchProjects } from '../../store/actions/projects';
+import { selectBoardByUserProjects } from '../../store/selectors/boards';
+
+export class HomePage extends React.Component {
+  render() {
+    return (
+      <Page title="GenGitKan - Accueil">
+        <div className="container is-fluid">
+          <div className="level has-margin-top-normal">
+            <div className="level-left"></div>
+            <div className="level-right">
+              <div className="buttons">
+                <a className="button is-primary" href="#/boards/new">
+                  <span className="icon">
+                    <i className="fas fa-plus"></i>
+                  </span>
+                  <span>Nouveau tableau</span>
+                </a>
+              </div>
+            </div>
+          </div>
+          { this.renderBoards() }
+        </div>
+      </Page>
+    );
+  }
+
+  renderBoards() {
+    const { boards } = this.props;
+    const rows = Object.values(boards)
+      .reduce((boardRows, board, index) => {
+        if (index % 3 === 0) {
+          boardRows.push([]);
+        }
+        boardRows[boardRows.length-1].push(board);
+        return boardRows;
+      }, [])
+      .map((row, rowIndex) => {
+        const tiles = row.map((board) => {
+          return (
+            <div key={`board-${board.id}`} className={`tile is-parent is-4`}>
+              <div className="tile is-child">
+                <BoardCard board={board} />
+              </div>
+            </div>
+          );
+        });
+        return (
+          <div key={`boards-row-${rowIndex}`} className="tile">
+            {tiles}
+          </div>
+        );
+      });
+    ;
+
+    return (
+      <div className="tile is-ancestor is-vertical">
+        { rows }
+      </div>
+    );
+  }
+
+  componentDidMount() {
+    this.props.dispatch(fetchBoards());
+    this.props.dispatch(fetchProjects());
+  }
+
+}
+
+export const ConnectedHomePage = connect(function(state) {
+  return {
+    boards: selectBoardByUserProjects(state.boards.byID, state.projects.byName)
+  };
+})(HomePage);

client/src/components/Loader.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+export class Loader extends React.Component {
+  render() {
+    return (
+      <div className="loader-container">
+        <div className="lds-ripple">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+    )
+  }
+}

client/src/components/Modal.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export class Modal extends React.PureComponent {
+  render() {
+    const { children, active, showCloseButton, onClose } = this.props;
+    return (
+      <div className={`modal ${active ? 'is-active': ''}`}>
+        <div className="modal-background"></div>
+        <div className="modal-content">
+          {children}
+        </div>
+        {
+          showCloseButton ?
+          <button onClick={onClose} className="modal-close is-large" aria-label="close"></button> :
+          null
+        }
+      </div>
+    );
+  }
+}

client/src/components/Navbar.jsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+export class Navbar extends React.PureComponent {
+  render() {
+    return (
+      <nav className="navbar" role="navigation" aria-label="main navigation">
+        <div className="container is-fluid">
+          <div className="navbar-brand">
+            <a className="navbar-item" href="#/">
+              <img src="resources/logo.svg" style={{marginRight:'5px'}} />
+              <h1 className="is-size-4">GenGitKan</h1>
+            </a>
+            <a role="button" className="navbar-burger" aria-label="menu" aria-expanded="false">
+              <span aria-hidden="true"></span>
+              <span aria-hidden="true"></span>
+              <span aria-hidden="true"></span>
+            </a>
+          </div>
+          <div className="navbar-menu">
+            <div className="navbar-end">
+              <div className="navbar-item">
+                <a className="button is-small" href="#/logout">
+                  <span className="icon">
+                    <i className="fas fa-sign-out-alt"></i>
+                  </span>
+                  <span>Se déconnecter</span>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </nav>
+    );
+  }
+}

client/src/components/Page.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Navbar } from './Navbar';
+
+export class Page extends React.PureComponent {
+  render() {
+    return (
+      <React.Fragment>
+        <Navbar />
+        {this.props.children}
+      </React.Fragment>
+    );
+  }
+
+  componentDidMount() {
+    this.updateTitle();
+  }
+
+  componentDidUpdate() {
+    this.updateTitle();
+  }
+
+  updateTitle() {
+    const { title } = this.props;
+    if (title !== undefined) window.document.title = title;
+  }
+}

client/src/components/app-loader.riot

@@ -1,32 +0,0 @@
-<ga-app>
-  <!-- DOM -->
-  <riot-router>
-    <riot-route path="/">
-      <ga-app />
-    </riot-route>
-    <riot-route path="/logout">
-      <ga-logout />
-    </riot-route>
-    <riot-route path="(.*)">
-      <ga-redirect path="/" />
-    </riot-route>
-  </riot-router>
-
-  <!-- Script -->
-  <script>
-    import { Router, Route, router } from '@riotjs/route';
-    import Redirect from './redirect.riot';
-    import Logout from './logout.riot';
-    import Ticketing from './apps/ticketing/app.riot';
-
-    export default {
-      components: {
-        RiotRoute: Route,
-        RiotRouter: Router,
-        GaRedirect: Redirect,
-        GaLogout: Logout,
-        GaApp: Ticketing,
-      }
-    };
-  </script>
-</ga-app>

client/src/components/apps/ticketing/app.riot

@@ -1,23 +0,0 @@
-<ga-ticketing>
-
-  <style>
-    :host { display: block; }
-  </style>
-  
-  <div class="container">
-    <ga-navbar></ga-navbar>
-    <div class="columns"></div>
-  </div>
-
-  <script>
-    import Navbar from '../../navbar.riot';
-    export default {
-
-      components: {
-        GaNavbar: Navbar,
-      },
-
-
-    };
-  </script>
-</ga-ticketing>

client/src/components/logout.riot

@@ -1,12 +0,0 @@
-<ga-logout>
-  <style>
-    :host { display: none; }
-  </style>
-  <script>
-    export default {
-      onMounted() {
-        window.location = "/logout";
-      }
-    };
-  </script>
-</ga-logout>

client/src/components/navbar.riot

@@ -1,20 +0,0 @@
-<ga-navbar>
-  <style>
-    :host {
-      display: block;
-    }
-  </style>
-  <div class="level">
-    <div class="level-left"></div>
-    <div class="level-right">
-      <a class="button is-warning level-item" href="/logout">
-        Se déconnecter
-      </a>
-    </div>
-  </div>
-  <script>
-    export default {
-      
-    }
-  </script>
-</ga-navbar>

client/src/components/redirect.riot

@@ -1,14 +0,0 @@
-<ga-redirect>
-  <style>
-    :host { display: none; }
-  </style>
-  <script>
-    import { router } from '@riotjs/route';
-    export default {
-      onMounted() {
-        console.log(`redirect to ${this.props.path}`);
-        router.push(this.props.path);
-      }
-    };
-  </script>
-</ga-redirect>

client/src/index.html

@@ -3,11 +3,12 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>Gitea Kan</title>
+    <title>GenGitKan</title>
     <link rel="stylesheet" href="css/main.css">
+    <link rel="icon" type="image/png" href="resources/favicon.png">
   </head>
   <body>
-    <div id="gitea-kan" class="is-fullheight"></div>
+    <div id="app" class="is-fullheight"></div>
     <script type="text/javascript" src="main.js"></script>
   </body>
 </html>

client/src/index.js

@@ -1,11 +1,17 @@
-import { setBase } from '@riotjs/route';
-
-// const loc = window.location;
-// setBase(`${loc.protocol}//${loc.host}#/`);
-
-import { component } from 'riot';
-import AppLoader from './components/app-loader.riot';
 import './sass/_all.scss';
 import './index.html';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { App } from './components/App';
 
-component(AppLoader)(document.getElementById('gitea-kan'));
+import '@fortawesome/fontawesome-free/js/fontawesome'
+import '@fortawesome/fontawesome-free/js/solid'
+import '@fortawesome/fontawesome-free/js/regular'
+import '@fortawesome/fontawesome-free/js/brands'
+import './resources/logo.svg';
+import './resources/favicon.png';
+
+ReactDOM.render(
+  <App />,
+  document.getElementById('app')
+);

client/src/resources/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="height: 512px; width: 512px;"><g class="" transform="translate(0,0)" style="touch-action: none;"><path d="M69.313 18.75c-1.574 2.353-3.376 4.513-4.813 7C29.19 86.9 50.184 165.194 111.344 200.5c.822.475 1.64.92 2.47 1.375 6.942-20.223 16.297-38.746 27.592-54.844-46.972-27.407-73.09-77.42-72.094-128.28zm366.218 0c1 51.074-25.34 101.293-72.686 128.625-.06.035-.128.06-.188.094 11.25 16.126 20.54 34.673 27.438 54.905 1.143-.615 2.275-1.222 3.406-1.875 61.16-35.306 82.154-113.6 46.844-174.75-1.437-2.487-3.24-4.647-4.813-7zm-183.655 83.063c-49.747 0-94.34 38.94-117.188 97.687 34.868-8.738 76.5-12.77 118.282-12.78 40.775-.013 81.443 3.814 115.843 12.124-22.932-58.378-67.38-97.03-116.938-97.03zm1.094 103.593c-61.1.017-122.17 10.173-156.44 27.875v59.69c38.836-8.845 89.384-13.424 140.626-14.158L219.28 395h59.97l-17.875-116.22c55.228.506 109.26 5.38 148.25 14.158V233.28c-34.38-17.77-95.545-27.89-156.656-27.874zm-61.064 94.78c-11.582.002-20.094 8.333-20.094 18.002 0 9.668 8.512 18 20.094 18 11.583 0 20.125-8.332 20.125-18 0-9.67-8.54-18-20.124-18zm114.688.002c-11.583 0-20.094 8.33-20.094 18 0 9.668 8.51 18 20.094 18 11.582 0 20.125-8.332 20.125-18 0-9.67-8.544-18-20.126-18zm44.625 2.625L300.06 493.938l81.844-21.25V306.75c-9.6-1.504-19.885-2.81-30.687-3.938zm-203.25.593c-10.817 1.254-21.174 2.733-30.845 4.438v164.844l81.844 21.25-51-190.532z" fill="#4a4a4a" fill-opacity="1"></path></g></svg>

client/src/sass/_all.scss

@@ -1 +1,4 @@
-@import 'bulma/bulma.sass';
+@import 'bulma/bulma.sass';
+@import '_base.scss';
+@import '_loader.scss';
+@import '_kanboard.scss';

client/src/sass/_base.scss

@@ -0,0 +1,17 @@
+html, body {
+    height: 100%;
+    background-color: #f7f7f7;
+}
+
+.is-fullheight {
+    height: 100%;
+}
+
+.has-margin-top-normal {
+    margin-top: $size-normal;
+}
+
+#app {
+    display: flex;
+    flex-direction: column;
+}

client/src/sass/_kanboard.scss

@@ -0,0 +1,55 @@
+
+.kanboard-container {
+    & > div {
+        padding: 0;
+        height: 100%;
+
+        & > div {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: row;
+            align-items: stretch;
+            justify-content: stretch;
+
+            // Lanes
+            & > div {
+                &:first-child {
+                    margin-left: 0;
+                }
+                flex-grow: 1;
+                flex-basis: 100%;
+                background-color: transparent;
+                display: flex;
+                flex-direction: column;
+                bottom: 0;
+                height: 100% !important;
+                min-height: 100% !important;
+
+                // Card container
+                & > div > div > div {
+                    width: 100%;
+                }
+            }
+        }
+    }
+
+    [data-react-beautiful-dnd-droppable] {
+        height: calc(100vh) !important;
+        min-height: calc(100vh) !important;
+    }
+
+    .kanboard-card {
+        margin-bottom: $size-small;
+    }
+
+    .kanboard-lane {
+        margin-bottom: $size-small;
+    }
+}
+
+.modal-content {
+    justify-content: center;
+    align-items: center;
+    width: 50% !important;
+}

client/src/sass/_loader.scss

@@ -0,0 +1,44 @@
+.loader-container {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+    height: 100%;
+    align-items: center;
+}
+
+.lds-ripple {
+    display: inline-block;
+    position: relative;
+    width: 80px;
+    height: 80px;
+    transform: scale(2);
+}
+
+.lds-ripple div {
+    position: absolute;
+    border: 4px solid $grey;
+    opacity: 1;
+    border-radius: 50%;
+    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
+}
+
+.lds-ripple div:nth-child(2) {
+    animation-delay: -0.5s;
+}
+
+@keyframes lds-ripple {
+    0% {
+      top: 36px;
+      left: 36px;
+      width: 0;
+      height: 0;
+      opacity: 1;
+    }
+    100% {
+      top: 0px;
+      left: 0px;
+      width: 72px;
+      height: 72px;
+      opacity: 0;
+    }
+  }

client/src/store/actions/boards.js

@@ -0,0 +1,15 @@
+export const FETCH_BOARDS_REQUEST = "FETCH_BOARDS_REQUEST";
+export const FETCH_BOARDS_SUCCESS = "FETCH_BOARDS_SUCCESS";
+export const FETCH_BOARDS_FAILURE = "FETCH_BOARDS_FAILURE";
+
+export function fetchBoards() {
+  return { type: FETCH_BOARDS_REQUEST };
+};
+
+export const SAVE_BOARD_REQUEST = "SAVE_BOARD_REQUEST";
+export const SAVE_BOARD_SUCCESS = "SAVE_BOARD_SUCCESS";
+export const SAVE_BOARD_FAILURE = "SAVE_BOARD_FAILURE";
+
+export function saveBoard(board) {
+  return { type: SAVE_BOARD_REQUEST, board };
+};

client/src/store/actions/issues.js

@@ -0,0 +1,31 @@
+export const FETCH_ISSUES_REQUEST = "FETCH_ISSUES_REQUEST";
+export const FETCH_ISSUES_SUCCESS = "FETCH_ISSUES_SUCCESS";
+export const FETCH_ISSUES_FAILURE = "FETCH_ISSUES_FAILURE";
+
+export function fetchIssues(project) {
+  return { type: FETCH_ISSUES_REQUEST, project };
+};
+
+export const ADD_LABEL_REQUEST = "ADD_LABEL_REQUEST";
+export const ADD_LABEL_SUCCESS = "ADD_LABEL_SUCCESS";
+export const ADD_LABEL_FAILURE = "ADD_LABEL_FAILURE";
+
+export function addLabel(project, issueNumber, label) {
+  return { type: ADD_LABEL_REQUEST, project, issueNumber, label };
+}
+
+export const REMOVE_LABEL_REQUEST = "REMOVE_LABEL_REQUEST";
+export const REMOVE_LABEL_SUCCESS = "REMOVE_LABEL_SUCCESS";
+export const REMOVE_LABEL_FAILURE = "REMOVE_LABEL_FAILURE";
+
+export function removeLabel(project, issueNumber, label) {
+  return { type: REMOVE_LABEL_REQUEST, project, issueNumber, label };
+}
+
+export const CREATE_ISSUE_REQUEST = "CREATE_ISSUE_REQUEST";
+export const CREATE_ISSUE_SUCCESS = "CREATE_ISSUE_SUCCESS";
+export const CREATE_ISSUE_FAILURE = "CREATE_ISSUE_FAILURE";
+
+export function createIssue(project, title, body, label) {
+  return { type: CREATE_ISSUE_REQUEST, project, title, body, label };
+};

client/src/store/actions/kanboards.js

@@ -0,0 +1,13 @@
+export const BUILD_KANBOARD_REQUEST = "BUILD_KANBOARD_REQUEST";
+export const BUILD_KANBOARD_SUCCESS = "BUILD_KANBOARD_SUCCESS";
+export const BUILD_KANBOARD_FAILURE = "BUILD_KANBOARD_FAILURE";
+
+export function buildKanboard(board) {
+  return { type: BUILD_KANBOARD_REQUEST, board };
+};
+
+export const MOVE_CARD = "MOVE_CARD";
+
+export function moveCard(boardID, fromLaneID, fromPosition, toLaneID, toPosition) {
+  return { type: MOVE_CARD, boardID, fromLaneID, fromPosition, toLaneID, toPosition };
+};

client/src/store/actions/logout.js

@@ -0,0 +1,5 @@
+export const LOGOUT = "LOGOUT";
+
+export function logout() {
+  return { type: LOGOUT };
+};

client/src/store/actions/projects.js

@@ -0,0 +1,7 @@
+export const FETCH_PROJECTS_REQUEST = "FETCH_PROJECTS_REQUEST";
+export const FETCH_PROJECTS_SUCCESS = "FETCH_PROJECTS_SUCCESS";
+export const FETCH_PROJECTS_FAILURE = "FETCH_PROJECTS_FAILURE";
+
+export function fetchProjects() {
+  return { type: FETCH_PROJECTS_REQUEST };
+};

client/src/store/reducers/boards.js

@@ -0,0 +1,41 @@
+import { SAVE_BOARD_SUCCESS, FETCH_BOARDS_SUCCESS } from "../actions/boards";
+
+export const defaultState = {
+  byID: {},
+};
+
+export function boardsReducer(state = defaultState, action) {
+  switch(action.type) {
+    case SAVE_BOARD_SUCCESS:
+      return handleSaveBoardSuccess(state, action);
+    case FETCH_BOARDS_SUCCESS:
+      return handleFetchBoardsSuccess(state, action);
+    default:
+      return state;
+  }
+}
+
+function handleSaveBoardSuccess(state, action) {
+  return {
+    ...state,
+    byID: {
+      ...state.byID,
+      [action.board.id.toString()]: {
+        ...action.board,
+      }
+    }
+  };
+}
+
+function handleFetchBoardsSuccess(state, action) {
+  const boardsByID = action.boards.reduce((byID, board) => {
+    byID[board.id] = board;
+    return byID;
+  }, {});
+  return {
+    ...state,
+    byID: {
+      ...boardsByID,
+    }
+  };
+}

client/src/store/reducers/flags.js

@@ -0,0 +1,22 @@
+const defaultState = {
+  actions: {}
+};
+
+export function flagsReducer(state = defaultState, action) {
+  const matches = (/^(.*)_((SUCCESS)|(FAILURE)|(REQUEST))$/).exec(action.type);
+
+  if(!matches) return state;
+
+  const actionPrefix = matches[1];
+
+  return {
+    ...state,
+    actions: {
+      ...state.actions,
+      [actionPrefix]: {
+        isLoading: matches[2] === 'REQUEST'
+      }
+    }
+  };
+
+}

client/src/store/reducers/issues.js

@@ -0,0 +1,42 @@
+import { FETCH_ISSUES_SUCCESS, CREATE_ISSUE_SUCCESS } from "../actions/issues";
+
+const defaultState = {
+  byProject: {}
+};
+
+export function issuesReducer(state = defaultState, action) {
+  switch(action.type) {
+    case FETCH_ISSUES_SUCCESS:
+      return handleFetchIssuesSuccess(state, action);
+    case CREATE_ISSUE_SUCCESS:
+      return handleCreateIssueSuccess(state, action);
+    default:
+      return state;
+  }
+  
+}
+
+function handleFetchIssuesSuccess(state, action) {
+  return {
+    ...state,
+    byProject: {
+      ...state.byProject,
+      [action.project]: [
+        ...action.issues,
+      ]
+    }
+  }
+}
+
+function handleCreateIssueSuccess(state, action) {
+  return {
+    ...state,
+    byProject: {
+      ...state.byProject,
+      [action.project]: [
+        ...state.byProject[action.project],
+        action.issue
+      ]
+    }
+  }
+}

client/src/store/reducers/kanboards.js

@@ -0,0 +1,74 @@
+import { BUILD_KANBOARD_SUCCESS, MOVE_CARD } from "../actions/kanboards";
+import { CREATE_ISSUE_SUCCESS } from "../actions/issues";
+
+export const defaultState = {
+  byID: {},
+};
+
+export function kanboardsReducer(state = defaultState, action) {
+  switch(action.type) {
+    case BUILD_KANBOARD_SUCCESS:
+      return handleBuildKanboardSuccess(state, action);
+    case MOVE_CARD:
+      return handleMoveCard(state, action);
+    default:
+      return state;
+  }
+}
+
+function handleBuildKanboardSuccess(state, action) {
+  return {
+    ...state,
+    byID: {
+      ...state.byID,
+      [action.kanboard.id]: {
+        ...action.kanboard,
+      }
+    }
+  };
+}
+
+function handleMoveCard(state, action) {
+  const { 
+    boardID, fromLaneID, 
+    fromPosition, toLaneID, 
+    toPosition 
+  } = action;
+
+  const kanboard = state.byID[boardID];
+
+  const lanes = [ ...kanboard.lanes ];
+  const fromLane = lanes[fromLaneID];
+  const toLane = lanes[toLaneID];
+  const card = fromLane.cards[fromPosition];
+
+  const fromCards = [ ...fromLane.cards ];
+  if (fromLaneID !== toLaneID) {
+    fromCards.splice(fromPosition, 1);
+    lanes[fromLaneID] = {
+      ...fromLane,
+      cards: fromCards,
+    };
+  
+    const toCards = [ ...toLane.cards ];
+    toCards.splice(toPosition, 0, card);
+    lanes[toLaneID] = {
+      ...toLane,
+      cards: toCards,
+    };
+  } else {
+    fromCards.splice(fromPosition, 1);
+    fromCards.splice(toPosition, 0, card);
+  }
+
+  return {
+    ...state,
+    byID: {
+      ...state.byID,
+      [boardID]: {
+        ...state.byID[boardID],
+        lanes,
+      },
+    }
+  };
+}

client/src/store/reducers/projects.js

@@ -0,0 +1,27 @@
+import { FETCH_PROJECTS_SUCCESS } from "../actions/projects";
+
+export const defaultState = {
+  byName: {},
+};
+
+export function projectsReducer(state = defaultState, action) {
+  switch(action.type) {
+    case FETCH_PROJECTS_SUCCESS:
+      return handleFetchProjectsSuccess(state, action);
+    default:
+      return state;
+  }
+}
+
+function handleFetchProjectsSuccess(state, action) {
+  const projectsByName = action.projects.reduce((byName, project) => {
+    byName[project.full_name] = project;
+    return byName;
+  }, {});
+  return {
+    ...state,
+    byName: {
+      ...projectsByName,
+    }
+  };
+}

client/src/store/reducers/root.js

@@ -0,0 +1,14 @@
+import { combineReducers } from 'redux';
+import { issuesReducer } from './issues';
+import { boardsReducer } from './boards';
+import { flagsReducer } from './flags';
+import { projectsReducer } from './projects';
+import { kanboardsReducer } from './kanboards';
+
+export const rootReducer = combineReducers({
+  issues: issuesReducer,
+  boards: boardsReducer,
+  kanboards: kanboardsReducer,
+  flags: flagsReducer,
+  projects: projectsReducer
+});

client/src/store/sagas/boards.js

@@ -0,0 +1,29 @@
+import { put, call } from 'redux-saga/effects';
+import { FETCH_BOARDS_SUCCESS, SAVE_BOARD_SUCCESS, SAVE_BOARD_FAILURE, FETCH_BOARDS_FAILURE } from '../actions/boards';
+import { api } from '../../util/api';
+
+export function* fetchBoardsSaga() {
+  let boards;
+
+  try {
+    boards = yield call(api.fetchBoards)
+  } catch(error) {
+    yield put({ type: FETCH_BOARDS_FAILURE, error });
+    return
+  }
+
+  yield put({ type: FETCH_BOARDS_SUCCESS, boards });
+}
+
+export function* saveBoardSaga(action) {
+  let { board } = action;
+
+  try {
+    board = yield call(api.saveBoard, board)
+  } catch(error) {
+    yield put({ type: SAVE_BOARD_FAILURE, error });
+    return
+  }
+  
+  yield put({ type: SAVE_BOARD_SUCCESS, board });
+}

client/src/store/sagas/failure.js

@@ -0,0 +1,10 @@
+import { GiteaUnauthorizedError } from "../../util/gitea";
+import { LOGOUT } from "../actions/logout";
+import { put } from 'redux-saga/effects';
+
+export function* failuresSaga(action) {
+  const err = action.error;
+  if (err instanceof GiteaUnauthorizedError) {
+    yield put({ type: LOGOUT });
+  }
+}

client/src/store/sagas/issues.js

@@ -0,0 +1,89 @@
+import { put, call, retry } from 'redux-saga/effects';
+import { FETCH_ISSUES_SUCCESS, FETCH_ISSUES_FAILURE, ADD_LABEL_FAILURE, ADD_LABEL_SUCCESS, REMOVE_LABEL_FAILURE, REMOVE_LABEL_SUCCESS, CREATE_ISSUE_FAILURE, CREATE_ISSUE_SUCCESS } from '../actions/issues';
+import { gitea } from '../../util/gitea';
+
+export function* fetchIssuesSaga(action) {
+  const { project } = action;
+
+  let issues = [];
+  try {
+    let page = 1;
+    while(true) {
+      let pageIssues = yield call(gitea.fetchIssues.bind(gitea), action.project, page);
+      if (pageIssues.length === 0) {
+        break;
+      }
+      issues.push(...pageIssues);
+      page++;
+    }
+    
+  } catch(error) {
+    yield put({ type: FETCH_ISSUES_FAILURE, project, error });
+    return;
+  }
+
+  yield put({ type: FETCH_ISSUES_SUCCESS, project, issues });
+}
+
+export function* addLabelSaga(action) {
+  const { project, issueNumber, label } = action;
+  const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
+  const giteaLabel = labels.find(l => l.name === label)
+
+  if (!giteaLabel) {
+    yield put({ type: ADD_LABEL_FAILURE, error: new Error(`Label "${label}" not found !`) });
+    return;
+  }
+
+  try {
+    yield retry(5, 250, gitea.addIssueLabel.bind(gitea), project, issueNumber, giteaLabel.id);
+  } catch(error) {
+    yield put({ type: ADD_LABEL_FAILURE, error });
+    return;
+  }
+
+  yield put({ type: ADD_LABEL_SUCCESS, project, issueNumber, label });
+}
+
+export function* removeLabelSaga(action) {
+  const { project, issueNumber, label } = action;
+  const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
+  const giteaLabel = labels.find(l => l.name === label)
+
+  if (!giteaLabel) {
+    yield put({ type: REMOVE_LABEL_FAILURE, error: new Error(`Label "${label}" not found !`) });
+    return;
+  }
+
+  try {
+    yield retry(5, 250, gitea.removeIssueLabel.bind(gitea), project, issueNumber, giteaLabel.id);
+  } catch(error) {
+    yield put({ type: REMOVE_LABEL_FAILURE, error });
+    return;
+  }
+  
+
+  yield put({ type: REMOVE_LABEL_SUCCESS, project, issueNumber, label });
+}
+
+export function* createIssueSaga(action) {
+  const { project, title, label, body } = action;
+  const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
+  const giteaLabel = labels.find(l => l.name === label)
+
+  if (!giteaLabel) {
+    yield put({ type: CREATE_ISSUE_FAILURE, error: new Error(`Label "${label}" not found !`) });
+    return;
+  }
+
+  let issue;
+  try {
+    issue = yield call(gitea.createIssue.bind(gitea), project, title, body, giteaLabel.id);
+  } catch(error) {
+    yield put({ type: CREATE_ISSUE_FAILURE, error });
+    return;
+  }
+  
+
+  yield put({ type: CREATE_ISSUE_SUCCESS, project, title, label, body, issue });
+}

client/src/store/sagas/kanboards.js

@@ -0,0 +1,107 @@
+import { select, put } from 'redux-saga/effects';
+import { fetchIssues, addLabel, removeLabel } from '../actions/issues';
+import { fetchIssuesSaga } from './issues';
+import { BUILD_KANBOARD_SUCCESS, buildKanboard } from '../actions/kanboards';
+
+export function* moveCardSaga(action) {
+  const { 
+    boardID, fromLaneID, 
+    fromPosition, toLaneID,
+    toPosition,
+  } = action;
+
+  if (fromLaneID === toLaneID) return;
+
+  const { board, kanboard} = yield select(state => {
+    return {
+      kanboard:  state.kanboards.byID[boardID],
+      board: state.boards.byID[boardID]
+    }
+  });
+
+  const toLane = kanboard.lanes[toLaneID];
+  const card = toLane.cards[toPosition];
+
+  if (!card) return;
+
+  yield put(addLabel(card.project, card.issue.number, board.lanes[toLaneID].issueLabel));
+  yield put(removeLabel(card.project, card.issue.number, board.lanes[fromLaneID].issueLabel));
+
+}
+
+export function* buildKanboardSaga(action) {
+  const { board } = action;
+
+  let kanboard;
+  try {
+
+    for (let p, i = 0; (p = board.projects[i]); i++) {
+      yield* fetchIssuesSaga(fetchIssues(p));
+    }
+
+    const issues = yield select(state => state.issues);
+
+    kanboard = createKanboard(board, issues);
+
+  } catch(error) {
+    yield put({ type: BUILD_KANBOARD_FAILURE, error });
+    return
+  }
+
+  yield put({ type: BUILD_KANBOARD_SUCCESS, kanboard });
+}
+
+export function* refreshKanboardSaga(action) {
+  const { project } = action;
+  const boards = yield select(state => state.boards);
+  const boardValues =  Object.values(boards.byID);
+
+  for (let b, i = 0; (b = boardValues[i]); i++) {
+    const hasProject = b.projects.indexOf(project) !== -1;
+    if (!hasProject) continue;
+    yield put(buildKanboard(b));
+  }
+}
+
+function createCards(projects, issues, lane) {
+  return projects.reduce((laneCards, p) => {
+
+    const projectIssues = p in issues.byProject ? issues.byProject[p] : [];
+
+    return projectIssues.reduce((projectCards, issue) => {
+      const hasLabel = issue.labels.some(l => l.name === lane.issueLabel);
+
+      if (hasLabel) {
+        projectCards.push({
+          id: issue.id,
+          title: issue.title,
+          project: p,
+          issue: issue,
+        });
+      }
+
+      return projectCards;
+      
+    }, laneCards);
+
+  }, []);
+}
+
+function createLane(projects, issues, lane, index) {
+  return {
+    id: index,
+    title: lane.title,
+    cards: createCards(projects, issues, lane)
+  }
+}
+
+function createKanboard(board, issues) {
+  if (!board) return null;
+
+  const kanboard = {
+    id: board.id,
+    lanes: board.lanes.map(createLane.bind(null, board.projects, issues)),
+  };
+  
+  return kanboard;
+}

client/src/store/sagas/logout.js

@@ -0,0 +1,3 @@
+export function* logoutSaga() {
+  window.location = '/logout';
+}

client/src/store/sagas/projects.js

@@ -0,0 +1,16 @@
+import { put, call } from 'redux-saga/effects';
+import { FETCH_PROJECTS_SUCCESS, FETCH_PROJECTS_FAILURE } from '../actions/projects';
+import { gitea } from '../../util/gitea';
+
+export function* fetchProjectsSaga() {
+
+  let projects;
+  try {
+    projects = yield call(gitea.fetchUserProjects.bind(gitea))
+  } catch(error) {
+    yield put({ type: FETCH_PROJECTS_FAILURE, error });
+    return;
+  }
+
+  yield put({ type: FETCH_PROJECTS_SUCCESS, projects });
+}

client/src/store/sagas/root.js

@@ -0,0 +1,35 @@
+import { all, takeEvery, takeLatest } from 'redux-saga/effects';
+import { failuresSaga } from './failure';
+import { FETCH_BOARDS_REQUEST, SAVE_BOARD_REQUEST } from '../actions/boards';
+import { fetchBoardsSaga, saveBoardSaga } from './boards';
+import { FETCH_ISSUES_REQUEST, ADD_LABEL_REQUEST, REMOVE_LABEL_REQUEST, CREATE_ISSUE_REQUEST, CREATE_ISSUE_SUCCESS } from '../actions/issues';
+import { fetchIssuesSaga, addLabelSaga, removeLabelSaga, createIssueSaga } from './issues';
+import { FETCH_PROJECTS_REQUEST } from '../actions/projects';
+import { fetchProjectsSaga } from './projects';
+import { LOGOUT } from '../actions/logout';
+import { logoutSaga } from './logout';
+import { BUILD_KANBOARD_REQUEST, MOVE_CARD } from '../actions/kanboards';
+import { buildKanboardSaga, moveCardSaga, refreshKanboardSaga } from './kanboards';
+
+export function* rootSaga() {
+  yield all([
+    takeEvery(patternFromRegExp(/^.*_FAILURE/), failuresSaga),
+    takeLatest(FETCH_BOARDS_REQUEST, fetchBoardsSaga),
+    takeLatest(BUILD_KANBOARD_REQUEST, buildKanboardSaga),
+    takeLatest(SAVE_BOARD_REQUEST, saveBoardSaga),
+    takeLatest(FETCH_ISSUES_REQUEST, fetchIssuesSaga),
+    takeLatest(FETCH_PROJECTS_REQUEST, fetchProjectsSaga),
+    takeEvery(MOVE_CARD, moveCardSaga),
+    takeEvery(ADD_LABEL_REQUEST, addLabelSaga),
+    takeEvery(REMOVE_LABEL_REQUEST, removeLabelSaga),
+    takeLatest(CREATE_ISSUE_REQUEST, createIssueSaga),
+    takeLatest(CREATE_ISSUE_SUCCESS, refreshKanboardSaga),
+    takeLatest(LOGOUT, logoutSaga)
+  ]);
+}
+
+export function patternFromRegExp(re)  {
+  return (action) => {
+    return re.test(action.type);
+  };
+}

client/src/store/selectors/boards.js

@@ -0,0 +1,11 @@
+export function selectBoardByUserProjects(boardsByID, projectsByName) {
+  const userProjects = Object.keys(projectsByName);
+  return Object.keys(boardsByID).reduce((filteredBoardsByID, boardID) => {
+    const board = boardsByID[boardID];
+    const hasProject = board.projects.some(p => userProjects.indexOf(p) !== -1);
+    if (hasProject) {
+      filteredBoardsByID[boardID] = board;
+    }
+    return filteredBoardsByID;
+  }, {});
+}

client/src/store/selectors/flags.js

@@ -0,0 +1,7 @@
+export function selectFlagsIsLoading(state, ...actionPrefixes) {
+  const { actions } = state.flags;
+  return actionPrefixes.reduce((isLoading, prefix) => {
+    if (!(prefix in actions)) return isLoading; 
+    return isLoading || actions[prefix].isLoading;
+  }, false);
+};

client/src/store/store.js

@@ -0,0 +1,28 @@
+import { createStore, applyMiddleware } from 'redux'
+import createSagaMiddleware from 'redux-saga'
+import { rootReducer }  from './reducers/root'
+import { rootSaga } from './sagas/root'
+
+let reduxMiddlewares = [];
+
+if (process.env.NODE_ENV !== 'production') {
+  const createLogger = require('redux-logger').createLogger;
+  const loggerMiddleware = createLogger({
+    collapsed: true,
+    diff: true
+  });
+  reduxMiddlewares.push(loggerMiddleware);
+}
+
+// create the saga middleware
+const sagaMiddleware = createSagaMiddleware()
+reduxMiddlewares.push(sagaMiddleware);
+
+// mount it on the Store
+export const store = createStore(
+  rootReducer,
+  applyMiddleware(...reduxMiddlewares)
+)
+
+// then run the saga
+sagaMiddleware.run(rootSaga);

client/src/util/api.js

@@ -0,0 +1,24 @@
+
+export class APIClient {
+
+  saveBoard(board) {
+    return fetch(`/api/boards`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(board)
+    })
+      .then(res => res.json())
+    ;
+  }
+
+  fetchBoards() {
+    return fetch(`/api/boards`)
+      .then(res => res.json())
+    ;
+  }
+
+}
+
+export const api = new APIClient();

client/src/util/gitea.js

@@ -0,0 +1,85 @@
+
+export class GiteaUnauthorizedError extends Error {
+  constructor(...args) {
+    super(...args)
+    Error.captureStackTrace(this, GiteaUnauthorizedError)
+  }
+}
+
+export class GiteaClient {
+
+  fetchIssues(project, page = 1) {
+    return fetch(`/gitea/api/v1/repos/${project}/issues?page=${page}`)
+      .then(this.assertAuthorization)
+      .then(this.assertOk)
+      .then(res => res.json())
+    ;
+  }
+
+  fetchUserProjects() {
+    return fetch(`/gitea/api/v1/user/repos`)
+      .then(this.assertAuthorization)
+      .then(this.assertOk)
+      .then(res => res.json())
+    ;
+  }
+
+  addIssueLabel(project, issueNumber, labelID) {
+    return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ labels: [labelID] }),
+    })
+    .then(this.assertAuthorization)
+    .then(this.assertOk)
+    .then(res => res.json())
+  }
+
+  fetchProjectLabels(project) {
+    return fetch(`/gitea/api/v1/repos/${project}/labels`)
+      .then(this.assertAuthorization)
+      .then(this.assertOk)
+      .then(res => res.json())
+    ;
+  }
+
+  removeIssueLabel(project, issueNumber, labelID) {
+    return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels/${labelID}`, {
+      method: 'DELETE'
+    })
+    .then(this.assertAuthorization)
+    .then(this.assertOk)
+  }
+
+  createIssue(project, title, body, labelID) {
+    return fetch(`/gitea/api/v1/repos/${project}/issues`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        title,
+        body,
+        labels: [labelID],
+      }),
+    })
+    .then(this.assertAuthorization)
+    .then(this.assertOk)
+    .then(res => res.json())
+  }
+
+  assertOk(res) {
+    if (!res.ok) return Promise.reject(new Error('Request failed'));
+    return res;
+  }
+
+  assertAuthorization(res) {
+    if (res.status === 401 || res.status === 404) return Promise.reject(new GiteaUnauthorizedError());
+    return res;
+  }
+
+}
+
+export const gitea = new GiteaClient();

client/webpack.config.js

@@ -12,9 +12,12 @@ module.exports = {
   output: {
     path: path.join(__dirname, 'dist')
   },
+  resolve: {
+    extensions: [ '.jsx', '.js' ],
+  },
   module: {
     rules: [{
-      test: /\.(scss)|(sass)$/,
+      test: /\.scss$/,
       use: [
         MiniCssExtractPlugin.loader,
         {
@@ -34,12 +37,12 @@ module.exports = {
         }
       ]
     },{
-      test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
+      test: /\.(woff(2)?|ttf|eot|svg|png)(\?v=\d+\.\d+\.\d+)?$/,
       use: [{
         loader: 'file-loader',
         options: {
           name: '[name].[ext]',
-          outputPath: '/fonts/'
+          outputPath: '/resources/'
         }
       }]
     },{
@@ -57,23 +60,9 @@ module.exports = {
         }
       ]
     },{
-      test: /\.riot$/,
+      test: /\.(js|jsx)$/,
       exclude: /node_modules/,
-      use: [{
+      use: ['babel-loader']
-        loader: '@riotjs/webpack-loader',
-        options: {
-          hot: false,
-        }
-      }]
-    },{
-      test: /\.js$/,
-      exclude: /node_modules/,
-      use: {
-        loader: 'babel-loader',
-        options: {
-          presets: ['@babel/preset-env']
-        }
-      }
     }]
   },
   plugins: [

cmd/server/container.go

@@ -2,11 +2,15 @@ package main
 
 import (
 	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
+	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
+	stormRepo "forge.cadoles.com/wpetit/gitea-kan/internal/repository/storm"
+	"github.com/asdine/storm"
 	"github.com/gorilla/sessions"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/service"
 	"gitlab.com/wpetit/goweb/service/session"
 	"gitlab.com/wpetit/goweb/session/gorilla"
+	"go.etcd.io/bbolt"
 )
 
 func getServiceContainer(conf *config.Config) (*service.Container, error) {
@@ -30,5 +34,25 @@ func getServiceContainer(conf *config.Config) (*service.Container, error) {
 	// Create and expose config service provider
 	ctn.Provide(config.ServiceName, config.ServiceProvider(conf))
 
+	// Load Storm database
+	db, err := storm.Open(conf.Data.DBPath, storm.BoltOptions(
+		0660,
+		&bbolt.Options{},
+	))
+	if err != nil {
+		return nil, errors.Wrap(err, "could not open database")
+	}
+
+	boardsRepository := stormRepo.NewBoardRepository(db)
+	if err := boardsRepository.Init(); err != nil {
+		return nil, errors.Wrap(err, "could not init boards repository")
+	}
+
+	ctn.Provide(repository.ServiceName, repository.ServiceProvider(
+		repository.NewRepository(
+			boardsRepository,
+		),
+	))
+
 	return ctn, nil
 }

debian/compat

@@ -0,0 +1 @@
+9

debian/control

@@ -0,0 +1,14 @@
+Source: gitea-kan
+Section: unknown
+Priority: optional
+Maintainer: William Petit <wpetit@cadoles.com>
+Build-Depends: debhelper (>= 8.0.0), wget, ca-certificates, tar
+Standards-Version: 3.9.4
+Homepage: http://forge.cadoles.com/wpetit/gitea-kan
+Vcs-Git: http://forge.cadoles.com/wpetit/gitea-kan.git
+Vcs-Browser: http://forge.cadoles.com/wpetit/gitea-kan
+
+Package: gitea-kan
+Architecture: amd64
+Depends: ${shlibs:Depends}, ${misc:Depends}
+Description: Application type "Kanboard" connectée à Gitea

debian/gitea-kan.dirs

@@ -0,0 +1 @@
+var/lib/gitea-kan

debian/gitea-kan.service

@@ -0,0 +1,13 @@
+[Unit]
+Description=Application type "Kanboard" connectée à Gitea
+After=network-online.target
+
+[Service]
+Type=simple
+Environment=GITEAKAN_HTTP_PUBDIR=/usr/share/gitea-kan/public
+Environment=GITEAKAN_DATA_DBPATH=/var/lib/gitea-kan/data.db
+ExecStart=/usr/bin/gitea-kan -workdir /usr/share/gitea-kan -config /etc/gitea-kan/server.conf
+Restart=on-failure
+
+[Install]
+WantedBy=multi-user.target

debian/rules

@@ -0,0 +1,54 @@
+#!/usr/bin/make -f
+# -*- makefile -*-
+
+# Uncomment this to turn on verbose mode.
+export DH_VERBOSE=1
+
+GO_VERSION := 1.13.5
+OS := linux
+ARCH := amd64
+GOPATH=$(HOME)/go
+
+ifeq (, $(shell which go 2>/dev/null))
+override_dh_auto_build: install-go
+endif
+
+ifeq (, $(shell which node 2>/dev/null))
+override_dh_auto_build: install-nodejs
+endif
+
+%:
+	dh $@ --with systemd
+
+override_dh_auto_build: $(GOPATH)
+	cd client && npm install
+	GOPATH=$(GOPATH) PATH="$(PATH):/usr/local/go/bin:$(GOPATH)/bin" go mod vendor
+	GOPATH=$(GOPATH) PATH="$(PATH):/usr/local/go/bin:$(GOPATH)/bin" ARCH_TARGETS=$(ARCH) make release
+
+$(GOPATH):
+	mkdir -p $(GOPATH)
+	
+install-go:
+	wget https://dl.google.com/go/go$(GO_VERSION).$(OS)-$(ARCH).tar.gz
+	tar -C /usr/local -xzf go$(GO_VERSION).$(OS)-$(ARCH).tar.gz
+
+install-nodejs:
+	wget -O- https://deb.nodesource.com/setup_12.x | bash -
+	apt-get install -y nodejs
+
+override_dh_auto_install:
+
+	mkdir -p debian/gitea-kan/usr/share/gitea-kan
+	mkdir -p debian/gitea-kan/etc/gitea-kan
+	mkdir -p debian/gitea-kan/usr/bin
+
+	cp -r release/server-$(OS)-$(ARCH)/* debian/gitea-kan/usr/share/gitea-kan/
+	
+	mv debian/gitea-kan/usr/share/gitea-kan/bin/server debian/gitea-kan/usr/bin/gitea-kan
+	mv debian/gitea-kan/usr/share/gitea-kan/server.conf debian/gitea-kan/etc/gitea-kan/server.conf
+
+	install -d debian/gitea-kan
+
+override_dh_strip:
+
+override_dh_auto_test:

debian/source/format

@@ -0,0 +1 @@
+3.0 (native)

go.mod

@@ -3,7 +3,8 @@ module forge.cadoles.com/wpetit/gitea-kan
 go 1.13
 
 require (
-	github.com/davecgh/go-spew v1.1.1
+	github.com/asdine/storm v2.1.2+incompatible
+	github.com/davecgh/go-spew v1.1.1 // indirect
 	github.com/go-chi/chi v4.0.2+incompatible
 	github.com/google/uuid v1.1.1 // indirect
 	github.com/gopherjs/gopherjs v0.0.0-20190430165422-3e4dfb77656c // indirect
@@ -15,6 +16,7 @@ require (
 	github.com/smartystreets/goconvey v0.0.0-20190731233626-505e41936337 // indirect
 	github.com/stretchr/testify v1.4.0 // indirect
 	gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273
+	go.etcd.io/bbolt v1.3.3
 	golang.org/x/net v0.0.0-20190827160401-ba9fcec4b297 // indirect
 	golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45
 	golang.org/x/text v0.3.2 // indirect

go.sum

@@ -1,4 +1,6 @@
 cloud.google.com/go v0.34.0/go.mod h1:aQUYkXzVsufM+DwF1aE+0xfcU+56JwCaLick0ClmMTw=
+github.com/asdine/storm v2.1.2+incompatible h1:dczuIkyqwY2LrtXPz8ixMrU/OFgZp71kbKTHGrXYt/Q=
+github.com/asdine/storm v2.1.2+incompatible/go.mod h1:RarYDc9hq1UPLImuiXK3BIWPJLdIygvV3PsInK0FbVQ=
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
@@ -37,6 +39,8 @@ github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UV
 github.com/stretchr/testify v1.4.0/go.mod h1:j7eGeouHqKxXV5pUuKE4zz7dFj8WfuZ+81PSLYec5m4=
 gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273 h1:YtMGT0pEGTQ5MAglg6rvu8pQVQJEtskoeEw+csUqf2o=
 gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273/go.mod h1:5Y/eVplFvdsd6zMdA3bx8KON6Ab1n90+cQeX5uJ6jIE=
+go.etcd.io/bbolt v1.3.3 h1:MUGmc65QhB3pIlaQ5bB4LwqSj6GIonVJXpZiaKNyaKk=
+go.etcd.io/bbolt v1.3.3/go.mod h1:IbVyRI1SCnLcuJnV2u8VeU0CEYM7e686BmAb1XKL+uU=
 golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
 golang.org/x/net v0.0.0-20180724234803-3673e40ba225/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
 golang.org/x/net v0.0.0-20190108225652-1e06a53dbb7e/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
@@ -47,6 +51,7 @@ golang.org/x/net v0.0.0-20190827160401-ba9fcec4b297/go.mod h1:z5CRVTTTmAJ677TzLL
 golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45 h1:SVwTIAaPC2U/AvvLNZ2a7OVsmBpC8L5BlwK1whH3hm0=
 golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45/go.mod h1:gOpvHmFTYa4IltrdGE7lF6nIHvwfUNPOp7c8zoXwtLw=
 golang.org/x/sync v0.0.0-20181221193216-37e7f081c4d4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a h1:1BGLXjeY4akVXGgbC9HugT3Jv3hCI0z56oJR5vAMgBU=
 golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
 golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
 golang.org/x/text v0.3.2/go.mod h1:bEr9sfX3Q8Zfm5fL9x+3itogRgK3+ptLWKqgva+5dAk=

internal/config/config.go

@@ -11,6 +11,7 @@ type Config struct {
 	Debug bool
 	HTTP  HTTPConfig
 	Gitea GiteaConfig
+	Data  DataConfig
 }
 
 type HTTPConfig struct {
@@ -29,6 +30,10 @@ type GiteaConfig struct {
 	APIBaseURL   string
 }
 
+type DataConfig struct {
+	DBPath string
+}
+
 // NewFromFile retrieves the configuration from the given file
 func NewFromFile(filepath string) (*Config, error) {
 	config := NewDefault()
@@ -52,9 +57,12 @@ func NewDefault() *Config {
 		Debug: false,
 		HTTP: HTTPConfig{
 			Address:   ":3000",
-			PublicDir: "${GITEA_APP_PUBDIR}",
+			PublicDir: "${GITEAKAN_HTTP_PUBDIR}",
 		},
 		Gitea: GiteaConfig{},
+		Data: DataConfig{
+			DBPath: "${GITEAKAN_DATA_DBPATH}",
+		},
 	}
 }
 

internal/repository/board.go

@@ -0,0 +1,26 @@
+package repository
+
+type BoardRepository interface {
+	List() ([]*Board, error)
+	Get(BoardID) (*Board, error)
+	Save(*Board) error
+	Delete(BoardID) error
+}
+
+type BoardID string
+
+type Board struct {
+	ID          BoardID      `json:"id"`
+	Title       string       `json:"title"`
+	Description string       `json:"description"`
+	Lanes       []*BoardLane `json:"lanes"`
+	Projects    []string     `json:"projects"`
+}
+
+type BoardLaneID string
+
+type BoardLane struct {
+	ID         BoardLaneID `json:"id"`
+	Title      string      `json:"title"`
+	IssueLabel string      `json:"issueLabel"`
+}

internal/repository/provider.go

@@ -0,0 +1,9 @@
+package repository
+
+import "gitlab.com/wpetit/goweb/service"
+
+func ServiceProvider(repository *Repository) service.Provider {
+	return func(ctn *service.Container) (interface{}, error) {
+		return repository, nil
+	}
+}

internal/repository/repository.go

@@ -0,0 +1,13 @@
+package repository
+
+type Repository struct {
+	boards BoardRepository
+}
+
+func (r *Repository) Boards() BoardRepository {
+	return r.boards
+}
+
+func NewRepository(boards BoardRepository) *Repository {
+	return &Repository{boards}
+}

internal/repository/service.go

@@ -0,0 +1,33 @@
+package repository
+
+import (
+	"github.com/pkg/errors"
+	"gitlab.com/wpetit/goweb/service"
+)
+
+const ServiceName service.Name = "repository"
+
+// From retrieves the repository service in the given container
+func From(container *service.Container) (*Repository, error) {
+	service, err := container.Service(ServiceName)
+	if err != nil {
+		return nil, errors.Wrapf(err, "error while retrieving '%s' service", ServiceName)
+	}
+
+	srv, ok := service.(*Repository)
+	if !ok {
+		return nil, errors.Errorf("retrieved service is not a valid '%s' service", ServiceName)
+	}
+
+	return srv, nil
+}
+
+// Must retrieves the repository service in the given container or panic otherwise
+func Must(container *service.Container) *Repository {
+	srv, err := From(container)
+	if err != nil {
+		panic(err)
+	}
+
+	return srv
+}

internal/repository/storm/board.go

@@ -0,0 +1,69 @@
+package storm
+
+import (
+	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
+	"github.com/asdine/storm"
+	"github.com/pkg/errors"
+)
+
+type BoardRepository struct {
+	db *storm.DB
+}
+
+type boardItem struct {
+	ID    string `storm:"id"`
+	Board *repository.Board
+}
+
+func (r *BoardRepository) Init() error {
+	if err := r.db.Init(&boardItem{}); err != nil {
+		return errors.Wrap(err, "could not init 'boardItem' collection")
+	}
+
+	if err := r.db.ReIndex(&boardItem{}); err != nil {
+		return errors.Wrap(err, "could not reindex 'boardItem' collection")
+	}
+
+	return nil
+}
+
+func (r *BoardRepository) List() ([]*repository.Board, error) {
+	boardItems := make([]*boardItem, 0)
+
+	if err := r.db.All(&boardItems); err != nil {
+		return nil, errors.Wrap(err, "could not retrieve board items")
+	}
+
+	boards := make([]*repository.Board, 0, len(boardItems))
+
+	for _, b := range boardItems {
+		boards = append(boards, b.Board)
+	}
+
+	return boards, nil
+}
+
+func (r *BoardRepository) Get(id repository.BoardID) (*repository.Board, error) {
+	return nil, nil
+}
+
+func (r *BoardRepository) Save(board *repository.Board) error {
+	b := &boardItem{
+		ID:    string(board.ID),
+		Board: board,
+	}
+
+	if err := r.db.Save(b); err != nil {
+		return errors.Wrap(err, "could not save board item")
+	}
+
+	return nil
+}
+
+func (r *BoardRepository) Delete(id repository.BoardID) error {
+	return nil
+}
+
+func NewBoardRepository(db *storm.DB) *BoardRepository {
+	return &BoardRepository{db}
+}

internal/route/board.go

@@ -0,0 +1,46 @@
+package route
+
+import (
+	"encoding/json"
+	"net/http"
+
+	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
+	"github.com/pkg/errors"
+	"gitlab.com/wpetit/goweb/middleware/container"
+)
+
+func serveBoards(w http.ResponseWriter, r *http.Request) {
+	ctn := container.Must(r.Context())
+	repo := repository.Must(ctn)
+
+	boards, err := repo.Boards().List()
+	if err != nil {
+		panic(errors.Wrap(err, "could not retrieve boards list"))
+	}
+
+	encoder := json.NewEncoder(w)
+	if err := encoder.Encode(boards); err != nil {
+		panic(errors.Wrap(err, "could not encode boards list"))
+	}
+}
+
+func saveBoard(w http.ResponseWriter, r *http.Request) {
+	ctn := container.Must(r.Context())
+	repo := repository.Must(ctn)
+
+	decoder := json.NewDecoder(r.Body)
+	board := &repository.Board{}
+
+	if err := decoder.Decode(board); err != nil {
+		panic(errors.Wrap(err, "could not decode board"))
+	}
+
+	if err := repo.Boards().Save(board); err != nil {
+		panic(errors.Wrap(err, "could not save board"))
+	}
+
+	encoder := json.NewEncoder(w)
+	if err := encoder.Encode(board); err != nil {
+		panic(errors.Wrap(err, "could not encode board"))
+	}
+}

internal/route/proxy.go

@@ -6,8 +6,6 @@ import (
 	"net/http/httputil"
 	"net/url"
 
-	"github.com/davecgh/go-spew/spew"
-
 	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
 	"forge.cadoles.com/wpetit/gitea-kan/internal/middleware"
 	"github.com/pkg/errors"
@@ -32,12 +30,13 @@ func proxyAPIRequest(w http.ResponseWriter, r *http.Request) {
 	accessToken := sess.Get(middleware.SessionOAuth2AccessToken)
 
 	proxy := httputil.NewSingleHostReverseProxy(apiBaseURL)
-	proxy.Director = func(r *http.Request) {
+	proxy.Director = func(rr *http.Request) {
-		r.Host = apiBaseURL.Host
+		rr.Host = apiBaseURL.Host
-		r.URL.Scheme = apiBaseURL.Scheme
+		rr.URL.Scheme = apiBaseURL.Scheme
-		r.URL.Host = apiBaseURL.Host
+		rr.URL.Host = apiBaseURL.Host
-		r.Header.Add("Authorization", fmt.Sprintf("token %s", accessToken))
+		rr.Method = r.Method
-		spew.Dump(r)
+		rr.Header.Add("Accept", "application/json")
+		rr.Header.Add("Authorization", fmt.Sprintf("token %s", accessToken))
 	}
 
 	proxy.ServeHTTP(w, r)

internal/route/route.go

@@ -19,7 +19,9 @@ func Mount(r *chi.Mux, config *config.Config) {
 		r.Group(func(r chi.Router) {
 			r.Use(middleware.Authenticate)
 			r.Get("/logout", handleLogout)
-			r.Get("/gitea/api/*", http.StripPrefix("/gitea", http.HandlerFunc(proxyAPIRequest)).ServeHTTP)
+			r.Get("/api/boards", serveBoards)
+			r.Post("/api/boards", saveBoard)
+			r.Handle("/gitea/api/*", http.StripPrefix("/gitea", http.HandlerFunc(proxyAPIRequest)))
 			r.Get("/*", static.Dir(config.HTTP.PublicDir, "", html5PushStateHandler))
 		})
 	})

misc/script/release

@@ -101,8 +101,7 @@ function release_server {
   
   copy 'server' $os $arch "$PROJECT_DIR/README.md" "README.md"
   copy 'server' $os $arch "$PROJECT_DIR/LICENSE" "LICENSE"
-  copy 'server' $os $arch "$PROJECT_DIR/cmd/server/public" "public"
+  copy 'server' $os $arch "$PROJECT_DIR/client/dist" "public"
-  copy 'server' $os $arch "$PROJECT_DIR/cmd/server/template" "template"
 
   compress 'server' $os $arch
 
@@ -110,6 +109,8 @@ function release_server {
 
 function main {
 
+  make client-dist
+
   for os in ${OS_TARGETS[@]}; do
     for arch in ${ARCH_TARGETS[@]}; do
       release_server $os $arch

modd.conf

@@ -5,7 +5,10 @@ modd.conf
 !mage_output_file.go {
   prep: make build
   prep: [ -e data/server.conf ] || ( mkdir -p data && bin/server -dump-config > data/server.conf )
-  daemon: GITEA_APP_PUBDIR=./client/dist bin/server -config ./data/server.conf
+  daemon: GITEAKAN_HTTP_PUBDIR=./client/dist \
+    GITEAKAN_DATA_DBPATH=./data/data.db \
+    bin/server \
+    -config ./data/server.conf
 }
 
 **/*.go {

template/blocks/base.html.tmpl

@@ -1,17 +0,0 @@
-{{define "base"}}
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>{{block "title" . -}}{{- end}}</title>
-    <link rel="stylesheet" href="css/main.css">
-    {{- block "head_style" . -}}{{end}}
-    {{- block "head_script" . -}}{{end}}
-  </head>
-  <body>
-  {{- block "body" . -}}{{- end -}}
-  {{- block "body_script" . -}}{{end}}
-  </body>
-</html>
-{{end}}

template/layouts/index.html.tmpl

@@ -1,8 +0,0 @@
-{{define "title"}}Gitea Kan{{end}}
-{{define "body"}}
-<div id="gitea-kan" class="is-fullheight"></div>
-{{end}}
-{{define "body_scripts"}}
-<script type="text/javascript" src="main.js"></script>
-{{end}}
-{{template "base" .}}