JS-DevTools
ono (Oh No!)
Throw better errors.
Features
Wrap and re-throw an error without losing the original error's type, message, stack trace, and properties
Add custom properties to errors — great for error numbers, status codes, etc.
Use format strings for error messages — great for localization
Enhanced support for
JSON.stringify()andutil.inspect()— great for loggingSupports and enhances your own custom error classes
Tested on Node.js and all modern web browsers on Mac, Windows, and Linux.
Example
const ono = require("@jsdevtools/ono");
// Throw an error with custom properties
throw ono({ code: "NOT_FOUND", status: 404 }, `Resource not found: ${url}`);
// Wrap an error without losing the original error's stack and props
throw ono(originalError, "An error occurred while saving your changes");
// Wrap an error and add custom properties
throw ono(originalError, { code: 404, status: "NOT_FOUND" });
// Wrap an error, add custom properties, and change the error message
throw ono(originalError, { code: 404, status: "NOT_FOUND" }, `Resource not found: ${url}`);
// Throw a specific Error subtype instead
// (works with any of the above signatures)
throw ono.range(...); // RangeError
throw ono.syntax(...); // SyntaxError
throw ono.reference(...); // ReferenceError
// Create an Ono method for your own custom error class
const { Ono } = require("@jsdevtools/ono");
class MyErrorClass extends Error {}
ono.myError = new Ono(MyErrorClass);
// And use it just like any other Ono method
throw ono.myError(...); // MyErrorClassInstallation
Install using npm:
npm install @jsdevtools/onoUsage
When using Ono in Node.js apps, you'll probably want to use CommonJS syntax:
const ono = require("@jsdevtools/ono");When using a transpiler such as Babel or TypeScript, or a bundler such as Webpack or Rollup, you can use ECMAScript modules syntax instead:
import ono from "@jsdevtools/ono";Browser support
Ono supports recent versions of every major web browser. Older browsers may require Babel and/or polyfills.
To use Ono in a browser, you'll need to use a bundling tool such as Webpack, Rollup, Parcel, or Browserify. Some bundlers may require a bit of configuration, such as setting browser: true in rollup-plugin-resolve.
API
ono([originalError], [props], [message, ...])
Creates an Error object with the given properties.
originalError- (optional) The original error that occurred, if any. This error's message, stack trace, and properties will be copied to the new error. If this error's type is one of the known error types, then the new error will be of the same type.props- (optional) An object whose properties will be copied to the new error. Properties can be anything, including objects and functions.message- (optional) The error message string. If it contains placeholders, then pass each placeholder's value as an additional parameter. See theformatoption for more info.
Specific error types
The default ono() function may return an instance of the base Error class, or it may return a more specific sub-class, based on the type of the originalError argument. If you want to explicitly create a specific type of error, then you can use any of the following methods:
The method signatures and arguments are exactly the same as the default ono() function.
| Method | Return Type |
|---|---|
ono.error() |
Error |
ono.eval() |
EvalError |
ono.range() |
RangeError |
ono.reference() |
ReferenceError |
ono.syntax() |
SyntaxError |
ono.type() |
TypeError |
ono.uri() |
URIError |
ono.yourCustomErrorHere() |
Add your own custom error classes to ono |
Ono(Error, [options])
The Ono constructor is used to create your own custom ono methods for custom error types, or to change the default behavior of the built-in methods.
Warning: Be sure not to confuse
ono(lowercase) andOno(capitalized). The latter one is a class.
Error- The Error sub-class that this Ono method will create instances ofoptions- (optional) An options object, which customizes the behavior of the Ono method
Options
The Ono constructor takes an optional options object as a second parameter. The object can have the following properties, all of which are optional:
| Option | Type | Default | Description |
|---|---|---|---|
concatMessages |
boolean | true |
When Ono is used to wrap an error, this setting determines whether the inner error's message is appended to the new error message. |
format |
function or boolean | util.format() in Node.jsfalse in web browsers |
A function that replaces placeholders like in error messages with values. If set to false, then error messages will be treated as literals and no placeholder replacement will occur. |
concatMessages Option
When wrapping an error, Ono's default behavior is to append the error's message to your message, with a newline between them. For example:
const ono = require("@jsdevtools/ono");
function createArray(length) {
try {
return new Array(length);
}
catch (error) {
// Wrap and re-throw the error
throw ono(error, "Sorry, I was unable to create the array.");
}
}
// Try to create an array with a negative length
createArray(-5);The above code produces the following error message:
Sorry, I was unable to create the array.
Invalid array length;If you'd rather not include the original message, then you can set the concatMessages option to false. For example:
const { ono, Ono } = require("@jsdevtools/ono");
// Override the default behavior for the RangeError
ono.range = new Ono(RangeError, { concatMessages: false });
function createArray(length) {
try {
return new Array(length);
}
catch (error) {
// Wrap and re-throw the error
throw ono(error, "Sorry, I was unable to create the array.");
}
}
// Try to create an array with a negative length
createArray(-5);Now the error only includes your message, not the original error message.
Sorry, I was unable to create the array.format option
The format option let you set a format function, which replaces placeholders in error messages with values.
When running in Node.js, Ono uses the util.format() function by default, which lets you use placeholders such as %s, %d, and %j. You can provide the values for these placeholders when calling any Ono method:
throw ono("%s is invalid. Must be at least %d characters.", username, minLength);Of course, the above example could be accomplished using ES6 template literals instead of format strings:
throw ono(`${username} is invalid. Must be at least ${minLength} characters.`);Format strings are most useful when you don't alrady know the values at the time that you're writing the string. A common scenario is localization. Here's a simplistic example:
const errorMessages {
invalidLength: {
en: "%s is invalid. Must be at least %d characters.",
es: "%s no es válido. Debe tener al menos %d caracteres.",
zh: "%s 无效。 必须至少%d个字符。",
}
}
let lang = getCurrentUsersLanguage();
throw ono(errorMessages.invalidLength[lang], username, minLength);The format option in web browsers
Web browsers don't have a built-in equivalent of Node's util.format() function, so format strings are only supported in Node.js by default. However, you can set the format option to any compatible polyfill library to enable this functionality in web browsers too.
Here are some compatible polyfill libraries:
Custom format implementation
If the standard util.format() functionality isn't sufficient for your needs, then you can set the format option to your own custom implementation. Here's a simplistic example:
const { ono, Ono } = require("@jsdevtools/ono");
// This is a simple formatter that replaces $0, $1, $2, ... with the corresponding argument
let options = {
format(message, ...args) {
for (let [index, arg] of args.entries()) {
message = message.replace("$" + index, arg);
}
return message;
}
};
// Use your custom formatter for all of the built-in error types
ono.error = new Ono(Error, options);
ono.eval = new Ono(EvalError, options);
ono.range = new Ono(RangeError, options);
ono.reference = new Ono(ReferenceError, options);
ono.syntax = new Ono(SyntaxError, options);
ono.type = new Ono(TypeError, options);
ono.uri = new Ono(URIError, options);
// Now all Ono functions support your custom formatter
throw ono("$0 is invalid. Must be at least $1 characters.", username, minLength);Custom Error Classes
There are two ways to use Ono with your own custom error classes. Which one you choose depends on what parameters your custom error class accepts, and whether you'd prefer to use ono.myError() syntax or new MyError() syntax.
Option 1: Standard Errors
Ono has built-in support for all of the built-in JavaScript Error types. For example, you can use ono.reference() to create a ReferenceError, or ono.syntax() to create a SyntaxError.
All of these built-in JavaScript Error types accept a single parameter: the error message string. If your own error classes also work this way, then you can create Ono methods for your custom error classes. Here's an example:
const { ono, Ono } = require("@jsdevtools/ono");
let counter = 0;
// A custom Error class that assigns a unique ID and timestamp to each error
class MyErrorClass extends Error {
constructor(message) {
super(message);
this.id = ++counter;
this.timestamp = new Date();
}
}
// Create a new Ono method for your custom Error class
ono.myError = new Ono(MyErrorClass);
// You can use this method just like any other Ono method
throw ono.myError({ code: 404, status: "NOT_FOUND" }, `Resource not found: ${url}`);The code above throws an instance of MyErrorClass that looks like this:
{
"name": "MyErrorClass",
"message": "Resource not found: xyz.html",
"id": 1,
"timestamp": "2019-01-01T12:30:00.456Z",
"code": 404,
"status": "NOT_FOUND",
"stack": "MyErrorClass: Resource not found: xyz.html\n at someFunction (index.js:24:5)",
}Option 2: Enhanced Error Classes
If your custom error classes require more than just an error message string parameter, then you'll need to use Ono differently. Rather than creating a custom Ono method and using ono.myError() syntax, you'll use Ono inside your error class's constructor. This has a few benefits:
- Your error class can accept whatever parameters you want
- Ono is encapsulated within your error class
- You can use
new MyError()syntax rather thanono.myError()syntax
const { ono, Ono } = require("@jsdevtools/ono");
// A custom Error class for 404 Not Found
class NotFoundError extends Error {
constructor(method, url) {
super(`404: ${method} ${url} was not found`);
// Add custom properties, enhance JSON.stringify() support, etc.
Ono.extend(this, { statusCode: 404, method, url });
}
}
// A custom Error class for 500 Server Error
class ServerError extends Error {
constructor(originalError, method, url) {
super(`500: A server error occurred while responding to ${method} ${url}`);
// Append the stack trace and custom properties of the original error,
// and add new custom properties, enhance JSON.stringify() support, etc.
Ono.extend(this, originalError, { statusCode: 500, method, url });
}
}Contributing
Contributions, enhancements, and bug-fixes are welcome! Open an issue on GitHub and submit a pull request.
Building/Testing
To build/test the project locally on your computer:
Clone this repo
git clone https://github.com/JS-DevTools/ono.gitInstall dependencies
npm installRun the build script
npm run buildRun the tests
npm test
License
Ono is 100% free and open-source, under the MIT license. Use it however you want.
This package is Treeware. If you use it in production, then we ask that you buy the world a tree to thank us for our work. By contributing to the Treeware forest you’ll be creating employment for local families and restoring wildlife habitats.
Big Thanks To
Thanks to these awesome companies for their support of Open Source developers ❤
