JavaScript SDK 2.x to 3.0 migration guide

Overview

This topic explains the changes in the JavaScript SDK 3.0 release and how to adapt code that uses a 2.x version of the JavaScript SDK to use version 3.0 or later.

Version 3.0 includes several breaking changes. Additionally, if you use the Relay Proxy, you must update your Relay Proxy to version 7.0 before you update your SDK to version 3.0. To learn more, read the Relay Proxy 7.0 release notes. To upgrade to the latest Relay Proxy version, visit Relay Proxy releases on GitHub.

Before you migrate to version 3.0, update to the latest 2.x version. If you update to the latest 2.x version, deprecation warnings appear in areas of your code that need to be changed for 3.0. You can update them at your own pace while still using 2.x, rather than migrating everything simultaneously. To learn more about updating to the latest 2.x version, visit the SDK's GitHub repository.

Dependencies for the v3 SDK

The JavaScript SDK versions 3.0.0 and 3.1.0 use optional chaining. If you encounter an error related to optional chaining during transpiling, bundling, or running tests, updating to version 3.1.1 should resolve the error.

Understanding contexts

Many LaunchDarkly customers create targeting rules for feature flags based on a variety of different information, including attributes pertaining to users, organizations, devices, and more. In previous versions of the LaunchDarkly SDK, you could define this information in a user object, using a combination of built-in and custom attributes. Now you can define this information in a more structured way, using contexts.

Each context has a required attribute called kind that you can use to categorize context instances for targeting and Experimentation. You can also add other attributes. Attributes can be strings, booleans, numbers, arrays, or JSON objects.

When you evaluate a feature flag within your application, the flag's targeting rules use information from one or more kinds of contexts. For example, you may know:

• the username, first name, last name, and email address of a person, as part of a context with kind of "user"
• the company, department, and location of an organization, as part of a context with kind of "organization"
• the device, model, and operating system of an environment, as part of a context with kind of "device"

This new version of the LaunchDarkly SDK requires you to evaluate feature flags using an evaluation context, which is an object containing one or more contexts.

To learn more about contexts, read Contexts.

Migrating from users to contexts

The 3.0 version of this SDK lets you use contexts. When you migrate from version 2.x, you should replace every instance of a user with a context. If there are any instances of user you do not replace, the 3.0 version of the JavaScript SDK will convert each LDUser parameter it receives to LDContext and call the LDContext-specific version of the method.

The primary differences between working with users and working with contexts include the following:

• Create contexts, not users: Where you previously created users, now you must create contexts.
• Changes to attributes: There are now fewer built-in attributes. You can still add as many custom attributes as you like, although the format has changed slightly. A flag's targeting rules can now address fields within a JSON object.
• Changes to private attributes: You can mark specific attributes of a context as private, either across all contexts of any kind, or within a particular context or context kind.
• Changes to anonymous users: Client-side SDKs no longer automatically populate the device ID.
• Changes to alias events: The alias method has been removed.

To learn more about upgrading to contexts, read Best practices for upgrading users to contexts.

Understanding differences between users and contexts

Where you previously created users, now you must create contexts.

Here's how to construct a basic context, as compared with constructing a user:

const user = {
  key: 'user-key-123abc'
};
const client = LDClient.initialize('client-side-id-123abc', user);
COPY

Here's how to construct a basic context, with a context kind of something other than "user":

const context = {
  kind: 'organization',
  key: 'org-key-123abc'
};
const client = LDClient.initialize('client-side-id-123abc', context);
COPY

Here's how to construct a multi-context, which includes multiple context kinds:

const deviceContext = {
  kind: 'device',
  type: 'iPad',
  key: 'device-key-123abc'
}
const userContext = {
  kind: 'user',
  key: 'user-key-123abc',
  name: 'Sandy',
  role: 'doctor'
}
const multiContext = {
  kind: 'multi',
  user: userContext,
  device: deviceContext
}
const client = LDClient.initialize('client-side-id-123abc', multiContext)
COPY

Understanding changes to built-in and custom attributes

This section describes the changes to built-in and custom attributes in the 3.0 version of the SDK.

Working with built-in and custom attributes

In previous SDK versions, the user object included several built-in attributes for describing the user. It also included optional custom attributes, which you could add to a custom object within the user object and then populate.

In version 3.0, the only built-in attributes are kind, key, name, and anonymous. Kind, key, and name are strings, and anonymous is a boolean.

You can define additional attributes for a context by passing in a name and value for each. Additional attributes can be any JSON type, including boolean, number, string, array, or object. In version 3.0, you do not need to add custom attributes within a custom object.

Here's how to construct a context with additional attributes, as compared with constructing a similar user:

const user = {
  key: 'user-key-123abc',
  firstName: 'Sandy',
  lastName: 'Smith',
  email: 'sandy@example.com',
  custom: {
    groups: ['Google', 'Microsoft']
  }
};
COPY

Referencing properties of an attribute object

In previous versions of the SDK, if you set the value of a user's custom attribute to an object, you could not reference that object in evaluations. In version 3.0, if a context attribute's value is a JSON object, you can reference properties of that object as the attribute in the targeting rules for a flag or segment.

Here's how to add object attributes to a context:

