Nascent Political Miscreant
    Have ideas to improve npm?Join in the discussion! »

    configcat-js
    TypeScript icon, indicating that this package has built-in type declarations

    5.4.3 • Public • Published

    ConfigCat SDK for JavaScript frontend applications

    https://configcat.com

    ConfigCat SDK for JavaScript provides easy integration for your application to ConfigCat.

    About

    Manage features and change your software configuration using ConfigCat feature flags , without the need to re-deploy code. A 10 minute trainable Dashboard allows even non-technical team members to manage features directly. Deploy anytime, release when confident. Target a specific group of users first with new ideas. Supports A/B/n testing and soft launching.

    ConfigCat is a hosted feature flag service. Manage feature toggles across frontend, backend, mobile, desktop apps. Alternative to LaunchDarkly. Management app + feature flag SDKs.

    JS CI codecov Known Vulnerabilities Reliability Rating Tree Shaking License NPM

    Getting Started

    1. Install and import package:

    via NPM package:

    npm i configcat-js
    import * as configcat from "configcat-js";

    via CDN:

    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/configcat-js@latest/dist/configcat.min.js"></script>

    2. Go to the Dashboard to get your SDK Key:

    SDK-KEY

    3. Create a ConfigCat client instance:

    var configCatClient = configcat.createClient("#YOUR-SDK-KEY#");

    We strongly recommend using the ConfigCat Client as a Singleton object in your application.

    4. Get your setting value:

    The Promise (async/await) way:

    configCatClient.getValueAsync("isMyAwesomeFeatureEnabled", false)
    .then((value) => {
        if(value) {
            do_the_new_thing();
        } else {
            do_the_old_thing();
        }
    });

    or the Callback way:

    configCatClient.getValue("isMyAwesomeFeatureEnabled", false, (value) => {
        if(value) {
            do_the_new_thing();
        } else {
            do_the_old_thing();
        }
    });

    Getting user specific setting values with Targeting

    Using this feature, you will be able to get different setting values for different users in your application by passing a User Object to getValue() or getValueAsync().

    Read more about Targeting here.

    const userObject = { identifier : "#USER-IDENTIFIER#" };
    configCatClient.getValueAsync("isMyAwesomeFeatureEnabled", false, userObject)
    .then((value) => {
        if(value) {
            do_the_new_thing();
        } else {
            do_the_old_thing();
        }
    });

    Sample/Demo apps

    Polling Modes

    The ConfigCat SDK supports 3 different polling mechanisms to acquire the setting values from ConfigCat. After latest setting values are downloaded, they are stored in the internal cache then all requests are served from there. Read more about Polling Modes and how to use them at ConfigCat Docs.

    Need help?

    https://configcat.com/support

    Contributing

    Contributions are welcome.

    About ConfigCat

    Troubleshooting

    XMLHttpRequest module not defined/found:

    Since the configcat-js SDK needs to download the feature flag and setting values from ConfigCat's servers via a HTTP GET request. The SDK uses XMLHttpRequest a built in object in all browsers. This way the package size is smaller instead of using a 3rd party library. The error above can appear in cases when the configcat-js SDK is used within a SSR (Server-Side Rendering) Universal application. In these cases we recommend using configcat-js-ssr or configcat-node.

    Install

    npm i configcat-js

    DownloadsWeekly Downloads

    12,244

    Version

    5.4.3

    License

    MIT

    Unpacked Size

    86.7 kB

    Total Files

    22

    Last publish

    Collaborators

    • avatar