@arenarium/maps-integration-google 1.0.0

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 arenarium.dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/main.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d="5";typeof window<"u"&&((window.__svelte??={}).v??=new Set).add(d);var u;(l=>{function i(e,s,t){const n=e/2,a=s/2,r=Math.sqrt(n*n+a*a),h=Math.atan(a/n)*(180/Math.PI),o=t*(Math.PI/180);return t<180?t<90?t<h?{x:0,y:r*Math.sin(o)-a}:{x:r*Math.cos(o)-n,y:0}:t<180-h?{x:r*Math.cos(o)-n,y:0}:{x:-e,y:r*Math.sin(o)-a}:t<270?t<180+h?{x:-e,y:r*Math.sin(o)-a}:{x:r*Math.cos(o)-n,y:-s}:t<360-h?{x:r*Math.cos(o)-n,y:-s}:{x:0,y:r*Math.sin(o)-a}}l.getOffsets=i})(u||(u={}));var p;(l=>{async function i(s,t){const n=await fetch(s,t);if(!n.ok)throw new Error(n.statusText);return n.json()}l.get=i;async function e(s,t,n){const a=await fetch(s,{method:"POST",body:JSON.stringify(t),headers:{"Content-Type":"application/json",...n?.headers},...n});if(!a.ok)throw new Error(a.statusText);return a.json()}l.post=e})(p||(p={}));var m;(l=>{function i(r,h,o){return{x:s(h)*o,y:t(r)*o}}l.project=i;function e(r,h,o){return{lat:a(h/o),lng:n(r/o)}}l.unproject=e;function s(r){return(180+r)/360}function t(r){return(180-180/Math.PI*Math.log(Math.tan(Math.PI/4+r*Math.PI/360)))/360}function n(r){return r*360-180}function a(r){return 360/Math.PI*Math.atan(Math.exp((180-r*360)*Math.PI/180))-90}})(m||(m={}));var c;(l=>{l.COUNT=12,l.DEGREES=[0,30,60,90,120,150,180,210,240,270,300,330],l.DEGREES_DEFAULT=270})(c||(c={}));const y=()=>'<img src="https://arenarium.dev/favicon.svg" alt="Arenarium Maps" style="height: 1.25em; vertical-align: middle;" />',g=()=>`<a href="https://arenarium.dev" target="_blank" style="color: inherit;">${y()}<span>&nbsp;@arenarium/maps</span></a>`;class M{constructor(i,e,s,t){this.MapClass=i,this.MapMarkerClass=e,this.options=t,this.map=new this.MapClass(s,{...t}),(t.attribution||t.attribution==null)&&(this.map.addListener("idle",()=>{this.attributionObserver||(this.attributionObserver=new MutationObserver((n,a)=>{this.insertAttributionElement(),this.attributionElement!=null&&(this.updateAttributionElement(),a.disconnect())}),this.attributionObserver.observe(s,{childList:!0,subtree:!0}))}),this.map.addListener("bounds_changed",()=>{this.updateAttributionElement()}))}insertAttributionElement(){const i=this.map.getDiv();if(i==null)return;const e=i.getElementsByClassName("gmnoprint")[0];if(e==null||e.parentElement==null)return;const s=e.cloneNode(!0),t=s.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0);t!=null&&(t.title="",t.innerHTML=g(),e.parentElement.insertBefore(s,e),this.attributionElement=t)}updateAttributionElement(){const i=this.map.getDiv();if(i==null)return;const e=this.attributionElement?.childNodes.item(0)?.childNodes.item(1);e!=null&&(e.style.display=i.clientWidth>500?"initial":"none")}getParameters(){return{mapSize:256,zoomMin:this.options.minZoom??0,zoomMax:this.options.maxZoom??24,zoomScale:10}}getMap(){return this.map}getContainer(){return this.map.getDiv()}getZoom(){return this.map.getZoom()??NaN}getBounds(){const i=this.map.getBounds();if(i==null)return{sw:{lat:NaN,lng:NaN},ne:{lat:NaN,lng:NaN}};const e=i.getSouthWest(),s=i.getNorthEast();return{sw:{lat:e.lat(),lng:e.lng()},ne:{lat:s.lat(),lng:s.lng()}}}panBy(i,e){this.map.panBy(i,e)}createMarker(i,e,s,t){const n=new this.MapMarkerClass({position:{lat:e,lng:s},content:i,zIndex:t});return{inserted:()=>n.map!=null&&n.map==this.map,insert:()=>n.map=this.map,remove:()=>n.map=void 0,update:a=>n.zIndex=a}}}const f=[{elementType:"labels.icon",stylers:[{visibility:"off"}]},{stylers:[{saturation:-100},{lightness:-10}]},{featureType:"landscape",stylers:[{lightness:30}]},{featureType:"road",elementType:"geometry",stylers:[{saturation:-100}]}],b=[{elementType:"labels.icon",stylers:[{visibility:"off"}]},{stylers:[{saturation:-100}]},{elementType:"geometry",stylers:[{lightness:-45}]},{elementType:"labels.text.fill",stylers:[{lightness:-100}]},{elementType:"labels.text.stroke",stylers:[{lightness:-15}]},{featureType:"water",elementType:"geometry",stylers:[{lightness:-50}]}];exports.GoogleMapDarkStyle=b;exports.GoogleMapLightStyle=f;exports.GoogleMapsProvider=M;

