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

@foxkit/util

v0.6.2

Published

Collection of javascript utility modules

Downloads

3

Readme

foxkit

Foxkit is a collection of utility modules for CJS, ESM and TypeScript projects.

Install

npm install foxkit
# or
yarn install foxkit

Usage

clamp

The clamp module provides the functions clamp() and isClamped():

import { clamp, isClamped } from "foxkit/clamp";

clamp({ value: 5, min: 0, max: 10 }); // => 5
clamp({ value: -5, min: 0 }); // => 0
clamp({ value: 100, max: 10 }); // => 10

isClamped({ value: 5, min: 0, max: 10 }); // => true
isClamped({ value: -5, min: 0 }); // => false
isClamped({ value: 100, max: 10 }); // => false

The min and max options are optional on both functions to serve as a complete replacement to Math.min() and Math.max().

dedent

dedent allows for simple string reformatting with as many indentations removed as possibly and the remainder formatted as per settings.

Options:

  • tabWidth: The amount of spaces a tab symbol (\t) is representing (default: 2)
  • useTabs: Transforms as many spaces as possible to tab symbols as per set tabWidth (default: false)
  • trim: Remove empty lines at the start and end of the string (default: false)

Passing an objects object is optional, but recommended as defaults may change in future versions.

Example:

import { dedent } from "foxkit/dedent";
const dd = dedent({
  tabWidth: 2,
  useTabs: false
});

dd(`
  foo: {
    bar: "baz",
  \tcat: "meows"
  }
`); /* =>
`
foo: {
  bar: "baz",
  cat: "meows"
}
`
*/

Note: The dedent formatter transforms \r\n to \n and removes all whitespace in empty lines.

forEach

The forEach module works much like Array.prototype.forEach, but also works for Strings and Objects. You may also optionally return false from the callback to perform a break in the internal for () loop. To continue simply return;.

import { forEach } from "foxkit/forEach";

const myObj = {
  foo: "foobar",
  lorem: "Lorem ipsum",
  foxkit: "Utility collection",
  unseen: "Can't see me in output :)"
};

forEach(myObj, (value, key) => {
  if (key === "unseen") return false;
  console.log(`${key}: ${value}`);
}); /* =>
foo: foobar
lorem: Lorem ipsum
foxkit: Utility collection
*/

range

The range module returns an array with numbers based on the constraints provided in the options. You must provide either an end (inclusive) or length option. Negative step values are supported. Should you provide an invalid combination you may receive an empty array!

import { range } from "foxkit/range";

range({ start: 1, end: 5 }); // => [1, 2, 3, 4, 5]
range({ start: 4, step: 0.5, length: 3 }); // => [4, 4.5, 5]
range({ start: 10, step: -2, end: 5 }); // => [10, 8, 6]
range({ start: 0, end: -5, step: 1 }); // => []

sleep

The sleep module returns a Promise that resolves after the given amount of time. It will return false should the argument not be a positive number.

await sleep(500); // => Promise<pending> (resolve after 500ms)
await sleep("fox"); // => false

Other Modules

See our foxkit-js github org page or search for "foxkit" on npm.

See also

  • modern-diacritics: library for tranforming diacritics and latinizing text. Also includes a slugify function