@arenarium/maps-integration-google 1.0.0 → 1.0.2

package/LICENSE.txt

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 arenarium.dev
+Copyright (c) 2025 arenarium
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/main.d.ts

@@ -1,93 +1,197 @@
-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 { }
+import * as v from "valibot";
+
+//#region ../../../2 - shared/dist/schemas-ChiG16AA.d.ts
+
+declare const mapCoordinatesSchema: v.ObjectSchema<{
+  readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+  readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+}, undefined>;
+declare const mapBoundsSchema: v.ObjectSchema<{
+  readonly sw: v.ObjectSchema<{
+    readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+    readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+  }, undefined>;
+  readonly ne: v.ObjectSchema<{
+    readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+    readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+  }, undefined>;
+}, undefined>;
+declare const mapViewportSchema: v.ObjectSchema<{
+  readonly bounds: v.ObjectSchema<{
+    readonly sw: v.ObjectSchema<{
+      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+    }, undefined>;
+    readonly ne: v.ObjectSchema<{
+      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+    }, undefined>;
+  }, undefined>;
+  readonly center: v.ObjectSchema<{
+    readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+    readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+  }, undefined>;
+  readonly zoom: v.NumberSchema<undefined>;
+}, undefined>;
+declare const mapProviderParametersSchema: v.ObjectSchema<{
+  readonly mapSize: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>]>;
+  readonly zoomMin: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>]>;
+  readonly zoomMax: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>]>;
+  readonly zoomScale: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 10, undefined>]>;
+}, undefined>;
+declare const mapProviderMarkerSchema: v.ObjectSchema<{
+  readonly inserted: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.BooleanSchema<undefined>>]>;
+  readonly insert: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.VoidSchema<undefined>>]>;
+  readonly remove: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.VoidSchema<undefined>>]>;
+  readonly update: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.NumberSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: number) => unknown, v.VoidSchema<undefined>>]>;
+}, undefined>;
+declare const mapProviderEventSchema: v.UnionSchema<[v.LiteralSchema<"idle", undefined>, v.LiteralSchema<"move", undefined>, v.LiteralSchema<"click", undefined>], undefined>;
+declare const mapProviderSchema: v.ObjectSchema<{
+  readonly getParameters: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.ObjectSchema<{
+    readonly mapSize: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>]>;
+    readonly zoomMin: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>]>;
+    readonly zoomMax: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>]>;
+    readonly zoomScale: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 10, undefined>]>;
+  }, undefined>>]>;
+  readonly getContainer: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.CustomSchema<HTMLElement, v.ErrorMessage<v.CustomIssue> | undefined>>]>;
+  readonly getZoom: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.NumberSchema<undefined>>]>;
+  readonly getBounds: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.ObjectSchema<{
+    readonly sw: v.ObjectSchema<{
+      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+    }, undefined>;
+    readonly ne: v.ObjectSchema<{
+      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+    }, undefined>;
+  }, undefined>>]>;
+  readonly getCenter: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.ObjectSchema<{
+    readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+    readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+  }, undefined>>]>;
+  readonly getViewport: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.ObjectSchema<{
+    readonly bounds: v.ObjectSchema<{
+      readonly sw: v.ObjectSchema<{
+        readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+        readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+      }, undefined>;
+      readonly ne: v.ObjectSchema<{
+        readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+        readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+      }, undefined>;
+    }, undefined>;
+    readonly center: v.ObjectSchema<{
+      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
+      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
+    }, undefined>;
+    readonly zoom: v.NumberSchema<undefined>;
+  }, undefined>>]>;
+  readonly panBy: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.NumberSchema<undefined>, v.NumberSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: number, args_1: number) => unknown, v.VoidSchema<undefined>>]>;
+  readonly createMarker: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.CustomSchema<HTMLElement, v.ErrorMessage<v.CustomIssue> | undefined>, v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>, v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>, v.NumberSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: HTMLElement, args_1: number, args_2: number, args_3: number) => unknown, v.ObjectSchema<{
+    readonly inserted: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.BooleanSchema<undefined>>]>;
+    readonly insert: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.VoidSchema<undefined>>]>;
+    readonly remove: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.VoidSchema<undefined>>]>;
+    readonly update: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.NumberSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: number) => unknown, v.VoidSchema<undefined>>]>;
+  }, undefined>>]>;
+  readonly subscribe: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.UnionSchema<[v.LiteralSchema<"idle", undefined>, v.LiteralSchema<"move", undefined>, v.LiteralSchema<"click", undefined>], undefined>, v.FunctionSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: "idle" | "move" | "click", args_1: (...args: unknown[]) => unknown) => unknown, v.VoidSchema<undefined>>]>;
+  readonly unsubscribe: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.UnionSchema<[v.LiteralSchema<"idle", undefined>, v.LiteralSchema<"move", undefined>, v.LiteralSchema<"click", undefined>], undefined>, v.FunctionSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: "idle" | "move" | "click", args_1: (...args: unknown[]) => unknown) => unknown, v.VoidSchema<undefined>>]>;
+}, undefined>;
+type MapCoordinates = v.InferOutput<typeof mapCoordinatesSchema>;
+type MapBounds = v.InferOutput<typeof mapBoundsSchema>;
+type MapViewport = v.InferOutput<typeof mapViewportSchema>;
+type MapProviderParameters = v.InferOutput<typeof mapProviderParametersSchema>;
+type MapProviderMarker = v.InferOutput<typeof mapProviderMarkerSchema>;
+type MapProviderEvent = v.InferOutput<typeof mapProviderEventSchema>;
+type MapProvider = v.InferOutput<typeof mapProviderSchema>;
+//#endregion
+//#region src/lib/provider.d.ts
+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;
+}
+declare class GoogleMapsProvider implements MapProvider {
+  private MapClass;
+  private MapMarkerClass;
+  private map;
+  private options;
+  private listeners;
+  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;
+  getCenter(): MapCoordinates;
+  getBounds(): MapBounds;
+  getViewport(): MapViewport;
+  panBy(x: number, y: number): undefined;
+  createMarker(element: HTMLElement, lat: number, lng: number, zIndex: number): MapProviderMarker;
+  subscribe(event: MapProviderEvent, callback: () => void): void;
+  unsubscribe(event: MapProviderEvent, callback: () => void): void;
+}
+//#endregion
+//#region src/lib/styles.d.ts
+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 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;
+  }[];
+})[];
+//#endregion
+export { GoogleMapDarkStyle, GoogleMapLightStyle, GoogleMapsProvider };

