open-index/open-npm huggingface dataset:
npm package: @garfish/utils
Description: utils module.
Author: zhouxiao <codingzx@gmail.com>
Latest version: 1.19.8

# `@garfish/utils`

[![NPM version](https://img.shields.io/npm/v/@garfish/utils.svg?style=flat-square)](https://www.npmjs.com/package/@garfish/utils)

## Usage

```js
import { isObject } from '@garfish/utils';

console.log(isObject({})); // true
```
npm package: @gargrave/gargame
Description: An HTML5/Canvas game engine, written in TypeScript.
Author: Gabe Hargrave
Latest version: 0.1.7

# Gargame

An HTML5/Canvas game engine, written in TypeScript.

Please note that this is a _very_ long way from being useful for any real game projects, so I definitely recommend against using it for now. There are no docs, minimal test coverage, very few features, and probably tons of bugs. This will all be ironed out eventually, but for now it's just kind of a hackfest to try to get things off the ground.

If you _must_ try it, you can install it with `yarn add @gargrave/gargame`, but I make no promises as to how usable, compatible, etc. it is right now. YMMV!

In the future, there will be better docs, example games, and such. For now, though, it's more or less no-man's land.

If you're looking for a robust solution in the meantime, you may want to check out [Excalibur](https://github.com/excaliburjs/Excalibur) instead.
npm package: @gargrave/garlib
Description: **The oversell:**
Author: Gabe Hargrave
Latest version: 0.0.5

# garlib

**The oversell:**

A general multi-purpose, Swiss Army Knife, Jack of all trades, one-stop shop, janitor's keyring, one size fits all, encyclopedic compendium, turnkey solution for your every possible JavaScript desire!

**The undersell:**

It's a modest collection of JS/TS helpers and utilities gathered into one place. Sort of a "poor man's Lodash," although it would have to be _very_ poor in this case, since Lodash is already very free.

Let's put it this way: you may find something of use here, but you may also _not_ find something of use here. 🤷‍♂️

## Usage

- Install with `yarn add @gargrave/garlib` (or the `npm` variant if you prefer)
- Import what you need, and starting benefitting greatly

## Docs

No docs yet! I will work on these at some point in near-ish future, but for now this is a very small, new package, so I am not overly concerned about it yet.
npm package: @gargrave/react-magic-list
Description: A simple implementation of list virtualization in React
Author: Gabe Hargrave
Latest version: 0.0.2

# react-magic-list

A simple virtualized list React component. Render tens of thousands of elements without dragging your DOM through the mud!

Be warned: this is mostly just an experiment/learning exercise. Use this in production _at your own risk_.

More details to come in future.

For now, if you want to see it at work, you can take a look at the Styleguidist example:

- Clone the repo
- Run `yarn`
- Run `yarn styleguide`
npm package: @gargrave/sensitive-words
Description: Filter out a list of sensitive words
Author: Gabe Hargrave
Latest version: 1.0.1

# Sensitive Words

Filter out sensitive words!

**Please Note**: This is not a real package, and you would be well-advised not to try to make any sense or find any use for it. This is just a dummy project to mess around with publishing, releasing, using the `np` package, etc. There is nothing of value for you here!
npm package: @gargrave/ts-module-starter
Description: A basic setup for an NPM package built with TypeScript
Author: Gabe Hargrave
Latest version: 0.1.0

# TS Module Starter

A basic setup for a publish-ready package built in TypeScript. You can use it
either as a blueprint/outline, or just clone it, remove what you don't need, and
use it as a template.

## Overview

This is not intended to be a useful lib in itself, but rather provide a template
for building NPM packages that are ready to publish with TypeScript/React/etc.

This is about half-and-half on the opinionated front. Some of it is just basic
setup, but some other things (ESLint, Prettier, etc.) are set up for my own
preferences (but of course they can be tweaked as necessary).

Some of the features currently wired up are:

- Building/bundling for multiple targets (CommonJS, ES Modules, UMD) with `rollup`
- TypeScript/React compilation with `babel`
- Easy release management with `np`
- Testing with `jest`
- Linting with `eslint`
- Pre-commit hook for running `prettier` on staged files

## Improvements (TODO)

- Internal handling for styling (i.e. if you need to build a component lib
  with its own styles baked in)
- Add `react-styleguidist` (may require an additional Webpack setup if it
  cannot support Rollup)
npm package: @gargrave/velcrostrip
Description: A modest, general-use React UI component library
Author: Gabe Hargrave
Latest version: 0.3.2

# Velcrostrip

Velcrostrip is a general use React component library. The goal is for it to
include most of the "general" stuff you would need in any typical frontend
application (and then maybe a bunch of extra goodies, too).

You can see more or less everything in action in the
[Styleguide docs](https://gargrave.github.io/velcrostrip/). This will be updated
each time I release any version bump.

It is based on one of my favorite raw CSS libraries,
[Shoelace](https://www.shoelace.style/index.html). I love Shoelace, but
unfortunately its build/customization process in older versions aws a bit
obtuse, so I decided I would take its inspiration and make a React version. The
basic color schemes, designs, and components will generally be _pretty similar_,
although I am not intending for it to be a 1:1 clone, and I may not include all
of its components. We'll see...

For better or worse, I am also using
[Bootstrap 4](https://getbootstrap.com/docs/4.0/getting-started/introduction/)
as inspiration in extending some components past what Shoelace provides
(particularly with the ARIA stuff, which Bootstrap is very good at).

Other shout-outs:

- The `Loader` component types are based on
  [pure CSS loaders](https://loading.io/css/).

## Usage

The disclaimer:

- I would not recommend using this in any production setting right now. This is
  mostly just a fun side project for me, and I make no guarantee as to how much
  time (if any) I will have to continue development, fix bugs, add new features,
  and all of that good stuff. As much as I enjoy it, my time is very limited,
  and side projects are the first thing to get pushed aside.
- To expand on the point above, most of these steps are what _should_ work, but
  I also don't have time for full regression testing when I do a release, so
  again: no guarantees here. YMMV, buyer beware, use at your own risk, and all
  of that good stuff.

---

- **Install**
  - `yarn add @gargrave/velcrostrip`
- **Use**
  - Everything is exported both top-level and directly. So you can import
    components two ways:
    - `import { Button } from '@gargrave/velcrostrip`, or
    - `import { Button } from 'packages/velcrostrip/src/Button'`
    - The difference of course is that the first will import the entire library
      as soon as you import a single component, and it _might_ bloat your build
      a little bit.

At that point, you are ready to use the `Button` component. TypeScript types are
included for all components, so you should get good completion for props and
such, but you can also check out the styleguide with `yarn styleguide`, which
will have examples covering almost everything.

This is a major work-in-progress, and will be for the foreseeable future. The
components that are currently available are listed below.

- Alert
- Button
- Card
- Loader