open-index/open-npm huggingface dataset:
npm package: @prosoft/components
Description: A set of angular components compatible with and/or dependent on @angular/material
Latest version: 4.0.0

# @prosoft/components [![npm version](https://img.shields.io/npm/v/@prosoft/components.svg?style=flat)](https://www.npmjs.com/package/@prosoft/components) [![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)

A set of angular components compatible with and/or dependent on @angular/material

## License

[MIT](LICENSE)
npm package: @prosomo/browserslist-config
Description: Shared browserslist configuration for Prosomo.
Author: Prosomo Inc.
Latest version: 2.0.0

# `@prosomo/browserslist-config`

[![License](https://img.shields.io/gitlab/license/prosomo/web-configs?style=flat-square)](../../LICENSE)
![npm version](https://img.shields.io/npm/v/%40prosomo%2Fbrowserslist-config?style=flat-square)

Shared [browserslist](https://github.com/browserslist/browserslist) configuration for Prosomo.

## Supported Browsers

| Browser                     | Version |
| --------------------------- | ------- |
| Chrome & Chrome for Android | last 3  |
| Firefox                     | last 3  |
| Opera                       | last 3  |
| Edge                        | last 3  |
| Safari                      | last 3  |
| iOS                         | >= 13.4 |

You can list all supported browsers by running `npx browserslist "last 1 firefoxandroid versions, last 3 chrome versions, last 3 chromeandroid versions, last 3 firefox versions, last 3 opera versions, last 3 edge versions, last 3 safari versions, ios >= 13.4"`

## Installation

**With pnpm**

```bash
pnpm add --dev @prosomo/browserslist-config
```

**With Yarn**

```bash
yarn add --dev @prosomo/browserslist-config
```

**With npm**

```bash
npm install --save-dev @prosomo/browserslist-config
```

## Usage

Add a `browserslist` property in your `package.json`. See the [browserslist configuration docs](https://github.com/browserslist/browserslist#config-file) for more details.

```json
{
	"browserslist": ["extends @prosomo/browserslist-config"]
}
```
npm package: @prosomo/eslint-config
Description: Shared ESLint configurations for Prosomo.
Author: Prosomo Inc.
Latest version: 2.1.1

# `@prosomo/eslint-config`

[![License](https://img.shields.io/gitlab/license/prosomo/web-configs?style=flat-square)](../../LICENSE)
![npm version](https://img.shields.io/npm/v/%40prosomo%2Feslint-config?style=flat-square)

Shared [ESLint](https://eslint.org) configurations for Prosomo.

## Installation

**With pnpm**

```bash
pnpm add --dev eslint eslint-config-prettier @prosomo/eslint-config
```

**With Yarn**

```bash
yarn add --dev eslint eslint-config-prettier @prosomo/eslint-config
```

**With npm**

```bash
npm install --save-dev eslint eslint-config-prettier @prosomo/eslint-config
```

If you need TypeScript support, also install `typescript`, `@typescript-eslint/eslint-plugin` and `@typescript-eslint/parser`.

If you need React support, also install `eslint-plugin-react`.

## Available configs

- `@prosomo/eslint-config`
- `@prosomo/eslint-config/typescript`
- `@prosomo/eslint-config/react`
- `@prosomo/eslint-config/react-typescript`

## Usage

Create a `.eslintrc.cjs` file in the root of your project with the following contents. See the [ESLint configuration docs](https://eslint.org/docs/latest/user-guide/configuring/configuration-files) for more details.

```cjs
/** @type {import("eslint").ESLint.ConfigData} */
const config = {
	extends: ["@prosomo/eslint-config"],
};

module.exports = config;
```

Now you can run ESLint by adding a linting script to your `package.json`. See the [ESLint CLI docs](https://eslint.org/docs/latest/user-guide/command-line-interface) for more details.

```json
{
	"scripts": {
		"lint": "eslint ."
	}
}
```

Run it:

**With pnpm**

```bash
pnpm lint
```

**With Yarn**

```bash
yarn lint
```

**With npm**

```bash
npm run lint
```
npm package: @prosomo/prettier-config
Description: Shared Prettier rules for Prosomo.
Author: Prosomo Inc.
Latest version: 2.0.0

# `@prosomo/prettier-config`

[![License](https://img.shields.io/gitlab/license/prosomo/web-configs?style=flat-square)](../../LICENSE)
![npm version](https://img.shields.io/npm/v/%40prosomo%2Fprettier-config?style=flat-square)

Shared [Prettier](https://prettier.io) rules for Prosomo.

## Installation

**With pnpm**

```bash
pnpm add --dev prettier @prosomo/prettier-config
```

**With Yarn**

```bash
yarn add --dev prettier @prosomo/prettier-config
```

**With npm**

```bash
npm install --save-dev prettier @prosomo/prettier-config
```

## Usage

Add a `prettier` property in your `package.json`. See the [Prettier configuration docs](https://prettier.io/docs/en/options.html) for more details.

```json
{
	"prettier": "@prosomo/prettier-config"
}
```

Now you can run Prettier by adding linting and formatting scripts to your `package.json`. See the [Prettier CLI docs](https://prettier.io/docs/en/cli.html) for more details.

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

Run it:

**With pnpm**

```bash
pnpm lint
pnpm format
```

**With Yarn**

```bash
yarn lint
yarn format
```

**With npm**

```bash
npm run lint
npm run format
```
npm package: @prosomo/stylelint-config
Description: Shared stylelint configurations for Prosomo.
Author: Prosomo Inc.
Latest version: 3.0.0

# `@prosomo/stylelint-config`

[![License](https://img.shields.io/gitlab/license/prosomo/web-configs?style=flat-square)](../../LICENSE)
![npm version](https://img.shields.io/npm/v/%40prosomo%2Fstylelint-config?style=flat-square)

Shared [stylelint](https://stylelint.io) configurations for Prosomo.

## Installation

**With pnpm**

```bash
pnpm add --dev stylelint stylelint-config-prettier stylelint-config-standard @prosomo/stylelint-config
```

**With Yarn**

```bash
yarn add --dev stylelint stylelint-config-prettier stylelint-config-standard @prosomo/stylelint-config
```

**With npm**

```bash
npm install --save-dev stylelint stylelint-config-prettier stylelint-config-standard @prosomo/stylelint-config
```

If you want browserslist support, also install `stylelint-no-unsupported-browser-features` and our [browserslist config](https://gitlab.com/prosomo/web-configs/blob/main/packages/browserslist-config/README.md).

## Available configs

- `@prosomo/stylelint-config`
- `@prosomo/stylelint-config/browserslist`

## Usage

Create a `.stylelintrc.cjs` file in the root of your project with the following contents. See the [stylelint configuration docs](https://stylelint.io/user-guide/configure) for more details.

```cjs
/** @type {import("stylelint").Config} */
const config = {
	extends: ["@prosomo/stylelint-config"],
};

module.exports = config;
```

Now you can run stylelint by adding a linting script to your `package.json`. See the [stylelint CLI docs](https://stylelint.io/user-guide/usage/cli) for more details.

```json
{
	"scripts": {
		"lint": "stylelint \"src/**/*.css\""
	}
}
```

Run it:

**With pnpm**

```bash
pnpm lint
```

**With Yarn**

```bash
yarn lint
```

**With npm**

```bash
npm run lint
```
npm package: @prosomo/typescript-config
Description: Shared extensible TypeScript configurations for Prosomo.
Author: Prosomo Inc.
Latest version: 2.2.0

# `@prosomo/typescript-config`

[![License](https://img.shields.io/gitlab/license/prosomo/web-configs?style=flat-square)](../../LICENSE)
![npm version](https://img.shields.io/npm/v/%40prosomo%2Ftypescript-config?style=flat-square)

Shared extensible [TypeScript](https://www.typescriptlang.org) configurations for Prosomo.

## Available configs

- `@prosomo/typescript-config/base.json`
- `@prosomo/typescript-config/react.json`
- `@prosomo/typescript-config/react-app.json`
- `@prosomo/typescript-config/react-library.json`
- `@prosomo/typescript-config/node.json`
- `@prosomo/typescript-config/node-library.json`

## Installation

**With pnpm**

```bash
pnpm add --dev typescript @prosomo/typescript-config
```

**With Yarn**

```bash
yarn add --dev typescript @prosomo/typescript-config
```

**With npm**

```bash
npm install --save-dev typescript @prosomo/typescript-config
```

If you need Node.js support, also install `@types/node`.

If you need React support, also install `@types/react`.

## Usage

Create a `tsconfig.json` file at the root of your project, and add the desired config to the `extends` parameter. See the [tsconfig Docs](https://typescriptlang.org/tsconfig) for more details.

```json
{
	"extends": "@prosomo/typescript-config/base.json"
}
```

Now you can run TypeScript checks by adding a checking script to your `package.json`. See the [tsc CLI docs](https://www.typescriptlang.org/docs/handbook/compiler-options.html) for more details.

```json
{
	"scripts": {
		"check": "tsc --noEmit"
	}
}
```

Run it:

**With pnpm**

```bash
pnpm check
```

**With Yarn**

```bash
yarn check
```

**With npm**

```bash
npm run check
```

## Examples

### React application

```json
{
	"extends": "@prosomo/typescript-config/react-app.json",
	"compilerOptions": {
		"baseUrl": "./src",
		"rootDir": ".",
		"paths": {
			"$assets": ["assets"],
			"$components": ["components"],
			"$hooks": ["hooks"],
			"$routes": ["routes"],
			"$utils": ["utils"]
		}
	},
	"include": ["./src/**/*"]
}
```

### React library

This example config is assuming the library code sits in the `[project root]/src` folder.

```json
{
	"extends": "@prosomo/typescript-config/react-library.json",
	"compilerOptions": {
		"baseUrl": "./src",
		"rootDir": ".",
		"outDir": "./dist"
	},
	"include": ["./src/**/*"]
}
```

### Other Node projects

This config can be useful for backend servers.

```json
{
	"extends": "@prosomo/typescript-config/node.json",
	"compilerOptions": {
		"baseUrl": "./src",
		"rootDir": ".",
		"outDir": "./dist"
	},
	"ts-node": {
		"transpileOnly": true
	},
	"include": ["./src/**/*"]
}
```