open-index/open-npm huggingface dataset:
npm package: @rubentorresbonet/encharge-library
Description: https://levelup.gitconnected.com/private-npm-packages-in-github-package-registry-fbfda43acab3
Author: Ruben
Latest version: 0.1.7

https://levelup.gitconnected.com/private-npm-packages-in-github-package-registry-fbfda43acab3

1. Change something
2. Increase version in package.json
3. git commit
4. npm publish

...

npm update everywhere
npm package: @rubenvaneldik/nuxtjs-hbp
Description: Nuxt.js wrapper for nhost-js-sdk
Author: Ruben van Eldik
Latest version: 3.1.0

# @rubenvaneldik/nuxtjs-hbp

Nuxt.js wrapper for [nhost-js-sdk](https://github.com/nhost/nhost-js-sdk). This wrapper creates global `$auth` and `$storage` methods which make it possible to easily handle auth and storage with [hasura-backend-plus](https://nhost.github.io/hasura-backend-plus/) from everywhere in the app.

## Setup

### Installation

`$ npm install @rubenvaneldik/nuxtjs-hbp`

or

`$ yarn add @rubenvaneldik/nuxtjs-hbp`

### Nuxt.config

Add the module to the modules section and add any


```js
// nuxt.config.js

export default {
  modules: [
    '@rubenvaneldik/nuxtjs-hbp',
  ],
  hbp: {
    base_url: '', // Required
    use_cookies: true, // Optional, default is false
    refresh_interval_time: 30 * 60 * 1000, // Optional
    client_storage_type: 'web' // Optional
  }
}
```


## Usage
All nhost-js-sdk methods are gloabally available via `this.$auth` and `this.$storage`. For example, use `this.$auth.login(email, password)` to login.

See the [auth](https://docs.nhost.io/libraries/nhost-js-sdk#auth) and [storage](https://docs.nhost.io/libraries/nhost-js-sdk#storage) section on the nhost-js-sdk site for all available methods.

## Documentation

[https://docs.nhost.io/libraries/nhost-js-sdk](https://docs.nhost.io/libraries/nhost-js-sdk)
npm package: @rubenvara/react-star-rating
Description: A simple React component that shows a rating from 0 to 5 with svg stars when passed a number
Author: Rubén Vara
Latest version: 1.0.1

# React Star Rating

## What is this

A simple [React](https://reactjs.com/) component that shows a rating from 0 to 5 with svg stars. Just need to pass a number. No dependencies required.

## Installation

As with any other node package in React, Gatsby, Next.js, etc.:

```bash
npm i @rubenvara/react-star-rating
```

## Usage

The package exports a React component.

The component takes a number of props:

| Prop   | Type   | Default | Required | Description                                           |
| ------ | ------ | ------- | -------- | ----------------------------------------------------- |
| rating | Number | -       | Yes      | The rating. Any number from 0 to 5.0                  |
| config | Object | {}      | No       | Config options for the component. See below           |
| style  | Object | {}      | No       | CSS styles passed directly to the container component |

**About the config object**:

| Option     | Type    | Default   | Description                                     |
| ---------- | ------- | --------- | ----------------------------------------------- |
| fullColor  | String  | '#ffcf00' | The color for the filling of the stars          |
| emptyColor | String  | '#7f7f7f' | The color for the empty parts of the stars      |
| size       | Number  | 20        | The size of the stars. Pass a number of pixels. |
| showText   | Boolean | false     | Show the rating number next to the stars or not |

**About the style prop**: It accepts an object of css styles, written in camelCase to inline in JSX components. It is passed directly, unchecked, to the main `div`. Use it cautiously. Check the example below.

### Be aware

- Any css-valid color is accepted (hsl, hex, rgb, string, etc.).
- Stars are 1:1 proportionate (width equals height, so both equal the size property).
- If the rating number is shown (when `config.showText = true`), font size is half the star size or 16px, whichever is higher.

### Example

Use it as follows:

#### Simple

```js
import StarRating from '@rubenvara/react-star-rating';

// ...

return <StarRating rating={3.35} />;

// ...
```

Output:

![Simple example of React Star Rating](./docs/example-simple.jpg)

#### More advanced

```js
import StarRating from '@rubenvara/react-star-rating';

// ...

const rating = 3.35;
const config = {
  fullColor: '#f05',
  emptyColor: 'hsl(240, 80%, 85%)',
  size: 42,
  showText: true,
};
const style = {border: `1px solid`, borderColor: `firebrick`, padding: 12};

// ...

return <StarRating rating={rating} config={config} style={style} />;

//...
```

Output:

![Advanced example of React Star Rating](./docs/example-advanced.jpg)

### Be careful

- Passing a rating higher than 5.0 or lower than 0.0 will break the component.

## Future?

- [ ] Write tests.
- [ ] Check the user input rating and return an error or something more usefull than just breaking the thing.
- [ ] Improve styling of the rating number.
npm package: @rubervi/eslint
Description: Eslint config
Author: rubervi
Latest version: 0.1.1

# eslint

Eslint config with:

- Airbnb config
- Typescript
- Prettier

## Usage

```
npx install-peerdeps --dev @rubervi/eslint
```

Add `"extends": "@rubervi/eslint"` to your eslint config file.
npm package: @rubervi/uikit
Description: Set of UI components
Latest version: 0.1.5

# User Interface kit

[![Version](https://img.shields.io/npm/v/@rubervi/uikit)](https://www.npmjs.com/package/@rubervi/uikit) [![Size](https://img.shields.io/bundlephobia/min/@rubervi/uikit)](https://www.npmjs.com/package/@rubervi/uikit)

User Interface kit is a set of React components and hooks used to build pages on apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @rubervi/uikit`

## Setup

### Theme

Before using UI kit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@rubervi/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@rubervi/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UI kit, check the [Storybook documentation](https://rubervi.github.io/uikit/)
npm package: @rubi_who/shadcn-table-pagination
Description: A reusable Shadcn DataTable component with pagination
Author: ayenyeinsan
Latest version: 1.1.0

# shadcn-datatable-pagination

A flexible and customizable pagination solution for Shadcn UI-based data tables, leveraging TanStack Table's headless architecture.

#### 📦 Installation
```
npm i @rubi_who/shadcn-table-pagination
```
 ### 🛠️ Usage
```javascript
import { DataTable, type ColumnDef } from "@rubi_who/shadcn-table-pagination"

const columns: ColumnDef<any>[] = [
  {
    accessorKey: "id",
    header: "ID",
  },
  {
    accessorKey: "name",
    header: "Name",
  },
  {
    accessorKey: "email",
    header: "Email",
  },
];
const data = [
  { id: "dev-1", name: "John Doe", email: "Jon@gmail.com" },
  { id: "dev-2", name: "John Doe", email: "Jon@gmail.com" },
  { id: "dev-3", name: "John Doe", email: "Jon@gmail.com" },

  { id: "dev-4", name: "John Doe", email: "Jon@gmail.com" },
  { id: "dev-5", name: "John Doe", email: "Jon@gmail.com" },
];
export default function TestLibPage() { 
    return (
        <div className="container">
        <h1 className="text-2xl">Test Library Page</h1>
            <p>This page is used to test the library functionality.</p>
            <DataTable columns={columns} data={data} />
        </div>
    );
}
```

### 🔮 Example Output:
![image](https://github.com/user-attachments/assets/9ef9916e-ed49-4a37-828b-f8d6f1c6468a)

### 🦷 Features
- customize items per page on the table
- text for no data available for the table
- customize styling using tailwind classes

<img src="https://github.com/user-attachments/assets/1cba9729-8774-4131-948c-56dcfb676128" width="300" height="150">

### 📄 License
MIT
npm package: @rubick-extra/io-tools
Description: io-tools是rubick-extra提供的工具插件，主要用于处理io监听及触发
Author: rubick-extra
Latest version: 0.0.2

@rubick-extra/io-tools

项目简介

`io-tools` 是 `rubick-extra` 提供的系统级插件，主要用于监听和处理计算机输入输出设备事件（如键盘、鼠标操作），并通过 Electron 的进程通信机制实现事件的跨进程传递。该插件支持快捷键记录、组合键验证、鼠标事件识别等功能，适用于需要监听用户输入行为的 Electron 应用场景。

功能特点

*   **多设备事件监听**：支持键盘按下 / 抬起、鼠标按下 / 抬起等事件的实时捕获

*   **跨进程事件传递**：通过 Electron 的 `ipcMain` 和 `ipcRenderer` 实现主进程与渲染进程的事件通信

*   **快捷键智能记录**：自动识别有效快捷键组合，支持修饰键（Ctrl/Alt）组合、鼠标按键组合等

*   **上下文管理**：动态管理多个渲染进程上下文的事件订阅与取消订阅

*   **事件格式化**：将原始设备事件转换为可读的快捷键格式，支持鼠标长按 / 短按识别


### 事件处理流程

1.  主进程通过 `uiohook` 监听设备事件

2.  事件触发时通过 `ipcMain` 广播到所有订阅的主进程及渲染进程

3.  渲染进程通过 `useIOEvents` 接收事件并分发给处理器

4.  `ShortcutRecorder` 处理事件流，识别有效快捷键组合

5.  格式化后的快捷键状态通过回调函数通知应用层

### 许可证

该项目遵循 **MIT 许可证**，详情见 [LICENSE](LICENSE) 文件。