open-index/open-npm huggingface dataset:
npm package: @mayank1513/esbuild-plugin-css-module
Description: ESBuild plugin to handle CSS modules
Author: Mayank Kumar Chaudhari
Latest version: 0.1.0

# @mayank1513/esbuild-plugin-css-module

[![test](https://github.com/mayank1513/@mayank1513/esbuild-plugin-css-module/actions/workflows/test.yml/badge.svg)](https://github.com/mayank1513/@mayank1513/esbuild-plugin-css-module/actions/workflows/test.yml) [![Version](https://img.shields.io/npm/v/@mayank1513/esbuild-plugin-css-module.svg?colorB=green)](https://www.npmjs.com/package/@mayank1513/esbuild-plugin-css-module) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/dt/@mayank1513/esbuild-plugin-css-module.svg)](https://www.npmjs.com/package/@mayank1513/esbuild-plugin-css-module) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@mayank1513/esbuild-plugin-css-module)

> We recommend using [`esbuild-plugin-react18-css`](https://github.com/react18-tools/esbuild-plugin-react18-css)

✅ ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc. while bundling libraries

✅ Create fully treeshakable libraries (import from esbuild-plugin-react18-css/client/component)

✅ Use CSS/SCSS modules - automatically converted to BEM like CSS

✅ fully treeshakable CSS - import only the CSS files your users need

✅ Full TypeScript Support

✅ Unleash the full power of React18 Server components

✅ Works with all build systems/tools/frameworks for React18

## Install

```bash
$ pnpm add @mayank1513/esbuild-plugin-css-module
```

or

```bash
$ npm install @mayank1513/esbuild-plugin-css-module
```

or

```bash
$ yarn add @mayank1513/esbuild-plugin-css-module
```

## use with `tsup`

```ts
// tsup.config.ts or tsup.config.js
import { defineConfig } from "tsup";
import cssModulePlugin from "@mayank1513/esbuild-plugin-css-module";

export default defineConfig(options => ({
    ...
    esbuildPlugins:[cssModulePlugin()]
}));
```

## use with esbuild

```ts
import cssModulePlugin from "@mayank1513/esbuild-plugin-css-module";

esbuild.build({
	...
	plugins: [cssModulePlugin()],
});
```

### 🤩 Don't forger to start [this repo](https://github.com/mayank1513/@mayank1513/esbuild-plugin-css-module)!

Want handson course for getting started with Turborepo? Check out [React and Next.js with TypeScript](https://www.udemy.com/course/react-and-next-js-with-typescript/?referralCode=7202184A1E57C3DCA8B2) and [The Game of Chess with Next.js, React and TypeScrypt](https://www.udemy.com/course/game-of-chess-with-nextjs-react-and-typescrypt/?referralCode=851A28F10B254A8523FE)

![Repo Stats](https://repobeats.axiom.co/api/embed/2ef1a24385037998386148afe5a98ded6006f410.svg "Repobeats analytics image")

## License

Licensed as MIT open source.

## Credits

Solution adopte from [this discussion](https://github.com/egoist/tsup/issues/536#issuecomment-1302012400).

<hr />

<p align="center" style="text-align:center">with 💖 by <a href="https://mayank-chaudhari.vercel.app" target="_blank">Mayank Kumar Chaudhari</a></p>
```
npm package: @mayank1513/esbuild-plugin-ignoretests
Description: ESBuild plugin to ignore test files
Author: Mayank Kumar Chaudhari
Latest version: 0.0.7

# Turborepo template [![codecov](https://codecov.io/gh/mayank1513/esbuild-plugin-ignoretests/graph/badge.svg?token=8LX1NLNVRV)](https://codecov.io/gh/mayank1513/esbuild-plugin-ignoretests) [![Version](https://img.shields.io/npm/v/esbuild-plugin-ignoretests.svg?colorB=green)](https://www.npmjs.com/package/esbuild-plugin-ignoretests) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/dt/esbuild-plugin-ignoretests.svg)](https://www.npmjs.com/package/esbuild-plugin-ignoretests) [![Unit Tests](https://github.com/mayank1513/esbuild-plugin-ignoretests/actions/workflows/test.yml/badge.svg)](https://github.com/mayank1513/esbuild-plugin-ignoretests/actions/workflows/test.yml) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/esbuild-plugin-ignoretests)

> ESBuild plugin to ignore/exclude test files from build.

While building large libraries, we follow convention similar to `chakraui` -> component and corresponding tests for the component live in the same dedicated folder. In this scenario, `tsup` will build and include test file as well in the final build output. This is not desirable. This plugin will easily ignore test files from build process. You can also pass in custom regexp to ignore other files based on path.

## Compatibility

- JavaScript/TypeScript React libraries using `tsup` or other builders based on `esbuild`

This plugin seamlessly integrates with `tsup` and any other builders based on `esbuild`.

## Install

```bash
$ pnpm add @mayank1513/esbuild-plugin-ignoretests
# or
$ npm install @mayank1513/esbuild-plugin-ignoretests
# or
$ yarn add @mayank1513/esbuild-plugin-ignoretests
```

## Usage

```ts
// tsup.config.ts or tsup.config.js
import { defineConfig } from "tsup";
import ignoretestsPlugin from "esbuild-plugin-ignoretests";

export default defineConfig(options => ({
    ...
    esbuildPlugins:[ignoretestsPlugin()]
}));
```

optionally you can also pass custom regular expression.

```ts
export default defineConfig(options => ({
    ...
    esbuildPlugins:[ignoretestsPlugin({ customRegExp: /my-reg-exp/ })]
}));
```

### 🤩 Don't forger to start this repo!

Want handson course for getting started with Turborepo? Check out [React and Next.js with TypeScript](https://www.udemy.com/course/react-and-next-js-with-typescript/?referralCode=7202184A1E57C3DCA8B2)

## License

Licensed as MIT open source.

<hr />

<p align="center" style="text-align:center">with 💖 by <a href="https://mayank-chaudhari.vercel.app" target="_blank">Mayank Kumar Chaudhari</a></p>
npm package: @mayank1513/esbuild-plugin-removetestid
Description: ESBuild plugin to remove data-testid attributes
Author: Mayank Kumar Chaudhari
Latest version: 0.0.5

# ESBuild plugin removetestid [![test](https://github.com/mayank1513/@mayank1513/esbuild-plugin-removetestid/actions/workflows/test.yml/badge.svg)](https://github.com/mayank1513/@mayank1513/esbuild-plugin-removetestid/actions/workflows/test.yml) [![codecov](https://codecov.io/gh/mayank1513/@mayank1513/esbuild-plugin-removetestid/graph/badge.svg)](https://codecov.io/gh/mayank1513/@mayank1513/esbuild-plugin-removetestid) [![Version](https://img.shields.io/npm/v/@mayank1513/esbuild-plugin-removetestid.svg?colorB=green)](https://www.npmjs.com/package/@mayank1513/esbuild-plugin-removetestid) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/dt/@mayank1513/esbuild-plugin-removetestid.svg)](https://www.npmjs.com/package/@mayank1513/esbuild-plugin-removetestid) [![Unit Tests](https://github.com/mayank1513/@mayank1513/esbuild-plugin-removetestid/actions/workflows/test.yml/badge.svg)](https://github.com/mayank1513/@mayank1513/esbuild-plugin-removetestid/actions/workflows/test.yml) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@mayank1513/esbuild-plugin-removetestid)

> This package is deprecated in favor of [esbuild-plugin-react18](https://github.com/mayank1513/esbuild-plugin-react18).
> Please switch to [esbuild-plugin-react18](https://github.com/mayank1513/esbuild-plugin-react18), which also offers additional options and more control over your build output. There is also a [template repository](https://github.com/mayank1513/turborepo-template.git) which you can use to create your next library.

This is a simple esbuild plugin to remove `data-testid` attribute. Use this along with `esbuild-plugin-ignoretests`. [Ref](https://stackoverflow.com/questions/77027129/how-to-automatically-remove-data-testid-while-building-library-with-tsup-esbuild)

## Compatibility

- JavaScript/TypeScript React libraries using `tsup` or other builders based on `esbuild`

This plugin seamlessly integrates with `tsup` and any other builders based on `esbuild`.

## Install

```bash
$ pnpm add @mayank1513/esbuild-plugin-removetestid
# or
$ npm install @mayank1513/esbuild-plugin-removetestid
# or
$ yarn add @mayank1513/esbuild-plugin-removetestid
```

## Usage

```ts
// tsup.config.ts or tsup.config.js
import { defineConfig } from "tsup";
import removeTestidPlugin from "@mayank1513/esbuild-plugin-removetestid";

export default defineConfig(options => ({
    ...
    esbuildPlugins:[removeTestidPlugin()]
}));
```

### 🤩 Don't forger to start this repo!

Want handson course for getting started with Turborepo? Check out [React and Next.js with TypeScript](https://www.udemy.com/course/react-and-next-js-with-typescript/?referralCode=7202184A1E57C3DCA8B2)

![Repo Stats](https://repobeats.axiom.co/api/embed/2ef1a24385037998386148afe5a98ded6006f410.svg "Repobeats analytics image")

## License

Licensed as MIT open source.

<hr />

<p align="center" style="text-align:center">with 💖 by <a href="https://mayank-chaudhari.vercel.app" target="_blank">Mayank Kumar Chaudhari</a></p>
npm package: @mayank1513/fork-me-react
Description: An intuitive React.js fork me ribbon component for promoting open source project forks.
Author: Mayank Kumar Chaudhari
Latest version: 0.0.2

# Fork Me React.js component [![Version](https://img.shields.io/npm/v/fork-me-react.svg?colorB=green)](https://www.npmjs.com/package/fork-me-react) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/dt/fork-me-react.svg)](https://www.npmjs.com/package/fork-me-react) [![Unit Tests](https://github.com/mayank1513/esbuild-plugin-ignoretests/actions/workflows/test.yml/badge.svg)](https://github.com/mayank1513/esbuild-plugin-ignoretests/actions/workflows/test.yml) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/fork-me-react)

A simple fork me component for React.js projects!

## Install

```bash
$ pnpm add @mayank1513/fork-me-react
# or
$ npm install @mayank1513/fork-me-react
# or
$ yan add @mayank1513/fork-me-react
```

## Add on your page

```ts
<ForkMe href="https://github.com/mayank1513/turbo-template" />
```

## Optional parameters

```ts
	text?: string; // replace the Fork me on GitHub text
	width?: string | number; // if you need to adjust the width of the ribbon (length)
	height?: string | number; // to adjust height of the ribbon
	bgColor?: string; // background color
	textColor?: string; // text color
```

> This package also serves as an example to demonstrate how to build and publish `React.js` library compatible with React Server Components
npm package: @mayankg20011/advancedstorybook
Description: Building Storybook for community
Author: Mayank Goyal
Latest version: 1.0.6

# AdvancedStorybook
Advanced Storybook Implementation for an organisation

## Deployment

The project is hosted and deployed on [Vercel](https://vercel.com/). You can visit the live application at the following link:

**[Live App URL](https://advanced-storybook.vercel.app/?path=/docs/atoms-button--docs)**
npm package: @mayankjha07/modern-social-icons
Description: A modern, tree-shakable icon library for React, Vue, and HTML.
Author: Mayank Jha
Latest version: 0.1.1

# Modern Social Icons

A modern, tree-shakable icon library for React, Vue, and HTML.

## Installation

```bash
npm install @mayankjha07/modern-social-icons
```

## Usage

### React

```jsx
import { GithubIcon, TwitterIcon } from '@mayankjha07/modern-social-icons/react';

function MyComponent() {
  return (
    <div>
      <GithubIcon />
      <TwitterIcon />
    </div>
  );
}
```

### Vue

```vue
<template>
  <div>
    <GithubIcon />
    <TwitterIcon />
  </div>
</template>

<script>
import { GithubIcon, TwitterIcon } from '@mayankjha07/modern-social-icons/vue';

export default {
  components: {
    GithubIcon,
    TwitterIcon,
  },
};
</script>
```