open-index/open-npm huggingface dataset:
npm package: @kitconcept/volto-banner-block
Description: volto-banner-block: Volto Add-on
Author: kitconcept GmbH
Latest version: 1.2.0

# Volto Banner Block

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-banner-block.svg)](https://www.npmjs.com/package/@kitconcept/volto-banner-block)
[![Build Status](https://github.com/kitconcept/volto-banner-block/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-banner-block/actions)
[![Build Status](https://github.com/kitconcept/volto-banner-block/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-banner-block/actions)
[![Build Status](https://github.com/kitconcept/volto-banner-block/actions/workflows/acceptance.yml/badge.svg)](https://github.com/kitconcept/volto-banner-block/actions)

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://kitconcept.com/kitconcept-white.svg">
  <img width="300" alt="kitconcept, GmbH" src="https://kitconcept.com/kitconcept-black.svg">
</picture>

The Volto Banner Block allows editors to add a banner with text to a Volto page.

**This add-on is [volto-light-theme](https://github.com/kitconcept/volto-light-theme) compatible.**

## Installation

Create a new Volto project (you can skip this step if you already have one):

```
npm install -g yo @plone/generator-volto
yo @plone/volto my-volto-project --addon @kitconcept/volto-banner-block
cd my-volto-project
```

Add `@kitconcept/volto-banner-block`to your package.json:

```
"addons": [
    "@kitconcept/volto-banner-block"
],

"dependencies": {
    "@kitconcept/volto-banner-block": "*"
}
```

Download and install the new add-on by running:

```
yarn install
```

Start Volto with:

```
yarn start
```

Go to http://localhost:3000, login, create a new page. The banner block will show up in the Volto blocks chooser.

## Block configuration

This block does not have any configuration options.

## Credits

<img alt="Deutsches Zentrum für Luft- und Raumfahrt (DLR)" width="200px" src="https://www.dlr.de/static/media/Logo-de.697a8e1f.svg" style="background-color:white">

The development of this plugin has been kindly sponsored by [German Aerospace Center (DLR)](https://dlr.de/de).

# License

The project is licensed under the MIT license.
npm package: @kitconcept/volto-export
Description: volto-export: Volto add-on that exports objects in the plone.restapi/kitconcept.contentcreator format
Latest version: 1.1.0

# volto-export (by kitconcept)

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-export.svg)](https://www.npmjs.com/package/@kitconcept/volto-export)
[![Build Status](https://github.com/kitconcept/volto-export/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-export/actions)
[![Build Status](https://github.com/kitconcept/volto-export/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-export/actions)

![kitconcept GmbH](https://github.com/kitconcept/volto-blocks/raw/master/kitconcept.png)

This Volto add-on provides a route `/export` on any content object of your Plone 6 site that allows you to export the content in `plone.restapi`/`kitconcept.contentcreator` JSON format.

You can use this exports to feed back Plone using `kitconcept.contentcreator` (https://github.com/kitconcept/kitconcept.contentcreator) for maximum functionality or bare `plone.restapi`.

## Installation

Create a new Volto project (you can skip this step if you already have one):

```
npm install -g yo @plone/generator-volto
yo @plone/volto my-volto-project --addon @kitconcept/volto-export
cd my-volto-project
```

Add `@kitconcept/volto-export`to your `package.json`:

```
"addons": [
    "@kitconcept/volto-export"
],

"dependencies": {
    "@kitconcept/volto-export": "*"
}
```

Download and install the new add-on by running:

```
yarn
```

Start Volto with:

```
yarn start
```

Go to http://localhost:3000, login. The new route should be available under any content URL.

## Usage

Install the add-on in your project, then once you have your site up and running, on any content, append `/export` to get the exported data.

```
https://plone.org/foundation/export
```

You will get a JSON file like:

```json
{
  "@type": "Document",
  "id": "teaser",
  "title": "Block: Grid-Block mit Teasern",
  "description": "Der Grid-Block erlaubt das Hinzufügen mehrspaltiger Blöcke. Ein Grid-Block kann zwischen ein und vier Spalten mit unterschiedlichen Blöcken enthalten. Text, Teaser, Bilder und Videos können in einem Grid-Block hinzugefügt werden.",
  "review_state": "published",
  "blocks": {
    "d3f1c443-583f-4e8e-a682-3bf25752a300": {
      "@type": "title"
    },
    "efd53af2-5cd1-43a6-893f-444272824a8c": {
      "@type": "__grid",
      "columns": [
        ...
```

# License

The project is licensed under the MIT license.
npm package: @kitconcept/volto-image-block
Description: volto-image-block: Volto add-on
Latest version: 1.0.3

# Volto Image Block (by kitconcept)

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-image-block.svg)](https://www.npmjs.com/package/@kitconcept/volto-image-block)
[![Build Status](https://github.com/kitconcept/volto-image-block/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-image-block/actions)
[![Build Status](https://github.com/kitconcept/volto-image-block/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-image-block/actions)
[![Build Status](https://github.com/kitconcept/volto-image-block/actions/workflows/acceptance.yml/badge.svg)](https://github.com/kitconcept/volto-image-block/actions)

![kitconcept GmbH](https://raw.githubusercontent.com/kitconcept/volto-form-builder/master/kitconcept.png)

## Introduction

Custom implementation for the image component used in the image block. Few customizations in the edit and view mode and in the sidebar schema.

It features srcsets and blurhash.

## Compatibility

|Version   |Volto version |
|----------|--------------|
|<1.0.0    |>=16.x.x      |
|>=1.0.0   |<=17.0.0a0    |
npm package: @kitconcept/volto-light-theme
Description: Volto Light Theme by kitconcept
Author: kitconcept, GmbH
Latest version: 7.8.4

# Volto Light Theme by kitconcept

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-light-theme.svg)](https://www.npmjs.com/package/@kitconcept/volto-light-theme)
[![Build Status](https://github.com/kitconcept/volto-light-theme/actions/workflows/main.yml/badge.svg)](https://github.com/kitconcept/volto-light-theme/actions)

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://kitconcept.com/kitconcept-white.svg">
  <img width="300" alt="kitconcept, GmbH" src="https://kitconcept.com/kitconcept-black.svg">
</picture>

## Vision

The main vision of the Volto Light Theme (VLT) is to serve as a foundation for kitconcept's future projects, following the release of Plone 6.
It incorporates feedback from the company's clients and Plone community from the last few years of projects and the success stories in the UI/UX side.
It aims to be future-proof, keeping it aligned with the upcoming Volto and Plone 7 vision in terms of theming strategy decided by the Plone community.

![Volto-Light-Theme](https://github.com/kitconcept/volto-light-theme/raw/main/docs/_static/volto-light-theme.png)

## Documentation

You can find the documentation of this package at https://volto-light-theme.readthedocs.io.

## Upgrade Guide

See a detailed upgrade guide at https://volto-light-theme.readthedocs.io/latest/upgrade-guide.html.
npm package: @kitconcept/volto-quote-block
Description: volto-quote-block: Volto add-on
Latest version: 1.1.3

# Volto Quote Block

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-quote-block.svg)](https://www.npmjs.com/package/@kitconcept/volto-quote-block)
[![Build Status](https://github.com/kitconcept/volto-quote-block/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-quote-block/actions)
[![Build Status](https://github.com/kitconcept/volto-quote-block/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-quote-block/actions)
[![Build Status](https://github.com/kitconcept/volto-quote-block/actions/workflows/acceptance.yml/badge.svg)](https://github.com/kitconcept/volto-quote-block/actions)

<img alt="kitconcept GmbH" width="200px" src="https://kitconcept.com/logo.svg">

The Volto Quote Block allows editors to add a quote to a Volto page.

## Installation

Create a new Volto project (you can skip this step if you already have one):

```
npm install -g yo @plone/generator-volto
yo @plone/volto my-volto-project --addon @kitconcept/volto-quote-block
cd my-volto-project
```

Add `@kitconcept/volto-quote-block`to your package.json:

```
"addons": [
    "@kitconcept/volto-quote-block"
],

"dependencies": {
    "@kitconcept/volto-quote-block": "*"
}
```

Download and install the new add-on by running:

```
yarn install
```

Start Volto with:

```
yarn start
```

Go to http://localhost:3000, login, create a new page. The quote block will show up in the Volto blocks chooser.

## Block configuration

#### `showImageField`

This option will enable an image and an alignment widget in the block settings, allowing you to add an image to your quote block and align it, left, right and centered to the quote. By default this option is set to `true`.

```js
config.blocks.blocksConfig.quote.showImageField = true;
```

## Credits

<img alt="Deutsches Zentrum für Luft- und Raumfahrt (DLR)" width="200px" src="https://www.dlr.de/static/media/Logo-de.697a8e1f.svg" style="background-color:white">

The development of this plugin has been kindly sponsored by [Deutsches Zentrum für Luft- und Raumfahrt (DLR)](https://dlr.de/de).

# License

The project is licensed under the MIT license.
npm package: @kitconcept/volto-testimonials-block
Description: volto-testimonials-block: Volto add-on
Latest version: 1.0.4

# Volto Testimonials Block

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-testimonials-block.svg)](https://www.npmjs.com/package/@kitconcept/volto-testimonials-block)
[![Build Status](https://github.com/kitconcept/volto-testimonials-block/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-testimonials-block/actions)
[![Build Status](https://github.com/kitconcept/volto-testimonials-block/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-testimonials-block/actions)
[![Build Status](https://github.com/kitconcept/volto-testimonials-block/actions/workflows/acceptance.yml/badge.svg)](https://github.com/kitconcept/volto-testimonials-block/actions)

<img alt="kitconcept GmbH" width="200px" src="https://kitconcept.com/logo.svg">

The Volto Testimonials Block allows editors to add a testimonials slider to a Volto page.

## Installation

Create a new Volto project (you can skip this step if you already have one):

```
npm install -g yo @plone/generator-volto
yo @plone/volto my-volto-project --addon @kitconcept/volto-testimonials-block
cd my-volto-project
```

Add `@kitconcept/volto-testimonials-block`to your package.json:

```
"addons": [
    "@kitconcept/volto-testimonials-block"
],

"dependencies": {
    "@kitconcept/volto-testimonials-block": "*"
}
```

Download and install the new add-on by running:

```
yarn install
```

Start Volto with:

```
yarn start
```

Go to http://localhost:3000, login, create a new page. The quote block will show up in the Volto blocks chooser.

## Block configuration

Coming soon...

## Credits

<img alt="kitconcept GmbH" width="200px" src="https://kitconcept.com/logo.svg">

Developed by [kitconcept](https://kitconcept.com).

# License

The project is licensed under the MIT license.
npm package: @kitconcept/volto-text-with-background-color-block
Description: volto-text-with-background-color-block: Volto add-on
Author: kitconcept GmbH
Latest version: 1.0.0

# Volto Text With Background Color Block

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-text-with-background-color-block.svg)](https://www.npmjs.com/package/@kitconcept/volto-text-with-background-color-block)
[![Build Status](https://github.com/kitconcept/volto-text-with-background-color-block/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-text-with-background-color-block/actions)
[![Build Status](https://github.com/kitconcept/volto-text-with-background-color-block/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-text-with-background-color-block/actions)
[![Build Status](https://github.com/kitconcept/volto-text-with-background-color-block/actions/workflows/acceptance.yml/badge.svg)](https://github.com/kitconcept/volto-text-with-background-color-block/actions)

![kitconcept GmbH](https://github.com/kitconcept/volto-blocks/raw/master/kitconcept.png)

The Volto Text With Background Color Block allows editors to add text with a background color to a Volto page.

## Screenshot

![Text-With-Background-Color-Block](https://github.com/kitconcept/volto-text-with-background-color-block/raw/master/screenshot.png)

## Screencast

![Text-With-Background-Color-Block](https://github.com/kitconcept/volto-text-with-background-color-block/raw/master/screencast.gif)

## Installation

Create a new Volto project (you can skip this step if you already have one):

```
npm install -g yo @plone/generator-volto
yo @plone/volto my-volto-project --addon @kitconcept/volto-text-with-background-color-block
cd my-volto-project
```

Add `@kitconcept/volto-text-with-background-color-block`to your package.json:

```
"addons": [
    "@kitconcept/volto-text-with-background-color-block"
],

"dependencies": {
    "@kitconcept/volto-text-with-background-color-block": "*"
}
```

Download and install the new add-on by running:

```
yarn install
```

Start Volto with:

```
yarn start
```

Go to http://localhost:3000, login, create a new page. The text with background color block will show up in the Volto blocks chooser.

# Credits

<img alt="Forschungszentrum Jülich" src="https://github.com/kitconcept/volto-blocks/raw/master/fz-juelich.svg" width="200px" />

The development of this plugin has been kindly sponsored by [Forschungszentrum Jülich](https://fz-juelich.de).

# License

The project is licensed under the MIT license.
npm package: @kite-dev/tldrg
Description: Explain any CLI command with AI and show example usage.
Latest version: 0.1.3

# tldrg

Explain any CLI command with AI and show example usage.

## Install

```bash
npm install -g @kite-dev/tldrg
```

## Install (local)

```bash
npm link
```

## Usage

```bash
tldrg git rebase -i HEAD~3
tldrg docker run --rm -it ubuntu bash
tldrg --plain git status
```

## Configuration

Requires an OpenAI-compatible API endpoint and API key:

- `OPENAI_BASE_URL` API base URL (required)
- `OPENAI_API_KEY` API key (required)
- `OPENAI_MODEL` model name (optional, default `gpt-4o-mini`)
- `--plain` disable terminal color output

Example:

```bash
export OPENAI_BASE_URL="https://your-endpoint.example.com"
export OPENAI_API_KEY="your-key"
export OPENAI_MODEL="your-model"
```
npm package: @kite-tech-ltd/tslint
Description: The linting config for tslint to be used in Kite Typescript projects.
Author: Chris Berry
Latest version: 1.0.1

# Kite TsLint

The linting config for tslint to be used in Kite Typescript projects.

## Suggested Installation Approach

via NPM

    npm install kite-tslint
npm package: @kite-tech/components
Description: Shared components to be used throughout Kite front end apps.
Author: Chris Berry
Latest version: 7.0.5

# Kite Components

Shared Angular components, SCSS styles and SVGs to be used throughout Kite front end apps.

The app contains an example page where examples of the components can be seen.

## Tables of contents
- [Examples](#examples)
- [Requirements](#requirements)
- [Development](#development)
- [Usage](#usage)

## Examples

To view examples of the various versions of the app go to:

- [https://prodigi-group.github.io/kite-components/docs/](https://prodigi-group.github.io/kite-components/docs/)

## Requirements
- Node v8+
- Npm 5+
- Gulp v3

## Development

- Clone the app

- `npm i` install dependencies

- `npm start` run development server and watch for file changes

- `npm run build:dist` build dist versions of the app for each partner

- `npm t` runs tests

- `npm run test:watch` runs tests and watches for changes

- `npm run test:dist` runs tests and produces code coverage

## Usage

### Components

- `npm i @kite-tech/components --save`: install via NPM

``` typescript
import {
    FocusOnInitModule,
    ModalModule,
    SvgHrefModule,
} from '@kite-tech/components';
```

### Styles

- `npm i @kite-tech/components --save`: install via NPM

Include via SCSS

``` scss
@import './node_modules/@kite-tech/components/styles/components/components.text';
@import './node_modules/@kite-tech/components/styles/components/components.title';
@import './node_modules/@kite-tech/components/styles/components/components.icons';
@import './node_modules/@kite-tech/components/styles/components/components.button';
@import './node_modules/@kite-tech/components/styles/components/components.modal';
@import './node_modules/@kite-tech/components/styles/components/components.loading-spinner';
```

### Commit linting

We use the config-conventional setup to lint the commits. See details of this
here:

- [https://www.npmjs.com/package/@commitlint/config-conventional](https://www.npmjs.com/package/@commitlint/config-conventional)

### Publishing

When running npm publish, the prepublishOnly script will run.
If the version contains text e.g 2.0.1-alpha.1, nothing will happen.
However if the version doesn't have any tags, e.g 2.0.1 then the script will do
the following:

- Go to the gh-pages branch
- Merge in the changes from the current branch
- Build a dist version of the components in the folder /docs/{{version-number}}
- Create a README.md file in the docs/{{version-number}} folder detailing the
changelog and the previous version
- Update the index.html of the docs directory with links to the new version
- Push the changes to the gh-pages branch and switch back to the original
branch.
npm package: @kite-tech/tslint
Description: The linting config for tslint to be used in Kite Typescript projects.
Author: Chris Berry
Latest version: 3.0.0
Deprecated: false

# Kite TsLint

The linting config for tslint to be used in Kite Typescript projects.

## Suggested Installation Approach

via NPM

    npm install kite-tslint