chore: add prettier for code formatting

Author: jdsantos

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "useTabs": true,
+  "tabWidth": 4,
+  "semi": true,
+  "endOfLine": "lf",
+  "printWidth": 200,
+  "quoteProps": "consistent",
+  "arrowParens": "always",
+  "bracketSpacing": true
+}

package-lock.json

@@ -8,6 +8,7 @@
     "dist"
   ],
   "scripts": {
+    "format": "prettier --write src/*.{js,ts}",
     "build": "webpack",
     "dev": "webpack --watch"
   },
@@ -33,6 +34,7 @@
     "convert-units": "^2.3.4"
   },
   "devDependencies": {
+    "prettier": "^3.5.1",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.0"
   },

package.json

@@ -1,51 +1,51 @@
-declare module 'maplibre-gl-measures' {
-    import {Map} from 'maplibre-gl';
-
-    interface MeasuresControlOptions {
-        lang?: {
-            areaMeasurementButtonTitle?: string;
-            lengthMeasurementButtonTitle?: string;
-            clearMeasurementsButtonTitle?: string;
-        };
-        units?: 'imperial' | 'metric';
-        unitsGroupingSeparator?: string;
-        style?: {
-            text?: {
-                radialOffset?: number;
-                letterSpacing?: number;
-                color?: string;
-                haloColor?: string;
-                haloWidth?: number;
-                font?: string;
-            };
-            common?: {
-                midPointRadius?: number;
-                midPointColor?: string;
-                midPointHaloRadius?: number;
-                midPointHaloColor?: string;
-            };
-            areaMeasurement?: {
-                fillColor?: string;
-                fillOutlineColor?: string;
-                fillOpacity?: number;
-                lineWidth?: number;
-            };
-            lengthMeasurement?: {
-                lineWidth?: number;
-                lineColor?: string;
-            };
-        };
-        onRender?: (features: any) => void;
-        onCreate?: (features: any) => void;
-    }
-
-    class MeasuresControl {
-        constructor(options: MeasuresControlOptions);
-
-        onAdd(map: Map): HTMLElement;
-
-        onRemove(): void;
-    }
-
-    export default MeasuresControl;
-}
+declare module 'maplibre-gl-measures' {
+	import { Map } from 'maplibre-gl';
+
+	interface MeasuresControlOptions {
+		lang?: {
+			areaMeasurementButtonTitle?: string;
+			lengthMeasurementButtonTitle?: string;
+			clearMeasurementsButtonTitle?: string;
+		};
+		units?: 'imperial' | 'metric';
+		unitsGroupingSeparator?: string;
+		style?: {
+			text?: {
+				radialOffset?: number;
+				letterSpacing?: number;
+				color?: string;
+				haloColor?: string;
+				haloWidth?: number;
+				font?: string;
+			};
+			common?: {
+				midPointRadius?: number;
+				midPointColor?: string;
+				midPointHaloRadius?: number;
+				midPointHaloColor?: string;
+			};
+			areaMeasurement?: {
+				fillColor?: string;
+				fillOutlineColor?: string;
+				fillOpacity?: number;
+				lineWidth?: number;
+			};
+			lengthMeasurement?: {
+				lineWidth?: number;
+				lineColor?: string;
+			};
+		};
+		onRender?: (features: any) => void;
+		onCreate?: (features: any) => void;
+	}
+
+	class MeasuresControl {
+		constructor(options: MeasuresControlOptions);
+
+		onAdd(map: Map): HTMLElement;
+
+		onRemove(): void;
+	}
+
+	export default MeasuresControl;
+}