Javascript / Typescript Client for Joystick Remote Config
Streamline your app or game development process with Joystick's Javascript/Typescript JSON remote config platform. Easily manage and update configurations without codebase clutter or lengthy deployment processes. Our modern platform offers advanced workflow management, automated version control, and seamless integration with any Javascript or Typescript project. Plus, our native multi-environment support with permissions and review workflow ensures smooth operations your entire team will love.
Experience the benefits of simplified configuration management with Joystick. Try our @getjoystick/joystick-js library today to see how easy it is to fundamentally upgrade your team's workflow and reduce iteration time.
Installation
Requires NodeJS 16 and later. Install via npm:
Usage
Using Joystick to get remote configurations in your Javascript or Typescript project is a breeze.
// Import the package.
import { Joystick } from "@getjoystick/joystick-js";
// Initialize a client with a Joystick API Key
const joystickClient = new Joystick({
apiKey: process.env.JOYSTICK_API_KEY,
});
// Request a single configuration
joystickClient
.getContent("content-id1")
.then((getContentResponse) => console.log(getContentResponse.myProperty1));
// Request a single configuration
const contentId1 = await joystickClient.getContent("content-id1");
// Request a single configuration (typescript)
const contentId1 = await joystickClient.getContent<TypeForContentId1>("content-id1");
// Request multiple configurations at the same time
joystickClient
.getContents(["content-id1", "content-id2"])
.then((getContentsResponse) => {
console.log(getContentsResponse["content-id1"].myProperty1);
console.log(getContentsResponse["content-id2"].myProperty2);
});
// Request multiple configurations at the same time
const configurations = await joystickClient.getContents(["content-id1", "content-id2"]);
console.log(configurations);
// {
// "content-id1": {...},
// "content-id2": {...}
// }
Specifying Additional Parameters
When creating the Joystick
object, you can specify additional parameters which will be used by all API calls to the Joystick API. These additional parameters are used for AB Testing (userId
), segmentation (params
), and backward-compatible version delivery (semVer
).
For more details see API documentation.
// Initializing a client with options
const joystickClient = new Joystick({
apiKey: process.env.JOYSTICK_API_KEY,
semVer: "0.0.1",
userId: "user-id-1",
params: {
param1: "value1",
param2: "value2"
},
options: {
cacheExpirationSeconds: 600, // default 600 (10 mins)
serialized: false // default false
}
});
Additional Request Options
fullResponse
In most, you will just want the contents of your configuration. In advanced use cases where you want to process the AB testing or segmentation information, you can specify the fullResponse
option to the client methods. The client will return you raw API response.
joystickClient
.getContent("content-id1", { fullResponse: true })
.then((getContentResponse) => console.log(getContentResponse));
// OR
joystickClient
.getContents(["content-id1", "content-id2"], { fullResponse: true })
.then((getContentsResponse) => console.log(getContentsResponse));
serialized
You can get the contents of your configuration serialized. When set as true
, we will pass query parameter responseType=serialized
to Joystick API.
joystickClient
.getContent("content-id1", { serialized: true })
.then((getContentResponse) => console.log(getContentResponse));
// OR
joystickClient
.getContents(["content-id1", "content-id2"], { serialized: true })
.then((getContentsResponse) => console.log(getContentsResponse));
This option for a serialized response can be set globally for every API call by setting setSerialized(true)
when initializing the client:
const joystickClient = new Joystick({
apiKey: process.env.JOYSTICK_API_KEY,
options: {
serialized: true
}
});
// OR
joystickClient.setSerialized(true);
refresh
To ignore the existing cache when requesting a config – pass this option as true
.
joystickClient
.getContent("content-id1", { refresh: true })
.then((getContentResponse) => console.log(getContentResponse));
// OR
joystickClient
.getContents(["content-id1", "content-id2"], { refresh: true })
.then((getContentsResponse) => console.log(getContentsResponse));
Caching
By default, the client uses InMemoryCache, based on Map, which means the cache will be erased after application restart.
You can specify your own cache implementation by implementing the interface SdkCache.
See examples/typescript/node-cache
or examples/typescript/redis-cache
for more details.
Clear the cache
If you want to clear the cache:
HTTP Client
You can provide a custom HTTP client, which may be useful for specifying a custom proxy or collecting detailed metrics about HTTP requests.
Change your HTTP client implementation by implementing the interface HttpClient.
See src/internals/client/axios-client
for more details.
Testing
To run unit tests, just run:
Credits
License
The MIT. Please see License File for more information.∑