feat(shared): Introduce isomorphicBtoa helper

clerk · Oct 25, 2023 · b57eb53 · b57eb53
1 parent a96fc0c
commit b57eb53
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/packages/shared/src/isomorphicBtoa.ts b/packages/shared/src/isomorphicBtoa.ts
@@ -0,0 +1,8 @@
+export const isomorphicBtoa = (data: string) => {
+  if (typeof btoa !== 'undefined' && typeof btoa === 'function') {
+    return btoa(data);
+  } else if (typeof global !== 'undefined' && global.Buffer) {
+    return new global.Buffer(data).toString('base64');
+  }
+  return data;
+};
diff --git a/packages/shared/src/keys.ts b/packages/shared/src/keys.ts
@@ -1,6 +1,7 @@
 import type { PublishableKey } from '@clerk/types';
 
 import { isomorphicAtob } from './isomorphicAtob';
+import { isomorphicBtoa } from './isomorphicBtoa';
 
 const PUBLISHABLE_KEY_LIVE_PREFIX = 'pk_live_';
 const PUBLISHABLE_KEY_TEST_PREFIX = 'pk_test_';
@@ -12,7 +13,7 @@ export function buildPublishableKey(frontendApi: string): string {
   const keyPrefix = PUBLISHABLE_FRONTEND_API_DEV_REGEX.test(frontendApi)
     ? PUBLISHABLE_KEY_TEST_PREFIX
     : PUBLISHABLE_KEY_LIVE_PREFIX;
-  return `${keyPrefix}${btoa(`${frontendApi}$`)}`;
+  return `${keyPrefix}${isomorphicBtoa(`${frontendApi}$`)}`;
 }
 
 export function parsePublishableKey(key: string | undefined): PublishableKey | null {

diff --git a/packages/shared/src/utils/index.ts b/packages/shared/src/utils/index.ts
@@ -1,6 +1,6 @@
 export * from './createDeferredPromise';
 export { isStaging } from './instance';
+export { logErrorInDevMode } from './logErrorInDevMode';
 export { noop } from './noop';
-export * from './runtimeEnvironment';
 export * from './runWithExponentialBackOff';
-export { logErrorInDevMode } from './logErrorInDevMode';
+export * from './runtimeEnvironment';