Not compile JS with Overpass-Frontend

index.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="node_modules/leaflet/dist/leaflet.css" />
   <link rel="stylesheet" href="demo/demo.css" />
+  <script src="node_modules/overpass-frontend/dist/overpass-frontend.js"></script>
   <script src="node_modules/leaflet/dist/leaflet.js"></script>
   <script src="node_modules/leaflet-polylineoffset/leaflet.polylineoffset.js"></script>
   <script src="node_modules/leaflet-polylinedecorator/dist/leaflet.polylineDecorator.js"></script>

index.js

@@ -1,12 +1,9 @@
-const OverpassFrontend = require('overpass-frontend')
-
 const OverpassLayer = require('./src/OverpassLayer')
 const OverpassLayerList = require('./src/OverpassLayerList')
 
 if (typeof window !== 'undefined') {
   window.OverpassLayer = OverpassLayer
   window.OverpassLayerList = OverpassLayerList
-  window.OverpassFrontend = OverpassFrontend
 }
 
 OverpassLayer.List = OverpassLayerList

src/OverpassLayer.js

@@ -5,7 +5,8 @@ require('./OverpassLayer.css')
 const ee = require('event-emitter')
 const BoundingBox = require('boundingbox')
 const twig = require('twig')
-const OverpassFrontend = require('overpass-frontend')
+const OverpassFrontend = require('overpass-frontend/src/defines')
+OverpassFrontend.Filter = require('overpass-frontend/src/Filter')
 const escapeHtml = require('html-escape')
 
 const Sublayer = require('./Sublayer')

src/Sublayer.js

@@ -1,7 +1,7 @@
 /* global L */
 
 const ee = require('event-emitter')
-const OverpassFrontend = require('overpass-frontend')
+const OverpassFrontend = require('overpass-frontend/src/defines')
 const nearestPointOnGeometry = require('nearest-point-on-geometry')
 const BoundingBox = require('boundingbox')