open-index/open-npm huggingface dataset:
npm package: @kraftvaerk/cookieconsent
Description: Cookie Consent is a lightweight JavaScript plugin for alerting users about the use of cookies on your website.
Author: Mithun Dhiman
Latest version: 3.0.0

# What is Cookie Consent?
Cookie Consent is a lightweight JavaScript plugin for alerting users about the use of cookies on your website.
It is designed to help you comply with the hideous EU Cookie Law.

## Installation
```
npm install @kraftvaerk/cookieconsent
```

## Usage
```javascript
import CookieConsent from '@kraftvaerk/cookieconsent';

const cookieConsent = new CookieConsent({
    cookieName: 'cookieConsent',
    btn: {
        accept: 'js-cookie-accept',
        close: 'js-cookie-close'
    }
    toggleClass: 'is-shown'
});

cookieConsent.onCheck(()=>{});
cookieConsent.onAccept(()=>{});
cookieConsent.onShow(()=>{});
cookieConsent.onHide(()=>{});

cookieConsent.init('#cookieContent');
```

## Version 2.0.0
Version 2.0.0 has moved to scoped npm packages.

## Version 1.0.0
Version 1.0.0 is a complete rewrite. The most substantial new features are:

- no jQuery dependency 
- callback hooks for showing/accepting/revoking the banner
- easy no-fuss styling
npm package: @kraftvaerk/eslint-config
Description: ESLint shareable config for the Kraftvaerk JavaScript style guide
Author: Kraftvaerk
Latest version: 1.1.0

# eslint-config-kraftvaerk 

