minor: simplify imports

Author: arichnad

src/browserImport.ts

@@ -1,7 +1,7 @@
 
 //this seems terrible, someone fix javascript
 
-import { mainControl } from './main.js';
+import { mainControl } from './main';
 
 export function setupImports() {
 	(window as any).mainControl = mainControl;

src/button.ts

@@ -1,7 +1,7 @@
 
-import { MainControl } from './main.js';
-import { NavigationControl } from './navigation.js';
-import * as util from './util.js';
+import { MainControl } from './main';
+import { NavigationControl } from './navigation';
+import * as util from './util';
 
 import { IControl, Popup, LayerSpecification, SourceSpecification, Map, MapMouseEvent, MapLayerMouseEvent, MapGeoJSONFeature } from 'maplibre-gl';
 import { Feature, FeatureCollection, Geometry } from 'geojson';

src/main.ts

@@ -1,14 +1,14 @@
 
-import { ButtonControl, ExternalLinkButton } from './button.js';
-import { SaveControl } from './save.js';
-import * as util from './util.js';
-import * as browserImport from './browserImport.js';
+import { ButtonControl, ExternalLinkButton } from './button';
+import { SaveControl } from './save';
+import * as util from './util';
+import * as browserImport from './browserImport';
 
 import { Protocol } from "pmtiles";
 import Cookies from 'js-cookie';
 import VectorTextProtocol from 'maplibre-gl-vector-text-protocol';
 import 'maplibre-gl/dist/maplibre-gl.css';
-import maplibregl, { IControl, LngLat, Map, MapMouseEvent, NavigationControl, ScaleControl, GeolocateControl } from 'maplibre-gl';
+import maplibregl, { addProtocol, AttributionControl, IControl, LngLat, Map, MapMouseEvent, NavigationControl, ScaleControl, GeolocateControl } from 'maplibre-gl';
 
 const highZoom = 12;
 
@@ -22,7 +22,7 @@ export class MainControl implements IControl {
 	constructor() {
 		VectorTextProtocol.addProtocols(maplibregl); //this code includes our osm feature
 		const protocol = new Protocol();
-		maplibregl.addProtocol("pmtiles",protocol.tile);
+		addProtocol("pmtiles",protocol.tile);
 
 		const defaultLatitude = 40;
 		const defaultLongitude = -96;
@@ -45,7 +45,7 @@ export class MainControl implements IControl {
 			attributionControl: false,
 		});
 		this.map.showTileBoundaries = this.query.has('tile');
-		this.map.addControl(new maplibregl.AttributionControl({
+		this.map.addControl(new AttributionControl({
 			customAttribution: 'maplibre', //data attribution comes from the input file
 		}));
 		this.map.addControl(this); //handles some click events

src/save.ts

@@ -1,6 +1,6 @@
 
-import { ButtonControl } from './button.js';
-import * as util from './util.js';
+import { ButtonControl } from './button';
+import * as util from './util';
 
 import { MapMouseEvent, IControl, Map } from 'maplibre-gl';