open-index/open-npm huggingface dataset:
npm package: @oninross/clean-code
Description: Opinionated linting, formatting, and TS + Jest setup for projects.
Latest version: 1.0.7

# @oninross/clean-code

Opinionated linting, formatting, and TS + Jest setup for projects.

## Features

- ESLint + Prettier + import sort (alias-aware)
- Strict TypeScript (no `any`, strict null checks)
- Pre-commit hooks for staged files
- CLI commands: `npx @oninross/clean-code --fix | --check | --test` or with flags
- Nuclear commands for full repo: lint, format, type-check
- Optional Jest integration

## Installation

```
npm i -D @oninross/clean-code
```

## Usage

Extend configs:

### package.json

Add these scripts for easier usage:

```
{
  "scripts": {
    "clean-code:fix": "npx @oninross/clean-code fix",
    "clean-code:check": "npx @oninross/clean-code check",
    "clean-code:test": "npx @oninross/clean-code test"
  }
}
```

### tsconfig.json

```
{
  "extends": "@oninross/clean-code/configs/tsconfig.json"
}
```

### CLI

You can use either the npm scripts or npx directly:

```
npm run clean-code:fix   # format + lint + type-check
npm run clean-code:check # check only
npm run clean-code:test  # run jest tests
```

Or use npx with commands or flags:

```
npx @oninross/clean-code fix        # or --fix / -f
npx @oninross/clean-code check      # or --check / -c
npx @oninross/clean-code test       # or --test / -t
npx @oninross/clean-code --install  # or -i
```

- `--fix` / `-f`: format + lint + type-check
- `--check` / `-c`: check formatting, linting, and types
- `--test` / `-t`: run jest tests
- `--install` / `-i`: auto-configure package.json and tsconfig.json
npm package: @oninross/create-component
Description: CLI for scaffolding React components with SCSS/Styled Components, tests, and Storybook
Latest version: 1.1.5

# Create Component

A **command-line tool** to scaffold React components with optional **SCSS Modules** or **Styled Components**, **Jest tests**, and **Storybook stories**. Includes **interactive folder traversal** to choose exactly where the component should be created.

---

## Features

- Generate a new React functional component.
- Choose **SCSS Module** or **Styled Components** for styling.
- Optionally generate:
  - Jest **unit test**
  - Storybook **story**
- Interactive folder selection:
  - Traverse **down into subfolders**
  - Move **up to parent folders**
  - Select the current folder to create the component
- Generates:
  - `ComponentName.tsx`
  - `ComponentName.types.ts`
  - `ComponentName.styles.scss` or `ComponentName.styles.ts`
  - `ComponentName.test.tsx` (optional)
  - `ComponentName.stories.tsx` (optional)
  - `index.ts` for easy imports

---

## Installation

### Globally (recommended)

```bash
npm i @oninross/create-component -g
```

### npx

```bash
npx @oninross/create-component
```

---

Template Files

The CLI uses templates inside its templates/ folder:

component.tsx – React component

types.ts – Props interface

styles.scss – SCSS Module template

styles.ts – Styled Components template

test.tsx – Jest test template

story.tsx – Storybook story template

These are automatically copied and renamed according to the component name.

Notes

The CLI works from any project without requiring templates in the project itself.

Templates are packaged with the CLI.

Folder traversal supports moving up and down the directory tree.

Make sure your component name uses PascalCase.
npm package: @oninross/toolbox
Description: CLI toolbox for scaffolding, components, and guides.
Author: oninross
Latest version: 1.0.1

# toolbox

`toolbox` is a CLI utility to speed up common frontend project tasks. It provides commands for generating LLM guidelines, scaffolding a Next.js + Storybook project, and running a component generator.

## Installation & Usage

You can run toolbox directly with npx (no install required):

```sh
npx @oninross/toolbox <command>
```

## Available Commands

| Command                  | Description                                                                |
| ------------------------ | -------------------------------------------------------------------------- |
| `--llm-guide, -g`        | Generate `llm.txt` in the project root with LLM guidelines                 |
| `--create-component, -c` | Run `@oninross/create-component` to scaffold a new component               |
| `--scaffold`             | Scaffold a Next.js + Storybook project (with TypeScript, ESLint, and SCSS) |
| `--switch`, `-s`         | Interactively switch which SSH key is used for GitHub pushes               |
| `--clean-modules, -x`    | Remove `node_modules` and `package-lock.json` from the project root        |
| `--help, -h`             | List all available commands                                                |

## Examples

Generate LLM guidelines file:

```sh
npx @oninross/toolbox --llm-guide
```

Run the component generator:

```sh
npx @oninross/toolbox --create-component
```

Scaffold a Next.js + Storybook project:

```sh
npx @oninross/toolbox --scaffold
```

Switch SSH key for GitHub pushes:

```sh
npx @oninross/toolbox --switch
# or
npx @oninross/toolbox -s
```

Remove `node_modules` and `package-lock.json`:

```sh
npx @oninross/toolbox --clean-modules
# or
npx @oninross/toolbox -x
```

Show help:

```sh
npx @oninross/toolbox --help
```

---

This tool is maintained by [oninross](https://github.com/oninross).