[feat] Pass in custom transformRequest function (#2534)

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>
keplergl · Mar 7, 2024 · 1f9757b · 1f9757b
1 parent b644f20
commit 1f9757b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/src/kepler-gl.tsx b/src/components/src/kepler-gl.tsx
@@ -161,7 +161,10 @@ export const mapFieldsSelector = (props: KeplerGLProps, index: number = 0) => ({
 
   // mapStyle
   topMapContainerProps: props.topMapContainerProps,
-  bottomMapContainerProps: props.bottomMapContainerProps
+  bottomMapContainerProps: props.bottomMapContainerProps,
+
+  // transformRequest for Mapbox basemaps
+  transformRequest: props.transformRequest
 });
 
 export function getVisibleDatasets(datasets) {
@@ -317,6 +320,8 @@ type KeplerGLBasicProps = {
 
   topMapContainerProps?: object;
   bottomMapContainerProps?: object;
+
+  transformRequest?: (url: string) => {url: string};
 };
 
 type KeplerGLProps = KeplerGlState & KeplerGlActions & KeplerGLBasicProps;

diff --git a/src/utils/src/map-style-utils/mapbox-utils.ts b/src/utils/src/map-style-utils/mapbox-utils.ts
@@ -25,10 +25,7 @@ export function isStyleUsingMapboxTiles(mapStyle) {
 }
 
 export const transformRequest = (url: string): {url: string} => {
-  const isMapboxRequest =
-    url.slice(8, 22) === 'api.mapbox.com' || url.slice(10, 26) === 'tiles.mapbox.com';
-
   return {
-    url: isMapboxRequest ? url.replace('?', '?pluginName=Keplergl&') : url
+    url
   };
 };