open-index/open-npm huggingface dataset:
npm package: @lucasadrianof/eslint-config-lucas-react-ts
Description: Lucas' personal ESLint Configurations for React w/ Typescript
Author: Lucas Felicio Adriano
Latest version: 0.1.0

# Lucas' Eslint and Prettier personal setup

ESLint and Prettier configurations used by me in personal projects. It has a series of opinionated rules on code styling and best practices I like to use when coding.

## What it does

This setup lints your TypeScript code based on best practices. Check the [.eslintrc.json](./.eslintrc.json) file to see what is included. Feel free to override the rules that don't work you.

## Installing

1. In your project folder, run:

```
npm install --save-dev @lucas.adriano/eslint-config-lucas-react-ts
npx install-peerdeps --dev @lucas.adriano/eslint-config-lucas-react-ts
```

2. You will see that all the peer dependencies were installed automatically. Now, create (or update) a `.eslintrc.json` file with the following content:

```json
{
  "extends": ["@lucasadrianof/eslint-config-lucas-react-ts"]
}
```

3. Create a `.prettierrc.json` file with the following content:

```json
"@lucasadrianof/eslint-config-lucas-react-ts"
```

---

### Inspirations 💡

- [eslint-config-leozera](https://github.com/leonardofaria/eslint-config-leozera)
- [eslint-config-wesbos](https://github.com/wesbos/eslint-config-wesbos)
npm package: @lucasbarcelos/rick-uikit
Description: Set of UI components for pancake projects
Latest version: 0.10.3

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/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 UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @lucasbento/minidash
Description: <p align="center"> Small terminal-based dashboard to monitor your server. </p>
Author: Lucas Bento
Latest version: 1.0.0

# minidash

<p align="center">
  Small terminal-based dashboard to monitor your server.
</p>

<p align="center">
  <img align="center" src="./images/minidash.gif" />
</p>

# About

`minidash` is a small dashboard that runs in your command-line, it has a health check script that pings the server a couple times per minute and logs each request that are later displayed in a few charts.

# Running

You can run it with the following command:

```sh
npx @lucasbento/minidash --server https://google.com/ [options]
```

To see a list of the available options:

```sh
npx @lucasbento/minidash --help
```

# Installation

`minidash` uses [`yarn`] as package manager, simply run the following to install the dependencies:

```sh
yarn install
```

# Testing

The tests are written using Jest, you can run them with:

```sh
yarn test
```

[`yarn`]: https://yarnpkg.com/
npm package: @lucasberg/ai-translator
Description: A library for translating phrases using AI
Author: Lucas Eisenberg
Latest version: 1.0.2

# AI-Translator

This is a console-based application that uses AI to translate phrases into different languages.

## Running the application though npx:

- Run ```npx @lucasberg/ai-translator``` and provide some of the following arguments as comma-separated lists in quotation marks:
- ```-l``` for languages
- ```-p``` for phrases
- ```-s``` for starting language
- ```-c``` for context
- ```-j``` to output a json at the end
- ```-r``` to regenerate the translation and not take it from a database

- The translation automatically saves to a local json file

## To import this as a JavaScript project:

- Add `import { translator } from ‘@lucasberg/ai-translator'` to the top of the file
- The two avalible functions are:
    1. `translate`
    2. `saveTranslation`

### Examples of proper use:

`translate("Hello, how are you doing?", "Spanish", "Make it formal", "¿Hola cómo estás?", "English")`
`saveTranslation("Hello, how are you doing?", "English", "¿Hola, qué tal?", "Spanish")`

## Running the application locally:

### 1. Set up the AI

- Set the AUTH_TOKEN enviornment varible to your key
- Change the endpoint if required, right now it is set up for an Open AI Key from https://platform.openai.com/settings/organization/api-keys (you may need to add credtis to the token, as creating a key from this website does not give any free credits)
- Change the model if wanted, right now it is set to the cheapest available

### 2. Install files

- Run ```npm install``` into the terminal

### 3. Run program

- Run the program with ```node index.mjs```, add the phrases in ```-p```, and add the output languages in ```-l``` (put both as a comma-seperated list in quotation marks)

### 4. Follow the prompts

- Regenerate all or one language as many times as you want
- To keep the translations, entre ```none``` or just press entre to see the final answers



## Additional features:

- Ability to add context with ```-c```
- Ability to change the starting language with ```-s```, default is English
- Ability to output a JSON with ```-j```
- Ability to store context independently for each language, ensuring that adding context to one translation does not affect the others when regenerating all languages
- Ability to remember all incorrect answers separately for each language
- Ability to store to a database, currently using a JSON file
- Contains unit tests and error handling
npm package: @lucasbiguet/vue-editable-cell
Description: Vue.js component to emulate spreadsheet-like table cells edition
Author: Lucas BIGUET-MERMET
Latest version: 0.4.0

# vue-editable-cell

## [Demo](https://vue-editable-cell.netlify.com/)

To run it locally clone this repo and:

``` bash
cd demo
yarn
yarn serve
```

## Install

``` bash
yarn add @lucasbiguet/vue-editable-cell
```

Then import the component as a plugin:

``` js
import EditableCell from 'vue-editable-cell'

Vue.use(EditableCell)
```

## Usage

The components works on any regular table and requires a TD element as target

Call the component just below the table and wrap both the table and the component **in a div positioned relatively**

**The table rows must be of equal heights** for the drag n drop box size to be calculated as expected

``` html
<div style="position: relative;">
  <table>
    <tr>
      <td></td>
      <!-- ... -->
    </tr>
  </table>

  <EditableCell
    :target="focusedTd"
    v-model="editableValue"
    :options="selectOptions"
    @drag="applyValueToAdjacentRows"
  />
</div>
```

## API

### Props

| Name    | Type                 | Required | Description                                                                                            |
|---------|----------------------|----------|--------------------------------------------------------------------------------------------------------|
| target  | `HTMLTableCellElement` | true     | The `<td>` element to target                                                                             |
| value   | `[Number, String]`     | false    | The value to bind to the input or select while in edit mode                                            |
| options | `Array`                | false    | Options for the select; when set, the component will display a select instead of an input in edit mode. Must be an array of objects with label/value keys ie `[{ label: 'January', value: '01' }, {...}]` |

### Events

| Name   |  Payload arguments   | Description                                       |
|--------|----------------------|---------------------------------------------------|
| drag   | value, dragOffset | Triggers when drag n' drop ends                   |
| update | value              | Triggers when value is updated in input or select |

### Methods

| Name                   | Description                       |
|------------------------|-----------------------------------|
| toggleEdition(editing) | Programatically trigger edit mode |

## Improvements

This package is in very early stage of development, features are missing, things will break unexpectedly, be prepared for an adventure!

- Drag n drop horizontally
- Write tests
- Improve documentation
- Handle rows / col sizes dynamically
npm package: @lucasbruno/eslint-config
Description: My ESLint configuration
Latest version: 1.0.8

# My ESLint config

> Lucas Bruno

## Whats included?

- Standard config base;
- React plugin;
- React Hooks plugin;
- JSX a11y plugin;
- Prettier;

## Setup

### NextJS

Install dependencies:

```
npm i -D eslint @lucasbruno/eslint-config
```

Inside `.eslintrc.json`

```
{
  "extends": [
    "@lucasbruno/eslint-config/next",
    "next/core-web-vitals"
  ]
}
```

### React

Install dependencies:

```
npm i -D eslint @lucasbruno/eslint-config
```

Inside `.eslintrc.json`

```
{
  "extends": "@lucasbruno/eslint-config/react"
}
```

### Node.js (AdonisJS, Nestjs...)

Install dependencies:

```
npm i -D eslint @lucasbruno/eslint-config
```

Inside`.eslintrc.json`, if you have configs, delete all and set something this:

```
{
  "extends": "@lucasbruno/eslint-config/node"
}
```

> Inspired by [Rocketseat](https://github.com/Rocketseat/eslint-config-rocketseat)