open-index/open-npm huggingface dataset:
npm package: @querlo/sdk
Description: Querlo Chatbot Embed SDK - Programmatic control and multi-instance support
Author: Querlo
Latest version: 1.3.3

# Querlo Chatbot SDK

The Querlo Chatbot SDK allows you to embed and manage multiple highly-customizable chatbot instances on any webpage. It supports programmatic control, custom positioning, entry animations, and a premium fullscreen experience.

## Installation

### Via NPM (Recommended for Modern Bundlers)

```bash
npm install @querlo/sdk
```

```javascript
import Querlo from '@querlo/sdk';

// Progammatically embed a chatbot
const chat = Querlo.embed({
    id: 'YOUR_BOT_ID',
    template: 'esd',
    mainColor: '#ff0000',
    posX: 'right',
    posY: 'bottom'
});

chat.open();
```

### Via Browser Script Tag

```html
<script src="https://cdn.example.com/@querlo/sdk/dist/querlo-sdk.umd.js"></script>
<script>
    Querlo.embed({
        id: 'YOUR_BOT_ID',
        template: 'esd'
    });
</script>
```

## Features

- **Multi-Instance Support**: Run multiple chatbots on the same page without conflicts.
- **Programmatic API**: Control individual bots via a returned `controller`.
- **Global Commands**: Manage all onscreen bots with a single call (e.g., `Querlo.close()`).
- **Flexible Positioning**: Place bots in any corner (`top-left`, `top-right`, `bottom-left`, `bottom-right`).
- **Premium Aesthetics**: Smooth SVG-based entry animations and fluid fullscreen transitions.
- **CSS Injected by JS**: No need to link external CSS files; everything is bundled in the JS.

## Documentation

For a full reference of commands, events, and templates, please refer to the [QUERLO_SDK_GUIDE.md](./QUERLO_SDK_GUIDE.md).

## License

MIT
npm package: @quero/eslint-config-base
Description: Base eslint config for JavaScript projects for Quero Education
Latest version: 2.2.0

# `@quero/eslint-config-base`

## Rules

**no-implicit-coercion:**

<details>
<summary>No conversion shorthands: ~, !!, + or *</summary>

It is bad for reading, especially if you do not know what those shorthands do, because they are not intuitive

</details>


```js
// BAD:
var b = !!foo;
var b = ~foo.indexOf(".");
var n = +foo;
var n = 1 * foo;
var s = "" + foo;
foo += ``;

// GOOD:
var b = Boolean(foo);
var b = foo.indexOf(".") !== -1;
var n = Number(foo);
var n = Number(foo);
var s = String(foo);
foo = String(foo);
```

**arrow-parens:**

```js
// BAD:
(a) => console.log(a);

a => {
  console.log(a);
}

// GOOD:
() => {};

a => console.log(a);
(a, b) => console.warn(a, b);
({ a }) => console.warn(a);

(a) => {
  console.log(a);
};
```

**brace-style:**
**comma-dangle**
**comma-spacing**
**curly**
**eol-last**
**eqeqeq**
**indent**
**key-spacing**
**keyword-spacing**
**no-duplicate-imports**
**no-extra-semi**
**no-multiple-empty-lines**
**no-multi-spaces**
**no-return-await**
**no-trailing-spaces**
**no-undef**
**object-curly-newline**
**object-curly-spacing**
**padding-line-between-statements**
**prefer-const**
**quotes**
**semi**
**space-before-blocks**
**space-in-parens**
**space-infix-ops**
**no-unused-vars**
npm package: @quero/eslint-config-nuxt
Description: Base eslint config for Vue projects for Quero Education
Latest version: 1.1.3

# `@quero/eslint-config-nuxt`

You only need to install `elsint` and this package;

```base
pnpm add -D eslint @quero/elsint-config-nuxt
# or
npm install --save-dev eslint @quero/elsint-config-nuxt
```

```javascript
module.exports = {
  extends: ['@quero/eslint-config-nuxt'],
}
```
npm package: @quero/eslint-config-react
Description: Base eslint config for React projects for Quero Education
Latest version: 1.2.3

