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

@plandek-utils/ts-collections-utils

v1.5.0

Published

Small set of utils for collections (arrays and records)

Downloads

6,972

Readme

@plandek-utils/ts-collections-utils

npm version Build Status Maintainability Test Coverage

TypeDoc generated docs in here

Github repo here

Small set of util functions to use with Arrays and other Collections. It uses lodash inside.

Installation

yarn add @plandek-utils/ts-collections-utils or npm install @plandek-utils/ts-collections-utils.

Usage

import { anyOf, allOf, noneOf, isSubset, findAndRemove, isArrayOf, divideCollection } from "@plandek-utils/ts-collections-utils";

const { positive, negative } = divideCollection([1, 2, 3, -1, -2, -3], (x) => x > 0); // => { positive: [1, 2, 3], negative: [-1, -2, -3] }

anyOf([1, 2, 3], (x) => x > 3); // => false
anyOf([1, 2, 3], (x) => x > 2); // => true
anyOf([1, 2, 3], (x) => x > 0); // => true

allOf([1, 2, 3], (x) => x > 3); // => false
allOf([1, 2, 3], (x) => x > 2); // => false
allOf([1, 2, 3], (x) => x > 0); // => true

noneOf([1, 2, 3], (x) => x > 3); // => true
noneOf([1, 2, 3], (x) => x > 2); // => false
noneOf([1, 2, 3], (x) => x > 0); // => false

isSubset({ set: [1, 2, 3], subset: [3, 1] }); // => true
isSubset({ set: [1, 2, 3], subset: [3, 1, 2] }); // => true
isSubset({ set: [1, 2, 3], subset: [3, 2, 4] }); // => false

arraySameElements([1, 2, 3], [1, 2, 3])); // => true
arraySameElements([1, 2, 3], [3, 1, 2])); // => true
arraySameElements([], [])); // => true
arraySameElements([1, 2, 3], [3, 1])); // => false
arraySameElements([1, 2, 3], [3, 2, 4])); // => false

findAndRemove([1, 2, 3], (x) => x > 3); // => [undefined, [1, 2, 3]]
findAndRemove([1, 2, 3], (x) => x > 2); // => [3, [1, 2]]
findAndRemove([1, 2, 3], (x) => x > 0); // => [1, [2, 3]]

isArrayOf([1, 2, 3], (x) => x > 3); // => false
isArrayOf([1, 2, 3], (x) => x > 2); // => false
isArrayOf([1, 2, 3], (x) => x > 0); // => true

