Refactored SVG map into a React component

- Create link to diplomacy map folder into web/src/diplomacy/maps
- Remove old web/src/gui/map folder.
- [web] Handle click only on current map.
- [web/game] Remove useless `wait` state.
- Remove unused nodejs modules.
- [web] Use queue to handle game notifications in sequential order.
- Make all calls to setState() asynchronous in Page and ContentGame components.
- Make sure notifications are handled in the order in which they come.

1 files changed, 106 insertions, 0 deletions

diff --git a/diplomacy/web/src/gui/maps/standard/SvgStandard.css b/diplomacy/web/src/gui/maps/standard/SvgStandard.css
new file mode 100644
index 0000000..3aeebaa
--- /dev/null
+++ b/diplomacy/web/src/gui/maps/standard/SvgStandard.css
@@ -0,0 +1,106 @@
+/* text */
+        svg { font-size: 100% }
+        .titletext {text-anchor:middle; stroke-width:0.3; font-family:sans-serif; font-size:0.7em; stroke:black; fill:black;}
+        .provtext  {text-anchor:middle; stroke-width:0.3; font-family:sans-serif; font-size:0.7em; stroke:black; fill:black;}
+        .labeltext {stroke-width:0.1; stroke:black; fill:black;}
+        .unordered {fill:red; stroke:black; stroke-width:1; fill-opacity:0.90;}
+        .labeltext24 {text-anchor:middle; stroke-width:0.1; stroke:black; fill:black; font-family:serif,sans-serif; font-style:italic; font-size:1.4em;}
+        .labeltext18 {text-anchor:middle; stroke-width:0.1; stroke:black; fill:black; font-family:serif,sans-serif; font-style:italic; font-size:1.1em;}
+        .fulllabeltext {font-family:serif,sans-serif; font-style:italic; font-size:1.2em; fill:black; stroke:black;}
+        .currentnotetext {font-family:serif,sans-serif; font-size:1.5em; fill:black; stroke:black;}
+        .currentnoterect {fill:#c5dfea;}
+        .currentphasetext {font-family:serif,sans-serif; font-size:2.5em; fill:black; stroke:black;}
+
+        .labeltext24 text {cursor:default;}
+
+        /* NB: this style is not yet used. */
+        .labeltext24 text.allowed {
+            font-weight:bold;
+            fill:blue;
+            font-size: 1.5em;
+            stroke: red;
+            stroke-width:2;
+            text-decoration: underline;
+            background-color: green;
+        }
+
+        /* map and object features */
+
+        .seapoly {stroke:#000000; stroke-width:1; fill:#B5DEF8}
+        .dashline  {stroke:darkslateblue; stroke-width:3; stroke-linecap:round; stroke-dasharray:5,6;}
+        .impassable {fill:#353433; stroke:#000000; stroke-width:1}
+        .sealine {stroke:#B5DEFF; stroke-width:3;}
+
+        /* invisible click rects fill:none does not work */
+
+        .invisibleContent {stroke:#000000; fill:#000000; fill-opacity:0.0; opacity:0.0}
+
+        /* default region coloring, by power */
+
+        .provinceRed {fill:url(#patternRed)}
+        .provinceBrown {fill:url(#patternBrown)}
+        .provinceGreen {fill:url(#patternGreen)}
+        .provinceBlack {fill:url(#patternBlack)}
+        .provinceBlue {fill:url(#patternBlue)}
+
+        .nopower {fill:antiquewhite;    stroke:#000000; stroke-width:1}
+        .water {fill:#c5dfea; stroke:#000000; stroke-width:1}
+
+        .neutral {fill:lightgray; stroke:#000000; stroke-width:1}
+
+        .austria {fill:#c48f85; stroke:#000000; stroke-width:1}
+        .england {fill:darkviolet; stroke:#000000; stroke-width:1}
+        .france {fill:royalblue; stroke:#000000; stroke-width:1}
+        .germany {fill:#a08a75; stroke:#000000; stroke-width:1}
+        .italy {fill:forestgreen; stroke:#000000; stroke-width:1}
+        .russia {fill:#757d91; stroke:#000000; stroke-width:1}
+        .turkey {fill:#b9a61c; stroke:#000000; stroke-width:1}
+
+        /* unit colors, by power note that underscores are not supported */
+
+        .unitaustria {fill:red; fill-opacity:0.85}
+        .unitengland {fill:mediumpurple; fill-opacity:0.85}
+        .unitfrance  {fill:deepskyblue; fill-opacity:0.85}
+        .unitgermany {fill:dimgray; fill-opacity:0.85}
+        .unititaly   {fill:olive; fill-opacity:0.85}
+        .unitrussia  {fill:white; fill-opacity:1.0}
+        .unitturkey  {fill:yellow; fill-opacity:0.85}
+
+        /* supply center styles */
+
+        .scnopower {fill:black; stroke:black;}
+        .scaustria {fill:black; stroke:black;}
+        .scengland {fill:black; stroke:black;}
+        .scfrance  {fill:black; stroke:black;}
+        .scgermany {fill:black; stroke:black;}
+        .scitaly   {fill:black; stroke:black;}
+        .scrussia  {fill:black; stroke:black;}
+        .scturkey  {fill:black; stroke:black;}
+
+        /* order drawing styles, stroke and fill colors should not be specified */
+
+        .defaultorder {stroke-width:6; fill:none;}
+        .supportorder {stroke-width:6; fill:none; stroke-dasharray:5,5;}
+        .convoyorder  {stroke-dasharray:15,5; stroke-width:6; fill:none;}
+
+        .shadoworder  {stroke-width:10; fill:none; stroke:black;}
+        .shadowdash   {stroke-width:10; fill:none; stroke:black; opacity:0.45;}
+
+        .varwidthorder  {fill:none;}
+        .varwidthshadow {fill:none; stroke:black;}
+
+        /* Symbol private styles. Always start with "sym" to avoid name collisions! */
+
+        .symBuildShadow {fill:none;stroke:black;opacity:0.5;stroke-width:7;}
+        .symBuild       {stroke:yellow;stroke-width:7;fill:none;}
+        .symRemove      {stroke:red;stroke-width:1;fill:none;}
+
+        .symShadow          {stroke:black;fill:black;stroke-width:1;opacity:0.40;}
+        .symDislodgedShadow {stroke:red;fill:red;stroke-width:1;opacity:0.50;}
+        .symDislodgedBorder {stroke:red;stroke-width:3%;}
+
+        .symDarkener        {fill:black;opacity:0.45;fill-opacity:0.45;}
+        .symCenterHub       {fill:black; stroke:black; opacity:0.60; stroke-width:0.5px;}
+        .symBorder          {stroke:black;stroke-width:3%;}
+        .symThinBorder      {stroke:black;stroke-width:0.4;}
+        .symSilhouette      {stroke:black;fill:black;stroke-width:1;}