open-index/open-npm huggingface dataset:
npm package: @jpoehnelt/signaldb-sync-fork
Description: This is the sync implementation of [SignalDB](https://github.com/maxnowack/signaldb). SignalDB is a local-first JavaScript database with real-time sync, enabling optimistic UI with signal-based reactivity across multiple frameworks.
Author: Max Nowack
Latest version: 1.3.0

# @signaldb/sync

This is the sync implementation of [SignalDB](https://github.com/maxnowack/signaldb). SignalDB is a local-first JavaScript database with real-time sync, enabling optimistic UI with signal-based reactivity across multiple frameworks.

See https://signaldb.js.org/sync/ for more information.
npm package: @jpot-su/vertical-stepper-react
Description: Vertical stepper similar to MUI with visible steps, built-in support for 'success' and 'error' styles, the ability to automatically set the 'success' status when viewing the item completely, and the capability to easily customize icons on each step.
Author: serpo-dev
Latest version: 1.0.44

@jpot-su/vertical-stepper-react

![npm](https://img.shields.io/npm/v/@jpot-su/vertical-stepper-react)
![npm](https://img.shields.io/npm/l/@jpot-su/vertical-stepper-react)
![codecov](https://img.shields.io/codecov/c/github/jpot-su/vertical-stepper-react)
![github](https://img.shields.io/github/actions/workflow/status/jpot-su/vertical-stepper-react/node.js.yml?branch=main)

Vertical stepper similar to MUI with visible steps, built-in support for 'success' and 'error' styles, the ability to automatically set the 'success' status when viewing the item completely, and the capability to easily customize icons on each step.

## Installation

```
npm install @jpot-su/vertical-stepper-react
```

## How to use

```
import { VerticalStepper } from "@jpot-su/vertical-stepper-react"
```
npm package: @jpotin/data-table-react
Description: ![DataTable preview.png](preview.png)
Author: jpotin@gmail.com
Latest version: 0.1.3

# data-table-react

![DataTable preview.png](preview.png)

A react component that display data in a table with features.
Pagination, search, sorting.

## Prerequisites

- NodeJS [(version 12.18 or newer)](https://nodejs.org/en/)
- A code editor like [VSCode](https://code.visualstudio.com/)

## Installation

```
npm install @jpotin/data-table-react
```

Once installed, import the "DataTable" component

```
import DataTable from "@jpotin/data-table-react"
```

You can import the css

```
import "@jpotin/data-table-react/dist/style.css"
```

## Usage

The component takes a unique prop data

```
<DataTable prop={value} />
```

The value is an object, or a function that return an object in the shape of:

```
{
  labels: [
    { title: 'First Name', data: 'firstName' },
    { title: 'Last Name', data: 'lastName' },
  ],
  entries: [
  {
    firstName: 'Basia',
    lastName: 'Osborn',
  },
  {
    firstName: 'Galena',
    lastName: 'Frost',
  }]
  ,
  sortBy: 'firstName',
  sortDirection: 'asc',
  }
```

sortBy and sortDirection properties are optionals
sortDirection can be 'asc' or 'desc'

## Typescript

This package contains built-in TypeScript declarations.

sortDirection need to be set as 'asc' | 'desc'
npm package: @jpotin/mosaic-maker
Description: A React component for creating mosaics
Author: jpotin@gmail.com
Latest version: 1.0.2

# Mosaic maker

A react component to have fun with mosaic and tiles.
Use [playground-ui](https://github.com/joska-p/playground-ui), a personnal custom ui library

### Take a look at it on [github pages](https://joska-p.github.io/mosaic-maker/).

It uses Vite 6, tailwind 4 and React 19.

## Installation

Install the package in your react project:

```javascript
pnpm i @jpotin/mosaic-maker
```

Import the component and the css

```javascript
import { MosaicMaker } from "@jpotin/mosaic-maker";
import "@jpotin/mosaic-maker/dist/mosaic-maker.css";
```
npm package: @jpotin/my-eslint-config
Description: A collection of internal eslint configurations.
Author: jpotin
Latest version: 1.1.3

# My ESLint Config

This is a simple NPM package that exports a ESLint configurations for my JavaScript projects.

## Installation

To use this ESLint configuration, you'll need to install the package as a development dependency in your project:

```shell
npm install --save-dev @jpotin/my-eslint-config
```

## Usage

Once the package is installed, you can use the exported configuration in your react project's <code>.eslintrc.config.mjs</code> file.

```mjs
import { config } from "@jpotin/my-eslint-config/react";

/** @type {import("eslint").Linter.Config} */
export default config;
```

Alternatively, you can specify the configuration in your <code>package.json</code> file:

```json
{
  "eslintConfig": {
    "extends": "my-eslint-config"
  }
}
```

## Configuration

The package export 2 configurations:

### Base configuration

The base configuration includes the following rules:

- <code>no-console</code>: Warn when using console.log() statements

- <code>no-unused-vars</code>: Disables this rule, as it is handled by TypeScript.

- <code>import/order</code>: Enforces a consistent ordering of imports, with built-in modules first, followed by external modules, parent modules, sibling modules, and index modules.

### React Configuration

The React configuration extends the base configuration and adds the following rules:

- <code>react</code>: Enables the React plugin.

- <code>react-hooks:</code> Enables the React hooks plugin.

- <code>jsx-a11y</code>: Enables the jsx-a11y plugin.

- <code>react-compiler</code>: Enables this rule with an error severity.

You can customize or extend this configuration by creating your own <code>.eslintrc.config.mjs</code> file in your project and overriding the rules as needed.

## Contributing

If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request on the [GitHub repository](https://github.com/joska-p/my-eslint-config).

## License

This project is licensed under the [MIT License](https://mit-license.org/).