package/dist/main.d.ts

@@ -0,0 +1,93 @@
+import { MapBounds } from '@arenarium/maps';
+import { MapProvider } from '@arenarium/maps';
+import { MapProviderMarker } from '@arenarium/maps';
+import { MapProviderParameters } from '@arenarium/maps';
+
+export declare const GoogleMapDarkStyle: ({
+    elementType: string;
+    stylers: {
+        visibility: string;
+    }[];
+    featureType?: undefined;
+} | {
+    stylers: {
+        saturation: number;
+    }[];
+    elementType?: undefined;
+    featureType?: undefined;
+} | {
+    elementType: string;
+    stylers: {
+        lightness: number;
+    }[];
+    featureType?: undefined;
+} | {
+    featureType: string;
+    elementType: string;
+    stylers: {
+        lightness: number;
+    }[];
+})[];
+
+export declare const GoogleMapLightStyle: ({
+    elementType: string;
+    stylers: {
+        visibility: string;
+    }[];
+    featureType?: undefined;
+} | {
+    stylers: ({
+        saturation: number;
+        lightness?: undefined;
+    } | {
+        lightness: number;
+        saturation?: undefined;
+    })[];
+    elementType?: undefined;
+    featureType?: undefined;
+} | {
+    featureType: string;
+    stylers: {
+        lightness: number;
+    }[];
+    elementType?: undefined;
+} | {
+    featureType: string;
+    elementType: string;
+    stylers: {
+        saturation: number;
+    }[];
+})[];
+
+declare interface GoogleMapsClass {
+    new (container: HTMLElement, options: google.maps.MapOptions): google.maps.Map;
+}
+
+declare interface GoogleMapsMarkerClass {
+    new (options: google.maps.marker.AdvancedMarkerElementOptions): google.maps.marker.AdvancedMarkerElement;
+}
+
+declare interface GoogleMapsOptions extends google.maps.MapOptions {
+    attribution?: boolean;
+}
+
+export declare class GoogleMapsProvider implements MapProvider {
+    private MapClass;
+    private MapMarkerClass;
+    private map;
+    private options;
+    private attributionObserver;
+    private attributionElement;
+    constructor(mapClass: GoogleMapsClass, mapMarkerClass: GoogleMapsMarkerClass, container: HTMLElement, options: GoogleMapsOptions);
+    private insertAttributionElement;
+    private updateAttributionElement;
+    getParameters(): MapProviderParameters;
+    getMap(): google.maps.Map;
+    getContainer(): HTMLElement;
+    getZoom(): number;
+    getBounds(): MapBounds;
+    panBy(x: number, y: number): undefined;
+    createMarker(element: HTMLElement, lat: number, lng: number, zIndex: number): MapProviderMarker;
+}
+
+export { }

package/dist/main.es.js

