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

@smakss/search

v2.1.0

Published

Enhance your searching capabilities with @smakss/search. Effortlessly find keywords in arrays, nested arrays, and objects, perfect for deep search needs in various data structures.

Downloads

429

Readme

Search

npm NPM npm npm bundle size (scoped)

Searching through arrays, nested arrays, or objects for specific keywords can often be cumbersome, especially when dealing with deeply nested structures. This package simplifies that process by offering a lightweight, flexible search utility that delves into every key of an object or array elements to find matches. It utilizes ES6+ syntax, so if your codebase uses older standards, a transpiler might be required.

Demo

Explore the live demonstration available on CodeSandbox:

View @smakss/search

How it works?

To install the package:

npm i @smakss/search
# or
yarn add @smakss/search

For CommonJS modules:

const Search = require('@smakss/search');

For ECMAScript modules:

import Search from '@smakss/search';

Then, to utilize the search function within your application:

The Search function accepts an options object with the following properties:

  • searchText (String): The string to search for.
  • searchItems (Array|Object): The items or structure to search within.
  • keys (Array): An array of keys to include or exclude from the search.
  • include (Boolean): Determines whether to include (true) or exclude (false) the keys specified. Defaults to true.
  • exact (Boolean): Determines whether to perform an exact match search. Defaults to false.

The search function can take a generic type to specify the type of the search items.

Examples of Usage

Lets suppose we have the following type:

type Person = { name: string; lastName: string };

Searching Within an Object

When the match is found in an object, the entire object is returned:

const obj: Person = { name: 'John', lastName: 'Doe' };

const results = Search<Person>({ searchText: 'john', searchItems: [obj] });
// Results: [{ name: 'John', lastName: 'Doe' }]

Searching Within an Array

const arr: Person[] = [
  { name: 'John', lastName: 'Doe' },
  { name: 'Joe', lastName: 'Doe' }
];

const results = Search<Person>({ searchText: 'john', searchItems: arr });
// Results: [{ name: 'John', lastName: 'Doe' }]

Searching Within a Nested Array

const nestedArr: (Person | Person[])[] = [
  { name: 'John', lastName: 'Doe' },
  { name: 'Joe', lastName: 'Doe' },
  [{ name: 'Jane', lastName: 'Doe' }]
];

const results = Search<Person | Person[]>({
  searchText: 'jane',
  searchItems: nestedArr
});
// Results: [{ name: 'Jane', lastName: 'Doe' }]

Including Specific Keys

const results = Search<Person>({
  searchText: 'jane',
  searchItems: nestedArr,
  keys: ['name']
});
// Results: [{ name: 'Jane', lastName: 'Doe' }]

Excluding Specific Keys

const results = Search<Person>({
  searchText: 'jane',
  searchItems: nestedArr,
  keys: ['lastName'],
  include: false
});
// Results: []

Note: The result is an empty array because 'lastName' is excluded from the search.

Performing an Exact Match Search

const results = Search<Person>({
  searchText: 'jane',
  searchItems: nestedArr,
  exact: true
});
// Results: [{ name: 'Jane', lastName: 'Doe' }]

Note: Only the exact term 'Jane' is matched, not 'Janet' or other partial matches.

Contributing

Interested in contributing to this project? Please refer to CONTRIBUTING.md for contribution guidelines.

Code of Conduct

Our community prioritizes the well-being and inclusivity of all contributors and users. Please review our Code of Conduct to help maintain a supportive environment for everyone.