package/dist/main.js

@@ -0,0 +1 @@
+const e=()=>`<img src="https://arenarium.dev/favicon.svg" alt="Arenarium Maps" class="arenarium-maps-attribution-image" />`,t=()=>`<a href="https://arenarium.dev" target="_blank" class="arenarium-maps-attribution-link">${e()}<span>&nbsp;arenarium/maps</span></a>`;var n=class{constructor(e,t,n,r){this.listeners=new Set,this.MapClass=e,this.MapMarkerClass=t,this.options=r,this.map=new this.MapClass(n,{...r}),(r.attribution||r.attribution==null)&&(this.map.addListener(`idle`,()=>{this.attributionObserver||(this.attributionObserver=new MutationObserver((e,t)=>{this.insertAttributionElement(),this.attributionElement!=null&&(this.updateAttributionElement(),t.disconnect())}),this.attributionObserver.observe(n,{childList:!0,subtree:!0}))}),this.map.addListener(`bounds_changed`,()=>{this.updateAttributionElement()}))}insertAttributionElement(){let e=this.map.getDiv();if(e==null)return;let n=e.getElementsByClassName(`gmnoprint`)[0];if(n==null||n.parentElement==null)return;let r=n.cloneNode(!0),i=r.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0);i!=null&&(i.title=``,i.innerHTML=t(),n.parentElement.insertBefore(r,n),this.attributionElement=i)}updateAttributionElement(){let e=this.map.getDiv();if(e==null)return;let t=this.attributionElement?.childNodes.item(0);if(t){t.style.height=`14px`,t.style.display=`inline-flex`,t.style.alignItems=`center`,t.style.gap=`1px`;let n=t.childNodes.item(0);n&&(n.style.height=`12px`,n.style.width=`auto`);let r=t.childNodes.item(1);r&&(r.style.display=e.clientWidth>500?`initial`:`none`,r.style.color=this.options.colorScheme==google.maps.ColorScheme.DARK?`#fff`:`#000`)}}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}getCenter(){let e=this.map.getCenter();return e==null?{lat:NaN,lng:NaN}:{lat:e.lat(),lng:e.lng()}}getBounds(){let e=this.map.getBounds();if(e==null)return{sw:{lat:NaN,lng:NaN},ne:{lat:NaN,lng:NaN}};let t=e.getSouthWest(),n=e.getNorthEast();return{sw:{lat:t.lat(),lng:t.lng()},ne:{lat:n.lat(),lng:n.lng()}}}getViewport(){return{bounds:this.getBounds(),center:this.getCenter(),zoom:this.getZoom()}}panBy(e,t){this.map.panBy(e,t)}createMarker(e,t,n,r){let i=new this.MapMarkerClass({position:{lat:t,lng:n},content:e,zIndex:r});return{inserted:()=>i.map!=null&&i.map==this.map,insert:()=>i.map=this.map,remove:()=>i.map=void 0,update:e=>i.zIndex=e}}subscribe(e,t){let n=google.maps.event.addListener(this.map,e,t);this.listeners.add({id:n,event:e,callback:t})}unsubscribe(e,t){let n=this.listeners.values().find(n=>n.event==e&&n.callback==t);n!=null&&google.maps.event.removeListener(n.id)}};const r=[{elementType:`labels.icon`,stylers:[{visibility:`off`}]},{stylers:[{saturation:-100},{lightness:-10}]},{featureType:`landscape`,stylers:[{lightness:30}]},{featureType:`road`,elementType:`geometry`,stylers:[{saturation:-100}]}],i=[{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{i as GoogleMapDarkStyle,r as GoogleMapLightStyle,n as GoogleMapsProvider};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@arenarium/maps-integration-google",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "MIT",
-  "author": "arenarium.dev",
-  "description": "@arenarium/maps integration with Google Maps.",
+  "author": "arenarium",
+  "description": "Integration with Google Maps for @arenarium/maps.",
   "homepage": "https://arenarium.dev",
   "keywords": [
     "arenarium",
@@ -12,33 +12,29 @@
     "google maps"
   ],
   "type": "module",
-  "main": "./dist/main.cjs.js",
-  "module": "./dist/main.es.js",
-  "svelte": "./dist/main.es.js",
+  "main": "./dist/main.js",
+  "module": "./dist/main.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"
+      "import": "./dist/main.js"
     }
   },
   "devDependencies": {
-    "@types/node": "^24.5.2",
-    "vite": "^7.1.7",
-    "vite-plugin-dts": "^4.5.4",
-    "@arenarium/maps": "1.2.0",
+    "tsdown": "^0.17.0",
     "@arenarium/maps-shared": "1.0.0"
   },
   "peerDependencies": {
-    "@googlemaps/js-api-loader": "^1.16.10",
+    "@googlemaps/js-api-loader": "^2.0.2",
     "@types/google.maps": "^3.58.1"
   },