# `@quero/eslint-config-react`

## Usage

```bash
npm install --save-dev @quero/eslint-config-react

cat <<EOF > .eslintrc.js
module.exports = {
    extends: [
        '@quero/eslint-config-react',
    ],
};
EOF
```

## Rules

This package extends all of the below described:

```js
  extends: [
    '@quero/base',
    'plugin:react/recommended',
    'plugin:testing-library/react',
    'plugin:jest-dom/recommended',
    'plugin:jsx-a11y/recommended',
  ],
```

### `react/jsx-max-props-per-line`

```jsx
// GOOD
<BaseStep
    payment={payment}
    onSubmit={onSubmit}
    onRequestError={onRequestError}
/>

// BAD
<BaseStep payment={payment} onSubmit={onSubmit} onRequestError={onRequestError} />
```
npm package: @quero/eslint-config-typescript
Description: Base eslint config for Typescript projects for Quero Education
Latest version: 1.5.0

# `@quero/eslint-config-typescript`

## Rules

**arrow-parens:**

```js
// GOOD:
() => {};

a => console.log(a);
(a, b) => console.warn(a, b);
({ a }) => console.warn(a);

(a) => {
  console.log(a);
};

//BAD:
(a) => console.log(a);

a => {
  console.log(a);
}
```

**brace-style:**
**comma-dangle**
**comma-spacing**
**curly**
**eol-last**
**eqeqeq**
**indent**
**key-spacing**
**keyword-spacing**
**no-duplicate-imports**
**no-extra-semi**
**no-multiple-empty-lines**
**no-multi-spaces**
**no-return-await**
**no-trailing-spaces**
**no-undef**
**object-curly-newline**
**object-curly-spacing**
**padding-line-between-statements**
**prefer-const**
**quotes**
**semi**
**space-before-blocks**
**space-in-parens**
**space-infix-ops**
**no-unused-vars**
npm package: @quero/eslint-config-vue
Description: Base eslint config for Vue projects for Quero Education
Latest version: 5.0.1

# `@quero/eslint-config-vue`

When using this, you should add to the `eslintrc` in the extends the recommended version of the vue you are using:

```javascript
module.exports = {
  extends: [
    'plugin:vue/vue3-recommended',
    // 'plugin:vue/vue-recommended', // if you are still using vue 2
    '@quero/eslint-config-typescript',
    // '@quero/eslint-config-base', // if you are still using pure javascript
    '@quero/eslint-config-vue',
    'plugin:vuejs-accessibility/recommended',
  ],
  plugins: [
    '@quero/vue',
    'vuejs-accessibility',
  ],
}
```

vuejs-accessibility is not automatically installed with @quero/eslint-config-vue, but it's highly recommended to also use it.

## Rules

This package inherits all configurations from `@quero/eslint-config-base`.
npm package: @quero/stylelint-config-base
Description: Base stylelint config for css and scss in Quero Education's projects
Latest version: 2.1.0

# `@quero/stylelint-config-base`

