open-index/open-npm huggingface dataset:
npm package: @saurav.mitra/editor-table
Description: Table for Editor.js
Author: Saurav Mitra
Latest version: 1.0.8

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Table tool
Table Block for the [Editor.js](https://editorjs.io).

![](https://capella.pics/870d30f0-ef73-423e-b56c-bb4f98e36e73.jpg)

## Installation

### Install via NPM or Yarn

Get the package

```shell
npm i --save-dev @editorjs/table
```
or
```shell
yarn add @editorjs/table --dev
```

Include module in your application

```javascript
const Table = require('@editorjs/table');
```

### Upload to your project's source dir
1. Download folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage
Add a new Tool to the `tools` property of the Editor.js initial config.

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    table: {
      class: Table,
    }
  }
  
  ...
});
```

Or init Table Tool with additional settings

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    table: {
      class: Table,
      inlineToolbar: true,
      config: {
        rows: 2,
        cols: 3,
      },
    },
  },
  
  ...
});
```

## Config Params

| Field              | Type     | Description                              |
| ------------------ | -------- | ---------------------------------------- |
| rows               | `number` | initial number of rows. by default `2`   |
| cols               | `number` | initial number of columns. by default `2`|

## Output data
This Tool returns `data` with following format

| Field     | Type         | Description                               |
| --------- | ------------ | ----------------------------------------- |
| content   | `string[][]` | two-dimensional array with table contents |

```json
{
    "type" : "table",
    "data" : {
        "content" : [ ["Kine", "1 pcs", "100$"], ["Pigs", "3 pcs", "200$"], ["Chickens", "12 pcs", "150$"] ]
    }
}
```
npm package: @sauravseng/ngx-mqtt
Description: This library isn't just a wrapper around MQTT.js for angular. It uses observables and takes care of subscription handling and message routing.
Latest version: 9.2.1

This library isn't just a wrapper around MQTT.js for angular.
It uses observables and takes care of subscription handling and message routing.

It is alligned with the MQTT v4.3.7 (https://www.npmjs.com/package/mqtt/v/4.3.7)

This means although you have the possibility of mqtt.js to use `mqtt`, `mqtts`, `tcp`, `ssl`, `wx` or `wxs` as the protocol in the client options, you can't, because this is a browser library where you can't conntect with something other than websockets. You also can't use `key`, `cert` and `ca` for the same reasons.


## **ngx-mqtt >= 9.2.0 is only compatible with angular >= 14**
npm package: @sauromates/vue-gravatar
Description: Reusable, customizable and fully typed Gravatar component for Vue3 projects.
Author: Vsevolod Girenko
Latest version: 1.0.2

# VueGravatar

![npm](https://img.shields.io/npm/v/%40sauromates%2Fvue-gravatar?logo=npm)
![npm](https://img.shields.io/npm/dt/%40sauromates/vue-gravatar?logo=npm)
![NPM](https://img.shields.io/npm/l/%40sauromates%2Fvue-gravatar?logo=npm)

Reusable, customizable and fully typed Gravatar component for Vue3 projects.

## Installation

```sh
pnpm add @sauromates/vue-gravatar
```

## Usage

### Component

Package may be used as a ready-to-go single file component. Below is an example with all possible props provided. Note that only `email` prop is required to use the component.

```ts
<script setup lang="ts">
import { Gravatar } from '@sauromates/vue-gravatar'
</script>

<template>
   <Gravatar
      email="test@example.org"
      alt="User's avatar from Gravatar service"
      default="mp"
      :size="80"
      rating="g"
      force-default="y"
      extension=".jpg"
   />
</template>
```

### Composable

More granular control over a Gravatar implementation may be achieved with [`useGravatar`](./src/composables/useGravatar.ts) composable, which is used internally by the component. Note that `useGravatar` should always be provided with reactive object (usually component props) in order for its watchers to function properly.

```ts
<script setup lang="ts">
import { reactive } from 'vue'
import { useGravatar, type GravatarType } from '@sauromates/vue-gravatar'

const config: GravatarType = reactive({
  email: 'test@example.org',
  size: 80,
  default: 'mp',
  rating: 'g'
})

const { gravatar: url, size } = useGravatar(config)
</script>

<template>
  <img :src="url" :height="size" :width="size" />
</template>
```

### Playground

Package includes simple Vue 3 application used to demonstrate it's functionality. In order to use a playground, clone this project locally and run it in dev mode.

```sh
git clone https://github.com/sauromates/vue-gravatar.git
cd vue-gravatar
pnpm install && pnpm dev
```

## Testing

```sh
pnpm test
```

## License

Licensed under the [MIT license](LICENSE)
npm package: @saurs/eslint-config
Description: ESLint configuration used by Saurs developers.
Author: Saurs developers
Latest version: 2.1.5

# Saurs ESLint config

- React config;

##How to install

1. Install the dependencies
```
  npm i -D eslint @saurs/eslint-config
  //pnpm add -D @saurs/eslint-config
  //yarn add -D @saurs/eslint-config
  //bun add @saurs/eslint-config -d
```

2. Create a `eslintrc.json` or `eslintrc.js` file that extends the config:

```
{
  "extends": "@saurs/eslint-config/react
  //"extends": "@saurs/eslint-config/angular"
}
```