Add states and cors support for development needs

Author: prushforth

index.html

@@ -75,6 +75,7 @@
     <mapml-viewer projection="CBMTILE" zoom="2" lat="45" lon="-90" controls>
       <map-caption>A pleasing map of Canada</map-caption>
       <layer- label="CBMT" src="https://geogratis.gc.ca/mapml/en/cbmtile/cbmt/" checked></layer->
+      <layer- label="remote states" src="../test/e2e/data/states/states.default.mapml" checked></layer->
     </mapml-viewer>
   </body>
 </html>

package-lock.json

@@ -36,6 +36,7 @@
     "jest": "jest --verbose --noStackTrace"
   },
   "devDependencies": {
+    "@playwright/test": "^1.24.2",
     "diff": "^5.1.0",
     "express": "^4.17.1",
     "grunt": "^1.4.0",
@@ -54,7 +55,6 @@
     "jest-playwright-preset": "^1.7.0",
     "leaflet": "^1.9.3",
     "path": "^0.12.7",
-    "@playwright/test": "^1.24.2",
     "playwright": "^1.24.2",
     "proj4": "^2.6.2",
     "proj4leaflet": "^1.0.2",
@@ -63,5 +63,8 @@
   "files": [
     "dist",
     "*.md"
-  ]
+  ],
+  "dependencies": {
+    "cors": "^2.8.5"
+  }
 }

package.json

@@ -4,6 +4,9 @@ const path = require("path");
 const port = 30001;
 
 //then loads in the index file
+const cors = require('cors');
+app.use(cors());
+express.static.mime.define({'text/mapml': ['mapml']});
 app.use(express.static(path.join(__dirname, "../dist")));
 app.use(express.static(path.join(__dirname, "e2e/core")));
 app.use(express.static(path.join(__dirname, "e2e/api")));