open-index/open-npm huggingface dataset:
npm package: @jcamp/eslint-config
Description: JohnCampionJr's ESLint config
Author: John Campion
Latest version: 3.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @jcamp/eslint-config

This is my personal ESLint Config.

It extends [@antfu](https://github.com/antfu)'s [eslint-config](https://github.com/antfu/eslint-config).

It starts with his vue config and makes these changes:

- Uses only the vue config, omitting react
- Adds my Prettier config
- Adds the official TailwindCSS Prettier plugin
- Disables the antfu/if-newline rule as it will clash with Prettier
- Follows Prettier's [recommended configuration](https://prettier.io/docs/en/integrating-with-linters.html) with ESLint:
  - It only integrates the [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier) to disable conflicting rules
  - It does not integrate the [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier) to show the Prettier rules as ESLint warnings.

## Usage

Note v2.0.0 is a breaking change, requires adjusting your setup.

For more eslint config details, see [@antfu/eslint-config]()

### Install

```bash
pnpm add -D eslint prettier @jcamp/eslint-config
```

### Config `eslint.config.js`

```js
import { jcamp } from '@jcamp/eslint-config'

export default jcamp(
  // antfu options
  {},
  // additional rules to add
  {},
  // ignores
  {
    ignores: ['temp.js', '**/vendor/*.js'],
  },
)
```

> `.eslintignore` is no longer supported by [eslint flatconfig](https://eslint.org/docs/latest/use/configure/configuration-files-new#globally-ignoring-files-with-ignores).

### Config `.prettierrc.js`

```js
import { prettier } from '@jcamp/eslint-config'

export default {
  ...prettier,
  /* make any changes here */
  singleAttributePerLine: false,
}
```

### Add script for package.json

For example:

```json
{
  "scripts": {
    "lint": "eslint .",
    "fix": "eslint . --fix",
    "format": "prettier . --check",
    "clean": "prettier . --write"
  }
}
```

### Config VS Code auto fix

Create `.vscode/settings.json`

```json
{
  "prettier.enable": true,
  // Enable the ESlint flat config support
  "eslint.experimental.useFlatConfig": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": "explicit",
    "source.organizeImports": "never"
  }
}
```

## License

[MIT](./LICENSE) License &copy; 2023-PRESENT [John Campion](https://github.com/JohnCampionJr/)
npm package: @jcamp/eslint-config-test
Description: JohnCampionJr's ESLint config
Author: John Campion
Latest version: 1.0.0-beta.2

# @jcamp/eslint-config

This is my personal ESLint Config.

It extends [@antfu](https://github.com/antfu)'s [eslint-config](https://github.com/antfu/eslint-config).

It starts with his vue config and makes these changes:

- Uses only the vue config, omitting react
- Adds my Prettier config
- Adds the official TailwindCSS Prettier plugin
- Disables the antfu/if-newline rule as it will clash with Prettier
- Follows Prettier's [recommended configuration](https://prettier.io/docs/en/integrating-with-linters.html) with ESLint:
  - It only integrates the [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier) to disable conflicting rules
  - It does not integrate the [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier) to show the Prettier rules as ESLint warnings.

## Usage

### Install

```bash
pnpm add -D eslint prettier @jcamp/eslint-config
```

### Config `eslint.config.js`

```js
import config from '@jcamp/eslint-config'

export default config
```

> `.eslintignore` is no longer supported by [eslint flatconfig](https://eslint.org/docs/latest/use/configure/configuration-files-new#globally-ignoring-files-with-ignores).

```js
config.push({
  ignores: ['temp.js', '**/vendor/*.js'],
})
```

### Config `.prettierrc.js`

```js
import baseConfig from '@jcamp/eslint-config/prettier'

export default {
  ...baseConfig,
  /* make any changes here */
  singleAttributePerLine: false,
}
```

### Add script for package.json

For example:

```json
{
  "scripts": {
    "lint": "eslint .",
    "fix": "eslint . --fix",
    "format": "prettier . --check",
    "clean": "prettier . --write"
  }
}
```

### Config VS Code auto fix

Create `.vscode/settings.json`

```json
{
  "prettier.enable": true,
  // Enable the ESlint flat config support
  "eslint.experimental.useFlatConfig": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.organizeImports": "never"
  }
}
```

## License

[MIT](./LICENSE) License &copy; 2023-PRESENT [John Campion](https://github.com/JohnCampionJr/)
npm package: @jcamp/formkit-shuriken-ui
Description: FormKit configs for integrating with [Shuriken UI](http://github.com/shuriken-ui/nuxt)
Author: John Campion
Latest version: 2.0.0

# FormKit Shuriken UI

FormKit configs for integrating with [Shuriken UI](http://github.com/shuriken-ui/nuxt)

So this package is an opinionated config designed to replace FormKit's defaults with ShurikenUI, except in cases, in my opinin, where FormKit's inputs are considerably better.

#### ShurikenUI Components

- All Text (including native inputs)
- AutoComplete
- Textarea
- Checkbox
- Radio
- Dropdown
- Switch
- Datepicker (uses [vue3datepicker](https://vue3datepicker.com) for functionality)

#### FormKit Components With More Functionality Than ShurikenUI:

- ColorPicker (Pro)
- File

#### FormKit Components that don't exist in Shuriken:

- MultiStep
- TagList

#### Not Yet Styled

- Range
- Rating
- Repeater
- TransferList

** Will style these as needed **
npm package: @jcamp/tailwindcss-plugin-animate
Description: An updated animation plugin for Tailwind CSS v3
Author: John Campion
Latest version: 0.2.2

# @jcamp/tailwindcss-plugin-animate

<div align="center">
  <img src="./.github/tailwindcss-mark.svg" alt="Tailwind CSS" width="108" height="66">
  <h1>Tailwind CSS Animation Plugin</h1>
  <p>An updated animation plugin for Tailwind CSS v3</p>
</div>

Easily add animations to your Tailwind projects. Uses the animations from [animate.css](https://github.com/animate-css/animate.css) but through Tailwind's system.

```html
<div class="animate-shake-x animate-delay animate-infinite">(icon)</div>
```

Keyframes are only added to the generated CSS if an animation using them is added.

## Install

```bash
npm i -D @jcamp/tailwindcss-plugin-animate
```

Then add the plugin to your `tailwind.config.js` file:

```js
// tailwind.config.js
const animate = require('@jcamp/tailwindcss-plugin-animate')
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    animate({
      /* options */
    }),
    // ...
  ],
}
```

```ts
// tailwind.config.ts
import type { Config } from 'tailwindcss'
import animate from '@jcamp/tailwindcss-plugin-animate'

export default <Partial<Config>>{
  theme: {
    // ...
  },
  plugins: [
    animate({
      /* options */
    }),
  ],
}
```

## Configuration

Refer to the [type definition](https://github.com/jcamp-code/tailwindcss-plugin-animate/blob/main/src/types.ts) for all configurations avaliable.

## Credits

This plugin is heaviliy inspired by and based on the work of [tailwindcss-animate.css](https://github.com/bentzibentz/tailwindcss-animate.css) created by [Fabian Bentz](https://github.com/bentzibentz). Unfortunately, this package has not been updated in a few years and not for Tailwind v3 either.

It is also includes some ideas by [Jamie Kyle](https://github.com/jamiebuilds) and his work at [tailwindcss-animate](https://github.com/jamiebuilds/tailwindcss-animate). I wanted more keyframes built in, but liked his ideas for matching utilities.

## License

MIT License &copy; 2022-PRESENT [John Campion](https://github.com/JohnCampionJr/)
npm package: @jcamp/vitepress-blog-theme
Description: VitePress easy to use blog theme
Author: John Campion
Latest version: 0.3.0

# VitePress Blog

## @jcamp/vitepress-blog-theme

[![npm](https://img.shields.io/npm/v/@jcamp/vitepress-blog-theme)](https://www.npmjs.com/package/@jcamp/vitepress-blog-theme)

---

A blog theme for [Vitepress](https://vitepress.dev)

I was looking for a VitePress blog that had a fair bit of features. Decided to try to put together my own and see what happens. Having fun coding along the way 😀

## Features

- Blog with Posts, Authors, Tags, Categories
- [TailwindCSS](https://tailwindcss.com) for Styling
- No HTML needed in posts or authors pages

## Documentation

To check out docs, visit [vitepressblog.dev](https://vitepressblog.dev).

## Changelog

Detailed changes for each release are documented in the [CHANGELOG](https://github.com/jcamp-code/vitepress-blog-theme/blob/main/CHANGELOG.md).

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/jcamp-code/vitepress-blog-theme/blob/main/.github/contributing.md) before making a pull request.

## Credits

Code Ideas From: \
[VitePress Blog Starter](https://github.com/sfxcode/vitepress-blog-starter)
[Vue Blog](https://github.com/vuejs/blog) \
[clark-cui](https://github.com/clark-cui/vitepress-blog-zaun/) \
[Charles7c](https://github.com/Charles7c/charles7c.github.io/)

All demo blog content created by [Anyword](anyword.com)

## License

[MIT](https://github.com/jcamp-code/vitepress-blog-theme/blob/main/LICENSE)

Copyright (c) 2023-present, John Campion Jr
npm package: @jcanocarballo/jcc-web-components
Description: Stencil Component Starter
Latest version: 0.0.1

# jcc-web-components
Colección de web componentes para utilizar en diferentes framworks

# Stencil Component Starter

This is a starter project for building a standalone Web Component using Stencil.

Stencil is also great for building entire apps. For that, use the [stencil-app-starter](https://github.com/ionic-team/stencil-app-starter) instead.

# Stencil

Stencil is a compiler for building fast web apps using Web Components.

Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool.  Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

Stencil components are just Web Components, so they work in any major framework or with no framework at all.

## Getting Started

To start building a new web component using Stencil, clone this repo to a new directory:

```bash
git clone https://github.com/ionic-team/stencil-component-starter.git my-component
cd my-component
git remote rm origin
```

and run:

```bash
npm install
npm start
```

To build the component for production, run:

```bash
npm run build
```

To run the unit tests for the components, run:

```bash
npm test
```

Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).


## Naming Components

When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!

Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix `ion`.


## Using this component

There are three strategies we recommend for using web components built with Stencil.

The first step for all three of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).

### Script tag

- Put a script tag similar to this `<script src='https://unpkg.com/my-component@0.0.1/dist/my-component.esm.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

### Node Modules
- Run `npm install my-component --save`
- Put a script tag similar to this `<script src='node_modules/my-component/dist/my-component.esm.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

### In a stencil-starter app
- Run `npm install my-component --save`
- Add an import to the npm packages `import my-component;`
- Then you can use the element anywhere in your template, JSX, html etc
npm package: @jcarbajal79/simplelib3
Description: Simple Library with 2 components
Author: jcarbajal79
Latest version: 1.0.0

# simplelib3

> Simple Library with 2 components

[![NPM](https://img.shields.io/npm/v/simplelib3.svg)](https://www.npmjs.com/package/simplelib3) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save simplelib3
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from 'simplelib3'
import 'simplelib3/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [jcarbajal79](https://github.com/jcarbajal79)
npm package: @jcarbajal79/simplelib4
Description: Simple React Component Library
Author: jcarbajal79
Latest version: 1.0.1

# simplelib4

> Simple React Component Library

[![NPM](https://img.shields.io/npm/v/simplelib4.svg)](https://www.npmjs.com/package/simplelib4) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save simplelib4
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from 'simplelib4'
import 'simplelib4/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [jcarbajal79](https://github.com/jcarbajal79)
npm package: @jcarlosj/platzom
Description: Módulo que traduce palabras a un idioma inventado (Platzi)
Author: Juan Carlos Jiménez Gutiérrez
Latest version: 0.1.0

# Platzom

Platzom es un idioma inventado que fue creado para el [Curso de fundamentos de JavaScript](https://platzi.com/js) de Platzi.
Este es un ejercicio propuesto en el curso y que se usa para la creación de paquetes en NPM

## Descripción del idioma

 - Regla 1: Si la palabra termina en 'ar', se le quitan estos dos caracteres
 - Regla 2: Si la palabra inicia con Z, sele añade 'pe' al final
 - Regla 3: Si la palabra traducida tiene 10 o más letras, se debe partir a la mitad y unir con un guión
 - Regla 4: Si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devuelve la misma palabra  intercalando mayúsculas y minúsculas

 ## Instrucciones de Instalación

```
npm install platzom
```

## Uso
```
import platzom from 'platzom'

platzom( 'Programar' )   // Program
platzom( 'Zorro' )       // Zorrope
platzom( 'Zarpar' )      // Zarppe
platzom( 'abecedario' )  // abece-dario
platzom( 'sometemos' )   // SoMeTeMoS
```

## Créditos
 - [Sacha Lifszyc](https://twitter.com/@lifszyc)

## Licencia
[MIT](https://opensource.org/licenses/MIT)
npm package: @jcarmena/fastcsv
Description: TypeScript lib for download and monipulate/control csv files
Author: Juan Andrés Carmena
Latest version: 1.0.5

# Fastcsv

CSV Converter Library to Array for Node.js
You will be able to parse any csv file to get in a array, at parsing moment this will check data types in columns and rows.

main features:

- less costs of memory
- fast data types validations.
- get Csv rows from a specific URL.

## Usage/Examples

```javascript
// using a filesystem path
const filepath = "YOURPATH/file.csv";
const fastCsv = await FastCsvParse({ filepath });

// using a url file
// this will download the file to be parsed once finished
const url =
  "https://ckan-static-mock-harvest-source.cloudapps.digital/mock-third-party/example-dataset-1/all-categories-summary.csv";
const fastCsv = await FastCsvParse({ url });
```

## Run Locally

Clone the project

```bash
  git clone https://github.com/jcdesignweb/fastcsv.git

```

Go to the project directory

```bash
  cd fastcsv
```

Install dependencies

```bash
  npm install
```

Run tests

```bash
  npm test
```

## Performance metrics

**1M** rows in **957ms** without filters validations

**1M** rows in **4000ms** with filters validations

## Next features

- adding filters
- columns validation with types

## Author

Juan Andrés Carmena <juan14nob@gmail.com>

## Help me!
Please help me to improve it, if you had a issue, feel able to share it with me to fix it as soon as be possible
npm package: @jcarpenter-tessl/ink-text-input
Description: A modified version of ink-text-input for Ink apps
Author: Vadim Demedes
Latest version: 1.0.1

# ink-text-input

> A fork of the [TextInput](https://github.com/vadimdemedes/ink-text-input) component for [Ink](https://github.com/vadimdemedes/ink) with additional features such as highlight-on-focus.

## Install

```sh
npm install @jcarpenter-tessl/ink-text-input
```

## Usage

```jsx
import React, {useState} from 'react';
import {render, Box, Text} from 'ink';
import TextInput from 'ink-text-input';

const SearchQuery = () => {
	const [query, setQuery] = useState('');

	return (
		<Box>
			<Box marginRight={1}>
				<Text>Enter your query:</Text>
			</Box>

			<TextInput value={query} onChange={setQuery} />
		</Box>
	);
};

render(<SearchQuery />);
```

<img src="media/demo.gif" width="556">

## Props

### value

Type: `string`

Value to display in a text input.

### placeholder

Type: `string`

Text to display when `value` is empty.

### focus

Type: `boolean` \
Default: `true`

Listen to user's input. Useful in case there are multiple input components at the same time and input must be "routed" to a specific component.

### showCursor

Type: `boolean`\
Default: `true`

Whether to show cursor and allow navigation inside text input with arrow keys.

### highlightPastedText

Type: `boolean`\
Default: `false`

Highlight pasted text.

### mask

Type: `string`

Replace all chars and mask the value. Useful for password inputs.

```jsx
<TextInput value="Hello" mask="*" />
//=> "*****"
```

### onChange

Type: `Function`

Function to call when value updates.

### onSubmit

Type: `Function`

Function to call when `Enter` is pressed, where first argument is a value of the input.

### highlightOnFocus

Type: `boolean`\
Default: `false`

Whether to highlight all text when input receives focus.

### color

Type: `string`

Text color.

### backgroundColor

Type: `string`

Background color.

### dimColor

Type: `boolean`\
Default: `false`

Dim the text.

### bold

Type: `boolean`\
Default: `false`

Make the text bold.

### italic

Type: `boolean`\
Default: `false`

Make the text italic.

### underline

Type: `boolean`\
Default: `false`

Underline the text.

### strikethrough

Type: `boolean`\
Default: `false`

Strike through the text.

## Uncontrolled usage

This component also exposes an [uncontrolled](https://reactjs.org/docs/uncontrolled-components.html) version, which handles `value` changes for you. To receive the final input value, use `onSubmit` prop.
Initial value can be specified via `initialValue` prop, which is supported only in `UncontrolledTextInput` component.

```jsx
import React from 'react';
import {render, Box, Text} from 'ink';
import {UncontrolledTextInput} from 'ink-text-input';

const SearchQuery = () => {
	const handleSubmit = query => {
		// Do something with query
	};

	return (
		<Box>
			<Box marginRight={1}>
				<Text>Enter your query:</Text>
			</Box>

			<UncontrolledTextInput onSubmit={handleSubmit} />
		</Box>
	);
};

render(<SearchQuery />);
```
npm package: @jcarras/dugite-win-offline
Description: Elegant bindings for Git. Git deps for windows bundled for offline use like behind a corporate firewall.
Author: GitHub and contributors
Latest version: 1.63.0

# Dugite - JS bindings for Git

This project provides bindings for Node applications to interact with Git repositories, using the same command line interface that core Git offers.

The source is in TypeScript, but can be consumed by any JavaScript  application.

### Getting Started

Add it to your project:

```
> npm install dugite --save
```

Then reference it in your application:

```js
import { GitProcess, GitError, IGitResult } from 'dugite'

const pathToRepository = 'C:/path/to/git/repository/'

const result = await GitProcess.exec([ 'status' ], pathToRepository)
if (result.exitCode === 0) {
  const output = result.stdout
  // do some things with the output
} else {
  const error = result.stderr
  // error handling
}
```

### Features

 - make it easy to work with Git repositories
 - use the same commands as you would in a shell
 - access to the full set of commands, options and formatting that Git core uses
 - access to the latest features of Git

### Supported Platforms

 - Windows 7 and later
 - macOS 10.9 and up
 - Linux (tested on Ubuntu Precise/Trusty and Fedora 24)

### Status

This project is under active development for Git-related projects at GitHub. This will stabilize as this library gets more usage in production, and is open to external contributions that align with the project's goals.

If you are interested in getting involved with this project, refer to the [CONTRIBUTING.md](./CONTRIBUTING.md) file for instructions and the [documentation](./docs/) sections for more information about the project.

### Roadmap

As this is under active development, the roadmap is also subject to change. Some ideas:

 - authentication support in-the-box
 - make environment setup easier to override
 - API additions for common tasks such as parsing output
 - error handling improvements