fix: Numerous updates to fix the issue of TSC stripping the final region tag. (#301)

willum070 · web-flow · commit 368c991d3a9c · 2025-04-10T14:33:34.000-07:00
diff --git a/samples/advanced-markers-animation/index.ts b/samples/advanced-markers-animation/index.ts
@@ -108,5 +108,4 @@
   }
 
 initMap();
-// [END maps_advanced_markers_animation]
-export { };
+// [END maps_advanced_markers_animation]
diff --git a/samples/place-autocomplete-data-session/index.ts b/samples/place-autocomplete-data-session/index.ts
@@ -97,4 +97,5 @@ declare global {
   }
   window.init = init;
 // [END maps_place_autocomplete_data_session]
+void 0; // No-op to preserve the last region tag comment.
 export { };
diff --git a/samples/place-autocomplete-element/index.ts b/samples/place-autocomplete-element/index.ts
@@ -40,4 +40,3 @@ async function initMap(): Promise<void> {
 
 initMap();
 // [END maps_place_autocomplete_element]
-export { };
diff --git a/samples/place-autocomplete-map/index.ts b/samples/place-autocomplete-map/index.ts
@@ -82,5 +82,4 @@ function updateInfoWindow(content, center) {
 }
 
 initMap();
-// [END maps_place_autocomplete_map]
-export { };
+// [END maps_place_autocomplete_map]
diff --git a/samples/place-text-search/index.ts b/samples/place-text-search/index.ts
@@ -69,5 +69,3 @@ async function findPlaces() {
 
 initMap();
 // [END maps_place_text_search]
-
-export { };
diff --git a/samples/ui-kit-place-details/index.html b/samples/ui-kit-place-details/index.html
@@ -21,10 +21,8 @@
       <gmp-advanced-marker></gmp-advanced-marker>
     </gmp-map>
     <!--[END maps_ui_kit_place_details_map] -->
-    <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&libraries=maps&callback=initMap&v=alpha"
-      defer
-    ></script>
+    <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
+        ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha"});</script>
   </body>
 </html>
 <!--[END maps_ui_kit_place_details] -->
diff --git a/samples/ui-kit-place-details/index.ts b/samples/ui-kit-place-details/index.ts
@@ -56,19 +56,13 @@ async function initMap(): Promise<void> {
     map.innerMap.panTo(adjustedCenter);
   });
 }
+/* [END maps_ui_kit_place_details_event] */
 
 // Helper function to offset the map center.
 function offsetLatLngRight(latLng, longitudeOffset) {
   const newLng = latLng.lng() + longitudeOffset;
   return new google.maps.LatLng(latLng.lat(), newLng);
 }
-/* [END maps_ui_kit_place_details_event] */
 
-declare global {
-  interface Window {
-    initMap: () => void;
-  }
-}
-window.initMap = initMap;
+initMap();
 /* [END maps_ui_kit_place_details] */
-export {};
diff --git a/samples/ui-kit-place-search-text/index.html b/samples/ui-kit-place-search-text/index.html
@@ -14,7 +14,7 @@
   </head>
   <body>
     <!--[START maps_ui_kit_place_search_text_map] -->
-    <gmp-map center="-37.813,144.963" zoom="10" map-id="DEMO_MAP_ID">
+    <gmp-map center="37.395641,-122.077627" zoom="10" map-id="DEMO_MAP_ID">
       <div class="overlay" slot="control-inline-start-block-start">
         <div class="list-container">
           <gmp-place-list selectable></gmp-place-list>
@@ -23,10 +23,8 @@
       <gmp-place-details size="large"></gmp-place-details>
     </gmp-map>
     <!--[END maps_ui_kit_place_search_text_map] -->
-    <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&libraries=maps&callback=initMap&v=alpha"
-      defer
-    ></script>
+    <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
+        ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha"});</script>
   </body>
 </html>
 <!--[END maps_ui_kit_place_search_text] -->
diff --git a/samples/ui-kit-place-search-text/index.ts b/samples/ui-kit-place-search-text/index.ts
@@ -32,7 +32,7 @@ async function initMap(): Promise<void>  {
         clickableIcons: false,
     });
 
-    searchByTextRequest('tacos near me');
+    searchByTextRequest('tacos in Mountain View');
 }
 /* [END maps_ui_kit_place_search_text_init_map] */
 
@@ -100,11 +100,5 @@ function offsetLatLngRight(latLng, longitudeOffset) {
     return new google.maps.LatLng(latLng.lat, newLng);
 }
 
-declare global {
-    interface Window {
-      initMap: () => void;
-    }
-  }
-  window.initMap = initMap;
-/* [END maps_ui_kit_place_search_text] */
-export{};
+initMap();
+/* [END maps_ui_kit_place_search_text] */
diff --git a/samples/ui-kit-place-search-text/tsconfig.json b/samples/ui-kit-place-search-text/tsconfig.json
@@ -12,6 +12,6 @@
         "dom.iterable"
       ],
       "moduleResolution": "Node",
-      "jsx": "preserve"
+      "jsx": "preserve",
     }
   }
diff --git a/samples/ui-kit-place-search/index.html b/samples/ui-kit-place-search/index.html
@@ -33,10 +33,8 @@
       <gmp-place-details size="large"></gmp-place-details>
     </gmp-map>
     <!--[END maps_ui_kit_place_search_map] -->
-    <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&libraries=maps&callback=initMap&v=alpha"
-      defer
-    ></script>
+    <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
+        ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha"});</script>
   </body>
 </html>
 <!--[END maps_ui_kit_place_search] -->
diff --git a/samples/ui-kit-place-search/index.ts b/samples/ui-kit-place-search/index.ts
@@ -124,11 +124,5 @@ async function findCurrentLocation(){
 
 }
 
-declare global {
-    interface Window {
-      initMap: () => void;
-    }
-  }
-  window.initMap = initMap;
-/* [END maps_ui_kit_place_search] */
-export{};
+initMap();
+/* [END maps_ui_kit_place_search] */

Original file line number	Diff line number	Diff line change
`@@ -108,5 +108,4 @@`
`108`	`108`	`}`
`109`	`109`
`110`	`110`	`initMap();`
`111`		`-// [END maps_advanced_markers_animation]`
`112`		`-export { };`
	`111`	`+// [END maps_advanced_markers_animation]`
Original file line number	Diff line number	Diff line change
`@@ -97,4 +97,5 @@ declare global {`
`97`	`97`	`}`
`98`	`98`	`window.init = init;`
`99`	`99`	`// [END maps_place_autocomplete_data_session]`
	`100`	`+void 0; // No-op to preserve the last region tag comment.`
`100`	`101`	`export { };`
Original file line number	Diff line number	Diff line change
`@@ -40,4 +40,3 @@ async function initMap(): Promise<void> {`
`40`	`40`
`41`	`41`	`initMap();`
`42`	`42`	`// [END maps_place_autocomplete_element]`
`43`		`-export { };`
Original file line number	Diff line number	Diff line change
`@@ -82,5 +82,4 @@ function updateInfoWindow(content, center) {`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`initMap();`
`85`		`-// [END maps_place_autocomplete_map]`
`86`		`-export { };`
	`85`	`+// [END maps_place_autocomplete_map]`
Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,6 @@`
`12`	`12`	`"dom.iterable"`
`13`	`13`	`],`
`14`	`14`	`"moduleResolution": "Node",`
`15`		`- "jsx": "preserve"`
	`15`	`+ "jsx": "preserve",`
`16`	`16`	`}`
`17`	`17`	`}`