@@ -0,0 +1,243 @@
+typeof window < "u" && ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add("5");
+var u;
+((l) => {
+  function i(e, s, t) {
+    const n = e / 2, a = s / 2, r = Math.sqrt(n * n + a * a), h = Math.atan(a / n) * (180 / Math.PI), o = t * (Math.PI / 180);
+    return t < 180 ? t < 90 ? t < h ? {
+      x: 0,
+      y: r * Math.sin(o) - a
+    } : {
+      x: r * Math.cos(o) - n,
+      y: 0
+    } : t < 180 - h ? {
+      x: r * Math.cos(o) - n,
+      y: 0
+    } : {
+      x: -e,
+      y: r * Math.sin(o) - a
+    } : t < 270 ? t < 180 + h ? {
+      x: -e,
+      y: r * Math.sin(o) - a
+    } : {
+      x: r * Math.cos(o) - n,
+      y: -s
+    } : t < 360 - h ? {
+      x: r * Math.cos(o) - n,
+      y: -s
+    } : {
+      x: 0,
+      y: r * Math.sin(o) - a
+    };
+  }
+  l.getOffsets = i;
+})(u || (u = {}));
+var m;
+((l) => {
+  async function i(s, t) {
+    const n = await fetch(s, t);
+    if (!n.ok) throw new Error(n.statusText);
+    return n.json();
+  }
+  l.get = i;
+  async function e(s, t, n) {
+    const a = await fetch(s, {
+      method: "POST",
+      body: JSON.stringify(t),
+      headers: {
+        "Content-Type": "application/json",
+        ...n?.headers
+      },
+      ...n
+    });
+    if (!a.ok) throw new Error(a.statusText);
+    return a.json();
+  }
+  l.post = e;
+})(m || (m = {}));
+var p;
+((l) => {
+  function i(r, h, o) {
+    return {
+      x: s(h) * o,
+      y: t(r) * o
+    };
+  }
+  l.project = i;
+  function e(r, h, o) {
+    return {
+      lat: a(h / o),
+      lng: n(r / o)
+    };
+  }
+  l.unproject = e;
+  function s(r) {
+    return (180 + r) / 360;
+  }
+  function t(r) {
+    return (180 - 180 / Math.PI * Math.log(Math.tan(Math.PI / 4 + r * Math.PI / 360))) / 360;
+  }
+  function n(r) {
+    return r * 360 - 180;
+  }
+  function a(r) {
+    return 360 / Math.PI * Math.atan(Math.exp((180 - r * 360) * Math.PI / 180)) - 90;
+  }
+})(p || (p = {}));
+var c;
+((l) => {
+  l.COUNT = 12, l.DEGREES = [0, 30, 60, 90, 120, 150, 180, 210, 240, 270, 300, 330], l.DEGREES_DEFAULT = 270;
+})(c || (c = {}));
+const d = () => '<img src="https://arenarium.dev/favicon.svg" alt="Arenarium Maps" style="height: 1.25em; vertical-align: middle;" />', y = () => `<a href="https://arenarium.dev" target="_blank" style="color: inherit;">${d()}<span>&nbsp;@arenarium/maps</span></a>`;
+class g {
+  constructor(i, e, s, t) {
+    this.MapClass = i, this.MapMarkerClass = e, this.options = t, this.map = new this.MapClass(s, {
+      ...t
+    }), (t.attribution || t.attribution == null) && (this.map.addListener("idle", () => {
+      this.attributionObserver || (this.attributionObserver = new MutationObserver((n, a) => {
+        this.insertAttributionElement(), this.attributionElement != null && (this.updateAttributionElement(), a.disconnect());
+      }), this.attributionObserver.observe(s, { childList: !0, subtree: !0 }));
+    }), this.map.addListener("bounds_changed", () => {
+      this.updateAttributionElement();
+    }));
+  }
+  insertAttributionElement() {
+    const i = this.map.getDiv();
+    if (i == null) return;
+    const e = i.getElementsByClassName("gmnoprint")[0];
+    if (e == null || e.parentElement == null) return;
+    const s = e.cloneNode(!0), t = s.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0);
+    t != null && (t.title = "", t.innerHTML = y(), e.parentElement.insertBefore(s, e), this.attributionElement = t);
+  }
+  updateAttributionElement() {
+    const i = this.map.getDiv();
+    if (i == null) return;
+    const e = this.attributionElement?.childNodes.item(0)?.childNodes.item(1);
+    e != null && (e.style.display = i.clientWidth > 500 ? "initial" : "none");
+  }
+  getParameters() {
+    return {
+      mapSize: 256,
+      zoomMin: this.options.minZoom ?? 0,
+      zoomMax: this.options.maxZoom ?? 24,
+      zoomScale: 10
+    };
+  }
+  getMap() {
+    return this.map;
+  }
+  getContainer() {
+    return this.map.getDiv();
+  }
+  getZoom() {
+    return this.map.getZoom() ?? NaN;
+  }
+  getBounds() {
+    const i = this.map.getBounds();
+    if (i == null) return { sw: { lat: NaN, lng: NaN }, ne: { lat: NaN, lng: NaN } };
+    const e = i.getSouthWest(), s = i.getNorthEast();
+    return { sw: { lat: e.lat(), lng: e.lng() }, ne: { lat: s.lat(), lng: s.lng() } };
+  }
+  panBy(i, e) {
+    this.map.panBy(i, e);
+  }
+  createMarker(i, e, s, t) {
+    const n = new this.MapMarkerClass({ position: { lat: e, lng: s }, content: i, zIndex: t });
+    return {
+      inserted: () => n.map != null && n.map == this.map,
+      insert: () => n.map = this.map,
+      remove: () => n.map = void 0,
+      update: (a) => n.zIndex = a
+    };
+  }
+}
+const f = [
+  {
+    elementType: "labels.icon",
+    stylers: [
+      {
+        visibility: "off"
+      }
+    ]
+  },
+  {
+    stylers: [
+      {
+        saturation: -100
+      },
+      {
+        lightness: -10
+      }
+    ]
+  },
+  {
+    featureType: "landscape",
+    stylers: [
+      {
+        lightness: 30
+      }
+    ]
+  },
+  {
+    featureType: "road",
+    elementType: "geometry",
+    stylers: [
+      {
+        saturation: -100
+      }
+    ]
+  }
+], M = [
+  {
+    elementType: "labels.icon",
+    stylers: [
+      {
+        visibility: "off"
+      }
+    ]
+  },
+  {
+    stylers: [
+      {
+        saturation: -100
+      }
+    ]
+  },
+  {
+    elementType: "geometry",
+    stylers: [
+      {
+        lightness: -45
+      }
+    ]
+  },
+  {
+    elementType: "labels.text.fill",
+    stylers: [
+      {
+        lightness: -100
+      }
+    ]
+  },
+  {
+    elementType: "labels.text.stroke",
+    stylers: [
+      {
+        lightness: -15
+      }
+    ]
+  },
+  {
+    featureType: "water",
+    elementType: "geometry",
+    stylers: [
+      {
+        lightness: -50
+      }
+    ]
+  }
+];
+export {
+  M as GoogleMapDarkStyle,
+  f as GoogleMapLightStyle,
+  g as GoogleMapsProvider
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@arenarium/maps-integration-google",
+  "version": "1.0.0",
+  "license": "MIT",
+  "author": "arenarium.dev",
+  "description": "@arenarium/maps integration with Google Maps.",
+  "homepage": "https://arenarium.dev",
+  "keywords": [
+    "arenarium",
+    "maps",
+    "google",
+    "google maps"
+  ],
+  "type": "module",
+  "main": "./dist/main.cjs.js",
+  "module": "./dist/main.es.js",
+  "svelte": "./dist/main.es.js",
+  "types": "./dist/main.d.ts",
+  "unpkg": "./dist/main.js",
+  "jsdelivr": "./dist/main.js",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "svelte": "./dist/main.es.js",
+      "import": "./dist/main.es.js",
+      "require": "./dist/main.cjs.js"
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^24.5.2",
+    "vite": "^7.1.7",
+    "vite-plugin-dts": "^4.5.4",
+    "@arenarium/maps": "1.2.0",
+    "@arenarium/maps-shared": "1.0.0"
+  },
+  "peerDependencies": {
+    "@googlemaps/js-api-loader": "^1.16.10",
+    "@types/google.maps": "^3.58.1"
+  },
+  "scripts": {
+    "lib_google_build": "vite build",
+    "lib_google_patch": "pnpm version patch --no-git-tag-version",
+    "lib_google_publish": "pnpm publish --access public"
+  }
+}

