fix: rename packages in examples

examples/playground/src/code-samples/00.default.ts

@@ -8,8 +8,8 @@
 // <Cmd> + <S>        save the code to the URL
 //
 
-import {Marker} from '@ubilabs/google-maps-marker';
-import {MaterialIcons} from '@ubilabs/google-maps-marker/icons';
+import {Marker} from '@googlemaps/marker';
+import {MaterialIcons} from '@googlemaps/marker/icons';
 
 export default (map: google.maps.Map) => {
   Marker.registerIconProvider(MaterialIcons());

examples/playground/src/code-samples/01.simple-marker.ts

@@ -1,5 +1,5 @@
 // title: create marker and add it to the map
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 export default (map: google.maps.Map) => {
   const m1 = new Marker();

examples/playground/src/code-samples/02.update-position.ts

@@ -1,5 +1,5 @@
 // title: specifying and updating position
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 export default (map: google.maps.Map) => {
   // position can be speecified in a number of different formats:

examples/playground/src/code-samples/03.pin-styling.ts

@@ -1,5 +1,5 @@
 // title: simple marker customizations: color
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 export default (map: google.maps.Map) => {
   const m1 = new Marker({map, position: {lat: 50, lng: 10}});

examples/playground/src/code-samples/04.pin-icons.ts

@@ -1,9 +1,6 @@
 // title: simple marker customizations: icons
-import {Marker} from '@ubilabs/google-maps-marker';
-import {
-  MaterialIcons,
-  MaterialIconsStyle
-} from '@ubilabs/google-maps-marker/icons';
+import {Marker} from '@googlemaps/marker';
+import {MaterialIcons, MaterialIconsStyle} from '@googlemaps/marker/icons';
 
 export default (map: google.maps.Map) => {
   // first we need to register the icon-provider, which is a function that knows how to create the kind of dom-element needed for an icon-set

examples/playground/src/code-samples/04b.places-icons.ts

@@ -1,7 +1,7 @@
 // title: simple marker customizations: Google Maps Places API icons
 
-import {Marker} from '@ubilabs/google-maps-marker';
-import {PlaceIcons} from '@ubilabs/google-maps-marker/icons';
+import {Marker} from '@googlemaps/marker';
+import {PlaceIcons} from '@googlemaps/marker/icons';
 
 export default (map: google.maps.Map) => {
   Marker.registerIconProvider(PlaceIcons());

examples/playground/src/code-samples/05.hover-styling.ts

@@ -1,5 +1,5 @@
 // title: marker interactivity: hover
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 export default (map: google.maps.Map) => {
   const position = {lat: 53.5, lng: 10};

examples/playground/src/code-samples/06.click-events.ts

@@ -1,5 +1,5 @@
 // title: marker interactivity: click events
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 export default (map: google.maps.Map) => {
   const marker = new Marker({

examples/playground/src/code-samples/07.mulitple-marker-single-select.ts

@@ -1,5 +1,5 @@
 // title: multiple markers / single selection (w/ user-data)
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 function rnd(min: number, max: number) {
   return min + Math.random() * (max - min);

examples/playground/src/code-samples/07b.mulitple-marker-single-select.ts

@@ -1,5 +1,5 @@
 // title: multiple markers / single selection (alternative w/ 'style objects')
-import {Attributes, Marker} from '@ubilabs/google-maps-marker';
+import {Attributes, Marker} from '@googlemaps/marker';
 
 function rnd(min: number, max: number) {
   return min + Math.random() * (max - min);

examples/playground/src/code-samples/08.attribute-dependencies.ts

@@ -1,6 +1,6 @@
 // title: dynamic attributes depending on each other
 
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 // dynamic attributes can be written to reliably depend on the current value
 // of another attribute, for example to make colors depend on the icon shown

examples/playground/src/code-samples/09.draggable-manual.ts

@@ -1,6 +1,6 @@
 // title: draggable markers / update position after drag
-import {Marker} from '@ubilabs/google-maps-marker';
-import {MaterialIcons} from '@ubilabs/google-maps-marker/icons';
+import {Marker} from '@googlemaps/marker';
+import {MaterialIcons} from '@googlemaps/marker/icons';
 
 export default (map: google.maps.Map) => {
   Marker.registerIconProvider(MaterialIcons());

examples/playground/src/code-samples/10.marker-collection.ts

@@ -1,11 +1,7 @@
 // title: basic marker collection
 
-import {
-  CollisionBehavior,
-  Marker,
-  MarkerCollection
-} from '@ubilabs/google-maps-marker';
-import {MaterialIcons} from '@ubilabs/google-maps-marker/icons';
+import {CollisionBehavior, Marker, MarkerCollection} from '@googlemaps/marker';
+import {MaterialIcons} from '@googlemaps/marker/icons';
 
 type MyData = {
   id: number;

examples/playground/src/code-samples/11.marker-collection-update.ts

@@ -2,7 +2,7 @@
 
 /* eslint-disable @typescript-eslint/no-misused-promises */
 
-import {MarkerCollection} from '@ubilabs/google-maps-marker';
+import {MarkerCollection} from '@googlemaps/marker';
 
 type MyData = {
   id: number;

examples/playground/src/code-samples/12.place-details.ts

@@ -1,5 +1,5 @@
 // title: simple marker for google places API PlaceResult
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 export default (map: google.maps.Map) => {
   const marker = new Marker<google.maps.places.PlaceResult>({

examples/playground/src/code-samples/12b.place-details.ts

@@ -1,6 +1,6 @@
 // title: PlaceResult using the PlaceMarker class
 
-import {PlaceMarker} from '@ubilabs/google-maps-marker/places';
+import {PlaceMarker} from '@googlemaps/marker/places';
 
 export default (map: google.maps.Map) => {
   res.forEach(result => {

examples/playground/src/code-samples/13.html-marker.ts

@@ -1,6 +1,6 @@
 // title: dynamic html marker
 
-import {Marker} from '@ubilabs/google-maps-marker';
+import {Marker} from '@googlemaps/marker';
 
 export default (map: google.maps.Map) => {
   // create a stylesheet to be used by the marker

examples/playground/src/run-playground-js.ts

@@ -23,6 +23,7 @@ async function loadModules() {
     const moduleCallback = moduleCallbacks[
       src.replace('./', '../../../src/') + '.ts'
     ] as () => Promise<object>;
+
     modules[src.replace('.', packageName)] = await moduleCallback();
   }
 

examples/playground/tsconfig.json

@@ -6,8 +6,8 @@
     "moduleResolution": "node",
     "baseUrl": "./",
     "paths": {
-      "@ubilabs/google-maps-marker": ["../../src/index.ts"],
-      "@ubilabs/google-maps-marker/*": ["../../src/*"]
+      "@googlemaps/marker": ["../../src/index.ts"],
+      "@googlemaps/marker/*": ["../../src/*"]
     },
     "typeRoots": ["./types", "./node_modules/@types"],
     "importsNotUsedAsValues": "error",

examples/playground/vite.config.js

@@ -17,6 +17,11 @@ export default defineConfig(({mode}) => {
           examples: resolve(__dirname, './examples.html')
         }
       }
+    },
+    resolve: {
+      alias: {
+        '@googlemaps/marker': resolve(__dirname, '../../src')
+      }
     }
   };
 });

tsconfig.json

@@ -3,13 +3,15 @@
   "compilerOptions": {
     "module": "ES2020",
     "target": "ES2020",
-    "moduleResolution": "nodenext",
+    "moduleResolution": "node",
     "esModuleInterop": true,
     "paths": {
       "@googlemaps/marker": ["./src/index.ts"]
     },
     "noEmit": true,
     "strict": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "inlineSourceMap": true
   }
 }