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

triescatch

v0.0.3

Published

TriesCatch is a little tool that aims to improve JavaScript's native Try/Catch feature.

Downloads

210

Readme

What is TriesCatch?

TriesCatch is a little tool that aims to improve JavaScript's native Try/Catch feature.

What's wrong with Try/Catch ?

  • catch catches every errors in the try block, even the unexpected ones.
  • You can't pass data from within the trycatch to the outside if you don't declare the variable before.

Features

  • The parameter of the catch block serves as a filter
  • You can chain catch blocks to handle mutltiple errors from the same try block
  • You can pass data from inside to the outside of the try/catch
  • You're not obliged to catch right away.

Examples

Only catch the error you're looking for

let post;
tries(() => {
  post = fetch("localhost:3000/posts");

      // First parameter is the error you want to catch
}).catch(TypeError, (error) => {
  console.log("Error happened, contact administrator", error);
})

Pass data from within to the outside

let post = tries((data) => {
  data.req = fetch("localhost:3000/posts");
      // First parameter is the error you want to catch
}).catch(TypeError, (error) => {
  console.log("Error happened, contact administrator", error);
})

console.log(post.data.req)

Catch later (idk why you would do that)

let post = tries((data) => {
  data.req = fetch("localhost:3000/posts");
})

//do whatever you want
alert("idk why you would do that")

post.catch(TypeError, (error) => {
  console.log("Error happened, contact administrator", error);
})

console.log(post.data.req)

How to install ?

Install the npm package:

npm install triescatch

Why ?

I always thought that TypeScript could allow you to type your error in a catch block, in order to catch only a specific type of error. But it's not the case, you can type an error in the parameters of a catch block, but there are only two available types: undefined and error. So TypeScript does not help you with that, I don't know why I thought it would.

I was tired of doing this everytime:

let post;
try {
  post = fetch("some dummy fetch")
} catch(e) {
  if (e instance of YOUR_ERROR) {
    //do some stuff
  }
}

So I made my own. The "catch later" thing is kind of a gimmick. But I feel like catching multiple specific errors is great, that way I can handle a specific action differently depending on the error returned. It's more convenient than embedding try/catches within try/catches.

And I like that I can put my try catch in a variable, in order to access its content from outside. I wish we could do that in native javascript.

~~Still not~~ mature enough

~~The tries function is not using TypeScript as of now, I'm too junior to figure out how to do that with TypeScript. It will take time, and I don't know if this project has enough value to be used, but I'll keep working on this. If you have any suggestions or contributions, well, my door is wide open.~~

Now it's made with typescript. I'm still too junior for that, but yeah. It works now.