fix(clerk-js): Ensure Base & Coinbase dependencies aren't bundled for non-RHC environments (#6742)

Author: tmilewski

.changeset/funny-laws-fetch.md

@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Remove Base for non-RHC environments to ensure Coinbase dependencies aren't bundled.

packages/clerk-js/rspack.config.js

@@ -82,7 +82,9 @@ const common = ({ mode, variant, disableRHC = false }) => {
      * SDKs such as Browser Extensions.
      */
     // TODO: @COMMERCE:  Do we still need this?
-    externals: disableRHC ? ['@stripe/stripe-js', '@stripe/react-stripe-js'] : undefined,
+    externals: disableRHC
+      ? ['@stripe/stripe-js', '@stripe/react-stripe-js', '@coinbase/wallet-sdk', '@base-org/account']
+      : undefined,
     optimization: {
       splitChunks: {
         cacheGroups: {
@@ -479,6 +481,12 @@ const prodConfig = ({ mode, env, analysis }) => {
       new rspack.IgnorePlugin({
         resourceRegExp: /^@stripe\/stripe-js$/,
       }),
+      new rspack.IgnorePlugin({
+        resourceRegExp: /^@coinbase\/wallet-sdk$/,
+      }),
+      new rspack.IgnorePlugin({
+        resourceRegExp: /^@base-org\/account$/,
+      }),
       new rspack.optimize.LimitChunkCountPlugin({
         maxChunks: 1,
       }),

scripts/search-for-rhc.mjs

@@ -28,8 +28,11 @@ await Promise.allSettled([
   asyncSearchRHC('Turnstile', 'cloudflare.com/turnstile/v0/api.js'),
   asyncSearchRHC('clerk-js Hotloading', '/npm/@clerk/clerk-js'),
   asyncSearchRHC('Google One Tap', 'accounts.google.com/gsi/client'),
+  asyncSearchRHC('Coinbase', 'coinbase.com'),
+  asyncSearchRHC('Coinbase Wallet import', 'import\s*"@coinbase/wallet-sdk', true), // eslint-disable-line no-useless-escape
   asyncSearchRHC('Stripe', 'js.stripe.com'),
   asyncSearchRHC('Stripe import', 'import\s*"@stripe/stripe-js', true), // eslint-disable-line no-useless-escape
+  asyncSearchRHC('Base import', 'import\s*"@base-org/account', true), // eslint-disable-line no-useless-escape
 ]).then(results => {
   const errors = results.filter(result => result.status === 'rejected').map(result => result.reason.message);