open-index/open-npm huggingface dataset:
npm package: @heyadmin-ag/meteor-prettier-config
Description: Prettier configuration for HeyAdmin projects
Latest version: 1.0.0

# @shopware-ag/meteor-prettier-config

A shared prettier config for shopware projects.

## Installation

With npm:

```bash
npm i -D @shopware-ag/meteor-prettier-config
```

With pnpm:

```bash
pnpm i -D @shopware-ag/meteor-prettier-config
```

# Usage

There are two ways to use this new config:

1. By configuring prettier inside your `package.json` file:

```jsonc
{
  "name": "my-package",
  "devDependencies": {
    "prettier": "^3.0.0",
  },
  // ↓ This is the important part ↓
  "prettier": "@shopware-ag/meteor-prettier-config",
}
```

2. Or you can use a `.prettierrc.js` file:

```js
import meteorPrettierConfig from "@shopware-ag/meteor-prettier-config";

export default meteorPrettierConfig;
```

For a full guide you can read the [prettier configuration](https://prettier.io/docs/sharing-configurations#extending-a-sharable-config).

## Using single quotes

We strongly advise to keep the configuration as is. The pre-defined config, aswell as prettier exist to avoid unnecessary discussions about things that do not matter.

However, if you _really_ dislike using double quotes, you can override
that setting like so:

```js
// filename: .prettierrc.js
import meteorPrettierConfig from "@shopware-ag/meteor-prettier-config";

export default {
  ...meteorPrettierConfig,
  singleQuote: true,
};
```
npm package: @heyadmin-ag/meteor-tokens
Description: Design Tokens for the Meteor Design System used at HeyAdmin
Author: shopware AG
Latest version: 1.1.0

This repository contains the Design Tokens for the Meteor Design System at shopware.

## Installation

```sh
npm install @heyadmin-ag/meteor-tokens
```

## Usage

This packages exposes a handful of files to consume:

- Primitive tokens
- Tokens for the Shopware 6 Administration (light & dark)

As an example we'll show you how to make use of the tokens
for the Shopware 6 Administration.

Import the CSS files that contain the corresponding tokens.

```js
import '@heyadmin-ag/meteor-tokens/administration/light.css';

// If you want to support dark mode
import '@heyadmin-ag/meteor-tokens/administration/dark.css';
```

Now, you're able to make use of the Design Tokens trough
CSS custom properties, like this:

```css
.sw-button {
  background-color: var(--color-interaction-primary-default);
}
```

To switch to the dark mode add the attribute `data-theme="dark"` to
a DOM element as far up in the DOM tree as possible.

```html
<body data-theme="dark">
  <!-- Your application -->
</body>
```

## License

Shopware 6 is completely free and released under the [MIT License](./LICENSE.md).
npm package: @heyadmin-ag/stylelint-plugin-meteor
Description: The stylelint plugin for the Meteor Design System
Latest version: 2.0.0

# stylelint-plugin-meteor

This stylelint plugin adds a handful of rules for the Meteor Design System.

## Installation

Add this package to your project:

```sh
npm i -D @heyadmin-ag/stylelint-plugin-meteor
```

Add this package to your stylelint config.

```json
{
  "plugins": ["@heyadmin-ag/stylelint-plugin-meteor"],
  "rules": {
    "meteor/prefer-sizing-token": [
      true,
      {
        "severity": "warning"
      }
    ]
  }
}
```

# Rules

- `meteor/no-primitive-token`
- `meteor/prefer-background-token`
- `meteor/prefer-border-token`
- `meteor/prefer-color-token`
- `meteor/prefer-font-token`
- `meteor/prefer-sizing-token`
npm package: @heyai/concierge
Description: ## Overview
Author: heyai.pro
Latest version: 0.5.0

# Concierge Chat Widget Web SDK

## Overview

The Concierge Chat Widget Web SDK is a powerful tool designed to seamlessly integrate the Concierge chatbot (https://heyai.pro/concierge) into your website. This SDK allows you to embed an interactive chat interface, providing your users with instant access to AI-powered assistance directly from your web pages.

This SDK is designed to be lightweight, easy to implement, and highly customizable, ensuring that it integrates smoothly with your existing web infrastructure while maintaining your brand's look and feel.


## Installation

### npm

```shell
npm install @heyai/concierge 
```

### yarn

```shell
yarn add @heyai/concierge
```

### CDN

`https://cdn.jsdelivr.net/npm/@heyai/concierge@latest/dist/bundle.js`


## Usage

### HTML

```html
<script src="https://cdn.jsdelivr.net/npm/@heyai/concierge@latest/dist/bundle.js"></script>
<script>
  Concierge.renderChatWidget({ apiKey: '<your-api-key>' });
</script>
```

Replace the api key with yours.

### React

If you use React.js, you can use the following code to embed the chat widget.

```tsx
import { useEffect } from "react";

declare global {
  interface Window {
    Concierge: any;
  }
}

const ConciergeWidget = () => {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'https://cdn.jsdelivr.net/npm/@heyai/concierge@latest/dist/bundle.js';
    script.async = true;
    script.onload = () => {
      if (window.Concierge) {
        window.Concierge.renderChatWidget({ apiKey: '<your-api-key>' });
      }
    };
    document.body.appendChild(script);

    return () => {
      document.body.removeChild(script);
    };
  }, []);

  return <div id="chatbot-container" />;
};

export default ConciergeWidget;
```

You can use this component in your React.js app.

```tsx
const App = () => {
  return (
    <div>
      <ConciergeWidget />
    </div>
  );
};
```


Replace the api key with yours.