package/src/lib/provider.ts

@@ -0,0 +1,144 @@
+import { getAttributionHtml } from '@arenarium/maps';
+import type { MapProvider, MapProviderParameters, MapProviderMarker, MapBounds } from '@arenarium/maps';
+
+interface GoogleMapsClass {
+	new (container: HTMLElement, options: google.maps.MapOptions): google.maps.Map;
+}
+
+interface GoogleMapsMarkerClass {
+	new (options: google.maps.marker.AdvancedMarkerElementOptions): google.maps.marker.AdvancedMarkerElement;
+}
+
+interface GoogleMapsOptions extends google.maps.MapOptions {
+	attribution?: boolean;
+}
+
+export class GoogleMapsProvider implements MapProvider {
+	private MapClass: GoogleMapsClass;
+	private MapMarkerClass: GoogleMapsMarkerClass;
+
+	private map: google.maps.Map;
+	private options: google.maps.MapOptions;
+
+	private attributionObserver: MutationObserver | undefined;
+	private attributionElement: HTMLElement | undefined;
+
+	constructor(mapClass: GoogleMapsClass, mapMarkerClass: GoogleMapsMarkerClass, container: HTMLElement, options: GoogleMapsOptions) {
+		this.MapClass = mapClass;
+		this.MapMarkerClass = mapMarkerClass;
+
+		this.options = options;
+		this.map = new this.MapClass(container, {
+			...options
+		});
+
+		if (options.attribution || options.attribution == undefined) {
+			// Add attribution element
+			this.map.addListener('idle', () => {
+				if (this.attributionObserver) return;
+
+				this.attributionObserver = new MutationObserver((_, observer) => {
+					// Try to insert attribution element
+					this.insertAttributionElement();
+					// If insertion failed, return
+					if (this.attributionElement == undefined) return;
+					// Update attribution element
+					this.updateAttributionElement();
+					// Disconnect observer
+					observer.disconnect();
+				});
+				this.attributionObserver.observe(container, { childList: true, subtree: true });
+			});
+
+			this.map.addListener('bounds_changed', () => {
+				// Update attribution element
+				this.updateAttributionElement();
+			});
+		}
+	}
+
+	private insertAttributionElement() {
+		// Get map container
+		const container = this.map.getDiv();
+		if (container == undefined) return;
+
+		// Find bottom right attribution elements first child
+		const attributionElementsFirstChild = container.getElementsByClassName('gmnoprint')[0];
+		if (attributionElementsFirstChild == undefined) return;
+		if (attributionElementsFirstChild.parentElement == undefined) return;
+
+		// Clone attribution element
+		const attributionWrapper = attributionElementsFirstChild.cloneNode(true) as HTMLElement;
+
+		// Find attribution wrapper target child
+		const attributionWrapperTargetChild = attributionWrapper.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0) as HTMLElement;
+		if (attributionWrapperTargetChild == undefined) return;
+
+		// Set attribution wrapper target child inner HTML
+		attributionWrapperTargetChild.title = '';
+		attributionWrapperTargetChild.innerHTML = getAttributionHtml();
+
+		// Insert attribution wrapper before attribution elements first child
+		attributionElementsFirstChild.parentElement.insertBefore(attributionWrapper, attributionElementsFirstChild);
+
+		// Assign attribution element
+		this.attributionElement = attributionWrapperTargetChild;
+	}
+
+	private updateAttributionElement() {
+		// Get map container
+		const container = this.map.getDiv();
+		if (container == undefined) return;
+
+		// Get attribution element span
+		const attributionElementSpan = this.attributionElement?.childNodes.item(0)?.childNodes.item(1) as HTMLElement;
+		if (attributionElementSpan == undefined) return;
+
+		// Set attribution element span display
+		attributionElementSpan.style.display = container.clientWidth > 500 ? 'initial' : 'none';
+	}
+
+	public getParameters(): MapProviderParameters {
+		return {
+			mapSize: 256,
+			zoomMin: this.options.minZoom ?? 0,
+			zoomMax: this.options.maxZoom ?? 24,
+			zoomScale: 10
+		};
+	}
+
+	public getMap(): google.maps.Map {
+		return this.map;
+	}
+
+	public getContainer(): HTMLElement {
+		return this.map.getDiv();
+	}
+
+	public getZoom(): number {
+		return this.map.getZoom() ?? NaN;
+	}
+
+	public getBounds(): MapBounds {
+		const bounds = this.map.getBounds();
+		if (bounds == undefined) return { sw: { lat: NaN, lng: NaN }, ne: { lat: NaN, lng: NaN } };
+
+		const sw = bounds.getSouthWest();
+		const ne = bounds.getNorthEast();
+		return { sw: { lat: sw.lat(), lng: sw.lng() }, ne: { lat: ne.lat(), lng: ne.lng() } };
+	}
+
+	public panBy(x: number, y: number): undefined {
+		this.map.panBy(x, y);
+	}
+
+	public createMarker(element: HTMLElement, lat: number, lng: number, zIndex: number): MapProviderMarker {
+		const marker = new this.MapMarkerClass({ position: { lat, lng }, content: element, zIndex });
+		return {
+			inserted: () => marker.map != undefined && marker.map == this.map,
+			insert: () => (marker.map = this.map),
+			remove: () => (marker.map = undefined),
+			update: (zIndex: number) => (marker.zIndex = zIndex)
+		};
+	}
+}