+  "dependencies": {
+    "valibot": "^1.2.0"
+  },
   "scripts": {
-    "lib_google_build": "vite build",
+    "lib_google_build": "tsdown --minify",
+    "lib_google_build_dev": "tsdown",
     "lib_google_patch": "pnpm version patch --no-git-tag-version",
     "lib_google_publish": "pnpm publish --access public"
   }

package/src/lib/provider.ts

@@ -1,5 +1,13 @@
-import { getAttributionHtml } from '@arenarium/maps';
-import type { MapProvider, MapProviderParameters, MapProviderMarker, MapBounds } from '@arenarium/maps';
+import { getAttributionHtml } from '@arenarium/maps-shared/manager/attribution';
+import type {
+	MapProvider,
+	MapProviderParameters,
+	MapProviderMarker,
+	MapProviderEvent,
+	MapBounds,
+	MapViewport,
+	MapCoordinates
+} from '@arenarium/maps-shared/schemas';
 
 interface GoogleMapsClass {
 	new (container: HTMLElement, options: google.maps.MapOptions): google.maps.Map;
@@ -13,6 +21,12 @@ interface GoogleMapsOptions extends google.maps.MapOptions {
 	attribution?: boolean;
 }
 
+interface GoogleMapsEventListener {
+	id: google.maps.MapsEventListener;
+	event: MapProviderEvent;
+	callback: () => void;
+}
+
 export class GoogleMapsProvider implements MapProvider {
 	private MapClass: GoogleMapsClass;
 	private MapMarkerClass: GoogleMapsMarkerClass;
@@ -20,6 +34,8 @@ export class GoogleMapsProvider implements MapProvider {
 	private map: google.maps.Map;
 	private options: google.maps.MapOptions;
 
+	private listeners = new Set<GoogleMapsEventListener>();
+
 	private attributionObserver: MutationObserver | undefined;
 	private attributionElement: HTMLElement | undefined;
 
@@ -90,12 +106,29 @@ export class GoogleMapsProvider implements MapProvider {
 		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';
+		// Get attribution element
+		const attributionElementLink = this.attributionElement?.childNodes.item(0) as HTMLElement;
+		if (attributionElementLink) {
+			attributionElementLink.style.height = '14px';
+			attributionElementLink.style.display = 'inline-flex';
+			attributionElementLink.style.alignItems = 'center';
+			attributionElementLink.style.gap = '1px';
+
+			// Get attribution element image
+			const attributionElementImage = attributionElementLink.childNodes.item(0) as HTMLElement;
+			if (attributionElementImage) {
+				attributionElementImage.style.height = '12px';
+				attributionElementImage.style.width = 'auto';
+			}
+
+			// Get attribution element span
+			const attributionElementSpan = attributionElementLink.childNodes.item(1) as HTMLElement;
+			if (attributionElementSpan) {
+				// Set attribution element span display
+				attributionElementSpan.style.display = container.clientWidth > 500 ? 'initial' : 'none';
+				attributionElementSpan.style.color = this.options.colorScheme == google.maps.ColorScheme.DARK ? '#fff' : '#000';
+			}
+		}
 	}
 
 	public getParameters(): MapProviderParameters {
@@ -119,6 +152,13 @@ export class GoogleMapsProvider implements MapProvider {
 		return this.map.getZoom() ?? NaN;
 	}
 
+	public getCenter(): MapCoordinates {
+		const center = this.map.getCenter();
+		if (center == undefined) return { lat: NaN, lng: NaN };
+
+		return { lat: center.lat(), lng: center.lng() };
+	}
+
 	public getBounds(): MapBounds {
 		const bounds = this.map.getBounds();
 		if (bounds == undefined) return { sw: { lat: NaN, lng: NaN }, ne: { lat: NaN, lng: NaN } };
@@ -128,6 +168,14 @@ export class GoogleMapsProvider implements MapProvider {
 		return { sw: { lat: sw.lat(), lng: sw.lng() }, ne: { lat: ne.lat(), lng: ne.lng() } };
 	}
 
+	public getViewport(): MapViewport {
+		return {
+			bounds: this.getBounds(),
+			center: this.getCenter(),
+			zoom: this.getZoom()
+		};
+	}
+
 	public panBy(x: number, y: number): undefined {
 		this.map.panBy(x, y);
 	}
@@ -141,4 +189,15 @@ export class GoogleMapsProvider implements MapProvider {
 			update: (zIndex: number) => (marker.zIndex = zIndex)
 		};
 	}
+
+	public subscribe(event: MapProviderEvent, callback: () => void) {
+		const id = google.maps.event.addListener(this.map, event, callback);
+		this.listeners.add({ id, event, callback });
+	}
+
+	public unsubscribe(event: MapProviderEvent, callback: () => void) {
+		const listener = this.listeners.values().find((l) => l.event == event && l.callback == callback);
+		if (listener == undefined) return;
+		google.maps.event.removeListener(listener.id);
+	}
 }

package/tsconfig.json

@@ -14,6 +14,6 @@
 		"emitDeclarationOnly": true,
 		"module": "NodeNext",
 		"moduleResolution": "NodeNext",
-		"types": ["vite/client", "./node_modules/@types/google.maps/index.d.ts"]
+		"types": ["./node_modules/@types/google.maps/index.d.ts"]
 	}
 }

package/tsdown.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsdown';
+
+export default defineConfig({
+	name: 'ArenariumMapsIntegrationGoogle',
+	entry: ['./src/main.ts'],
+	platform: 'browser',
+	dts: {
+		resolve: ['@arenarium/maps-shared']
+	}
+});

package/dist/main.cjs.js

@@ -1 +0,0 @@
-"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.es.js

@@ -1,243 +0,0 @@
-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/vite.config.ts

@@ -1,23 +0,0 @@
-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'
-		}
-	}
-});