open-index/open-npm huggingface dataset:
npm package: @postcss-plugins/console
Description: A PostCSS plugin to output messages to the terminal.
Author: Edgar Zavala
Latest version: 0.2.5

# `@postcss-plugins/console`

[![npm](https://img.shields.io/npm/v/@postcss-plugins/console.svg?style=flat-square)](https://www.npmjs.com/package/@postcss-plugins/console)

A [PostCSS] plugin to output messages to the terminal.

## Installation

```
yarn add @postcss-plugins/console
```

What is this? For example, you have the following CSS file (I'm using [postcss-each], [@postcss-plugins/text-transform] and [postcss-cssnext]):

**backgrounds.css**

```css
.u {
  @console.warn Here comes the postcss-console plugin;
  @each $color in green, yellow, red {
    @console.assert '$color' == 'green';
    @text-transform $color, upperFirst, $transformed {
      @console.log the text was transformed from $color to $transformed;
      &-bg$(transformed) {
        background-color: $color;
      }
    }
  }
  @console.error This is an error message;
}
```

And the plugin will give you:

![console](https://github.com/ezavile/postcss-plugins/blob/master/packages/console/console.png?raw=true 'Messages on terminal')

## Usage

Put this plugin after all plugins.

```javascript
postcss([require('other-plugin'), require('@postcss-plugins/console')]);
```

## Methods

```css
@console.log This is an informative message
@console.warn This is a warn message
@console.error This is an error message
@console.assert Boolean expression;
```

## Testing

```javascript
yarn test
```

## Contributing

- ⇄ Pull requests and ★ Stars are always welcome.
- For bugs and feature requests, please create an issue.

[MIT License]

[postcss]: https://github.com/postcss/postcss
[postcss-each]: https://github.com/outpunk/postcss-each
[@postcss-plugins/text-transform]: https://github.com/ezavile/postcss-plugins/tree/master/packages/text-transform
[postcss-cssnext]: https://github.com/MoOx/postcss-cssnext
[mit license]: https://github.com/ezavile/postcss-plugins/blob/master/packages/console/LICENSE
npm package: @postcss-plugins/text-transform
Description: A PostCSS plugin to transform the text.
Author: Edgar Zavala
Latest version: 0.1.2

# `@postcss-plugins/text-transform`

[![npm](https://img.shields.io/npm/v/@postcss-plugins/text-transform.svg?style=flat-square)](https://www.npmjs.com/package/@postcss-plugins/text-transform)

A [PostCSS] plugin to transform the text.

## Installation

```
yarn add @postcss-plugins/text-transform
```

What is this? For example, you have the following CSS file (I'm using [postcss-each] and [postcss-cssnext]):

**backgrounds.css**

```css
.u {
  @each $color in green, yellow, red {
    @text-transform $color, upperFirst, $transformed {
      &-bg$(transformed) {
        background-color: $color;
      }
    }
  }
}
```

And the plugin will give you:

```css
.u-bgGreen {
  background-color: green;
}

.u-bgYellow {
  background-color: yellow;
}

.u-bgRed {
  background-color: red;
}
```

## Usage

```javascript
postcss([require('@postcss-plugins/text-transform')]);
```

```css
@text-transform $color, transformation, $textTransformed {
  .u-bg$(transformed) {
    background-color: $color;
  }
}
```

**Transformations**

- camelCase - Converts to camel case.
- capitalize - Converts the first character of string to upper case and the remaining to lower case.
- lowerCase - Converts string, as space separated words, to lower case.
- lowerFirst - Converts the first character of string to lower case.
- pascalCase - Converts to pascal case.
- upperCase - Converts string, as space separated words, to upper case.
- upperFirst - Converts the first character of string to upper case.

## Testing

```javascript
yarn test
```

## Contributing

- ⇄ Pull requests and ★ Stars are always welcome.
- For bugs and feature requests, please create an issue.

[MIT License]

[postcss]: https://github.com/postcss/postcss
[postcss-each]: https://github.com/outpunk/postcss-each
[postcss-cssnext]: https://github.com/MoOx/postcss-cssnext
[mit license]: https://github.com/ezavile/postcss-plugins/blob/master/packages/text-transform/LICENSE
npm package: @postcss-plugins/typescript-css
Description: PostCSS plugin to create a typescript file definition by each CSS file
Author: Edgar Zavala
Latest version: 0.1.2

# `@postcss-plugins/typescript-css`

[![npm](https://img.shields.io/npm/v/@postcss-plugins/typescript-css.svg?style=flat-square)](https://www.npmjs.com/package/@postcss-plugins/typescript-css)

A [PostCSS] plugin to create a TypeScript file by each CSS file.

## Installation

```
yarn add @postcss-plugins/typescript-css
```

What is this? For example, you have the following CSS file:

**componentName.css**

```css
.ComponentName {
  color: green;
}
.ComponentName-descendentName {
  color: yellow;
}
.ComponentName--modifierName {
  color: red;
}
```

And the plugin will give you a TypeScript file in the same location where the CSS file is. This file generated has almost the same name, only it's added ".style.ts", example:

**componentName.style.ts**

```javascript
export const componentNameStyle = {
  componentName: 'ComponentName',
  componentDescendentName: 'ComponentName-descendentName',
  componentModifierName: 'ComponentName--modifierName',
};
```

So, you can import the TypeScript file

**Note: you have to import first the componentName.css**

```javascript
import './componentName.css';
import { componentNameStyle } from './componentName.style';

const element = document.createElement('div');
element.className = componentNameStyle.componentName;
```

## Usage

```javascript
postcss([require('postcss-typescript-css')]);
```

## Contributing

- ⇄ Pull requests and ★ Stars are always welcome.
- For bugs and feature requests, please create an issue.

[MIT License]

[postcss]: https://github.com/postcss/postcss
[mit license]: https://github.com/ezavile/postcss-plugins/blob/master/packages/typescript-css/LICENSE
npm package: @postdfm/ast
Description: Abstract Syntax Tree classes for postdfm
Author: SpiltCoffee
Latest version: 9.0.0

# @postdfm/ast

> Sub-package for [`postdfm`](https://www.npmjs.com/package/postdfm).
>
> Provides Abstract Syntax Tree structures for representing the contents of a Delphi Form File.

[![npm](https://img.shields.io/npm/v/@postdfm/ast.svg?label=npm)](https://www.npmjs.com/package/@postdfm/ast)
![Continuous Integration](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-integration.yml/badge.svg)
![Continuous Deployment](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-deployment.yml/badge.svg)
[![Codecov branch](https://img.shields.io/codecov/c/gh/spiltcoffee/postdfm/main.svg)](https://codecov.io)

## Table of Contents

- [Documentation](#documentation)
- [Contributing](#contributing)
- [License](#license)

## Documentation

See [`postdfm`](https://www.npmjs.com/package/postdfm) for more information, or the generated `typedoc` documentation [here](https://spiltcoffee.com/docs/@postdfm/ast/).

## Contributing

Bug reports and feature requests are greatly appreciated, as are pull requests.

Please see the [Contributing Guide](https://github.com/spiltcoffee/postdfm/blob/main/.github/CONTRIBUTING.md) for instructions on how to contribute to this project.

## License

Licensed under the MIT License.
npm package: @postdfm/ast2dfm
Description: Convert DFM Abstract Syntax Trees to a Delphi Form file
Author: SpiltCoffee
Latest version: 9.0.0

# @postdfm/ast2dfm

> Sub-package for [`postdfm`](https://www.npmjs.com/package/postdfm).
>
> Provides functionality for turning the structure provided by [`@postdfm/ast`](https://www.npmjs.com/package/@postdfm/ast) into a string/DFM.

[![npm](https://img.shields.io/npm/v/@postdfm/ast2dfm.svg?label=npm)](https://www.npmjs.com/package/@postdfm/ast2dfm)
![Continuous Integration](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-integration.yml/badge.svg)
![Continuous Deployment](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-deployment.yml/badge.svg)
[![Codecov branch](https://img.shields.io/codecov/c/gh/spiltcoffee/postdfm/main.svg)](https://codecov.io)

## Table of Contents

- [Documentation](#documentation)
- [Contributing](#contributing)
- [License](#license)

## Documentation

See [`postdfm`](https://www.npmjs.com/package/postdfm) for more information, or the generated `typedoc` documentation [here](https://spiltcoffee.com/docs/@postdfm/ast2dfm/).

## Contributing

Bug reports and feature requests are greatly appreciated, as are pull requests.

Please see the [Contributing Guide](https://github.com/spiltcoffee/postdfm/blob/main/.github/CONTRIBUTING.md) for instructions on how to contribute to this project.

## License

Licensed under the MIT License.
npm package: @postdfm/dfm2ast
Description: Convert Delphi Form files to an Abstract Syntax Tree
Author: SpiltCoffee
Latest version: 9.0.0

# @postdfm/dfm2ast

> Sub-package for [`postdfm`](https://www.npmjs.com/package/postdfm).
>
> Provides functionality for parsing DFMs into the structures provided by [`@postdfm/ast`](https://www.npmjs.com/package/@postdfm/ast).

[![npm](https://img.shields.io/npm/v/@postdfm/dfm2ast.svg?label=npm)](https://www.npmjs.com/package/@postdfm/dfm2ast)
![Continuous Integration](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-integration.yml/badge.svg)
![Continuous Deployment](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-deployment.yml/badge.svg)
[![Codecov branch](https://img.shields.io/codecov/c/gh/spiltcoffee/postdfm/main.svg)](https://codecov.io)

## Table of Contents

- [Documentation](#documentation)
- [Contributing](#contributing)
- [License](#license)

## Documentation

See [`postdfm`](https://www.npmjs.com/package/postdfm) for more information, or the generated `typedoc` documentation [here](https://spiltcoffee.com/docs/@postdfm/dfm2ast/).

## Contributing

Bug reports and feature requests are greatly appreciated, as are pull requests.

Please see the [Contributing Guide](https://github.com/spiltcoffee/postdfm/blob/main/.github/CONTRIBUTING.md) for instructions on how to contribute to this project.

## License

Licensed under the MIT License.
npm package: @postdfm/plugin
Description: Provides structure and utilities for making plugins that can modify a postdfm AST.
Author: SpiltCoffee
Latest version: 9.0.0

# @postdfm/plugin

> Sub-package for [`postdfm`](https://www.npmjs.com/package/postdfm).
>
> Provides structure and utilities for making plugins that can modify the structure provided by [`@postdfm/ast`](https://www.npmjs.com/package/@postdfm/ast).

[![npm](https://img.shields.io/npm/v/@postdfm/plugin.svg?label=npm)](https://www.npmjs.com/package/@postdfm/plugin)
![Continuous Integration](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-integration.yml/badge.svg)
![Continuous Deployment](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-deployment.yml/badge.svg)
[![Codecov branch](https://img.shields.io/codecov/c/gh/spiltcoffee/postdfm/main.svg)](https://codecov.io)

## Table of Contents

- [Installation](#installation)
- [Example Usage](#example-usage)
- [Documentation](#documentation)
- [Contributing](#contributing)
- [License](#license)

## Installation

```shell
# npm
$ npm install @postdfm/plugin

# yarn
$ yarn add @postdfm/plugin
```

## Example Usage

```js
import { Plugin } from "@postdfm/plugin";

class SomePlugin extends Plugin {
  install(hooks) {
    hooks.string.tap(ast => {
      // manipulate AST here
    }

    // all AST types can be manipulated, see AST.ASTTypes

    // also available:
    // - "after" hook for certain types
    hooks.after.object.tap(ast => {
      // manipulate AST here
    })
    // - "all" hook for everything - excludes "after" hooks
    hooks.all.tap(ast => {
      // manipulate AST here
    })
  }
}
```

## Documentation

See [`postdfm`](https://www.npmjs.com/package/postdfm) for more information, or the generated `typedoc` documentation [here](https://spiltcoffee.com/docs/@postdfm/plugin/).

## Contributing

Bug reports and feature requests are greatly appreciated, as are pull requests.

Please see the [Contributing Guide](https://github.com/spiltcoffee/postdfm/blob/main/.github/CONTRIBUTING.md) for instructions on how to contribute to this project.

## License

Licensed under the MIT License.
npm package: @postdfm/transform
Description: Iterates a Delphi Form Abstract Syntax Tree, allowing modification via Hooks
Author: SpiltCoffee
Latest version: 9.0.0

# @postdfm/transform

> Sub-package for [`postdfm`](https://www.npmjs.com/package/postdfm).
>
> Provides functionality for iterating the structure provided by [`@postdfm/ast`](https://www.npmjs.com/package/@postdfm/ast) via ([Webpack Tapable](https://www.npmjs.com/package/tapable)) Hooks.

[![npm](https://img.shields.io/npm/v/@postdfm/transform.svg?label=npm)](https://www.npmjs.com/package/@postdfm/transform)
![Continuous Integration](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-integration.yml/badge.svg)
![Continuous Deployment](https://github.com/spiltcoffee/postdfm/actions/workflows/continuous-deployment.yml/badge.svg)
[![Codecov branch](https://img.shields.io/codecov/c/gh/spiltcoffee/postdfm/main.svg)](https://codecov.io)

## Table of Contents

- [Documentation](#documentation)
- [Contributing](#contributing)
- [License](#license)

## Documentation

See [`postdfm`](https://www.npmjs.com/package/postdfm) for more information, or the generated `typedoc` documentation [here](https://spiltcoffee.com/docs/@postdfm/transform/).

## Contributing

Bug reports and feature requests are greatly appreciated, as are pull requests.

Please see the [Contributing Guide](https://github.com/spiltcoffee/postdfm/blob/main/.github/CONTRIBUTING.md) for instructions on how to contribute to this project.

## License

Licensed under the MIT License.