feat(clerk-js,nextjs,shared): Add unsafe_disableDevelopmentModeConsoleWarning (#7505)

Author: dstaley

.changeset/fluffy-rocks-shake.md

@@ -0,0 +1,7 @@
+---
+'@clerk/clerk-js': minor
+'@clerk/nextjs': minor
+'@clerk/shared': minor
+---
+
+Add `unsafe_disableDevelopmentModeConsoleWarning` option to disable the development mode warning that's emitted to the console when Clerk is first loaded.

packages/clerk-js/src/core/clerk.ts

@@ -451,7 +451,7 @@ export class Clerk implements ClerkInterface {
     }
 
     // Log a development mode warning once
-    if (this.#instanceType === 'development') {
+    if (this.#instanceType === 'development' && !options?.unsafe_disableDevelopmentModeConsoleWarning) {
       logger.warnOnce(
         'Clerk: Clerk has been loaded with development keys. Development instances have strict usage limits and should not be used when deploying your application to production. Learn more: https://clerk.com/docs/deployments/overview',
       );

packages/nextjs/src/utils/mergeNextClerkPropsWithEnv.ts

@@ -31,5 +31,8 @@ export const mergeNextClerkPropsWithEnv = (props: Omit<NextClerkProviderProps, '
       debug: isTruthy(process.env.NEXT_PUBLIC_CLERK_TELEMETRY_DEBUG),
     },
     sdkMetadata: SDK_METADATA,
+    unsafe_disableDevelopmentModeConsoleWarning: isTruthy(
+      process.env.NEXT_PUBLIC_CLERK_UNSAFE_DISABLE_DEVELOPMENT_MODE_CONSOLE_WARNING,
+    ),
   };
 };

packages/shared/src/types/clerk.ts

@@ -1061,14 +1061,19 @@ type ClerkOptionsNavigation =
       routerDebug?: boolean;
     };
 
+type ClerkUnsafeOptions = {
+  unsafe_disableDevelopmentModeConsoleWarning?: boolean;
+};
+
 export type ClerkOptions = ClerkOptionsNavigation &
   SignInForceRedirectUrl &
   SignInFallbackRedirectUrl &
   SignUpForceRedirectUrl &
   SignUpFallbackRedirectUrl &
   NewSubscriptionRedirectUrl &
   AfterSignOutUrl &
-  AfterMultiSessionSingleSignOutUrl & {
+  AfterMultiSessionSingleSignOutUrl &
+  ClerkUnsafeOptions & {
     /**
      * Clerk UI entrypoint.
      */