import mapboxgl from "mapbox-gl";
import MapboxDraw from "@mapbox/mapbox-gl-draw";
import MapboxDrawHistory from "mapbox-gl-draw-history";

import "mapbox-gl-draw-history/dist/mapbox-gl-draw-history.css";

mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';

const map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v12',
  center: [40, -74.50],
  zoom: 9
});

const Draw = new MapboxDraw();
map.addControl(Draw, 'top-left');

const DrawHistory = new MapboxDrawHistory(Draw, { keybindings: true });
map.addControl(DrawHistory, 'top-left');

map.on('load', function() {
  // ALL YOUR APPLICATION CODE
});