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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@livedigital/client

v3.57.0

Published

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://choosealicense.com/licenses/mit/) [![npm version](https://img.shields.io/npm/v/@livedigital/client.svg?style=flat)](https://www.npmjs.com/package/@livedigital/client) ![release

Downloads

4,485

Readme

LiveDigital SDK

GitHub license npm version release

Installation

Use the package manager npm or yarn to install livedigital-client.

yarn add @livedigital/client

Usage

import Client from '@livedigital/client';

const client = new Client();

Plugins

Now you can use the noise reduction and virtual backgrounds functionality. To do this, copy all the files from the /files directory to the root directory of your project. Or your can specify the path in Client param staticFilesPath And add tsvb-web.js scripts to your index.html

<script src="%PUBLIC_URL%/esdk/3.5.8/tsvb-web.js"></script>

Development

Submodules

To pull submodules required for the library build, use these commands:

git pull --recurse-submodules
git submodule update --init --recursive

Public API And Docs

The SDK has a single public entrypoint: src/index.ts.

Everything around the public API is built from that file:

  • package runtime bundle is built from src/index.ts
  • published TypeScript types end up in dist/index.d.ts
  • API Extractor validates that contract and stores the tracked baseline in api/public-contract.api.md
  • TypeDoc generates Docusaurus-compatible markdown into generated-docs/api

API Commands

yarn build
yarn api:check
yarn api:update
yarn docs:api
yarn docs:sync
  • yarn build performs the full package build and refreshes dist, including dist/index.d.ts.
  • yarn api:check reads dist/index.d.ts and checks that the public TypeScript contract still matches api/public-contract.api.md.
  • yarn api:update updates api/public-contract.api.md after an intentional public API change.
  • yarn docs:api runs TypeDoc against src/index.ts and regenerates markdown files in generated-docs/api.
  • yarn docs:sync runs the full public API refresh flow: build, API contract update, and TypeDoc generation.

How It Fits Together

api/public-contract.api.md is not user-facing documentation. It is a tracked contract snapshot used by API Extractor for CI checks and PR diffs.

generated-docs/api is the user-facing reference output for Docusaurus. It is generated by TypeDoc directly from src/index.ts and does not read api/public-contract.api.md.

Typical flow when the public API changes:

  1. Update exports or public signatures reachable from src/index.ts.
  2. Run yarn build to refresh dist/index.d.ts.
  3. Run yarn api:update to accept the new public contract.
  4. Run yarn docs:api to regenerate markdown reference docs.
  5. Commit the code changes together with api/public-contract.api.md.

Debugging

Log Levels

LiveDigital client uses the debug module to log to the browser console.

There are three log severities:

  • debug: verbose information logged to console.info
  • warn: warning messages logged to console.warn
  • error: error messages logged to console.error

All the logs generated by LiveDigital client have a namespace starting with “LiveDigital” plus colon, followed by the log severity in upper case plus colon (just if “warn” or “error”), and followed by the internal component name (if any) and the log message.

Enable Logging

By default, logging is turned off. In order to enable it, the debug key in the browser's localStorage must be set.

Check the debug module documentation for further information regarding how to filter specific log messages based on namespace matching rules.

Example

Within the section of your HTML app:

<script>
  window.localStorage.setItem('debug', 'LiveDigital:*');
</script>

<script src='/js/your-bundled-app.js'></script>

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT