open-index/open-npm huggingface dataset:
npm package: @jonali1/react-components
Description: A collection of React components built with Next.js
Latest version: 0.1.1

# @jonali1/react-components

A collection of React components built with Next.js.

## Installation

```bash
npm install @jonali1/react-components
# or
yarn add @jonali1/react-components
```

## Usage

### With Default Styles

```jsx
// Import the component
import { Button } from '@jonali1/react-components';
// Import the styles
import '@jonali1/react-components/styles.css';

function App() {
  return (
    <Button 
      label="Click me" 
      onClick={() => console.log('Button clicked!')} 
    />
  );
}
```

### With Tailwind CSS

If your application already uses Tailwind CSS, you can use the `variant="tailwind"` prop to use Tailwind classes instead of the default styles:

```jsx
// Import the component
import { Button } from '@jonali1/react-components';
// No need to import styles.css when using Tailwind variant

function App() {
  return (
    <Button 
      label="Click me" 
      onClick={() => console.log('Button clicked!')} 
      variant="tailwind"
    />
  );
}
```

## Components

### Button

A customizable button component.

#### Props

- `label` (string): The text to display on the button
- `onClick` (function, optional): Callback function when button is clicked
- `className` (string, optional): Additional CSS classes to apply to the button
- `variant` (string, optional): Style variant to use. Options: 'default' (uses included CSS) or 'tailwind' (uses Tailwind classes)

## Development

```bash
# Install dependencies
npm install

# Run development server
npm run next:dev

# Build the library
npm run build
```

## License

MIT
npm package: @jonallured/jay
Description: Various cli tricks and stunts.
Author: Jon Allured @jonallured
Latest version: 0.4.0

# jay [![CircleCI][badge]][circleci]

This project is a collection of commands that I find helpful. It's built using
the [oclif][] framework.

## Installation

This is a published NPM package, so you can install with yarn or whatever:

```
$ yarn add @jonallured/jay
# or
$ yarn global add @jonallured/jay
```

I used to just run this locally, like so:

```
$ c jay
$ npm link
$ asdf reshim
```

You don't always have to reshim, but if it doesn't link right, then that's
probably the issue.

## Running checks

This project is setup to comply with the following checks:

* prettier
* eslint
* Typescript
* jest

See the package.json for individual commands, but to run all of this together,
one can do this:

```
$ ./bin/check-all
```

And so if that is green locally there's an excellent chance that CI will be
green too.

## Updating dependencies

There's a script for this so updating to the latest version of dependencies
should be as easy as this:

```
$ ./bin/update
```

This will run `yarn upgrade --latest` and then create a PR after running all the
checks locally. That PR will need to be manually merged.

## Releasing

I've set things up so that CircleCI can release new package versions
automatically based on pushing tags, so one can cut a new version like so:

```
$ ./bin/release
```

That will:

* update the required files with new version numbers
* commit that change and push to master
* tag that commit
* push that tag

Which in turn triggers a build that has access to NPM creds and will publish the
package without running tests because YOLO.

[badge]: https://circleci.com/gh/jonallured/jay.svg?style=svg
[circleci]: https://circleci.com/gh/jonallured/jay
[oclif]: https://oclif.io/
npm package: @jonallured/pear
Description: Credit where credit is due.
Author: Jon Allured @jonallured
Latest version: 0.7.0

# Pear [![CircleCI][badge]][circleci]

Credit where credit is due.

## Install

Since Pear is an NPM package, installation can be as easy as:

```
$ npm install --global @jonallured/pear
// or
$ yarn global add @jonallured/pear
```

Note that I've got this under a namespace so you have to specify that.

## Init

Next up would be to init things so that you get a data file:

```
$ pear init
$ cat ~/.pear-data
{
  "current": [],
  "known": []
}
```

## Add known authors

At this point you can add some known authors. That looks something like this:

```
$ pear known:add jonallured
jonallured not found
name for jonallured: Jonathan Allured
email for jonallured: jon.allured@gmail.com
Added new known authors! 🍐
$ pear known
[
  {
    "email": "jon.allured@gmail.com",
    "name": "Jonathan Allured",
    "username": "jonallured"
  }
]
```

## Add a known author to your current pairing session

Now that we have a known author we can add them to what we're working on:

```
$ pear current:add jonallured
```

This sets us up to give credit in our commits to `jonallured`.

Note: Pear supports multiple authors, so you can add as many authors to your
current pairing session as you want!

## Credit current authors on a commit

Once you've got author(s) in your current session, you can use Pear in a number
of ways to credit authors on a commit. They basically boil down to these:

### 1. Copy/paste trailer into commit message

Generate a trailer for the current pair(s):

```
$ pear current:trailer
Co-authored-by: Jonathan Allured <jon.allured@gmail.com>
```

Manually copy/paste that trailer into your commit message, and your pair(s) will
get credit!

### 2. Amend the current commit with Pear

```
$ pear amend
Commit message amended! 🍐
```

This will magically update the most recent commit with a trailer for all authors
in your current session! Your pair(s) get credit again 😎.

### 3. Automate commit trailers with a post-commit hook

The first two are more manual in case git hooks aren't your thing but hooks are
super cool and can make you feel like a genius. Impress your friends and have
the trailer added automatically!

Configure the hook to call `pear amend`, and your pair(s) will get credit as
soon as you commit!!

## Cutting a new release

The process of cutting a new release is mostly managed by CircleCI. All that
needs to be done locally is running the release script:

```
# those args are old/new version numbers
$ ./bin/release 0.0.0 0.0.1
```

This script will find the old version, replace with the new version and then do
all the git things to get GitHub updated and kick off the release job on Circle.

[badge]: https://circleci.com/gh/jonallured/pear.svg?style=svg
[circleci]: https://circleci.com/gh/jonallured/pear
npm package: @jonarod/capacitor-navigation-bar
Description: Set navigation bar properties on Android.
Author: Jonarod
Latest version: 0.0.6

# Install

```
npm i --save @jonarod/capacitor-navigation-bar
npx cap sync
```

then in `android/app/src/main/java/MainActivity.java`, add:

```
import com.jonarod.capacitor.plugins.NavigationBar;
```

then,

```
  add(NavigationBar.class);
```

# Usage

```
import { Plugins } from '@capacitor/core';
import { NavigationBar } from Plugins;

...

var options = {
  bgColor: "#FFFFFF",
  theme: "light", // or "dark"
  transparent: false,
  hide: false
}

NavigationBar.set(options);
```

# Work In Progress

`transparent` and `hide` options won't work for the moment... this is work in progress. I am open to PRs ;)