// TS types
const list: any = [1, 2, 3];
const isNumber: (x: any) => x is number = (x) => typeof x === "number";
if (isArrayOf(list, isNumber) {
  // list is number[]
}

uniqAndSort and uniqAndSortBy

Same as _.sortBy but passing the list first through a Set to remove duplicates. uniqAndSortBy with only the list is equivalent to uniqAndSort

uniqAndSortBy([1, 4, 10, 3, 0, 4, 1]) // => [0, 1, 3, 4, 10]
uniqAndSort([1, 4, 10, 3, 0, 4, 1]) // => [0, 1, 3, 4, 10]

const fn = (x: number): string => {
  if (x === 0) return "0-zero"
  if (x % 2 === 0) return `1-even--${x}`
  return `2-odd--${x}`
};

uniqAndSortBy([1, 4, 10, 3, 0, 4, 1], fn) // => [0, 10, 4, 1, 3]

sliceArrayToFitMax

Util to get a slice of the given array taking into account the max value of a list. It prioritises the right values.

To see how it behaves, check the following:

import { sliceArrayToFitMax } from "@plandek-utils/ts-collections-utils";

const oneToFive = ["one", "two", "three", "four", "five"];
expect(sliceArrayToFitMax(oneToFive, 1)).toEqual([{ low: 1, high: 1, value: "five" }]);
expect(sliceArrayToFitMax(oneToFive, 2)).toEqual([
  { low: 1, high: 1, value: "four" },
  { low: 2, high: 2, value: "five" },
]);
expect(sliceArrayToFitMax(oneToFive, 3)).toEqual([
  { low: 1, high: 1, value: "three" },
  { low: 2, high: 2, value: "four" },
  { low: 3, high: 3, value: "five" },
]);
expect(sliceArrayToFitMax(oneToFive, 4)).toEqual([
  { low: 1, high: 1, value: "two" },
  { low: 2, high: 2, value: "three" },
  { low: 3, high: 3, value: "four" },
  { low: 4, high: 4, value: "five" },
]);
expect(sliceArrayToFitMax(oneToFive, 5)).toEqual([
  { low: 1, high: 1, value: "one" },
  { low: 2, high: 2, value: "two" },
  { low: 3, high: 3, value: "three" },
  { low: 4, high: 4, value: "four" },
  { low: 5, high: 5, value: "five" },
]);
expect(sliceArrayToFitMax(oneToFive, 6)).toEqual([
  { low: 1, high: 2, value: "three" },
  { low: 3, high: 4, value: "four" },
  { low: 5, high: 6, value: "five" },
]);
expect(sliceArrayToFitMax(oneToFive, 7)).toEqual([
  { low: 1, high: 2, value: "two" },
  { low: 3, high: 4, value: "three" },
  { low: 5, high: 6, value: "four" },
  { low: 7, high: 8, value: "five" },
]);
expect(sliceArrayToFitMax(oneToFive, 11)).toEqual([
  { low: 1, high: 3, value: "two" },
  { low: 4, high: 6, value: "three" },
  { low: 7, high: 9, value: "four" },
  { low: 10, high: 12, value: "five" },
]);
expect(sliceArrayToFitMax(oneToFive, 14)).toEqual([
  { low: 1, high: 3, value: "one" },
  { low: 4, high: 6, value: "two" },
  { low: 7, high: 9, value: "three" },
  { low: 10, high: 12, value: "four" },
  { low: 13, high: 15, value: "five" },
]);
expect(sliceArrayToFitMax(oneToFive, 66)).toEqual([
  { low: 1, high: 14, value: "one" },
  { low: 15, high: 28, value: "two" },
  { low: 29, high: 42, value: "three" },
  { low: 43, high: 56, value: "four" },
  { low: 57, high: 70, value: "five" },
]);

Development, Commits, versioning and publishing

See The Typescript-Starter docs.

Commits and CHANGELOG

For commits, you should use commitizen

yarn global add commitizen

#commit your changes:
git cz

As typescript-starter docs state:

This project is tooled for conventional changelog to make managing releases easier. See the standard-version documentation for more information on the workflow, or CHANGELOG.md for an example.

# bump package.json version, update CHANGELOG.md, git tag the release
yarn run version

You may find a tool like wip helpful for managing work in progress before you're ready to create a meaningful commit.

Creating the first version

Once you are ready to create the first version, run the following (note that reset is destructive and will remove all files not in the git repo from the directory).

# Reset the repo to the latest commit and build everything
yarn run reset && yarn run test && yarn run doc:html

# Then version it with standard-version options. e.g.:
# don't bump package.json version
yarn run version -- --first-release

# Other popular options include:

# PGP sign it:
# $ yarn run version -- --sign

# alpha release:
# $ yarn run version -- --prerelease alpha

And after that, remember to publish the docs.

And finally push the new tags to github and publish the package to npm.

# Push to git
git push --follow-tags origin main

# Publish to NPM (allowing public access, required if the package name is namespaced like `@somewhere/some-lib`)
yarn publish --access public

Publish the Docs

yarn run doc:html && yarn run doc:publish

This will generate the docs and publish them in github pages.

Generate a version

There is a single yarn command for preparing a new release. See One-step publish preparation script in TypeScript-Starter

# Prepare a standard release
yarn prepare-release

# Push to git
git push --follow-tags origin main

# Publish to NPM (allowing public access, required if the package name is namespaced like `@somewhere/some-lib`)
yarn publish --access public