@dynamic-labs/client 4.8.6 → 4.9.1-preview.0

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+### [4.9.1-preview.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.0...v4.9.1-preview.0) (2025-03-07)
+
+
+### Bug Fixes
+
+* 7702 on sepolia ([#8242](https://github.com/dynamic-labs/dynamic-auth/issues/8242)) ([8e1c63f](https://github.com/dynamic-labs/dynamic-auth/commit/8e1c63f240024f419e12787636dd2ebaacf8da94))
+* embedded widget race condition that would show both embedded and non-embedded widgets at the same time ([8a52778](https://github.com/dynamic-labs/dynamic-auth/commit/8a5277888489e03871532331760c197aa6216495))
+
+## [4.9.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.8.6...v4.9.0) (2025-03-07)
+
+
+### Features
+
+* add utility to use sdk-react-core in iframe ([#8219](https://github.com/dynamic-labs/dynamic-auth/issues/8219)) ([b7b0429](https://github.com/dynamic-labs/dynamic-auth/commit/b7b04292b18085d9cc95edae80100fd8dd667ed6))
+
 ### [4.8.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.8.5...v4.8.6) (2025-03-07)
 
 

package/package.cjs

@@ -3,6 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.8.6";
+var version = "4.9.1-preview.0";
 
 exports.version = version;

package/package.js

@@ -1,4 +1,4 @@
 'use client'
-var version = "4.8.6";
+var version = "4.9.1-preview.0";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/client",
-  "version": "4.8.6",
+  "version": "4.9.1-preview.0",
   "description": "Core package for utilizing Dynamic's sdk",
   "author": "Dynamic Labs, Inc.",
   "license": "MIT",
@@ -19,10 +19,10 @@
   "homepage": "https://www.dynamic.xyz/",
   "dependencies": {
     "@vue/reactivity": "^3.4.21",
-    "@dynamic-labs/assert-package-version": "4.8.6",
-    "@dynamic-labs/logger": "4.8.6",
-    "@dynamic-labs/message-transport": "4.8.6",
-    "@dynamic-labs/types": "4.8.6",
+    "@dynamic-labs/assert-package-version": "4.9.1-preview.0",
+    "@dynamic-labs/logger": "4.9.1-preview.0",
+    "@dynamic-labs/message-transport": "4.9.1-preview.0",
+    "@dynamic-labs/types": "4.9.1-preview.0",
     "eventemitter3": "5.0.1"
   },
   "peerDependencies": {}

package/src/client/client.cjs

@@ -3,8 +3,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var logger = require('@dynamic-labs/logger');
 var authModule = require('../modules/authModule/authModule.cjs');
+var instrumentationModule = require('../modules/instrumentationModule/instrumentationModule.cjs');
 var networksModule = require('../modules/networksModule/networksModule.cjs');
 var sdkModule = require('../modules/sdkModule/sdkModule.cjs');
 var userInterfaceModule = require('../modules/userInterfaceModule/userInterfaceModule.cjs');
@@ -22,11 +22,12 @@ const baseClientExtensionName = 'base';
  * it will be used for.
  */
 const createClient = (props) => {
-    logger.Logger.setEnvironmentId(props.environmentId);
+    const instrumentation = instrumentationModule.setupInstrumentationModule(props);
     const core$1 = core.createCore(props);
+    instrumentation.trackCore(core$1);
     setupFetchHandler.setupFetchHandler(core$1);
     const baseExtendable = new Extendable.Extendable(core$1);
-    return baseExtendable.extend(() => {
+    const client = baseExtendable.extend(() => {
         core$1.declaredExtensionNames.push(baseClientExtensionName);
         return {
             /** Module that gives access over authentication state, such as the auth token and user */
@@ -41,6 +42,8 @@ const createClient = (props) => {
             wallets: walletsModule.createWalletsModule(core$1),
         };
     });
+    instrumentation.trackClient(client);
+    return client;
 };
 
 exports.baseClientExtensionName = baseClientExtensionName;

package/src/client/client.js

@@ -1,6 +1,6 @@
 'use client'
-import { Logger } from '@dynamic-labs/logger';
 import { createAuthModule } from '../modules/authModule/authModule.js';
+import { setupInstrumentationModule } from '../modules/instrumentationModule/instrumentationModule.js';
 import { createNetworksModule } from '../modules/networksModule/networksModule.js';
 import { createSdkModule } from '../modules/sdkModule/sdkModule.js';
 import { createUserInterfaceModule } from '../modules/userInterfaceModule/userInterfaceModule.js';
@@ -18,11 +18,12 @@ const baseClientExtensionName = 'base';
  * it will be used for.
  */
 const createClient = (props) => {
-    Logger.setEnvironmentId(props.environmentId);
+    const instrumentation = setupInstrumentationModule(props);
     const core = createCore(props);
+    instrumentation.trackCore(core);
     setupFetchHandler(core);
     const baseExtendable = new Extendable(core);
-    return baseExtendable.extend(() => {
+    const client = baseExtendable.extend(() => {
         core.declaredExtensionNames.push(baseClientExtensionName);
         return {
             /** Module that gives access over authentication state, such as the auth token and user */
@@ -37,6 +38,8 @@ const createClient = (props) => {
             wallets: createWalletsModule(core),
         };
     });
+    instrumentation.trackClient(client);
+    return client;
 };
 
 export { baseClientExtensionName, createClient };

package/src/client/core/core.cjs

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var reactivity = require('@vue/reactivity');
 var messageTransport = require('@dynamic-labs/message-transport');
 var initializationModule = require('./modules/initializationModule/initializationModule.cjs');
 var manifestModule = require('./modules/manifestModule/manifestModule.cjs');
@@ -29,7 +30,7 @@ const createCore = (props) => {
          * Ex: ViemExtension adds "viem" to the list, and WagmiExtension later
          * checks this list and throws an error if it doesn't find "viem" there.
          */
-        declaredExtensionNames: [],
+        declaredExtensionNames: reactivity.reactive([]),
         /**
          * SDK initialization module handles the initialization error
          */

package/src/client/core/core.js

@@ -1,4 +1,5 @@
 'use client'
+import { reactive } from '@vue/reactivity';
 import { applyDefaultMessageOrigin, makeWaitForInitEvent, sdkHasLoadedEventName, createMessageTransport } from '@dynamic-labs/message-transport';
 import { createInitializationModule } from './modules/initializationModule/initializationModule.js';
 import { createManifestModule } from './modules/manifestModule/manifestModule.js';
@@ -25,7 +26,7 @@ const createCore = (props) => {
          * Ex: ViemExtension adds "viem" to the list, and WagmiExtension later
          * checks this list and throws an error if it doesn't find "viem" there.
          */
-        declaredExtensionNames: [],
+        declaredExtensionNames: reactive([]),
         /**
          * SDK initialization module handles the initialization error
          */

package/src/modules/instrumentationModule/index.d.ts

@@ -0,0 +1 @@
+export * from './instrumentationModule';

package/src/modules/instrumentationModule/instrumentationModule.cjs

@@ -0,0 +1,34 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactivity = require('@vue/reactivity');
+var logger = require('@dynamic-labs/logger');
+
+const setupInstrumentationModule = (clientProps) => {
+    logger.Logger.setEnvironmentId(clientProps.environmentId);
+    logger.Logger.globalMetaData.set('platform-origin', 'host');
+    logger.Logger.globalMetaData.set('app-name', clientProps.appName);
+    return {
+        trackClient: (client) => {
+            client.sdk.on('loadedChanged', (loaded) => {
+                logger.Logger.globalMetaData.set('sdk-loaded', loaded);
+            });
+            client.auth.on('authenticatedUserChanged', (user) => {
+                logger.Logger.globalMetaData.set('user-id', user === null || user === void 0 ? void 0 : user.userId);
+            });
+        },
+        trackCore: (core) => {
+            reactivity.effect(() => {
+                logger.Logger.globalMetaData.set('declared-extension-names', core.declaredExtensionNames);
+            });
+            reactivity.effect(() => {
+                var _a;
+                logger.Logger.globalMetaData.set('initialization-error', (_a = core.initialization.error) === null || _a === void 0 ? void 0 : _a.toString());
+            });
+        },
+    };
+};
+
+exports.setupInstrumentationModule = setupInstrumentationModule;

package/src/modules/instrumentationModule/instrumentationModule.d.ts

@@ -0,0 +1,6 @@
+import { BaseClient, ClientProps } from '../../client';
+import { Core } from '../../client/core';
+export declare const setupInstrumentationModule: (clientProps: ClientProps) => {
+    trackClient: (client: BaseClient) => void;
+    trackCore: (core: Core) => void;
+};

package/src/modules/instrumentationModule/instrumentationModule.js

@@ -0,0 +1,30 @@
+'use client'
+import { effect } from '@vue/reactivity';
+import { Logger } from '@dynamic-labs/logger';
+
+const setupInstrumentationModule = (clientProps) => {
+    Logger.setEnvironmentId(clientProps.environmentId);
+    Logger.globalMetaData.set('platform-origin', 'host');
+    Logger.globalMetaData.set('app-name', clientProps.appName);
+    return {
+        trackClient: (client) => {
+            client.sdk.on('loadedChanged', (loaded) => {
+                Logger.globalMetaData.set('sdk-loaded', loaded);
+            });
+            client.auth.on('authenticatedUserChanged', (user) => {
+                Logger.globalMetaData.set('user-id', user === null || user === void 0 ? void 0 : user.userId);
+            });
+        },
+        trackCore: (core) => {
+            effect(() => {
+                Logger.globalMetaData.set('declared-extension-names', core.declaredExtensionNames);
+            });
+            effect(() => {
+                var _a;
+                Logger.globalMetaData.set('initialization-error', (_a = core.initialization.error) === null || _a === void 0 ? void 0 : _a.toString());
+            });
+        },
+    };
+};
+
+export { setupInstrumentationModule };