const context = {
  kind: 'user',
  key: 'user-key-123abc',
  firstName: 'Sandy',
  lastName: 'Smith',
  email: 'sandy@example.com',
  address: {
    street: '123 Main St',
    city: 'Springfield'
  }
};
COPY

In your flag or segment targeting, use / as the delimiter to refer to specific object fields. For example, you can use /address/city in your targeting. To learn more, read Target with flags.

Removing the secondary attribute

In previous versions of the SDK, you could set the value of a user's secondary attribute, as an optional secondary key for a user. The SDK would incorporate this attribute into the variation bucket assignment hash.

In version 3.0, the secondary attribute has been removed. If you were previously using this attribute as part of distinguishing percentage rollouts, that will no longer work for your users.

Understanding changes to private attributes

As in previous versions of the SDK, you can mark specific attributes of a context as private. This restricts the context data your application sends to LaunchDarkly, while still using that data for flag targeting.

In version 3.0, there are two scopes for which you can mark attributes as private:

• Across all contexts of any context kind. You might use this if you want to ensure that the SDK never stores an "email" attribute in LaunchDarkly, no matter whether it occurs in a user context, an organization context, or something else.
• Within a particular context or context kind. You might use this if you want an "email" attribute to be private in a user context, but not in an organization context.

In the first example, all attributes are marked private for all contexts. In the second example, the "email" and "address" attributes are private for all contexts:

const options = { allAttributesPrivate: true };
const client = ld.initialize('client-side-id-123abc', context, options);
COPY

To learn more, read allAttributesPrivate and privateAttributes.

Here's how to mark an attribute as private for a particular context:

const context = {
  kind: 'user',
  key: 'user-key-123abc',
  firstName: 'Sandy',
  lastName: 'Smith',
  email: 'sandy@example.com',
  address: {
    street: '123 Main St',
    city: 'Springfield'
  },
  _meta: {
    privateAttributes: ['email', '/address/street']
  }
};
COPY

For attributes that are objects, you can mark specific fields private, using the / delimiter followed by the attribute name, then the / delimiter followed by the JSON property within the value.

In the example above, for the attribute /address, only the /address/street as marked as private.

The privateAttributeNames attribute that existed in a user object in version 2.x has been renamed to privateAttributes in version 3.0. It has moved from the top level of a user object into the _meta object within a context. To learn more, read privateAttributes.

Understanding changes to anonymous users

In 2.x versions of the SDK, you could omit the user key when building an anonymous user, and the SDK would set the user key to a generated UUID.

Similarly, in the 3.0 version of the SDK, you can omit the context key when building an anonymous context, and the SDK sets the context key to a generated UUID. If you omit the context key and do not mark the context as anonymous, the SDK gives a usage error.

If you are working with a multi-context, you can mark some contexts anonymous and not others. Here's an example:

// This user context is not anonymous
const userContext = {
  kind: 'user',
  key: 'user-key-123abc'
}
// This device context is anonymous
// The key is omitted, and the SDK will automatically generate one
const deviceContext = {
  kind: 'device',
  deviceId: '12345',
  anonymous: true
}
// The multi-context contains one anonymous context
// and one non-anonymous context
const multiContext = {
  kind: 'multi',
  user: userContext,
  device: deviceContext
}
COPY

Understanding changes to alias events

In previous versions of the SDK, multiple user objects could represent one person. For example, this could happen the first time a person logged in to your application. The person might be represented by an anonymous user before they logged in, and a different user after they logged in. You could associate these two LaunchDarkly users by sending an alias event in the SDK.

With the introduction of contexts, the person in this scenario is represented by two different context kinds. For example, before they log in, they might be represented by a device context. After they log in, they might be represented by a multi-context, for example, by one context kind based on their device and simultaneously by another context kind based on their user information.

The 3.0 version of the SDK removes the ability to send an alias event. If you currently alias users, you will need to remove this code when you migrate to version 3.0.

If you want to continue associating two contexts with each other, you can use two different context kinds, and then identify a multi-context that includes both individual contexts when you want the association to occur. Unlike the aliasing method, the association doesn't persist between calls. You must send the contexts you want to associate in each variation or identify call and each track call.

Here's how:

const deviceContext = {
  kind: 'device',
  key: 'device-key-123abc',
  type: 'iPad'
}
const userContext = {
  kind: 'user',
  key: 'user-key-123abc',
  name: 'Sandy',
  role: 'doctor'
}
const multiContext = {
  kind: 'multi',
  user: userContext,
  device: deviceContext
}
client.identify(multiContext, hash, function() {
  console.log("Multi-context's flags available");
});
COPY

To learn more, read identify.

Understanding changes to configuration options

In the 3.0 version of the SDK, several configuration options have changed:

• The privateAttributes and allAttributesPrivate configuration options both now apply to all contexts of any context kind. To learn more, read Understanding changes to private attributes.
• privateAttributeNames is now called privateAttributes. To learn more, read Understanding changes to private attributes.
• The autoAliasingOptOut option has been removed.
• The inlineUsersInEvents option has been removed.

To learn more, read LDOptions.

Understanding what was deprecated

All types and methods that were marked as deprecated in the last 2.x release have been removed from the 3.0 release. If you were using these with a recent version previously, you should already have received deprecation warnings at compile time, with suggestions about their recommended replacements.

For a full list of deprecated types and methods, read the release notes in GitHub.