Try avoiding [ignoring rules](https://stylelint.io/user-guide/ignore-code).

## Usage

```bash
npm install --save-dev @quero/stylelint-config-base

cat <<EOF > .stylelintrc.js
module.exports = {
    extends: '@quero/stylelint-config-base',
};
EOF
```

## Rules

*`block-no-empty`*

https://stylelint.io/user-guide/rules/block-no-empty

```css
/**
 * BAD
 */

a {}
a { }
@media print {
  a {}
}

/**
 * GOOD
 */

a {
  /* foo */
}
@media print {
  a {
    color: pink;
  }
}
```

*`block-no-empty`*

https://stylelint.io/user-guide/rules/block-no-empty

```css
/**
 * BAD
 */

a { color: black; }
a { color: white; }

/**
 * GOOD
 */

a { color: #000; }
a { color: rgb(0, 0, 0); }
a { color: var(--white); }
```

*`declaration-no-important`*

https://stylelint.io/user-guide/rules/declaration-no-important

```css
/**
 * BAD
 */

a { color: pink !important; }
a { color: pink ! important; }
a { color: pink!important; }

/**
 * GOOD
 */

a { color: pink; }
```

*`no-descending-specificity`*

https://stylelint.io/user-guide/rules/no-descending-specificity

```css
/**
 * BAD
 */

b a {}
a {}
a + a {}
a {}
b > a[foo] {}
a[foo] {}
a {
  & > b {}
}
b {}
@media print {
  #c a {}
  a {}
}

/**
 * GOOD
 */

a {}
b a {}
a {}
a + a {}
a[foo] {}
b > a[foo] {}
b {}
a {
  & > b {}
}
a::before {}
a:hover::before {}
a {}
a:hover {}
@media print {
  a {}
  #c a {}
}
a {}
@media print {
  #baz a {}
}
```

*`selector-max-specificity`*

https://stylelint.io/user-guide/rules/selector-max-specificity

```css
/**
 * BAD
 */

#foo {}
.foo .baz .bar {}
.foo .baz {
  & .bar {}
}
.foo {
  color: red;
  @nest .baz .bar & {
    color: blue;
  }
}

/**
 * GOOD
 */

.foo {}
.foo__bar {
.foo__bar--baz {}
```
npm package: @query-adaptor/react-query
Description: Powerful fetching middleware, flexible HTTP client management for @tanstack/react-query
Author: Gwansik Kim
Latest version: 0.3.1

# @query-adaptor/react-query &middot; [![npm version](https://img.shields.io/npm/v/@query-adaptor/react-query?color=000&labelColor=000&logo=npm)](https://www.npmjs.com/package/@query-adaptor/react-query) [![npm downloads](https://img.shields.io/npm/dm/@query-adaptor/react-query?color=000&labelColor=000)](https://www.npmjs.com/package/@query-adaptor/react-query) [![npm bundle size](https://img.shields.io/bundlephobia/min/@query-adaptor/react-query?color=000&labelColor=000)](https://www.npmjs.com/package/@query-adaptor/react-query)

To effectively use @query-adaptor/react-query, it is recommended to install query-adaptor. Query Adaptor is available on npm.

## Installation

1. Install query-adaptor.

```bash
npm install query-adaptor
```

2. Install @query-adaptor/react-query.

```bash
npm install @query-adaptor/react-query
```

## Official Documentation

Visit the [official documentation](https://query-adaptor.gwansik.dev) for detailed information on installation, usage, and more.
npm package: @query-api/js
Description: An url builder to make queries from Craft CMS
Author: Samuel Reichoer
Latest version: 0.8.0

<div align="center">
	<a href="https://www.npmjs.com/package/@query-api/js"  align="center">
		<img src="https://online-images-sr.netlify.app/assets/ts-craft.png"  alt="Logo of Craft CMS and Typescript">
	</a>
	<h1 align="center">@query-api/js</h1>
  <p align="center">
    Bring the Craft CMS Query Builder to your Favorite JS Framework.
  </p>
  <br />
</div>

<p align="center">
  <a href="https://www.npmjs.com/package/@query-api/js">
    <img src="https://img.shields.io/npm/v/%40query-api%2Fjs?color=blue" alt="JS Craft CMS API latest version" />
  </a>
  <a href="https://www.npmjs.com/package/@query-api/js" rel="nofollow">
    <img src="https://img.shields.io/npm/d18m/%40query-api%2Fjs?color=blue" alt="JS Craft CMS API downloads">
  </a>
  <a href="https://www.npmjs.com/package/@query-api/js" rel="nofollow">
    <img src="https://img.shields.io/npm/l/%40query-api%2Fjs?color=blue" alt="JS Craft CMS API license">
  </a>
</p>

## Install

```bash
npm install @query-api/js
```

> [!TIP]
>
> [Documentation](https://samuelreichor/libraries/js-craftcms-api)

## Features

- **Support for Main Element Types:** Query addresses, assets, entries and users.
- **Helper for Preview Mode:** Easily add preview mode to your headless setup.
- **Typesafe:** Built with typescript in mind.
- **Easy Adaptable:** You can easily build your own custom wrapper with that core logic.

## Requirements

This plugin requires the [Craft Query API](https://github.com/samuelreichor/craft-query-api)
installed on your Craft CMS instance.

## Documentation

Visit the [JS SDK documentation](https://samuelreichor.at/libraries/js-craftcms-api) for all
documentation, guides and developer resources.

## Further Resources

- [Craft Query API](https://samuelreichor.at/libraries/craft-query-api): The Craft CMS Plugin, that
  powers this great stuff.
- [Vue SDK](https://samuelreichor.at/libraries/vue-craftcms): A package to use the query builder in
  Vue.
- [Nuxt SDK](https://samuelreichor.at/libraries/nuxt-craftcms): A package to use the query builder
  in Nuxt.

## Support

If you encounter bugs or have feature requests, [please submit an issue](/../../issues/new). Your
feedback helps improve the library!
npm package: @query-api/next
Description: Craft CMS Query Builder for Next
Author: Samuel Reichoer
Latest version: 0.8.0

<div align="center">
	<a href="https://www.npmjs.com/package/@query-api/next"  align="center">
		<img src="https://online-images-sr.netlify.app/assets/next-craft.png"  alt="Logo of Craft CMS and Next">
	</a>
	<h1 align="center">@query-api/next</h1>
  <p align="center">
    Write Craft CMS Queries in Next, like you would in Twig. 🚀🚀
  </p>
  <br />
</div>

<p align="center">
  <a href="https://www.npmjs.com/package/@query-api/Next">
    <img src="https://img.shields.io/npm/v/%40query-api%2FNext?color=blue" alt="Next Craft CMS latest version" />
  </a>
  <a href="https://www.npmjs.com/package/@query-api/Next" rel="nofollow">
    <img src="https://img.shields.io/npm/d18m/%40query-api%2FNext?color=blue" alt="Next Craft CMS downloads">
  </a>
  <a href="https://www.npmjs.com/package/@query-api/Next" rel="nofollow">
    <img src="https://img.shields.io/npm/l/%40query-api%2FNext?color=blue" alt="Next Craft CMS license">
  </a>
</p>

## Install

```bash
npm install @query-api/next
```

> [!TIP]
>
> [Documentation](https://samuelreichor.at/libraries/query-api-next)

## Features

- **Query builder:** Easily build and execute queries directly from Next, enabling flexible,
  real-time data retrieval from Craft CMS
- **Server & Client Component Support**: Use it in client components or server components with
  dedicated functions and hooks.
- **Built in Helper Components:** Connect your data directly with your React components, to speed up
  development.
- **Get Only the Data You Need:** Avoid overfetching by using a custom function in the query builder
  to select only the fields you require.
- **Pretty Json:** Json Transformer are in place to prettify the response.
- **Support for Main Element Types:** Query addresses, assets, entries and users.
- **Full Typescript Suppport**: Craft Query Builder with typescript support pretty cool hah?😎
- **Multisite Helper Functions**: Built in hooks and functions to support Craft Multisites.

## Requirements

This plugin requires Next >=15 and the
[Craft Query API](https://github.com/samuelreichor/craft-query-api) installed on your Craft CMS
instance.

## Documentation

Visit the [Next SDK documentation](https://samuelreichor.at/libraries/query-api-next) for all
documentation, guides and developer resources.

## Further Resources

- [Craft CMS Plugin](https://samuelreichor.at/libraries/craft-query-api): The Craft CMS Plugin, that
  powers this great stuff.
- [JS SDK](https://samuelreichor.at/libraries/js-craftcms-api): The core package of the query
  builder.

## Support

If you encounter bugs or have feature requests, [please submit an issue](/../../issues/new). Your
feedback helps improve the library!
npm package: @query-api/nuxt
Description: Craft CMS Query Builder for Nuxt
Author: Samuel Reichoer
Latest version: 0.8.0

<div align="center">
	<a href="https://www.npmjs.com/package/@query-api/nuxt"  align="center">
		<img src="https://online-images-sr.netlify.app/assets/nuxt-craft.png"  alt="Vue Craft CMS banner">
	</a>
	<h1 align="center">@query-api/nuxt</h1>
  <p align="center">
    Write Craft CMS Queries in Nuxt, like you would in Twig. 🚀🚀
  </p>
  <br />
</div>

<p align="center">
  <a href="https://www.npmjs.com/package/@query-api/nuxt">
    <img src="https://img.shields.io/npm/v/%40query-api%2Fnuxt?color=blue" alt="Nuxt Craft CMS latest version" />
  </a>
  <a href="https://www.npmjs.com/package/@query-api/nuxt" rel="nofollow">
    <img src="https://img.shields.io/npm/d18m/%40query-api%2Fnuxt?color=blue" alt="Nuxt Craft CMS downloads">
  </a>
  <a href="https://www.npmjs.com/package/@query-api/nuxt" rel="nofollow">
    <img src="https://img.shields.io/npm/l/%40query-api%2Fnuxt?color=blue" alt="Nuxt Craft CMS license">
  </a>
</p>

## Install

```bash
npm install @query-api/nuxt
```

> [!TIP]
>
> [Documentation](https://samuelreichor/libraries/nuxt-craftcms)

## Features

- **Query builder:** Easily build and execute queries directly from Nuxt, enabling flexible,
  real-time data retrieval from Craft CMS
- **Built in Helper Components:** Connect your data directly with your Vue components, to speed up
  development.
- **Get Only the Data You Need:** Avoid overfetching by using a custom function in the query builder
  to select only the fields you require.
- **Pretty Json:** Json Transformer are in place to prettify the response.
- **Support for Main Element Types:** Query addresses, assets, entries and users.
- **Full Typescript Suppport**: Craft Query Builder with typescript support pretty cool hah?😎
- **Multisite Composables**: Built in composables to support Craft Multisites.
- **SeoMatic Composables**: Connect SeoMatic with Nuxt fast with the built in SeoMatic composables.

## Requirements

This plugin requires Nuxt 3 and the
[Craft Query API](https://github.com/samuelreichor/craft-query-api) installed on your Craft CMS
instance.

## Documentation

Visit the [Nuxt SDK documentation](https://samuelreichor.at/libraries/nuxt-craftcms) for all
documentation, guides and developer resources.

## Further Resources

- [Craft CMS Plugin](https://samuelreichor.at/libraries/craft-query-api): The Craft CMS Plugin, that
  powers this great stuff.
- [JS SDK](https://samuelreichor.at/libraries/js-craftcms-api): The core package of the query
  builder.
- [Vue SDK](https://samuelreichor.at/libraries/vue-craftcms): A package to use the query builder in
  Vue.

## Support

If you encounter bugs or have feature requests, [please submit an issue](/../../issues/new). Your
feedback helps improve the library!
npm package: @query-api/react
Description: Craft CMS Query Builder for React
Author: Samuel Reichoer
Latest version: 0.8.0

<div align="center">
	<a href="https://www.npmjs.com/package/@query-api/react"  align="center">
		<img src="https://online-images-sr.netlify.app/assets/react-craft-sdk.png"  alt="Logo of Craft CMS and React">
	</a>
	<h1 align="center">@query-api/react</h1>
  <p align="center">
    Write Craft CMS Queries in React, like you would in Twig. 🚀🚀
  </p>
  <br />
</div>

<p align="center">
  <a href="https://www.npmjs.com/package/@query-api/react">
    <img src="https://img.shields.io/npm/v/%40query-api%2Freact?color=blue" alt="React Craft CMS latest version" />
  </a>
  <a href="https://www.npmjs.com/package/@query-api/react" rel="nofollow">
    <img src="https://img.shields.io/npm/d18m/%40query-api%2Freact?color=blue" alt="React Craft CMS downloads">
  </a>
  <a href="https://www.npmjs.com/package/@query-api/react" rel="nofollow">
    <img src="https://img.shields.io/npm/l/%40query-api%2Freact?color=blue" alt="React Craft CMS license">
  </a>
</p>

## Install

```bash
npm install @query-api/react
```

> [!TIP]
>
> [Documentation](https://samuelreichor.at/libraries/query-api-react)

## Features

- **Query builder:** Easily build and execute queries directly from Next, enabling flexible,
  real-time data retrieval from Craft CMS
- **Built in Helper Components:** Connect your data directly with your React components, to speed up
  development.
- **Get Only the Data You Need:** Avoid overfetching by using a custom function in the query builder
  to select only the fields you require.
- **Pretty Json:** Json Transformer are in place to prettify the response.
- **Support for Main Element Types:** Query addresses, assets, entries and users.
- **Full Typescript Suppport**: Craft Query Builder with typescript support pretty cool hah?😎
- **Multisite Helper Hooks**: Built in hooks and functions to support Craft Multisites with ease.

## Requirements

This plugin requires React and the
[Craft Query API](https://github.com/samuelreichor/craft-query-api) installed on your Craft CMS
instance.

## Documentation

Visit the [React SDK documentation](https://samuelreichor.at/libraries/query-api-react) for all
documentation, guides and developer resources.

## Further Resources

- [Craft CMS Plugin](https://samuelreichor.at/libraries/craft-query-api): The Craft CMS Plugin, that
  powers this great stuff.
- [JS SDK](https://samuelreichor.at/libraries/js-craftcms-api): The core package of the query
  builder.

## Support

If you encounter bugs or have feature requests, [please submit an issue](/../../issues/new). Your
feedback helps improve the library!
npm package: @query-api/vue
Description: Craft CMS Query Builder for Vue
Author: Samuel Reichoer
Latest version: 0.8.0

<div align="center">
	<a href="https://www.npmjs.com/package/@query-api/vue"  align="center">
		<img src="https://online-images-sr.netlify.app/assets/vue-craft-sdk.png"  alt="Logo of Craft CMS and Vue">
	</a>
	<h1 align="center">@query-api/vue</h1>
  <p align="center">
    Write Craft CMS Queries in Vue, like you would in Twig. 🚀🚀
  </p>
  <br />
</div>

<p align="center">
  <a href="https://www.npmjs.com/package/@query-api/vue">
    <img src="https://img.shields.io/npm/v/%40query-api%2Fvue?color=blue" alt="Vue Craft CMS latest version" />
  </a>
  <a href="https://www.npmjs.com/package/@query-api/vue" rel="nofollow">
    <img src="https://img.shields.io/npm/d18m/%40query-api%2Fvue?color=blue" alt="Vue Craft CMS downloads">
  </a>
  <a href="https://www.npmjs.com/package/@query-api/vue" rel="nofollow">
    <img src="https://img.shields.io/npm/l/%40query-api%2Fvue?color=blue" alt="Vue Craft CMS license">
  </a>
</p>

## Install

```bash
npm install @query-api/vue
```

> [!TIP]
>
> [Documentation](https://samuelreichor/libraries/vue-craftcms)

## Features

- **Craft CMS query url builder:** Easily build urls for the Craft Query API plugin directly from
  Vue, enabling flexible, real-time data retrieval from Craft CMS
- **Built in Helper Components:** Connect your data directly with your Vue components, to speed up
  development.
- **Get Only the Data You Need:** Avoid overfetching by using a custom function in the query builder
  to select only the fields you require.
- **Pretty Json:** Json Transformer are in place to prettify the response.
- **Support for main Element Types:** Query addresses, assets, entries and users.

## Requirements

This plugin requires Vue 3 and the
[Craft Query API](https://github.com/samuelreichor/craft-query-api) installed on your Craft CMS
instance.

## Documentation

Visit the [Vue SDK documentation](https://samuelreichor.at/libraries/vue-craftcms) for all
documentation, guides and developer resources.

## Further Resources

- [Craft CMS Plugin](https://samuelreichor.at/libraries/craft-query-api): The Craft CMS Plugin, that
  powers this great stuff.
- [JS SDK](https://samuelreichor.at/libraries/js-craftcms-api): The core package of the query
  builder.
- [Nuxt SDK](https://samuelreichor.at/libraries/nuxt-craft): A package to use the query builder in
  Nuxt.

## Support

If you encounter bugs or have feature requests, [please submit an issue](/../../issues/new). Your
feedback helps improve the library!