[![Build Status](https://img.shields.io/travis/kraftvaerk/eslint-config-kraftvaerk/master.svg?style=flat-square)](https://travis-ci.org/kraftvaerk/eslint-config-kraftvaerk) [![npm Version](https://img.shields.io/npm/v/@kraftvaerk/eslint-config.svg?style=flat-square)](https://www.npmjs.com/package/eslint-config-kraftvaerk) [![npm Downloads](https://img.shields.io/npm/dm/@kraftvaerk/eslint-config.svg?style=flat-square)](https://www.npmjs.com/package/@kraftvaerk/eslint-config) [![devDependency Status](https://img.shields.io/david/dev/kraftvaerk/eslint-config-kraftvaerk.svg?style=flat-square)](https://david-dm.org/kraftvaerk/eslint-config-kraftvaerk/?type=dev)

> ESLint shareable config for the Kraftvaerk JavaScript style guide

## Installation

```
npm install --save-dev eslint @kraftvaerk/eslint-config
```

## Usage

To use it set your `extends` property in `.eslintrc` to `@kraftvaerk/eslint-config`.

```json
{
  "extends": "@kraftvaerk/eslint-config"
}
```

## License

MIT © [Mithun Dhiman](http://mi2oon.com/)
npm package: @kraftvaerk/eslint-plugin-guidelines
Description: ESLint Plugin shareable config for the Kraftvaerk JavaScript style guide
Author: Kraftvaerk
Latest version: 0.0.2

# eslint-plugin-guidelines

Eslint plugin for Kraftvaerk development

## Installation

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

```bash
npm i eslint --save-dev
```

Next, install `@kraftvaerk/eslint-plugin-guidelines`:

```bash
npm install @kraftvaerk/eslint-plugin-guidelines --save-dev
```

**Note:** If you installed ESLint globally (using the `-g` flag) then you must also install `@kraftvaerk/eslint-plugin-guidelines` globally.

## Usage

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

```json
{
    "plugins": [
        "@kraftveark/@kraftvaerk/eslint-plugin-guidelines"
    ]
}
```


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

```json
{
    "rules": {
        "@kraftveark/@kraftvaerk/eslint-plugin-guidelines/rule-name": 2
    }
}
```

## Supported Rules

* Fill in provided rules here
npm package: @kraftvaerk/generator-rammevaerk
Description: Scaffold out a web project in Kraftvaerk style
Author: Kraftvaerk
Latest version: 4.0.0

# generator-rammevaerk

[![Build Status](https://img.shields.io/travis/kraftvaerk/generator-rammevaerk/master.svg?style=flat-square)](https://travis-ci.org/kraftvaerk/generator-rammevaerk) [![npm Version](https://img.shields.io/npm/v/@kraftvaerk/generator-rammevaerk.svg?style=flat-square)](https://www.npmjs.com/package/@kraftvaerk/generator-rammevaerk) [![npm Downloads](https://img.shields.io/npm/dm/@kraftvaerk/generator-rammevaerk.svg?style=flat-square)](https://www.npmjs.com/package/@kraftvaerk/generator-rammevaerk) [![Dependency Status](https://img.shields.io/david/kraftvaerk/generator-rammevaerk.svg?style=flat-square)](https://david-dm.org/kraftvaerk/generator-rammevaerk) [![devDependency Status](https://img.shields.io/david/dev/kraftvaerk/generator-rammevaerk.svg?style=flat-square)](https://david-dm.org/kraftvaerk/generator-rammevaerk/?type=dev)

> Scaffold out a web project in Kraftvaek style

## Installation

Generators can be installed through npm. But needs [Yeoman](https://github.com/yeoman/yo).

```
npm install -g yo @kraftvaerk/generator-rammevaerk
```

## Usage

To scaffold a new project run:

```
yo rammevaerk
```

## Troubleshooting

For any issues, try running:

```
yo doctor
```

Additionally you can have a look at the [Yeoman's documentation](http://yeoman.io/).

## What's inside

* [webpack](https://webpack.js.org/) a bundler for JavaScript and friends.
* [gulp](http://gulpjs.com/) a streaming build system.
* [Babel](https://babeljs.io/) a compiler for writing next generation JavaScript.
* [PostCSS](http://postcss.org/) a tool for transforming CSS with JavaScript.
* [Browsersync](http://browsersync.io/) a tool for keeping multiple browsers & devices in sync.
* [Sass](http://sass-lang.com/) a Syntactically Awesome style sheet language.
* [jQuery](https://jquery.com/) a JavaScript library.
* [Bootstrap](http://getbootstrap.com/) a popular HTML, CSS, and JavaScript framework.
* [stylelint](http://stylelint.io/) a mighty, modern CSS linter.
* [ESLint](https://eslint.org/) a fully pluggable tool for identifying and reporting on patterns in JavaScript.

## License

MIT © [Mithun Dhiman](http://mi2oon.com/)
npm package: @kraftvaerk/hyper
Description: A Kraftvaerk theme for Hyper™
Author: Mithun Dhiman
Latest version: 2.0.0

> A Kraftvaerk theme for [Hyper™](http://hyper.is).

# hyper-kraftvaerk

[![Build Status](https://img.shields.io/travis/kraftvaerk/hyper-kraftvaerk.svg?style=flat-square)](https://travis-ci.org/kraftvaerk/hyper-kraftvaerk)
[![npm Downloads](https://img.shields.io/npm/dt/hyper-kraftvaerk.svg?style=flat-square)](https://www.npmjs.com/package/@kraftvaerk/hyper)
[![GitHub license](https://img.shields.io/github/license/kraftvaerk/hyper-kraftvaerk.svg?style=flat-square)](https://github.com/kraftvaerk/hyper-kraftvaerk/blob/master/LICENSE)

![hyper](screenshot.png)

### Install

1. Open Hyper™ preferences with your editor - Tip: `CMD+,` or at `~/.hyper.js`.
2. Add `@kraftvaerk/hyper` to your plugins list.
3. Reload Hyper™ - `CMD+Shift+R`.

```js
plugins: ['hyper-kraftvaerk']
```

### FAQ

**Can I make contributions?**

Yes! You can submit an issue and send a pull request :tada:

## Hyper me some more 
Check out [awesome-hyperterm](https://github.com/bnb/awesome-hyperterm)

## License
Created with ♥ by [Mithun Dhiman](https://github.com/mi2oon). Licensed under the MIT License.
npm package: @kraftvaerk/stylelint-config
Description: stylelint shareable config for the Kraftvaerk CSS style guide
Author: Kraftvaerk
Latest version: 3.0.1

# stylelint-config-kraftvaerk

[![Build Status](https://img.shields.io/travis/kraftvaerk/stylelint-config-kraftvaerk/master.svg?style=flat-square)](https://travis-ci.org/kraftvaerk/stylelint-config-kraftvaerk) [![npm Version](https://img.shields.io/npm/v/stylelint-config-kraftvaerk.svg?style=flat-square)](https://www.npmjs.com/package/stylelint-config-kraftvaerk) [![npm Downloads](https://img.shields.io/npm/dm/stylelint-config-kraftvaerk.svg?style=flat-square)](https://www.npmjs.com/package/stylelint-config-kraftvaerk) [![devDependency Status](https://img.shields.io/david/dev/kraftvaerk/stylelint-config-kraftvaerk.svg?style=flat-square)](https://david-dm.org/kraftvaerk/stylelint-config-kraftvaerk/?type=dev)

> stylelint shareable config for the Kraftvaerk CSS style guide

## Rules for your CSS

Code should always be written in such a way that makes it look like a single person wrote it, no matter how many people have contributed and that is the purpose of this set of rules powered by [stylelint](https://stylelint.io/).

## Installation

```
npm install --save-dev stylelint @kraftvaerk/stylelint-config
```

## Usage

To use it set your `extends` property in `.stylelintrc` to `@kraftvaerk/stylelint-config`.

```json
{
  "extends": "@kraftvaerk/stylelint-config"
}
```

## License

MIT © [Mithun Dhiman](http://mi2oon.com/)
npm package: @kraftwerk28/eslint-config
Description: ## This package includes multiple configs for specific environments, such as **react** and **node**
Author: Vsevolod
Latest version: 1.0.2
Deprecated: This package has been deprecated. Use eslint-config-kraftwerk28 instead

# @kraftwerk28/eslint-config

## This package includes multiple configs for specific environments, such as **react** and **node**

## Usage:

### Common case:
```yaml
# eslintrc.yml
extends:
  - @kraftwerk28
```

### [Node.js](https://nodejs.org/) project:
```yaml
# eslintrc.yml
extends:
  - @kraftwerk28/eslint-config/node
```

### [React](https://reactjs.org/) project ([JSX](https://en.wikipedia.org/wiki/React_(JavaScript_library)#JSX)):
```yaml
# eslintrc.yml
extends:
  - @kraftwerk28/eslint-config/react
```
npm package: @krai-tech/cdk
Description: A developer toolkit consisting of low-level tools and abstractions used for developing Angular components
Latest version: 1.1.0

<p align="center">
  <a href="https://krai-kit.dev">
      <img alt="KRAI CDK Logo" src="https://github.com/krai-tech/krai-kit/raw/alpha/assets/krai-cdk.svg" width="280" style="max-width:100%;">
  </a>
</p>

<h1 align="center">KRAI CDK</h1>

<div align="center">
  <a href="https://npmjs.com/package/@krai-tech/cdk">
    <img src="https://img.shields.io/npm/v/@krai-tech/cdk.svg" alt="npm version">
  </a>
  <a href="https://opensource.org/licenses/MIT">
    <img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License: MIT">
  </a>
</div>

[Website](https://krai-kit.dev)

> A developer toolkit consisting of low-level tools and abstractions used for developing Angular components.

This is part of [**@krai-kit**](https://github.com/krai-tech/krai-kit), a fully tree-shakable, which includes several core libraries, pipes, directives, base-classes, units and etc.

## Installation

```bash
npm i @krai-tech/cdk
# or
yarn i @krai-tech/cdk
```

## Contribution

Yes please! See the
[contributing guidelines](https://krai-kit.dev/en/docs/contribution)
for details.

## Documentation

[Getting Started](https://krai-kit.dev/en/docs/getting-started)

## License

This project is licensed under the terms of the
[MIT license](https://github.com/krai-tech/krai-kit/blob/master/LICENSE).
npm package: @krai-tech/kit
Description: The primary set of components used to build your applications
Latest version: 1.2.0

<p align="center">
  <a href="https://krai-kit.dev">
      <img alt="KRAI KIT Logo" src="https://github.com/krai-tech/krai-kit/raw/alpha/assets/krai-kit.svg" width="280" style="max-width:100%;">
  </a>
</p>

<h1 align="center">KRAI Kit</h1>

<div align="center">
  <a href="https://npmjs.com/package/@krai-tech/kit">
    <img src="https://img.shields.io/npm/v/@krai-tech/kit.svg" alt="npm version">
  </a>
  <a href="https://opensource.org/licenses/MIT">
    <img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License: MIT">
  </a>
</div>

[Website](https://krai-kit.dev)

> The primary set of components used to build your applications

## Installation

```bash
npm i @krai-tech/kit
# or
yarn i @krai-tech/kit
```

## Documentation

Check out our [Documentation](https://krai-kit.dev/docs/getting-started) for detailed instructions, examples, and guidelines on how to integrate and use [**@krai-kit**](https://github.com/krai-tech/krai-kit) components in your Angular apps.

## Features

* **Tree-Shakable**: Import only what you need to keep your bundle size minimal.
* **Standalone**: Designed to work seamlessly as standalone components.
* **Comprehensive**: Includes a modern variety of components to cover your UI needs.
* **Customizable**: Easily theme and customize components to fit your design requirements.
>
## Installation

```bash
npm i @krai-tech/cdk
# or
yarn i @krai-tech/cdk
```

## Community and Support

Join our [Discord](https://discord.com) for support, discussion, and more. Follow us on [Twitter](https://twitter.com) for the latest updates.

## Contribution

Yes please! See the
[contributing guidelines](https://krai-kit.dev/en/docs/contribution)
for details. a comprehensive guide and API reference, visit our [Documentation](https://krai-kit.dev/docs/getting-started) page.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/krai-tech/krai-kit/blob/master/LICENSE).


From 🇺🇦 With ❤️