open-index/open-npm huggingface dataset:
npm package: @porsche-design-system/browser-notification
Description: Stand-alone self invoking JS snippet to show a notification in case of unsupported browser features are detected or
browser cookies are disabled.
Author: Dr. Ing. h.c. F. Porsche AG
Latest version: 4.1.4
Deprecated: Package is deprecated. Please use getBrowserSupportFallbackScript() and/or getCookiesFallbackScript() from @porsche-design-system/components-{js|angular|react} npm package >= v2.14.0 directly.

# Porsche Design System - Browser Notification

Stand-alone self invoking JS snippet to show a notification in case of unsupported browser features are detected or
browser cookies are disabled.

## Using the Browser Notification

### Installation

Run the following command using [npm](https://www.npmjs.com):

```bash
npm install @porsche-design-system/browser-notification
```

If you prefer [Yarn](https://yarnpkg.com), use the following command instead:

```bash
yarn add @porsche-design-system/browser-notification
```

### Usage

The package `@porsche-design-system/browser-notification` provides several self-executing notifications that can be
bundled into your index.html depending on your use case:

- `includeOverlay()`
- `includeBanner()`
- `includeCookieOverlay()`

## License

- MIT
npm package: @porsche-design-system/prettier-config
Description: A globally standardized Prettier configuration that can be used with different projects.
Author: Dr. Ing. h.c. F. Porsche AG
Latest version: 1.0.1

# Porsche Design System - Prettier Config

A globally standardized [Prettier](https://prettier.io) configuration that can be used with different projects.

## Using the Prettier Config

### Installation

Run the following command using [npm](https://www.npmjs.com):

```bash
npm install @porsche-design-system/prettier-config --save-dev
```

If you prefer [Yarn](https://yarnpkg.com), use the following command instead:

```bash
yarn add @porsche-design-system/prettier-config --dev
```

### Usage
Requires that [Prettier](https://prettier.io) is already set up.

1.  Edit `prettier.config.js`:

```js
module.exports = {
  // ...
  ...require('@porsche-design-system/prettier-config')
};
```

## License

- MIT
npm package: @porscheinformatik/clr-addons
Description: Addon components for Clarity Angular
Author: porscheinformatik
Latest version: 19.18.2

### Installing Clarity Addons

1.  Install Clarity Addons package through npm:

    ```
    npm install @porscheinformatik/clr-addons
    ```

2.  Import the ClrAddonsModule into your Angular application's module. Your application's main module might look like this:

    ```typescript
    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { ClrAddonsModule } from '@porscheinformatik/clr-addons';
    import { AppComponent } from './app.component';

    @NgModule({
        imports: [
            BrowserModule,
            ClrAddonsModule,
            ....
         ],
         declarations: [ AppComponent ],
         bootstrap: [ AppComponent ]
    })
    export class AppModule {    }
    ```

## Documentation

For documentation on the Clarity Addons, including a list of components and example usage, see [our website](https://porscheinformatik.github.io/clarity-addons/).
npm package: @porscheinformatik/eslint-plugin-template
Description: Provides custom eslint rules for Porscheinformatik
Author: Marcel Ring
Latest version: 1.1.0

# @porscheinformatik/eslint-plugin-template

Provides custom eslint template rules for Porsche Informatik

## Installation

You'll first need to install [ESLint](https://eslint.org/):

```sh
npm i eslint --save-dev
```

Next, install `@porscheinformatik/eslint-plugin-template`:

```sh
npm install @porscheinformatik/eslint-plugin-template --save-dev
```

## Usage

Add `@porscheinformatik/template` to the plugins section of your `.eslintrc` configuration file. You can omit the `eslint-plugin-` prefix:

```json
{
    "plugins": [
        "@porscheinformatik/template"
    ]
}
```


Then configure the rules you want to use under the rules section.

```json
{
    "rules": {
        "@porscheinformatik/template/rule-name": 2
    }
}
```

It's recommended to use the `recommended` configuration

```json
{
    "extends": [
        "plugin:@porscheinformatik/template/recommended"
    ],
}
```

## Rules

<!-- begin auto-generated rules list -->

💼 Configurations enabled in.\
✅ Set in the `recommended` configuration.\
🔧 Automatically fixable by the [`--fix` CLI option](https://eslint.org/docs/user-guide/command-line-interface#--fix).

| Name                                                   | Description                                                    | 💼 | 🔧 |
| :----------------------------------------------------- | :------------------------------------------------------------- | :- | :- |
| [test-automation-id](docs/rules/test-automation-id.md) | Enforces data-testid on various tags for easier testautomation | ✅  | 🔧 |

<!-- end auto-generated rules list -->
npm package: @porscheinformatik/material-addons
Description: Custom theme and components for Angular Material
Author: porscheinformatik
Latest version: 22.0.7

## About

The goal of "material addons" is to achieve a stylesheet similar to [Clarity Addons](https://www.npmjs.com/package/@porscheinformatik/clr-addons) for [Angular Material](https://material.angular.io/).

### Material Design 3 (M3)

**Version 22.0.0+** fully supports Material Design 3 (M3):
- Modern M3 design tokens and color system
- Improved accessibility and contrast
- All existing CSS variables preserved
- No breaking API changes
- See [MIGRATION_M2_TO_M3.md](https://github.com/porscheinformatik/material-addons/blob/master/MIGRATION_M2_TO_M3.md) for upgrade details

### Requirements

Material addons requires an already set-up Angular Material project. To do a fresh start please follow [the official Angular Material guide](https://material.angular.io/guide/getting-started) before you continue, but exclude step 4 ("include a theme").

**Version compatibility:**
- Angular 22.x → Material Addons 22.x (M3)
- Angular 21.x → Material Addons 21.x (M2)
- See [full version matrix](https://github.com/porscheinformatik/material-addons#versioning)

### Installation

1.  Install Material Addons package using npm.

    ```
    npm install @porscheinformatik/material-addons
    ```

2.  Add font stylesheets and theme to your `angular.json` build configuration:

    ```json
    "styles": [
      "node_modules/roboto-fontface/css/roboto/roboto-fontface.css",
      "node_modules/material-icons/iconfont/material-icons.css",
      "node_modules/@porscheinformatik/material-addons/themes/poa.scss"
    ]
    ```

    **Available themes (all with M3 support from v22.0.0+):**
    - `poa.scss` - Porsche Informatik Austria (cyan primary)
    - `pbv.scss` - Porsche BVW (dark blue primary)
    - `carcat.scss` - CARCAT (light blue primary, custom alert density)

    **Note**: Font CSS files must be loaded via `angular.json` (not SCSS `@import`) due to SCSS module system requirements. The `roboto-fontface` and `material-icons` packages are included as dependencies.

3.  To use a component, you need to import the Module of the component in your app.module.ts:

### CSS Variables

Material Addons exposes CSS variables for customization:

```scss
// Existing variables (v21.x and earlier)
--main-primary, --selection-background, --hover-color
--panel-color, --panel-background-color, --panel-border-color
--alert-*-background-color, --alert-*-border-color, --alert-*-text-color

// New M3 system tokens (v22.0.0+)
--mat-sys-primary, --mat-sys-surface, --mat-sys-on-surface
--mat-sys-outline, --mat-sys-outline-variant
--step-border-color, --toolbar-background, --datatable-background
```

See [MIGRATION_M2_TO_M3.md](https://github.com/porscheinformatik/material-addons/blob/master/MIGRATION_M2_TO_M3.md) for full CSS variable reference.

### Demo

The demo website is linked on the [github repository page](https://github.com/porscheinformatik/material-addons).
npm package: @porscheofficial/prettier-config-porschedigital
Description: This package provides Porsche Digital's prettier-config as an extensible shared config.
Latest version: 4.0.0

# @porscheofficial/prettier-config-porschedigital

This package provides the prettier config as an extensible shared component.

The config just reflects the default values. It doesn't make any sense to install this without the ESLint config. Have a look here for specific and complete setup information:

- [Base Config](/packages/eslint-config-porschedigital-base)
- [React Config](/packages/eslint-config-porschedigital-react)

## 🔧 Configure Project

1. Install with peerDependencies:

```sh
  npm info "@porscheofficial/prettier-config-porschedigital" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs yarn add --dev "@porscheofficial/prettier-config-porschedigital"
```

2. Update `package.json`:

```json
{
  "prettier": "@porscheofficial/prettier-config-porschedigital"
}
```

3. [Optional] Add scripts to `package.json`:

```json
"scripts": {
  "prettier:ci": "prettier --check ./",
  "prettier:fix": "prettier --write ./"
}

```

5. [Optional] Enable eslint autofix:

### `if(ide === "vscode")` update `./.vscode/settings.json`:

> Requires Prettier Plugin `esbenp.prettier-vscode`

```js
// .vscode/settings.json
{
 "editor.formatOnSave": true,
 "[javascript]": {
     "editor.formatOnSave": false
 },
 "[javascriptreact]": {
     "editor.formatOnSave": false
 },
 "[typescript]": {
     "editor.formatOnSave": false
 },
 "[typescriptreact]": {
     "editor.formatOnSave": false
 }
}
```

## License

See [LICENSE](./LICENSE.md).
npm package: @port-experimental/port-cli
Description: A modular command-line interface for Port that enables data import/export, organization migration, and API operations
Author: Port Labs
Latest version: 0.2.3

# Port CLI (npm package)

This is the npm package distribution of Port CLI. For the full documentation, see the [main repository](https://github.com/port-experimental/port-cli).

## Installation

```bash
# Global installation
npm install -g @port-experimental/port-cli

# Or use with npx (no installation needed)
npx @port-experimental/port-cli --version

# Or install locally in your project
npm install @port-experimental/port-cli
```

## Usage

After installation, use the `port` command:

```bash
port --version
port config --init
port export --output backup.tar.gz
```

## Verifying Installation

To verify that Port CLI is installed correctly:

```bash
# Check if the command is available
which port

# Check the version
port --version

# Test with help command
port --help
```

If installation was successful, you should see output from the `port` command. If you get a "command not found" error, make sure:

1. The npm global bin directory is in your PATH
2. You installed with `-g` flag for global installation
3. You've restarted your terminal after installation

To check where npm installs global packages:

```bash
npm root -g
```

## Platform Support

This package includes binaries for:
- Linux (amd64, arm64)
- macOS (amd64, arm64)
- Windows (amd64, arm64)

The correct binary for your platform will be automatically selected during installation.