map planner added

.gitignore

@@ -11,7 +11,7 @@ build
 
 # misc
 xrank_data
-maps
+tourney_maps
 .DS_Store
 .env
 .env.local

package.json

@@ -5,7 +5,8 @@
   "main": "index.js",
   "scripts": {
     "start": "node index.js",
-    "watch": "nodemon index.js"
+    "watch": "nodemon index.js",
+    "build": "rm -rf build && cd react-ui && npm run build && mv build ../build"
   },
   "author": "Sendou",
   "license": "ISC",

react-ui/package-lock.json

@@ -979,6 +979,11 @@
         "@hapi/hoek": "8.x.x"
       }
     },
+    "@icons/material": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@icons/material/-/material-0.2.4.tgz",
+      "integrity": "sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw=="
+    },
     "@jest/console": {
       "version": "24.9.0",
       "resolved": "https://registry.npmjs.org/@jest/console/-/console-24.9.0.tgz",
@@ -8245,6 +8250,11 @@
         "object-visit": "^1.0.0"
       }
     },
+    "material-colors": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/material-colors/-/material-colors-1.2.6.tgz",
+      "integrity": "sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg=="
+    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -10515,6 +10525,19 @@
         "whatwg-fetch": "3.0.0"
       }
     },
+    "react-color": {
+      "version": "2.17.3",
+      "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.17.3.tgz",
+      "integrity": "sha512-1dtO8LqAVotPIChlmo6kLtFS1FP89ll8/OiA8EcFRDR+ntcK+0ukJgByuIQHRtzvigf26dV5HklnxDIvhON9VQ==",
+      "requires": {
+        "@icons/material": "^0.2.4",
+        "lodash": "^4.17.11",
+        "material-colors": "^1.2.1",
+        "prop-types": "^15.5.10",
+        "reactcss": "^1.2.0",
+        "tinycolor2": "^1.4.1"
+      }
+    },
     "react-dev-utils": {
       "version": "9.0.4",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-9.0.4.tgz",
@@ -10710,6 +10733,24 @@
         "workbox-webpack-plugin": "4.3.1"
       }
     },
+    "react-sketch": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/react-sketch/-/react-sketch-0.5.1.tgz",
+      "integrity": "sha512-a0BPc6z/Ec/7KN4KL/HGLfAhDfLyaBN8GDvILfBZVX74PnhWvJocofc/cHSCvtNtEmGSdmJPjrewfAUXKo78pA==",
+      "requires": {
+        "prop-types": "^15.6.2",
+        "react": "^16.6.1",
+        "react-dom": "^16.6.1"
+      }
+    },
+    "reactcss": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/reactcss/-/reactcss-1.2.3.tgz",
+      "integrity": "sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A==",
+      "requires": {
+        "lodash": "^4.0.1"
+      }
+    },
     "read-pkg": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
@@ -12371,6 +12412,11 @@
       "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
       "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
     },
+    "tinycolor2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.1.tgz",
+      "integrity": "sha1-9PrTM0R7wLB9TcjpIJ2POaisd+g="
+    },
     "tmp": {
       "version": "0.0.33",
       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",

react-ui/package.json

@@ -7,9 +7,11 @@
     "apollo-boost": "^0.4.4",
     "graphql": "^14.5.8",
     "react": "^16.10.1",
+    "react-color": "^2.17.3",
     "react-dom": "^16.10.1",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.1.2",
+    "react-sketch": "^0.5.1",
     "semantic-ui-css": "^2.4.1",
     "semantic-ui-react": "^0.88.1"
   },

react-ui/src/assets/imageImports.js

@@ -53,6 +53,18 @@ import the_reef_thumbnail from "./mapThumbnails/the_reef.png"
 import wahoo_world_thumbnail from "./mapThumbnails/wahoo_world.png"
 import walleye_warehouse_thumbnail from "./mapThumbnails/walleye_warehouse.png"
 
+//https://stackoverflow.com/questions/42118296/dynamically-import-images-from-a-directory-using-webpack
+export const wpnSmall = importAll(require.context("./wpnSmall", false))
+export const wpnMedium = importAll(require.context("./wpnMedium", false))
+
+function importAll(r, substringStart = 6, substringEnd = 4) {
+  let images = {}
+  r.keys().forEach(item => {
+    images[item.substring(substringStart, item.length - substringEnd)] = r(item)
+  })
+  return images
+}
+
 export const abilityIcons = {
   BDU: BDU,
   BRU: BRU,