Fix dependencies issues between shapely and MVT and free localost from osmose.openstreetmap.fr

Author: flacombe

.gitignore

@@ -8,7 +8,7 @@ web/po/vue.pot
 
 web_api/session/
 web_api/public/
-web_api/static/
+web_api/static/node_modules
 
 web/static/.webassets-cache/
 web/static/gen/

osmose.py

@@ -1,6 +1,7 @@
 import os
 
 from fastapi import Depends, FastAPI, HTTPException, Request, Response, responses
+from fastapi.middleware.cors import CORSMiddleware
 
 from api import app as api
 from control import app as control
@@ -11,6 +12,20 @@
 
 app = FastAPI()
 
+origins = [
+    "https://osmose.openstreetmap.fr",
+    "http://localhost",
+    "http://localhost:8080",
+    "http://localhost:20009",
+]
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=origins,
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
 
 @app.on_event("startup")
 async def startup():
@@ -58,6 +73,16 @@ def sprite_png():
     return Response(open("web_api/public/assets/sprite.png", "rb").read())
 
 
+@app.get("/assets/marker-gl-sprite.json")
+def sprite_png():
+    return Response(open("web_api/public/assets/marker-gl-sprite.json", "rb").read())
+
+
+@app.get("/assets/marker-gl-sprite.png")
+def sprite_png():
+    return Response(open("web_api/public/assets/marker-gl-sprite.png", "rb").read())
+
+
 @app.get("/images/markers/{filename:path}.png")
 def marker(filename):
     file_path = f"web_api/static/images/markers/{filename}.png"

requirements.txt

@@ -3,6 +3,7 @@ matplotlib >= 1.1
 requests >= 2.0
 polib
 protobuf < 4 # 4.x binary not yet compatible with system package, deps of mapbox-vector-tile
+shapely < 2.1.0 # cascaded_union function removal, deps of mapbox-vector-tile
 mapbox-vector-tile
 pyclipper
 fastapi

web/static/map/layers.ts

@@ -1,5 +1,7 @@
 import { SourceSpecification } from 'maplibre-gl'
 
+declare var API_URL: string;
+
 function tileSource(url, options?): SourceSpecification {
   return {
     type: 'raster',
@@ -98,8 +100,6 @@ export const mapOverlay = {
   heatmap: 'Osmose Issues Heatmap',
 }
 
-const API_URL = 'https://osmose.openstreetmap.fr'
-
 export const glStyle = {
   version: 8,
   sources: {

web/types/index.d.ts

@@ -10,7 +10,7 @@ module.exports = (env, argv) => {
         },
         plugins: [
             new SpritezeroWebpackPlugin({
-                source: '../web_api/static/images/**/*.svg',
+                source: 'images/**/*.svg',
                 output: 'marker-gl-',
             })
         ],