package/src/lib/styles.ts

@@ -0,0 +1,88 @@
+export const GoogleMapLightStyle = [
+	{
+		elementType: 'labels.icon',
+		stylers: [
+			{
+				visibility: 'off'
+			}
+		]
+	},
+	{
+		stylers: [
+			{
+				saturation: -100
+			},
+			{
+				lightness: -10
+			}
+		]
+	},
+	{
+		featureType: 'landscape',
+		stylers: [
+			{
+				lightness: 30
+			}
+		]
+	},
+	{
+		featureType: 'road',
+		elementType: 'geometry',
+		stylers: [
+			{
+				saturation: -100
+			}
+		]
+	}
+];
+
+export const GoogleMapDarkStyle = [
+	{
+		elementType: 'labels.icon',
+		stylers: [
+			{
+				visibility: 'off'
+			}
+		]
+	},
+	{
+		stylers: [
+			{
+				saturation: -100
+			}
+		]
+	},
+	{
+		elementType: 'geometry',
+		stylers: [
+			{
+				lightness: -45
+			}
+		]
+	},
+	{
+		elementType: 'labels.text.fill',
+		stylers: [
+			{
+				lightness: -100
+			}
+		]
+	},
+	{
+		elementType: 'labels.text.stroke',
+		stylers: [
+			{
+				lightness: -15
+			}
+		]
+	},
+	{
+		featureType: 'water',
+		elementType: 'geometry',
+		stylers: [
+			{
+				lightness: -50
+			}
+		]
+	}
+];

package/src/main.ts

@@ -0,0 +1,3 @@
+import { GoogleMapsProvider } from './lib/provider.js';
+import { GoogleMapDarkStyle, GoogleMapLightStyle } from './lib/styles.js';
+export { GoogleMapsProvider, GoogleMapDarkStyle, GoogleMapLightStyle };

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"outDir": "dist",
+		"declaration": true,
+		"declarationDir": "dist",
+		"emitDeclarationOnly": true,
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
+		"types": ["vite/client", "./node_modules/@types/google.maps/index.d.ts"]
+	}
+}

package/vite.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+	plugins: [
+		dts({
+			rollupTypes: true,
+			insertTypesEntry: true,
+			entryRoot: './src',
+			copyDtsFiles: true,
+			exclude: ['**/node_modules/**']
+		})
+	],
+	build: {
+		lib: {
+			entry: './src/main.ts',
+			name: 'ArenariumMapsIntegrationGoogle',
+			formats: ['es', 'cjs'],
+			fileName: (format, entryName) => `${entryName}.${format}.js`,
+			cssFileName: 'style'
+		}
+	}
+});