Merge pull request #12 from launchdarkly/eb/ch59406-ch57883-ch57985/u…

…pdate-common-sdk

use latest JS SDK release, add wrapper properties

package.json

@@ -56,7 +56,7 @@
     "typescript": "^3.6.2"
   },
   "dependencies": {
-    "launchdarkly-js-client-sdk": "2.15.1",
+    "launchdarkly-js-client-sdk": "2.16.0",
     "lodash.camelcase": "^4.3.0",
     "uuid": "^3.3.2"
   },

src/initLDClient.test.ts

@@ -10,12 +10,13 @@ jest.mock('launchdarkly-js-client-sdk', () => {
 import { initialize, LDClient, LDOptions, LDUser } from 'launchdarkly-js-client-sdk';
 import { defaultReactOptions, LDReactOptions } from './types';
 import initLDClient from './initLDClient';
+import * as packageJson from '../package.json';
 
 const ldClientInitialize = initialize as jest.Mock;
 
 const clientSideID = 'deadbeef';
 const defaultUser: LDUser = { key: 'abcdef' };
-const options: LDOptions = { bootstrap: 'localStorage' };
+const options: LDOptions = { bootstrap: 'localStorage', wrapperName: 'React', wrapperVersion: packageJson.version };
 const flags = { 'test-flag': false, 'another-test-flag': true };
 
 describe('initLDClient', () => {
@@ -41,7 +42,11 @@ describe('initLDClient', () => {
     const anonUser: LDUser = { anonymous: true };
     await initLDClient(clientSideID);
 
-    expect(ldClientInitialize.mock.calls[0]).toEqual([clientSideID, anonUser, undefined]);
+    expect(ldClientInitialize.mock.calls[0]).toEqual([
+      clientSideID,
+      anonUser,
+      { wrapperName: 'React', wrapperVersion: packageJson.version },
+    ]);
     expect(mockLDClient.variation).toHaveBeenCalledTimes(0);
   });
 

src/initLDClient.ts

@@ -1,6 +1,7 @@
 import { initialize as ldClientInitialize, LDClient, LDFlagSet, LDOptions, LDUser } from 'launchdarkly-js-client-sdk';
 import { AllFlagsLDClient, defaultReactOptions, LDReactOptions } from './types';
 import { camelCaseKeys } from './utils';
+import * as packageJson from '../package.json';
 
 /**
  * Internal function to initialize the `LDClient`.
@@ -20,7 +21,8 @@ const initLDClient = async (
   options?: LDOptions,
   targetFlags?: LDFlagSet,
 ): Promise<AllFlagsLDClient> => {
-  const ldClient = ldClientInitialize(clientSideID, user, options);
+  const allOptions = { wrapperName: 'React', wrapperVersion: packageJson.version, ...options };
+  const ldClient = ldClientInitialize(clientSideID, user, allOptions);
 
   return new Promise<AllFlagsLDClient>(resolve => {
     ldClient.on('ready', () => {

tsconfig.json

@@ -10,7 +10,8 @@
     "noImplicitAny": true,
     "strictNullChecks": true,
     "jsx": "react",
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "resolveJsonModule": true,    
   },
   "files": [
     "./node_modules/@testing-library/jest-dom/extend-expect.d.ts"