open-index/open-npm huggingface dataset:
npm package: @ledius/env
Description: Environment tools for ledius projects
Author: Artem Ilinykh
Latest version: 1.0.2

[NPM Package](https://www.npmjs.com/package/@ledius/env)

### Installation

`npm i -S @ledius/env`

### Import into module

```typescript
import { EnvModule } from "@ledius/env";

@Module({
    imports: [EnvModule]
})
export class AppModule {
}
```

### Inject into service

```typescript
import {EnvProviderService} from "@ledius/env";

export class AppService {
    constructor(
        private readonly envProviderService: EnvProviderService
    ) {}
}
```

### Get env variables in methods

```typescript
import {EnvProviderService} from "@ledius/env";

export class AppService {
    constructor(
        private readonly envProviderService: EnvProviderService
    ) {}
    
    public myMethod() {
        // returns string or undefined
        const appName = this.envProviderService.get('APP_NAME');
        
        // returns string or failed
        const apiUrl = this.envProviderService.getOrFail('APP_NAME');
        
        // get all envs
        const envs = this.envProviderService.getAll();
    }
}
```


### Best practice

Define a enum to get envs

```typescript
import {EnvProviderService} from "@ledius/env";

export enum LocalEnvPaths {
    APP_NAME = 'APP_NAME'
}

export class AppService {
    public myMethod() {
        // returns string or undefined
        const appName = this.envProviderService.get(LocalEnvPaths.APP_NAME);
    }
}
```
npm package: @ledkyb/cli
Description: Ledkyb Studios command-line interface tool
Author: lloan alas
Latest version: 1.0.1

Ledkyb Studios CLI
=========

Simple CLI that creates a react app with additional modules.

## Installation

  `npm install @ledkyb/cli`

## Usage

    ledkyb-cli create 
  
  
  The CLI will prompt you for a project name, which will be used as the directory name for your React project, along with any modules you want to add to your app. 

## Contributing

All contributions are welcomed. Open issues or pull requests, they will be reviewed and addressed appropriately.
npm package: @leds-ifes/components
Description: Biblioteca de componentes Vue para o projeto ConectaFapes
Author: LedsConectaFapes
Latest version: 1.8.0

# Biblioteca de componentes LEDS-CONECTAFAPES

Biblioteca global de componentes Vue.js para os sistemas do Conecta Fapes, desenvolvida pelo time LEDS.

## Sobre a biblioteca

- Componentes reutilizáveis construídos com Vue 3 (Composition API)
- Estilização com Tailwind CSS v4
- Design system consistente para todos os projetos

## Documentação(Requer VPN)

- [Documentação completa dos componentes disponíveis via Storybook](https://storybook.conectafapes.leds.dev.br/)

## Pre-requisitos

- Tailwind ^4.1.4

- Vue ^3.5.13

- Dayjs ^1.11.13

## Configurando a biblioteca

### Instalação

```shell
npm i '@leds-ifes/components'
```

### Configurando seu main.css

Adicione o seguinte trecho ao seu arquivo CSS principal do projeto:

```css
@import "../../node_modules/@leds-ifes/components/src/style.css";
@source '../../node_modules/@leds-ifes/components/*/.vue';
```

### Usando um componente da biblioteca

No bloco `<script>`, importe o componente:

```ts
import { GenericButton } from "@leds-ifes/components";
```

No bloco `<template>`, utilize o componente:

```html
<GenericButton label="Botão" />
```

### Usando um tipo da biblioteca

No bloco `<script>`, importe o tipo:

```ts
import type { buttonVariant } from "@leds-ifes/components";
```
npm package: @ledvance-pos/react-native-echarts-pro
Description: [![NPM Version](https://img.shields.io/npm/v/react-native-echarts-pro.svg?style=flat)](https://www.npmjs.com/package/react-native-echarts-pro) [![NPM Version](https://img.shields.io/npm/dm/react-native-echarts-pro.svg?style=flat)](https://www.npmjs.com/pa
Author: supervons
Latest version: 1.0.1


# react-native-echarts-pro
[![NPM Version](https://img.shields.io/npm/v/react-native-echarts-pro.svg?style=flat)](https://www.npmjs.com/package/react-native-echarts-pro)
[![NPM Version](https://img.shields.io/npm/dm/react-native-echarts-pro.svg?style=flat)](https://www.npmjs.com/package/react-native-echarts-pro)
[![license](https://img.shields.io/badge/license-MIT%20License-00AAAA.svg)](https://github.com/supervons/react-native-echarts-pro/blob/master/LICENSE)

English  [简体中文](/README_CN.md "中文介绍")
### A React-Native charts based on Apache ECharts, support various charts and map.

# PreView
## Basic
<img style={{height:400}} src="https://cdn.jsdelivr.net/gh/supervons/ImageLibrary@v1.0.0/react-native-echarts-pro/pieDemo.png" alt="iOS基本使用" height="500" align="bottom" /><img style={{height:400}} src="https://cdn.jsdelivr.net/gh/supervons/ImageLibrary@v1.0.0/react-native-echarts-pro/pieDemo_android.png" alt="androd基本使用"  height="500" align="bottom"/>

## Map
<img style={{height:400}} src="https://cdn.jsdelivr.net/gh/supervons/ImageLibrary@v1.0.0/react-native-echarts-pro/mapDemo.png" alt="iOS地图图片" height="500" align="bottom" /><img style={{height:400}} src="https://cdn.jsdelivr.net/gh/supervons/ImageLibrary@v1.0.0/react-native-echarts-pro/mapDemo_android.png" alt="android地图图片" height="500" align="bottom" />

## Getting started

`$ npm install react-native-echarts-pro --save`

It is super easy to `use Apache ECharts in react-native`. Have a look at our [Get Started Documentation](https://supervons.github.io/react-native-echarts-pro-docs/docs/intro) and onboard your app within minutes. Our detailed documentation is available as well.

## Documentation
[react-native-echarts-pro-docs](https://supervons.github.io/react-native-echarts-pro-docs/)

# Contributors

[@supervons](https://github.com/supervons)

[@ljh257110](https://github.com/ljh257110)

[@congshengwu](https://github.com/congshengwu)

[@RengeRenge](https://github.com/RengeRenge)

[@ivantrejo41](https://github.com/ivantrejo41)
npm package: @ledvance/react-native-echarts-pro
Description: [![NPM Version](https://img.shields.io/npm/v/react-native-echarts-pro.svg?style=flat)](https://www.npmjs.com/package/react-native-echarts-pro) [![NPM Version](https://img.shields.io/npm/dm/react-native-echarts-pro.svg?style=flat)](https://www.npmjs.com/p
Author: supervons
Latest version: 1.0.1


# react-native-echarts-pro
[![NPM Version](https://img.shields.io/npm/v/react-native-echarts-pro.svg?style=flat)](https://www.npmjs.com/package/react-native-echarts-pro)
[![NPM Version](https://img.shields.io/npm/dm/react-native-echarts-pro.svg?style=flat)](https://www.npmjs.com/package/react-native-echarts-pro)
[![license](https://img.shields.io/badge/license-MIT%20License-00AAAA.svg)](https://github.com/supervons/react-native-echarts-pro/blob/master/LICENSE)

English  [简体中文](/README_CN.md "中文介绍")
### A React-Native charts based on Apache ECharts, support various charts and map.

# PreView
## Basic
<img style={{height:400}} src="https://cdn.jsdelivr.net/gh/supervons/ImageLibrary@v1.0.0/react-native-echarts-pro/pieDemo.png" alt="iOS基本使用" height="500" align="bottom" /><img style={{height:400}} src="https://cdn.jsdelivr.net/gh/supervons/ImageLibrary@v1.0.0/react-native-echarts-pro/pieDemo_android.png" alt="androd基本使用"  height="500" align="bottom"/>

## Map
<img style={{height:400}} src="https://cdn.jsdelivr.net/gh/supervons/ImageLibrary@v1.0.0/react-native-echarts-pro/mapDemo.png" alt="iOS地图图片" height="500" align="bottom" /><img style={{height:400}} src="https://cdn.jsdelivr.net/gh/supervons/ImageLibrary@v1.0.0/react-native-echarts-pro/mapDemo_android.png" alt="android地图图片" height="500" align="bottom" />

## Getting started

`$ npm install react-native-echarts-pro --save`

It is super easy to `use Apache ECharts in react-native`. Have a look at our [Get Started Documentation](https://supervons.github.io/react-native-echarts-pro-docs/docs/intro) and onboard your app within minutes. Our detailed documentation is available as well.

## Documentation
[react-native-echarts-pro-docs](https://supervons.github.io/react-native-echarts-pro-docs/)

# Contributors

[@supervons](https://github.com/supervons)

[@ljh257110](https://github.com/ljh257110)

[@congshengwu](https://github.com/congshengwu)

[@RengeRenge](https://github.com/RengeRenge)

[@ivantrejo41](https://github.com/ivantrejo41)
npm package: @ledzz/ngx-pixi
Description: Angular bindings for [pixi.js](https://pixijs.io/)
Author: Artem Ibatullin
Latest version: 0.1.0

# ngx-pixi

Angular bindings for [pixi.js](https://pixijs.io/)

### !!!
This library is in development and it's definetly not ready for production. Any help appreciated.

### Usage

Import module and add to your AppModule:
```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { NgxPixiModule } from 'ngx-pixi';

@NgModule({
	declarations: [
		AppComponent

	],
	imports: [
		BrowserModule, NgxPixiModule
	],
	providers: [],
	bootstrap: [AppComponent]
})
export class AppModule {
}

```

then use like this:
```angular2html
<pixi-app backgroundColor='0x1099bb' (tick)='onTick($event)'>
  <pixi-container
    #container
    [x]='400'
    [y]='300'
  >
    <pixi-sprite texture='/assets/bunny.png'></pixi-sprite>
  </pixi-container>
</pixi-app>
```

### Progress:
|Component     |Base implementation  |All inputs|All outputs|
|--------------|---------------------|----------|-----------|
|App           |✔️                |✔️     |✔️     |
|Container     |✔️                |✔️     |✔️     |
|Graphics      |✔️                |❌        |❌         |
|Rectangle     |✔️                |❌        |❌         |
|Sprite        |✔️                |❌        |❌         |
|Text          |✔️                |❌        |❌         |
npm package: @ledzz/react-pixi
Description: Write PixiJS applications using React declarative style.
Author: Patrick Brouwer
Latest version: 6.8.0-develop2

<p align="center">
  <img src="https://user-images.githubusercontent.com/232559/142733492-3c106f68-8b8e-459c-95f9-aca77561d438.png" alt="react-pixi" width="310" />
</p>

<h1 align="center">
  React Pixi
</h1>

<p align="center">
  <strong>Simply the best way to write PIXI applications in React</strong>
  <br />
  <sub>Write <a href="http://www.pixijs.com/">PIXI</a> applications using React declarative style 👌</sub>
</p>

<br />

<p align="center">
  <img src="https://img.shields.io/github/v/release/inlet/react-pixi" alt="release" />
  <img src="https://img.shields.io/npm/dm/@inlet/react-pixi" alt="downloads" />
  <img src="https://img.shields.io/circleci/project/github/inlet/react-pixi/master.svg" alt="ci tests" />
  <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="license" />
  <img src="https://img.shields.io/badge/react-latest-ff69b4.svg" alt="react version" />
  <img src="https://img.shields.io/badge/pixi-v6+-ff69b4.svg" alt="pixi version" />
</p>

<br />

ReactPixi is an open-source, production-ready library to render high performant PIXI applications in React.

## Get started

### Quick start

```
npm install pixi.js @inlet/react-pixi
```

```jsx
import { Stage, Container, Sprite } from '@inlet/react-pixi'

export const MyComponent = () => (
  <Stage>
    <Sprite image="./my-image.png" x={100} y={100} />

    <Container x={500}>
      <Text text="Hello World" filter={[blurFilter]} />
    </Container>
  </Stage>
)
```

### Docs

Check out [our documentation](https://reactpixi.org) for guides and a full API reference.

Or checkout [our examples](https://codepen.io/collection/XPpGdb) on codepen for inspiration.

## Contribute

Want to contribute to ReactPixi? Our [contributing guide](CONTRIBUTING.md) has you covered.

## License

ReactPixi is MIT licensed.

## Meet fellow developers

You have an amazing feature in mind or just want to get in touch with other developers? Feel free to join our Slack channel.

[Join us on Slack](https://join.slack.com/t/reactpixi/shared_invite/enQtODk5NjQ2ODQ4MTI5LWVjNzlkZTJjYmI4NDcxYzljNDM4MmYwMzZkYWFlM2VkNmFhNDBmYzg3OGE5YzBiY2NmZTIwZDY0MTA4ZjA4OGM)
npm package: @lee-treehouse/tiny-npm-library
Description: Removes all spaces from a string
Latest version: 2.0.0

# @lee-treehouse/tiny-npm-library

https://www.npmjs.com/package/@lee-treehouse/tiny-npm-library

based on https://www.freecodecamp.org/news/how-to-make-a-beautiful-tiny-npm-package-and-publish-it-2881d4307f78/

Removes all spaces from a string.

## Install

```
$ npm install @lee-treehouse/tiny-npm-library
```

## Usage

```js
const tiny = require("@lee-treehouse/tiny-npm-library");

tiny("So much space!");
//=> "Somuchspace!"

tiny(1337);
//=> Uncaught TypeError: Tiny wants a string!
//    at tiny (<anonymous>:2:41)
//    at <anonymous>:1:1
```
npm package: @lee-wfaa/wfaa-forms
Description: A React component library for WFAA forms
Author: WFAA
Latest version: 0.1.129

# WFAA React Forms

## Installation

## Contributing

## Roadmap

- Add an option to turn off validation to prevent rerenders?
- Add single field messages to InputLists
- Add descriptions to InputLists
- Add linked field validation
- Separate formSlice and fieldSlice
- Handle different form methods
- Add 'active' logic
  - Add conditional logic.
  - only submit active fields.
  - only validate active fields.
- Add Algolia Autocomplete
- Add detached form
- 'No (remove) styles' through context
- Fetch customizations
- File uploads
- CSS Layers
- Throw error when value is passed (debug mode)
- Validating spinner options (doesn't work for inline labels and non-text based inputs)
- Custom input wrappers

- Within a form, all input option ids (radio input/select input) must be unique!!! Should I throw an error or a message in the console? Or just document it.

- With render props, you can run a hook in the same component as the form.

- Fix id requirement for Radio and Select, since id comes from the options.

- Autocomplete: A single hook to setup context/provider
  - Do I wrap it in a reducer to add custom event handlers?
  - Put all logic into a single folder since it is using a third-party
  - Reduce the footprint of coupled components.
- Autocomplete: A plugin approach to custom implementations

## Bugs

- TextArea error message top spacing.
npm package: @lee1384/vue-mpa-cli
Description: [![NPM version](https://img.shields.io/npm/v/lzc-vue-multi.svg)](https://www.npmjs.com/package/lzc-vue-multi)
Author: zc.lee
Latest version: 1.0.0

## lzc-vue-multi

[![NPM version](https://img.shields.io/npm/v/lzc-vue-multi.svg)](https://www.npmjs.com/package/lzc-vue-multi)

```javascript
example
```

* [目录结构](demo.md)