open-index/open-npm huggingface dataset:
npm package: @pvenkatesh/my-react-lib
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 1.0.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 currently not compatible with SWC. See [this issue](https://github.com/vitejs/vite-plugin-react/issues/428) for tracking the progress.

## 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: @pvenkatesh/newlibrarytesting
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 1.0.5

# 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/) 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

## 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 tseslint.config({
  extends: [
    // 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,
  ],
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

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 tseslint.config({
  plugins: {
    // Add the react-x and react-dom plugins
    'react-x': reactX,
    'react-dom': reactDom,
  },
  rules: {
    // other rules...
    // Enable its recommended typescript rules
    ...reactX.configs['recommended-typescript'].rules,
    ...reactDom.configs.recommended.rules,
  },
})
```
npm package: @pveyes/aperture
Description: Color theme for VSCode to help you focus
Latest version: 0.0.13

<div align="center">
  <img width="300" alt="Aperture Logo" src="https://user-images.githubusercontent.com/1614415/57772114-d6fb9380-773e-11e9-92e1-b74d4dd0f3ff.png" />
</div>

> Color theme for VSCode to help you focus

## Color Pallete

![Aperture Color Pallete](https://user-images.githubusercontent.com/1614415/58113966-f011b200-7c20-11e9-820c-6f8dac4fa5fc.png)

- Anti-Flash White `#F2F7F2`
- Licorice `#141414`
- Dark Pink `#E75A7C`
- Dark Terra Cotta `#D05353`
- Neon Carrot `#F9A03F`
- Tuscan `#F8DDA4`
- Medium Spring Bud `#C3E88D`
- French Sky Blue `#82AAFF`
- Lavender Purple `#A67DB8`
- Mauve `#DBB9F1`

All colors (and their name) are retrieved from [Coolors](https://coolors.co)

## Variants

There are 2 variants of this theme.

- **Large Aperture**. Main theme which designed to perform best in low light condition (at night).
- **Small Aperture**. Alternative theme to use when you're working under bright sunlight.

When using `Small Aperture` theme, color pallete are generated by darkening 25-50% (depending on how good its contrast ratio), except for background & foreground which uses invert method + minor adjustment.

## Screenshot

**Large Aperture**:
<img width="1137" alt="Large Aperture Editor Theme Screenshot" src="https://user-images.githubusercontent.com/1614415/58309921-a21ec900-7e2f-11e9-8329-ee62995e84de.png">

**Small Aperture**:
<img width="1137" alt="Small Aperture Editor Theme Screenshot" src="https://user-images.githubusercontent.com/1614415/58309915-a0550580-7e2f-11e9-9297-fcae3c6e7495.png">


## Supported Languages

Generally, all languages with good syntax highlighting support are already supported, but here's list of languages that I personally tested:

 - Web (HTML, CSS, JavaScript, JSON)
 - JavaScript+ (JSX, TypeScript)
 - Golang
 - Rust
 - Markdown

## Usage in Web

You can also use this theme in web using [`shiki` syntax highlighter](https://shiki.matsu.io/). First you need to install this dependency:

```bash
yarn add @pveyes/aperture -D
```

Then before highlighting, call `loadTheme` to the theme path. You can choose whether to use dark-mode or light-mode theme:

```js
const shiki = require('shiki')
const theme = shiki.loadTheme('./node_modules/@pveyes/aperture/themes/Large-Aperture.json');

shiki.getHighlighter({ theme })
```

## LICENSE

MIT