open-index/open-npm huggingface dataset:
npm package: @outstand/esbuild-postcss-plugin
Description: ESBuild plugin for PostCSS with CSS modules
Author: Ryan Schlesinger
Latest version: 0.9.0

# ESBuild plugin for PostCSS with CSS modules

This plugin for postcss built with intention to create fast, high-performance, reliable and tested solution to ESBuild with postcss and post-css modules

## Installation

```
npm i esbuild-postcss-plugin
```

## Usage

Add plugin to ESBuild build config

```typescript
const postCSSPlugin = require("esbuild-postcss-plugin");

plugins: [postCSSPlugin()];
```

## Options

### filter

A regular expression to filter source files processed by plugin

**Default**: `/\.css$/`

```typescript
postCSSPlugin({ filter: /\.css$/ });
```

### disableCache

Cache gives more speed on rebuild. Unfortunately, in cases when postcss transform result depends on other files, cache will cause incorrect behavior. For example, tailwindcss scans template files to build final CSS, and changes in templates require CSS cache invalidation.

**Default**: `false`

```typescript
postCSSPlugin({ disableCache: true });
```

### modulesFilter

A regular expression to filter source files processed with postcss-modules

**Default**: `/\.module.css$/`

```
postCSSPlugin({ modulesFilter: /\.module.css$/ })
```

### modulesOptions

See postcss-modules package options: https://github.com/madyankin/postcss-modules

**Warning!** `Loader`, `resolve` and `root` options will be ignored.

**Default**: `empty`

```
postCSSPlugin({
  modulesFilter: /\.css$/,
  modulesOptions: {
    globalModulePaths: [/index.css$/],
  }
})
```

### plugins

List of AcceptedPlugin for postcss.

**Default**: `[]`

```
postCSSPlugin({
  plugins: [require("autoprefixer")]
})
```
npm package: @outstandingboy/rext
Description: React Express Template, Perfect react + express template, full stack boilerplate (React + Express + Webpack)
Author: outstandingboy
Latest version: 1.0.0-alpha.5

<img width="465" alt="rext" src="https://user-images.githubusercontent.com/48477016/64054265-35029880-cbc1-11e9-8379-d14ed883d1c1.png">


React EXpress Template, **REX-T** for node.

`REX-T` is easy tool for create application using **React** (for front-end) and **Express** (for back-end)

## about REX-T
### No more difficult and annoying settings

You **don't** need to install or configure tools like Webpack or Babel.  
Just use our default settings, it is **effective**.

Create your **React** + **Express** project with just **one line.**

### Support latest version of React, Express, Babel, Webpack

- `React` : ^**16.9.0**
- `Express` : ^**4.17.1**
- `Babel` : ^**7.5.5**
- `Webpack` : ^**4.39.3**

## Creating an App

```sh
npm install -g @outstandingboy/rext
rext [your-app-name]
...
Done!
```
### Default Settings

http://localhost:3000/ to see your React app.  
http://localhost:8080/ to see your Express app.

You can change port at `webpack.config.js` file. (if you want)

### Directories and files

```
[your-app-name]
├── README.md
├── package.json
├── .babelrc
├── .nodemon.json
├── .webpack.config.js
├── public
│   └── index.html
└── src
    └── client // React front end
    │   ├── App.js
    │   ├── index.js
    │   └── assets
    │       └── css
    │       │   └── app.css
    │       └── imgs
    │           ├── express.png
    │           ├── outstandingboy.png
    │           ├── react.png
    │           ├── rext.png
    │           └── webpack.png
    └── server // Express back end
        ├── api.js
        └── index.js
```

### cOOlEst tEmplAtE pAgE!!!!
![rext](https://user-images.githubusercontent.com/48477016/64041985-da0a7a80-cb9b-11e9-9d17-84b133c4abce.gif)

iT\`S KReiGy!!!!!!!!!
npm package: @outstem/image-handler-helper
Description: This library aims to simplify the process of accessing images from the public image handler by streamlining and abstracting URL construction process.
Author: Yong Lin Wang
Latest version: 1.0.2

# Outreach Image Handler Javascript Library

This library aims to simplify the process of accessing images from the public image handler by streamlining and abstracting URL construction process.

Currently, there are the following methods that allow developers to quickly spawn an image URL and make simple edits.

## Documentation

### `getImageURL(imageKey: string, imageEdits: ImageEditOptions, imageBucket: string)`

Construct an URL for an image using the new image handler

- `imageKey` The S3 Key of the image
- `imageEdits` (optional) Any edits to perform on the image
- `imageBucket` (optional) The bucket where the image is located

### `getImageURLWithS3URL(S3URL: string, imageEdits: ImageEditOptions)`

Get an image handler URL from an S3 URL. Like these ones:

```
https://bucket.s3.amazonaws.com/test/file.png?AWSAccessKeyId=AKIAZFD6JXZT3O6S2UBY&Signature=SOME_SIGNATURE&Expires=SOME_EXPIRE_DATE

https://bucket.s3.amazonaws.com/test/file.png
```

- `url` The S3 URL for the image
- `edits` (optional) The edits to perform on the image

## Image Editing Options

There are many edits you can perform using the new image handler. They are usually passed in as the `imageEdits` argument.

```typescript
{
  /**
   * Convert to 8-bit greyscale; 256 shades of grey.
   */
  grayscale?: boolean;
  /**
   * Flip the image about the vertical Y axis. This always occurs after rotation, if any. The use of `flip` implies the removal of the
   * EXIF Orientation tag, if any.
   */
  flip?: boolean;
  /**
   * Flop the image about the horizontal X axis. This always occurs after rotation, if any. The use of `flop` implies the removal of the
   * EXIF Orientation tag, if any.
   */
  flop?: boolean;
  /**
   * Produce the "negative" of the image. Use to see results.
   */
  negate?: boolean;
  /**
   * Merge alpha transparency channel, if any, with a background.
   *
   * Usually used for PNG files with transparent channels
   */
  flatten?: boolean;
  /**
   * Enhance output image contrast by stretching its luminance to cover the full dynamic range.
   *
   * You likely will not use
   */
  normalise?: boolean;
  /**
   * Tint the image using the provided chroma while preserving the image luminance. An alpha channel may be present and will be
   * unchanged by the operation.
   */
  tint?: RGB;
  /**
   * Resize the image to crop or compress image.
   */
  resize?: ResizeOptions;
  background?: RGBA;
  /**
   * Blur the image. Performs a Gaussian blur based on the radius provided.
   */
  blur?: number;
  /**
   * Rotate the output image by either an explicit angle.
   *
   * If an angle is provided, it is converted to a valid positive degree rotation.
   * For example, -450 will produce a 270deg rotation.
   */
  rotate?: number;
}
```

## Continued Work & Contributions

- Test and add more SharpJS functionalities that are supported by the Image Handler
- Add additional Helpers for more ease of access.
npm package: @outstem/markdown-core
Description: - Markdown rendering styles - Markdown-it instance configured to our needs
Author: Yong Lin Wang
Latest version: 1.2.8

# OutStem Markdown Core

## What's included?

- Markdown rendering styles
- Markdown-it instance configured to our needs

## How to use

Make sure to install the following peer dependencies first:

- Bootstrap: 4.1.6
- PrismJS: 1.27.0
- markdown-it 14.1.0

```
npm install @outstem/markdown-core
```