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

xception

v4.1.0

Published

Handle exception smart.

Downloads

41

Readme

Logo

Trace error with 100% confidence, quick and precise!

•   API   •   About   •

Highlights

One light-weighted utility, xception enables you to create context-aware custom errors and render stack to locate the root of an issue swiftly.

/ Error Tracing /

  • Error Wrapping: repack an error with a customizable error class and its context
  • Metadata Support: embed the context into the error for better tracing
  • Namespace and Tag Support: associate an error with tags for selective logging

/ Stack Rendering /

  • Flexible Filtering: render a call stack without the noise from node's internal etc
  • Colorized Output: debug in console with highlight on important information
  • Source Embedding: display the logic where the error happened

Motivation

Debugging is painful, especially when the problem of an error is rooted multiple levels below the surface. Conventionally, one would check the call stack and look for the source of error. But anyone with even little debugging experience knows that it's time-consuming and often head-scratching when the context of the process environment (i.e. parameters) on each function call is unknown.

Currently, there is no easy way to capture the full context only when an error happens. Logging everything is too noisy and difficult to handle, and even fully powered error monitoring tools like sentry can't provide you with a full picture of what's going on. When an error happens, it may be passed to somewhere else, and too often, the context is lost.

The design of Xception is to capture the full environmental context when an error happens. You can simply rely on the try {...} catch {...} mechanism and repack the error with your custom error class together with the context. Then you can capture the full trace of the error from the top level, and either print it out on the console or send it to your error monitoring tool for a painless analysis.


API

Class: Xception extends Error

Constructor

new Xception(message: string, options?: XceptionOptions): Xception

Create a custom error with a message and additional information to be embedded to the error.

| Parameter | Type | Description | | -------------------- | -------- | ---------------------------------------------------------------------------------------------------- | | message | string | an error message for the error class | | options.cause? | unknown | an upstream error to be embedded to the new repacked error (default: undefined) | | options.namespace? | string | an identifier of the component where the error occur (default: undefined) | | options.meta? | Object | any context data you would like to embed to the error (default: {}) | | options.tags? | string[] | some associations of the error (e.g. user error) for selective logging purpose (default: []) |

Properties

| Name | Type | Description | | ------------ | -------- | ---------------------------------------------------------- | | cause? | unknown | the upstream error specified during the error construction | | namespace? | string | the identifier of the component where the error occur | | meta | Object | the context where the error occur | | tags | string[] | a list of associations of the error |

/ Example /

import Xception from 'xception'; // import as the default or
// import { Xception } from 'xception'; // import as a component

class YourError extends Xception {
  constructor(cause: Error) {
    super('your error message', {
      cause,
      namespace: 'your_org:service_name:operation_name',
      tags: ['user_error', 'retryable'],
      meta: {
        id: 'some association with another component',
      },
    });
  }
}

Method: render

A shorthand for renderError(this, options) to generate a highly readable representation of the error with all of its upstream errors and contexts.

render(options?: RenderOptions): string

See renderError for the details of the options.


Method: renderError

Generate a highly readable representation of an error with all of its upstream errors and contexts.

renderError(error: Error, options?: RenderOptions): string

| Parameter | Type | Description | | --------------------- | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | | error | Error | the error of which the stack will be rendered | | options.showSource? | boolean | true to instructs the renderer to show the error source if available (default: false) | | options.showStack? | boolean | true to instructs the renderer to show the stack (default: true) | | options.filter? | (path: string) => boolean | a function to determiner where a stack should be displayed according to its path (default: (path: string) => !path.includes('node:internal')) |

Note: For a typescript project, if you want to show the original typescript source instead of the transpiled javascript, register the code with import 'source-map-support/register', or run the equivalent node -r source-map-support/register <code path>.

/ Example /

import { log } from 'console';
import { renderStack } from 'xception';

function erroneous() {
  try {
    throw new Error('error from the upstream');
  } catch (cause) {
    throw new YourError('your error message', { cause });
  }
}

try {
  erroneous();
} catch (error) {
  log(
    renderError(error, {
      showSource: true,
      filter(path: string): boolean {
        return (
          !path.includes('node_modules') && !path.includes('node:internal')
        );
      },
    }),
  );
}
[YourError] your error message

    your_org:service_name:operation_name user_error retryable

    id: some association with another component

    at erroneous (/Users/Alvis/Repositories/xception/source/example.ts:23:11)

   19 | function erroneous() {
   20 |   try {
   21 |     throw new Error('error from the upstream');
   22 |   } catch (cause) {
 > 23 |     throw new YourError(cause);
   24 |   }
   25 | }
   26 |
   27 | try {

[Error] error from the upstream
    at erroneous (/Users/Alvis/Repositories/xception/source/example.ts:21:11)

   17 | import { renderStack } from './';
   18 |
   19 | function erroneous() {
   20 |   try {
 > 21 |     throw new Error('error from the upstream');
   22 |   } catch (cause) {
   23 |     throw new YourError(cause);
   24 |   }
   25 | }

    at Object.<anonymous> (/Users/Alvis/Repositories/xception/source/example.ts:28:3)

Method: xception

Convert an error to an Xception instance with metadata merged, preserving the original error message and stack.

xception(exception: unknown, options?: Options): Xception

| Parameter | Type | Description | | ------------------- | --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | | exception | unknown | a string, error, Xception, or object with a message property to be converted into an Xception instance | | options.meta | Record<string, unknown> | metadata to be embedded in the error | | options.namespace | string | an identifier of the component where the error occurred | | options.tags | string[] | tags for associating the error with specific contexts or categories | | options.factory | (message: string, options: XceptionOptions) => Xception | a custom factory function for creating Xception instances |

/ Example /

import { xception } from 'xception';

try {
  throw new Error('original error message');
} catch (e) {
  // convert to Xception with additional metadata
  const customError = xception(error, {
    meta: { key: 'value' },
    namespace: 'namespace',
    tags: ['critical'],
    factory: (message, options) => new CustomXception(message, options),
  });

  throw customError;
}

This method allows for the transformation of existing errors into Xception instances, facilitating a unified approach to error handling and logging within applications.


Know Issues & Limitations

  • This package is designed to provide server-side debugging functionality only. It has not been tested on any web browsers.
  • Running this package with node < 12 is known to have problems such as wrong line number reported. Upgrade to a higher version to avoid the issue if it is possible.

Got an idea for workarounds for these issues? Let the community know.

About

Related Projects

  • baseerr: merge another error with additional properties.
  • callsite-record: create a fancy log entries for errors and function call sites.
  • callsites: get callsites from the V8 stack trace API.
  • explain-error: wrap an error with additional explanation.
  • error-wrapper: merges the stack of another error to its own.
  • trace: create super long stack traces.
  • clarify: remove node related stack trace noise.
  • pretty-error: make the call stacks clear.
  • ono: allow different types of error to be thrown.
  • ololog: another logger with a similar motivation but only support console.log as its sole transport.

License

Copyright © 2020, Alvis Tang. Released under the MIT License.

npm build maintainability coverage security dependencies license