open-index/open-npm huggingface dataset:
npm package: @piggo-gg/lex
Description: a small web runtime — write your entire webapp with TypeScript
Latest version: 1.0.4

<div align="center" style="font:">

  __Lex__ is a small web runtime. Write your entire webapp with TypeScript.
</div>

### Lex syntax

```ts
const app = Lex({
  state: {},
  elements: [
    Ball("#00ffaa"), Ball("#ffaa00"), Ball("#aa00ff"), Ball("#ff00aa")
  ]
})
```

### running the repo

```bash
# install dependencies
bun install

# run the webapp with hot code reloading
bun dev
```
npm package: @piggy-dex/sdk-core
Description: ⚒️ An SDK for building applications on top of Piggy DEX
Latest version: 4.2.0

# @uniswap/sdk-core - Now at `Uniswap/sdks`

All versions after 4.2.0 of this SDK can be found in the [SDK monorepo](https://github.com/Uniswap/sdks/tree/main/sdks/sdk-core)! Please file all future issues, PR’s, and discussions there.

### Old Issues and PR’s

If you have an issue or open PR that is still active on this SDK in this repository, please recreate it in the new repository. Some existing issues and PR’s may be automatically migrated by the Uniswap Labs team.
npm package: @piggy-dex/v2-sdk
Description: 🛠 An SDK for building applications on top of PiggyDex V2
Latest version: 4.3.0

# @uniswap/v2-sdk - Now at `Uniswap/sdks`

All versions after 4.3.0 of this SDK can be found in the [SDK monorepo](https://github.com/Uniswap/sdks/tree/main/sdks/v2-sdk)! Please file all future issues, PR’s, and discussions there.

### Old Issues and PR’s

If you have an issue or open PR that is still active on this SDK in this repository, please recreate it in the new repository. Some existing issues and PR’s may be automatically migrated by the Uniswap Labs team.
npm package: @piggybankone/addressbook
Description: A collection of useful addresses on various chains for defi development
Latest version: 0.0.3

��# address-book

A collection of useful addresses on EVM chains for defi development

### Contributing


1. Read the [CONTRIBUTING](./CONTRIBUTING.md) doc first
1. run `yarn`. This will install the packages and prepare husky pre-commit hook
1. Add addresses:
   1. If new platform: 
       1. Add a file for the platform (i.e pancakeswap) under the respective chain in address-book/<your chain name>
       1. Add the third party contracts in an object there and export the object. 
       1. Add the export to the chain's index.ts file.
   1. For tokens:
      1. Add to respective token.ts file, with token symbol as key. Make sure the decimals are correct for the token. Usually you can find this info via the chain's block explorer.   
1. Try to commit the change. If it fails, its because the address isn't passing the checksum check. Look at the console output and paste the correct address.
1. Once commit goes through, raise a PR
1. If the checksum passes, a maintainer will review it and merge it
1. Once merged, the package version will be bumped and the package will be published. Run `yarn upgrade` in the consuming repo to consume the new package version.
npm package: @piggybankone/sdk
Description: 🛠 An SDK for building applications on top of piggybankone.
Latest version: 0.0.1

# Pancakeswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/pancakeswap/pancakeswap-sdk/workflows/CI/badge.svg)](https://github.com/pancakeswap/pancakeswap-sdk)
[![npm version](https://img.shields.io/npm/v/@pancakeswap-lib/sdk/latest.svg)](https://www.npmjs.com/package/@pancakeswap-lib/sdk/v/latest)

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/pancakeswap/pancakeswap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @piggybankone/uikit
Description: Set of UI components for pancake projects
Latest version: 0.1.4

# 🥞 Piggybankone UIkit

[![Version](https://img.shields.io/npm/v/@piggybankone/uikit)](https://www.npmjs.com/package/@piggybankone/uikit) [![Size](https://img.shields.io/bundlephobia/min/@piggybankone/uikit)](https://www.npmjs.com/package/@piggybankone/uikit)

Piggybankone UIkit is a set of React components and hooks used to build pages on Piggybankone's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @piggybankone/uikit`

## Setup

### Theme

Before using Piggybankone UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@piggybankone/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@piggybankone/uikit'
...
<ResetCSS />
```
npm package: @piggycoin/sdk
Description: 🛠 An SDK for building applications on top of piggyswap.
Latest version: 0.1.14

# Opus SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/opus-fi/opus-sdk/workflows/CI/badge.svg)](https://github.com/opus-fi/opus-sdk)
[![npm version](https://img.shields.io/npm/v/@opus-fi/sdk/latest.svg)](https://www.npmjs.com/package/@opus-fi/sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@opus-fi/sdk/latest.svg)](https://bundlephobia.com/result?p=@opus-fi/sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/opus-fi/opus-sdk.git
```

Move into the opus-sdk working directory

```sh
cd opus-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @piggyswap/sdk
Description: 🛠 An SDK for building applications on top of piggyswap.
Latest version: 1.0.1-pan.4

# Pancakeswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/pancakeswap/pancakeswap-sdk/workflows/CI/badge.svg)](https://github.com/pancakeswap/pancakeswap-sdk)
[![npm version](https://img.shields.io/npm/v/@pancakeswap-lib/sdk/latest.svg)](https://www.npmjs.com/package/@pancakeswap-lib/sdk/v/latest)

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/pancakeswap/pancakeswap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @piggyswap/uikit
Description: Set of UI components for Pig Projects
Latest version: 0.0.0-alpha.2

# 🐷 PigSwap UIkit

<!-- [![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) -->

PigSwap UIkit is a set of React components and hooks used to build pages on Pigswaps's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @piggyswap/uikit`

## Setup

### Theme

Before using Pigswap UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@piggyswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@piggyswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pigswap.github.io/pigswap-uikit/)
npm package: @pigi/contracts
Description: PG smart contracts
Author: Plasma Group
Latest version: 0.0.10-alpha.0

# contracts
`contracts` is the set of smart contracts written in Solidity for the Plasma Group series of projects.

### Requirements and Setup
Clone the parent repo `pigi` and follow its instructions.

#### Node.js
`contracts` is tested with [`Node.js`](https://nodejs.org/en/) and has been tested on the following versions of Node:

- 11.6.0

If you're having trouble getting `contracts` tests running, please make sure you have one of the above `Node.js` versions installed.

### Running Tests
`contracts` makes use of a combination of [`Mocha`](https://mochajs.org/) (a testing framework) and [`Chai`](https://www.chaijs.com/) (an assertion library) for testing.

Run all tests with:

```sh
yarn test
```
So that Python and Vyper aren't requirements for our other components, we do include a `compiled-contracts` folder which contains JS exports of the bytecode and ABI. Compilation is done automatically before testing.

### Deploying
You can deploy by running:

```sh
yarn run deploy:<contract-specific-task-here> <environment>
```

The `environment` parameter tells the deployment script which config file to use (expected filename `.<environment>.env`).

For instance, to deploy the RollupChain contract using `.local.env` as the config file, you would run:

```sh
yarn run deploy:rollup-chain local
```

See `.env.example` for more information.
npm package: @pigi/core
Description: Plasma Group client
Author: Plasma Group
Latest version: 0.0.10-alpha.0

# @pigi/core

⚠️ **NOTICE** ⚠️

This is a WIP port of [`plasma-core`](https://github.com/plasma-group/plasma-core).

---

`@pigi/core` is the core of Plasma Group's client functionality.
It handles the basic functionality that all PG clients need to implement, like managing state updates and importing new transactions.

**Note**:
`@pigi/core` is **not** designed to be a full plasma client.
As a result, `@pigi/core` does not provide a graphical user interface or an easy way to interact with components.
If you're looking for a full client, check out [`@pigi/client`](https://github.com/plasma-group/pigi/tree/master/packages/client).

## Contributing
Welcome! If you're looking to contribute to `@pigi/core`, you're in the right place.

### Contributing Guide and CoC
Plasma Group follows a [Contributing Guide and Code of Conduct](https://github.com/plasma-group/@pigi/core/blob/master/.github/CONTRIBUTING.md) adapted slightly from the [Contributor Covenant](https://www.contributor-covenant.org/version/1/4/code-of-conduct.html).
All contributors are expected to read through this guide.
We're here to cultivate a welcoming and inclusive contributing environment, and every new contributor needs to do their part to uphold our community standards.

We also maintain a very detailed [Documentation for Contributors](https://docs.plasma.group/en/latest/src/pigi/contributing.html) that discusses these topics in much more depth.
Please check out those docs if you're interested in becoming an active contributor to the PG ecosystem.

### Documentation
Detailed documentation for `@pigi/core` is [available here](https://docs.plasma.group/projects/core/en/latest/).
If you'd like to contribute to the documentation, please edit the contents of the [docs](https://github.com/plasma-group/pigi/tree/master/packages/docs/src/core) and submit a [pull request](https://github.com/plasma-group/@pigi/core/pulls)!
npm package: @pigi/wallet
Description: Pigi client-side smart wallet
Author: PG
Latest version: 0.0.10-alpha.0

# predicates
[![Coverage Status](https://coveralls.io/repos/github/plasma-group/plasma-utils/badge.svg?branch=master)](https://coveralls.io/github/plasma-group/plasma-utils?branch=master) [![Build Status](https://travis-ci.org/plasma-group/plasma-utils.svg?branch=master)](https://travis-ci.org/plasma-group/plasma-utils) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/deb13b3afcc44244ad3faa8b9be39585)](https://www.codacy.com/app/kfichter/plasma-utils?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=plasma-group/plasma-utils&amp;utm_campaign=Badge_Grade)

`@pigi/predicates` is a set of basic predicates which are critical for the basic functioning of a plasma chain.

## Documentation
Detailed documentation for `predicates` is available on ReadTheDocs: <https://docs.plasma.group/projects/utils/en/latest/.>

## Installation
There are several easy ways to start using `@pigi/predicates`! For now we just describe the node install.

### Node.js
If you're developing a `Node.js` application, you can simply install `@pigi/predicates` via `npm`:

```sh
npm install --save @pigi/predicates
```

## Running the Validator
### Configuration
The validator expects an `.env` file that looks like the `.env.example` in the same location. The idea is that there is some sensitive info there, so `.env` files are specifically ignored from git so that we never accidentally check in credentials

### Running
Make sure the project is built and run:
```sh
./runValidator
```
### Clearing Data
If you'd like to blow away data, just run `yarn clean && yarn build` and run the validator again. The DB for the validator is leveldb, which persists to files in the `/build` directory that get blown away when you `yarn clean`

## Contributing
Welcome! If you're looking to contribute to `@pigi/predicates`, you're in the right place.

### Contributing Guide and CoC
Plasma Group follows a [Contributing Guide and Code of Conduct](https://github.com/plasma-group/plasma-utils/blob/master/.github/CONTRIBUTING.md) adapted slightly from the [Contributor Covenant](https://www.contributor-covenant.org/version/1/4/code-of-conduct.html).
All contributors are expected to read through this guide.
We're here to cultivate a welcoming and inclusive contributing environment, and every new contributor needs to do their part to uphold our community standards.
npm package: @pigi/watch-eth
Description: Robust library for listening to Ethereum events.
Author: Plasma Group
Latest version: 0.0.10-alpha.0

# watch-eth
`watch-eth` is a robust library for watching Ethereum events.
Applications sometimes make critical decisions based on Ethereum events.
It's therefore important that these applications have a way to watch for events that won't fail.

## Installation
### npm
You can install `watch-eth` via `npm`:

```sh
npm install --save watch-eth
```

## Usage
Start by creating an `EventWatcher` instance for your contract:

```js
const { EventWatcher } = require('watch-eth')

const watcher = new EventWatcher({
  address: '0xc8a5ba5868a5e9849962167b2f99b2040cee2031',
  abi: [{"anonymous":false,"inputs":[{"indexed":false,"name":"_value","type":"uint256"}],"name":"TestEvent","type":"event"}],
  finalityDepth: 12   // optional
  pollInterval: 10000 // optional
})
```

Now you can subscribe or unsubscribe to an event:

```js
const listener = () => {
  console.log('Detected TestEvent!')
}

watcher.subscribe('TestEvent', listener)
// Stuff
watcher.unsubscribe('TestEvent', listener)
```

## Design
### Modularity
`watch-eth` is designed to be modular, meaning most of the components can be replaced with custom logic.
For example, if you want to use `ethers` for connecting to Ethereum instead of `web3`, you can simply replace `DefaultEthProvider` with a custom class.

### Event Validity Conditions
`watch-eth` will only relay an Ethereum event if it satisfies the following conditions:

1. Event has not been seen before.
2. Event is under a certain number of blocks.
npm package: @piglovesyou/fig-cli
Description: Fig is another “Figma to React” tool to generate and synchronize various template languages, designed to be AST-based, pluggable platform.
Latest version: 0.3.7

**Still in the Alpha stage.** Please [sponsor me](https://github.com/sponsors/piglovesyou) to support this project.

---

# Fig

Fig is another “Figma to React” tool to generate and synchronize various template languages, designed to be AST-based, pluggable platform.

## Demo

Not perfect, but it seems pretty neat. [Give me a feedback](https://github.com/piglovesyou/fig/issues/new).

- [Website example](https://piglovesyou.github.io/fig/patagonia/public/Home_1%244.html), [Figma file](https://www.figma.com/file/pC6EOjjdZpS7PVsPTgjNLL/Patagonia?node-id=1%3A4)
- [Auto layout example](https://piglovesyou.github.io/fig/mini/public/Home_1$2.html), [Figma file](https://www.figma.com/file/MhB9ljAxaGlIk1IttXa09f/mini)
- [More pictures example](https://piglovesyou.github.io/fig/basic/public/Home_2$2.html), [Figma file](https://www.figma.com/file/QAIja81RKgYhQnIIJ0h9PJ/basic?node-id=0%3A1)

## Try it out (Note: Alpha spec)

Make sure you have [Node.js](https://nodejs.org/) installed in your machine.

Run this command in your terminal.

```bash
# Required options: --token token fileKey [fileKey ...]
$ npx @piglovesyou/fig-cli@latest --token YOUR_TOKEN FILE_KEY
```

- Get a **Figma access token** by following [this guide](https://www.figma.com/developers/api#access-tokens).
- **fileKey** is in your browser location bar when you open a Figma file. It should look as https://www.figma.com/file/:fileKey/:title.

Then you'll find files generated like this.

```
./images/f3d3bc2931ffab08c3df439b1392ed07.jpeg
./images/f893d788c09554ac3f7c80d6a9bfb22e.png
./components/Button_1$48.tsx
./components/Button_1$48.js
./pages/Home_1$4.tsx
./pages/Home_1$4.js
./public/Home_1$4.html
```

## Sponsors

[Sponsor me🍩🍦🥶](https://github.com/sponsors/piglovesyou)

## Milestones

- [x] Publish alpha release to generate simple React component source
- [ ] Support "synchronize" behavior
- [ ] Make it pluggable to generate multiple template language source
- [ ] Support another Stylesheet plugin perhaps to support Tailwind CSS
- [ ] Beta that supports another language, maybe Vue.js?

## Contributions

It's still in progress to design the plugin architecture. Please share this project and wait until it's prepared for the contribution!

## License

APACHE LICENSE, VERSION 2.0

## Author

[Soichi Takamura @piglovesyou](https://github.com/piglovesyou/)
npm package: @piglovesyou/parallel-transform
Description: Transform stream that allows you to run your transforms in parallel without changing the order
Author: Soichi Takamura
Latest version: 2.1.2

# @piglovesyou/parallel-transform

This is a maintained version of [parallel-transform](https://github.com/mafintosh/parallel-transform) which includes:

* TypeScript Definition (with purely rewritten in TypeScript implementation)
* Fix mafintosh/parallel-transform#4 ; It works well in `require('stream').pipeline`

----

# parallel-transform

[Transform stream](http://nodejs.org/api/stream.html#stream_class_stream_transform_1) for Node.js that allows you to run your transforms
in parallel without changing the order of the output.

	npm install parallel-transform

It is easy to use

``` js
var transform = require('parallel-transform');

var stream = transform(10, function(data, callback) { // 10 is the parallism level
	setTimeout(function() {
		callback(null, data);
	}, Math.random() * 1000);
});

for (var i = 0; i < 10; i++) {
	stream.write(''+i);
}
stream.end();

stream.on('data', function(data) {
	console.log(data); // prints 0,1,2,...
});
stream.on('end', function() {
	console.log('stream has ended');
});
```

If you run the above example you'll notice that it runs in parallel
(does not take ~1 second between each print) and that the order is preserved

## Stream options

All transforms are Node 0.10 streams. Per default they are created with the options `{objectMode:true}`.
If you want to use your own stream options pass them as the second parameter

``` js
var stream = transform(10, {objectMode:false}, function(data, callback) {
	// data is now a buffer
	callback(null, data);
});

fs.createReadStream('filename').pipe(stream).pipe(process.stdout);
```

### Unordered
Passing the option `{ordered:false}` will output the data as soon as it's processed by a transform, without waiting to respect the order.

## License

MIT
npm package: @piglovesyou/patched-graphql-tools-import
Description: A set of utils for faster development of GraphQL tools
Latest version: 0.1.1

Check API Reference for more information about this package;
https://www.graphql-tools.com/docs/api/modules/import

You can also learn more about GraphQL Import in this chapter;
https://www.graphql-tools.com/docs/schema-loading#using-import-expression
npm package: @pigly/transformer
Description: ![CircleCI](https://img.shields.io/circleci/build/github/pigly-di/pigly?token=abc123def456) ![npm](https://img.shields.io/npm/v/pigly) ![npm](https://img.shields.io/npm/dm/pigly) ![Codecov](https://img.shields.io/codecov/c/gh/pigly-di/pigly)
Author: Meirion Hughes
Latest version: 2.1.0

# Pigly/transformer
![CircleCI](https://img.shields.io/circleci/build/github/pigly-di/pigly?token=abc123def456) ![npm](https://img.shields.io/npm/v/pigly) ![npm](https://img.shields.io/npm/dm/pigly) ![Codecov](https://img.shields.io/codecov/c/gh/pigly-di/pigly)

the typescript plugin to help emit type symbols for the pigly kernel. 

![alt](https://avatars0.githubusercontent.com/u/50213493?s=400&u=65942b405a979397a2c358366db85c3d06f521f5&v=4)

## Usage

you must use a custom typescript compiler that facilitates using a typescript transformer. see 
https://github.com/cevek/ttypescript

with `@pigly/transformer` transformer active, in your code: 

```
import { SymbolFor } from 'pigly';

let $IFoo = SymbolFor<IFoo>() 
```
...which will get compiled such that `SymbolFor<IFoo>` will be replaced with `symbol.for("...<type hash>")`

currently the transformer is just looking for a method `SymbolFor<T>()` and replaces it with the typescript-id for `T`. Any changes to how this works will result in a major version bump of this package. 

## License
MIT

## Credits

"pig" licensed under CC from Noun Project, Created by habione 404, FR 

@pigly/transformer was derived from https://github.com/YePpHa/ts-di-transformer  (MIT)
npm package: @pigment-css/react
Description: A zero-runtime CSS-in-JS library.
Author: MUI Team
Latest version: 0.0.30

# Pigment CSS

Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time.

## Getting started

Pigment CSS supports Next.js and Vite with support for more bundlers in the future.

### Why choose Pigment CSS

Thanks to recent advancements in CSS (like CSS variables and `color-mix()`), "traditional" CSS-in-JS solutions that process styles at runtime are no longer required for unlocking features like color transformations and theme variables which are necessary for maintaining a sophisticated design system.

Pigment CSS addresses the needs of the modern React developer by providing a zero-runtime CSS-in-JS styling solution as a successor to tools like Emotion and styled-components.

Compared to its predecessors, Pigment CSS offers improved DX and runtime performance (though at the cost of increased build time) while also being compatible with React Server Components.
Pigment CSS is built on top of [WyW-in-JS](https://wyw-in-js.dev/), enabling to provide the smoothest possible experience for Material UI users when migrating from Emotion in v5 to Pigment CSS in v6.

### Installation

<!-- #default-branch-switch -->

```bash
npm install @pigment-css/react
npm install --save-dev @pigment-css/nextjs-plugin
```

<!-- Replace this with the documentation link once it is available. -->

For more information and getting started guide, check the [repository README.md](https://github.com/mui/pigment-css).
npm package: @pigs/plugin-bundle-report
Description: This is a preset for adding [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) which could help you:
Latest version: 12.1.0

# @pigs/plugin-bundle-report

This is a preset for adding [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) which could help you:

1. Realize what's really inside your bundle
2. Find out what modules make up the most of it's size
3. Find modules that got there by mistake
4. Optimize it!

## Install

```bash
yarn add @pigs/plugin-bundle-report --dev
```

## Usage

Activate it in config file:

```js
// pigs.config.js
module.exports = {
  plugins: [
    {
      resolve: '@pigs/bundle-report',
      options: {}
    }
  ]
}
```

Add `--bundle-report` while building your app in **production mode** to get report:

```bash
pigs --prod --bundle-report
# then you'll be automatically navigated to http://localhost:8888
```

## Options
Options object for [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) plugin.

## LICENSE

MIT © [EGOIST](https://github.com/egoist)
npm package: @pigs/plugin-eslint
Description: Use ESLint to lint JavaScript.
Latest version: 12.0.0

# @pigs/plugin-eslint

Use ESLint to lint JavaScript.

## Install

```bash
yarn add @pigs/plugin-eslint --dev
```

## How to use

In your `pigs.config.js`:

```js
module.exports = {
  plugins: [
    {
      resolve: '@pigs/plugin-eslint'
    }
  ]
}
```

Then add a `.eslintrc.js` in your project:

```js
module.exports = {
  extends: ['eslint:recommended']
}
```

Now ESLint will check your JS files at compile time.
npm package: @pigs/plugin-html-entry
Description: This is a built-in Pigs plugin which makes Pigs support HTML entrypoint.
Latest version: 0.1.1

# @pigs/plugin-html-entry

This is a built-in Pigs plugin which makes Pigs support HTML entrypoint.

## Features

### Process local scripts and styles

```html
<link rel="stylesheet" href="./style.css">
<script src="./main.js"></script>
```

Note that only relative paths will be processed by webpack, which means you can use absolute paths like `https://...` or `/static/foo.css` to reference external resources.

### Process certain HTML attributes

It processes certain HTML attributes:

- `<img>`: `src`
- `<image>`: `xlink:href`
- `<video>`: `src` `poster`
- `<source>`: `src`

### Reloading

Modifing HTML entry will trigger a full reload.

### Template Interpolations

Your HTML entry will also be processed by [lodash.template](https://lodash.com/docs/4.17.11#template), see [here](https://pigs.js.org/guide/custom-html-template.html#template-data) for available template data.

## License

MIT &copy; EGOIST