feat: use browser remapping to import registry

Author: tremarkley

packages/sdk/package.json

@@ -37,6 +37,9 @@
       ]
     }
   },
+  "browser": {
+    "./dist/internal/registry.node.js": "./dist/internal/registry.browser.js"
+  },
   "scripts": {
     "build": "tsc && resolve-tspaths",
     "clean": "rm -rf dist types tsconfig.tsbuildinfo",

packages/sdk/src/internal/registry.browser.ts

@@ -0,0 +1,44 @@
+import { DynamicHostedWalletProvider } from '@/wallet/providers/DynamicHostedWalletProvider.js'
+import type {
+  DynamicOptions,
+  HostedProviderFactory,
+  HostedProviderType,
+} from '@/wallet/providers/hostedProvider.types.js'
+
+export class HostedWalletProviderRegistry {
+  private readonly registry = new Map<
+    HostedProviderType,
+    HostedProviderFactory<HostedProviderType>
+  >()
+
+  public constructor() {
+    this.register<'dynamic'>({
+      type: 'dynamic',
+      validateOptions(_options): _options is DynamicOptions {
+        return true
+      },
+      create({ chainManager }) {
+        return new DynamicHostedWalletProvider(chainManager)
+      },
+    })
+  }
+
+  getFactory<TType extends HostedProviderType>(
+    type: TType,
+  ): HostedProviderFactory<TType> {
+    const factory = this.registry.get(type) as
+      | HostedProviderFactory<TType>
+      | undefined
+    if (!factory) throw new Error(`Unknown hosted wallet provider: ${type}`)
+    return factory
+  }
+
+  private register<T extends HostedProviderType>(
+    factory: HostedProviderFactory<T>,
+  ) {
+    if (!this.registry.has(factory.type))
+      this.registry.set(factory.type, factory)
+  }
+}
+
+

packages/sdk/src/internal/registry.node.ts

@@ -0,0 +1,45 @@
+import type {
+  HostedProviderFactory,
+  HostedProviderType,
+  PrivyOptions,
+} from '@/wallet/providers/hostedProvider.types.js'
+import { PrivyHostedWalletProvider } from '@/wallet/providers/PrivyHostedWalletProvider.js'
+
+export class HostedWalletProviderRegistry {
+  private readonly registry = new Map<
+    HostedProviderType,
+    HostedProviderFactory<HostedProviderType>
+  >()
+
+  public constructor() {
+    this.register<'privy'>({
+      type: 'privy',
+      validateOptions(options): options is PrivyOptions {
+        return Boolean((options as PrivyOptions)?.privyClient)
+      },
+      create({ chainManager }, options) {
+        return new PrivyHostedWalletProvider(options.privyClient, chainManager)
+      },
+    })
+    // Note: Dynamic provider is intentionally NOT registered in the Node registry
+  }
+
+  getFactory<TType extends HostedProviderType>(
+    type: TType,
+  ): HostedProviderFactory<TType> {
+    const factory = this.registry.get(type) as
+      | HostedProviderFactory<TType>
+      | undefined
+    if (!factory) throw new Error(`Unknown hosted wallet provider: ${type}`)
+    return factory
+  }
+
+  private register<T extends HostedProviderType>(
+    factory: HostedProviderFactory<T>,
+  ) {
+    if (!this.registry.has(factory.type))
+      this.registry.set(factory.type, factory)
+  }
+}
+
+

packages/sdk/src/verbs.ts

@@ -1,3 +1,6 @@
+// Import node variant by default; frontend bundlers will remap to browser variant via package.json "browser" field
+import { HostedWalletProviderRegistry } from './internal/registry.node.js'
+
 import { LendProviderMorpho } from '@/lend/index.js'
 import { VerbsLendNamespace } from '@/lend/namespaces/VerbsLendNamespace.js'
 import { ChainManager } from '@/services/ChainManager.js'