open-index/open-npm huggingface dataset:
npm package: @luizfbicalho/ngx-formly-kendo-extras
Description: Formly is a dynamic (JSON powered) form library for Angular that bring unmatched maintainability to your application's forms.
Latest version: 7.0.1

# ngx-formly-kendo-extras
Additional components to @ngx-formly/kendo 


This repository adds Grid, TreeGrid, HtmlEditor, Combobox with filter, Multi Select
npm package: @luizffgv/ekranoplan
Description: A general purpose JavaScript library to reduce boilerplate and complexity in your code
Author: Luiz Fernando F. G. Valle
Latest version: 0.0.0-experimental.2

<div align="center">
    <img src="logo.png" alt="Logo" style="width: 256px; max-width: 90%">
</div>

# Ekranoplan

Ekranoplan is a general purpose JavaScript/TypeScript library for reducing
boilerplate and complexity in your code, and also providing more specific and/or
advanced features so you don't have to code them yourself.

## Why is it called ekranoplan though?

An ekranoplan is a type of aircraft that uses the ground effect to fly. What
can an aircraft have in common with a JavaScript library? Well, nothing really.
I guess both look cooler than they really are?
npm package: @luizffgv/glimmer
Description: A simple Discord bot framework built around discord.js.
Latest version: 1.2.0

# Glimmer

Glimmer is a simple Discord bot framework built around
[discord.js](https://discord.js.org/).

## Documentation

You can generate documentation by running the `docs` NPM script.

## Using Glimmer

To use Glimmer you must add it as a dependency, then create a `Glimmer` instance
and add modules to it (you can use `.addModules()`). As a last step, `.start()`
it.

## Modules

Glimmer is modular. This means someone can make a package containing a Glimmer
module and you can easily import its functionality into a Glimmer bot.

A Glimmer module currently supplies commands, categories of commands, and event
handlers. To create a Glimmer module, check the documentation for the `Module`
class.
npm package: @luizffgv/ts-conversions
Description: Utilities for safely and unsafely working around TypeScript type checking.
Author: Luiz Fernando F. G. Valle
Latest version: 1.0.0

# TS Conversions

Utilities for safely and unsafely working around TypeScript type checking.

## Examples

- ### `trySpecify`

  - Successful conversion

    ```ts
    const element: HTMLElement = new Image();
    const elementAsImg = trySpecify(element, HTMLImageElement);
    elementAsImg.src = "image.png";
    ```

  - Failed conversion

    ```ts
    const element: HTMLElement = new Image();
    // The next function call will throw, because the object stored in element
    // isn't an instance of `HTMLFormElement`
    const elementAsForm = trySpecify(element, HTMLFormElement);
    elementAsForm.method = "post";
    ```

- ### `uncheckedCast`

  ```ts
  // element1 has type HTMLElement
  const element1 = uncheckedCast<HTMLElement>(document.getElementById("img"));
  ```

  ```ts
  function next(val: number) {
    return val + 1;
  }

  const str = "hello";
  const nextStr = next(uncheckedCast(str));
  ```

- ### `throwIfNull`

  ```ts
  // element1 has type HTMLElement | null
  const element1 = document.getElementById("img");

  // element2 has type HTMLElement
  const element2 = throwIfNull(document.getElementById("form"));
  ```

## Documentation

You can generate the documentation by running the `docs` script.

## Why are the docs full of amoguses?

TSDoc is rough around the edges and VS Code won't format correctly when a
`@link` tag follows some tags such as `@return`. Amoguses have been inserted to
circumvent this problem, and are easy to find and remove when it gets fixed.
npm package: @luizfonseca/json-readable-stream
Description: Utility package to convert any JS object to a JSON ReadableStream Uint8Array
Author: Luiz Fonseca
Latest version: 1.0.4

# JSON Readable Stream

Simple utility package to convert any JS object to a JSON ReadableStream. Useful for browser environments, Node.JS, WebAssembly and other environments that support ReadableStream.

## Installation

```bash
npm install @luizfonseca/json-readable-stream
```

## Supported environments

- Node.JS (v18 or higher)
- Browsers (Chrome, Firefox, Safari, Edge, etc.)
- WebAssembly (as long as the environment supports the global `ReadableStream`)

## Usage

```js
import { jsonReadableStream } from '@luizfonseca/json-readable-stream';

const object = {
  name: 'Luiz',
  age: 30,
  address: {
    street: 'Rua das Flores',
    city: 'São Paulo',
    state: 'SP',
    zipCode: 123456
  }
};

const stream = jsonReadableStream(object);

let result = '';
for await (const chunk of stream) {
  result += new TextDecoder().decode(chunk));
}

console.log(result);
```

Output:

```
{"name":"Luiz","age":30,"address":{"street":"Rua das Flores","city":"São Paulo","state":"SP","zipCode":123456}}
```
npm package: @luizlahr/eslint-config
Description: ESLint configuration used by Luiz Lahr (based on Rocketseat 2.2.2)
Latest version: 1.0.2

# Luiz Lahr ESLint config

## Whats included?

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

## Setup

### React (with Next.js)

Install dependencies:
```
npm i -D eslint @luizlahr/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": [
    "@luizlahr/eslint-config/next", 
    "next/core-web-vitals"
  ]
}
```

### React (without Next.js)

Install dependencies:
```
npm i -D eslint @luizlahr/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": "@luizlahr/eslint-config/react"
}
```

### Node.js

Install dependencies:
```
npm i -D eslint @luizlahr/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": "@luizlahr/eslint-config/node"
}
```
npm package: @luizmarinelli/design-system
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.1.0

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @luizmauro/design-system
Description: Design System baseado em Chakra UI
Author: Seu Nome
Latest version: 1.3.0

# Design System

Design System baseado em Chakra UI.

## Instalação

```bash
npm install @luizmauro/design-system
```

## Uso

```tsx
import { ChakraProvider, Button, theme } from '@luizmauro/design-system';

function App() {
  return (
    <ChakraProvider theme={theme}>
      <Button>Meu Botão</Button>
    </ChakraProvider>
  );
}
```

## Componentes

- **Button** - Botões com variáveis solid, outline e ghost
- **Input** - Campos de entrada com diferentes estilos
- **Card** - Cartões com sombra ou borda
- **Container** - Container responsivo para layout
- **Row** - Sistema de linhas para grid
- **Col** - Sistema de colunas responsivo (12 colunas)
- **Toast** - Alertas e notificações
- **Steps** - Indicador de progresso em etapas
- **Select** - Seletor dropdown customizado
- **RadioGroup** - Grupo de opções de rádio
- **Modal** - Janelas modais para interações
- **Drawer** - Painéis deslizantes (lateral/bottom)
- **CodeInput** - Campo para entrada de códigos
- **Breadcrumb** - Navegação hierárquica
- **Accordion** - Conteúdo expansível
- **InfoCard** - Cartões informativos
- **LinkButton** - Botões com estilo de link
- (mais componentes em breve)

## Features

- ✨ Baseado no Chakra UI
- 🎨 Tema customizável
- 📝 TypeScript completo
- 🚀 Animações suaves
- 🎨 Design consistente