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 🙏

© 2025 – Pkg Stats / Ryan Hefner

@leancodepl/rx-cqrs-client

v9.6.6

Published

RxJS-based reactive CQRS client for real-time applications

Downloads

322

Readme

@leancodepl/rx-cqrs-client

RxJS-based CQRS client for reactive command and query operations.

Features

  • RxJS integration - Reactive streams with operators for real-time data handling
  • CQRS pattern - Separate queries, commands, and operations with proper typing
  • Observable operations - Stream-based data handling with composable operators
  • Error handling - Validation errors with custom error codes and stream operators
  • Authentication - Token handling with automatic refresh and retry logic
  • Custom operators - Command response handling and stream transformation utilities

Installation

npm install @leancodepl/rx-cqrs-client
# or
yarn add @leancodepl/rx-cqrs-client

API

mkCqrsClient(cqrsEndpoint, tokenProvider, ajaxOptions, tokenHeader)

Creates CQRS client for command and query operations.

Parameters:

  • cqrsEndpoint: string - Base URL for CQRS API endpoints
  • tokenProvider?: TokenProvider - Optional token provider for authentication
  • ajaxOptions?: Omit<AjaxConfig, ...> - Optional RxJS Ajax configuration options
  • tokenHeader?: string - Header name for authentication token (default: "Authorization")

Returns: Object with createQuery, createOperation, and createCommand observable factories

handleCommandResponse(handlerFunc)

Handles command responses with RxJS operators for validation error processing.

Parameters:

  • handlerFunc: Function - Function that processes validation error handlers

Returns: RxJS operator function for handling command responses

reduceBoolean()

Reduces boolean values in RxJS streams using logical AND operation.

Returns: RxJS operator function that reduces boolean values

reduceObject()

Reduces object values in RxJS streams by merging properties.

Returns: RxJS operator function that reduces object values

Usage Examples

Basic Setup

import { mkCqrsClient } from "@leancodepl/rx-cqrs-client"

const client = mkCqrsClient({
  cqrsEndpoint: "https://api.example.com",
  tokenProvider: {
    getToken: () => Promise.resolve(localStorage.getItem("token")),
    invalidateToken: () => Promise.resolve(true),
  },
})

Query Operations

import { switchMap } from "rxjs/operators"

interface GetUserQuery {
  userId: string
}

interface UserResult {
  id: string
  name: string
  email: string
}

const getUser = client.createQuery<GetUserQuery, UserResult>("GetUser")

getUser({ userId: "123" }).subscribe({
  next: user => console.log("User:", user),
  error: error => console.error("Error:", error),
})

Command Operations

import { catchError } from "rxjs/operators"
import { of } from "rxjs"

interface CreateUserCommand {
  name: string
  email: string
}

const errorCodes = { EmailExists: 1, InvalidEmail: 2 } as const
const createUser = client.createCommand<CreateUserCommand, typeof errorCodes>("CreateUser", errorCodes)

createUser
  .handle({ name: "John", email: "[email protected]" })
  .handle("success", () => console.log("User created"))
  .handle("EmailExists", () => console.log("Email already exists"))
  .handle("failure", () => console.log("Creation failed"))
  .check()

Reactive Patterns

import { fromEvent, switchMap, debounceTime } from "rxjs"

const searchInput = document.getElementById("search") as HTMLInputElement

fromEvent(searchInput, "input")
  .pipe(
    debounceTime(300),
    switchMap(event => {
      const query = (event.target as HTMLInputElement).value
      return client.createQuery("SearchUsers")({ query })
    }),
  )
  .subscribe(results => {
    console.log("Search results:", results)
  })