npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@usebool/sdk-js

v1.0.0

Published

Core JS SDK for Bool feature flag system

Downloads

16

Readme

npm npm npm bundle size

Bool provides simple and powerful feature management tools, giving you total control of your feature rollout. Test in production, ship code faster, simpler, safer and smarter.

Introduction

This package is our main client-side (JavaScript) SDK. It can be used directly for any JavaScript application or NodeJs server-side application. This also serves as a core package for the more specialized SDKs - for instance the React SDK.

Getting started

Install the JavaScript SDK using your package manager of choice:

// npm example
npm install @usebool/sdk-js

// yarn example
yarn add @usebool/sdk-js

// pnpm example
pnpm install @usebool/sdk-js

To use the JavaScript SDK, you will need the application key. This key will be provided in the bool dashboard and it is not a secret, meaning that there is no danger in exposing it in your client-side code.

SDK initialization

import bool from '@usebool/sdk-js';

const boolClient = bool({ idToken: YOUR_ID_TOKEN });

You are now left with fetching feature flags where you have two options. After initialization, the client exposes two functions that each in turn return a Promise: hasFeature and getFeatures.

getFeatures

// Resolves in a list of feature flags
const allFeatures = await boolClient.getFeatures();

If there are no feature flags, an empty list will be returned. In case of a faulty request the function will log a generic error saying "Feature flags could not be fetched", and will return an empty list by default.

hasFeature

// Resolves in a boolean
const myAmazingFeature = await boolClient.hasFeature('MY_AMAZING_FEATURE');

In case the feature flag cannot be found, the function will log an error saying 'Flag with key MY_AMAZING_FEATURE not found' and will return false. By returning false the function provides fallback in case of an accidental deletion of a feature flag.

Here you can find an example of how to use this SDK in a real application.

TypeScript

This package also provides typescript definitions of the following:

import {
  BoolClient,
  ClientConfig,
  FeatureFlag,
  FeatureFlagList,
} from '@usebool/sdk-js';

type BoolClient = {
  hasFeature: (featureName: string) => Promise<boolean>;
  getFeatures: () => Promise<FeatureFlag[]>;
};

type ClientConfig = {
  idToken: string;
};

type FeatureFlag = {
  id: string;
  key: string;
  name: string;
  value: boolean;
  description?: string;
};

type FeatureFlagList = {
  Bool_FeatureFlag: FeatureFlag[];
};