chore(shared): Move share-able code from backend to shared package

This is a preparation step to remove the share-able dependencies
from backend package and import them from shared package

packages/shared/src/utils/callWithRetry.ts

@@ -0,0 +1,22 @@
+function wait(ms: number) {
+  return new Promise(res => setTimeout(res, ms));
+}
+
+const MAX_NUMBER_OF_RETRIES = 5;
+
+export async function callWithRetry<T>(
+  fn: (...args: unknown[]) => Promise<T>,
+  attempt = 1,
+  maxAttempts = MAX_NUMBER_OF_RETRIES,
+): Promise<T> {
+  try {
+    return await fn();
+  } catch (e) {
+    if (attempt >= maxAttempts) {
+      throw e;
+    }
+    await wait(2 ** attempt * 100);
+
+    return callWithRetry(fn, attempt + 1);
+  }
+}

packages/shared/src/utils/index.ts

@@ -24,3 +24,5 @@ export * from './globs';
 export * from './loadScript';
 export * from './runtimeEnvironment';
 export { deprecated, deprecatedProperty } from './deprecated';
+export { callWithRetry } from './callWithRetry';
+export { isDevelopmentFromApiKey, isProductionFromApiKey, isStaging } from './instance';

packages/shared/src/utils/instance.ts

@@ -0,0 +1,16 @@
+export function isDevelopmentFromApiKey(apiKey: string): boolean {
+  return apiKey.startsWith('test_') || apiKey.startsWith('sk_test_');
+}
+
+export function isProductionFromApiKey(apiKey: string): boolean {
+  return apiKey.startsWith('live_') || apiKey.startsWith('sk_live_');
+}
+
+export function isStaging(frontendApi: string): boolean {
+  return (
+    frontendApi.endsWith('.lclstage.dev') ||
+    frontendApi.endsWith('.stgstage.dev') ||
+    frontendApi.endsWith('.clerkstage.dev') ||
+    frontendApi.endsWith('.accountsstage.dev')
+  );
+}

packages/shared/src/utils/keys.ts

@@ -55,6 +55,7 @@ export function isLegacyFrontendApiKey(key: string) {
 }
 
 export function createDevOrStagingUrlCache() {
+  // TODO: Check if we can merge it with `./instance.ts#isStaging()`
   const DEV_OR_STAGING_SUFFIXES = [
     '.lcl.dev',
     '.stg.dev',

packages/shared/src/utils/url.ts

@@ -1,3 +1,5 @@
+import { isStaging } from './instance';
+
 export function parseSearchParams(queryString = ''): URLSearchParams {
   if (queryString.startsWith('?')) {
     queryString = queryString.slice(1);
@@ -25,3 +27,28 @@ export function addClerkPrefix(str: string | undefined) {
   const stripped = str.replace(regex, '');
   return `clerk.${stripped}`;
 }
+
+export const getClerkJsMajorVersionOrTag = (frontendApi: string, pkgVersion?: string) => {
+  if (!pkgVersion && isStaging(frontendApi)) {
+    return 'staging';
+  }
+
+  if (!pkgVersion) {
+    return 'latest';
+  }
+
+  if (pkgVersion.includes('next')) {
+    return 'next';
+  }
+
+  return pkgVersion.split('.')[0] || 'latest';
+};
+
+export const getScriptUrl = (
+  frontendApi: string,
+  { pkgVersion, clerkJSVersion }: { pkgVersion?: string; clerkJSVersion?: string },
+) => {
+  const noSchemeFrontendApi = frontendApi.replace(/http(s)?:\/\//, '');
+  const major = getClerkJsMajorVersionOrTag(frontendApi, pkgVersion);
+  return `https://${noSchemeFrontendApi}/npm/@clerk/clerk-js@${clerkJSVersion || major}/dist/clerk.browser.js`;
+};