open-index/open-npm huggingface dataset:
npm package: @silta/eslint-config-nodejs
Description: eslint-config standard to be used in Silta's node.js projects
Author: Silta Finance AG
Latest version: 0.0.1

# @silta/eslint-config-nodejs

A shared `eslint` config between Silta node.js projects. Extends [`eslint-config-airbnb-base`](https://www.npmjs.com/package/eslint-config-airbnb-base)
with a few changes thrown in. See [`.eslintrc.js`](./.eslintrc.js) for the ruleset.

## Usage

### Setup
First install the package with
```
npm install -D @silta/eslint-config-nodejs
```

Then install the peer dependencies. The easiest way to do this is with `npx` (`npm` > 5.2.0):
```
npx install-peerdeps [-d] @silta/eslint-config-nodejs
```
`-d` is to install them as `devDependencies`


### Config
In your `.eslintrc.json` (or `.js`) file you must extend `@silta/eslint-config-nodejs`:
```
{
  extends: '@silta/eslint-config-nodejs'
}
```
npm package: @silte/rtk-codegen-openapi
Description: ## note2: Version 1.0.3 has breaking change in code generation. It removes enumNameSuffix, so now enum as generated as `enumName` instead of `enumNameEnum`.
Author: Lenz Weber
Latest version: 1.0.3

# note: This is fork of [reduxjs/redux-toolkit](https://github.com/reduxjs/redux-toolkit) with changes by [labmorales](https://github.com/labmorales/redux-toolkit/tree/feat/add_ts_enums_rtk). And some custom mods to make enums work when you use refs.

## note2: Version 1.0.3 has breaking change in code generation. It removes enumNameSuffix, so now enum as generated as `enumName` instead of `enumNameEnum`.

<p align="center">
  <img src="https://raw.githubusercontent.com/rtk-incubator/rtk-query/main/logo.png" width="400" />
</p>
<h2 align="center">
Code Generator
</h2>

<p align="center">
   <a href="https://discord.gg/0ZcbPKXt5bZ6au5t" target="_blank">
    <img src="https://img.shields.io/badge/chat-online-green" alt="Discord server" />
  </a>
</p>

### Introduction

This is a utility library meant to be used with [RTK Query](https://redux-toolkit.js.org/rtk-query/overview) that will generate a typed API client from an OpenAPI schema.

### Documentation

[View the RTK Query Code Generation docs](https://redux-toolkit.js.org/rtk-query/usage/code-generation)
npm package: @silv21/complimentary_color_generator
Description: complimentary color
Author: Silviu & Bqardi
Latest version: 1.0.1

# Complimentary color generator

A function that returns the complimentary color from a color passed in as an argument.

Only works with hsl (or hsla) colors.


Usage:
```javascript
import complimentaryColor from "https://unpkg.com/@silv21/complimentary_color_generator@1.0.1/index.js";


complimentaryColor("hsl(56, 10%, 20%)"); // returns "hsl(236,10%,20%)"
```
npm package: @silv21/image_slider
Description: Create an image slider using the slider function with five parameters
Author: Silviu Iosif
Latest version: 1.0.8

# An Image Slider

Create an image slider using the slideShow function with five parameters

Usage:
``` javascript
import slideShow from "https://unpkg.com/@silv21/image_slider@1.0.8/index.js";

// creating an image slider with a **Click Event** (true) for the user to slide back and forth
// slider will automatically change image every 2 sec (2000 ms, arbitrary time settings) 
// an array needs to be provided
// mouse event is off (false)
// use the variable names imageElement and array for the function to work 
// in the html make sure left and right buttons get the id names #buttonLeft & #buttonLeft for the function to work
var imageElement = document.querySelector("anImageContainerId") // anImageContainerId with an empty src=""

var array = ["./img1.jpg", "./img2.jpg", "./img3.jpg", "./img4.jpg"]

slideShow(imageElement, array, 2000, false, true);
```

``` javascript
import slideShow from "https://unpkg.com/@silv21/image_slider@1.0.8/index.js";

// creating an image slider with **Mouse Event** (true) when the user hovers over the image (freezes the image)
// slider will automatically change image every 2 sec (2000 ms, arbitrary time settings) 
// an array needs to be provided
// click event is off (false)
// use the variable names imageElement, array, buttonLeft and buttonRight for the function to work 
var imageElement = document.querySelector("anImageContainerId") // anImageContainerId with an empty src=""

var array = ["./img1.jpg", "./img2.jpg", "./img3.jpg", "./img4.jpg"]

slideShow(imageElement, array, 2000, true, false);
npm package: @silv21/rainbow-log
Description: Creates a colorfull console log
Author: Silviu Iosif
Latest version: 2.0.2

#Rainbow-log

This awesome package makes a colorful console log. It's remarkable.

#Usage
Install with`npm i @silv21/rainbow-log`

```javascript
var rainbowLog = require("@silv21/rainbow-log");
rainbowLog("I am a rainbow");
npm package: @silva1991/vuepress-plugin-mermaidjs
Description: A Vuepress plugin providing easy MermaidJS diagramming
Author: silva1991
Latest version: 2.0.0-beta.2

[![npm version](https://badge.fury.io/js/vuepress-plugin-mermaidjs.svg)](https://badge.fury.io/js/vuepress-plugin-mermaidjs)
[![Build Status](https://travis-ci.com/eFrane/vuepress-plugin-mermaidjs.svg?branch=master)](https://travis-ci.com/eFrane/vuepress-plugin-mermaidjs)

# VuePress Plugin for mermaid.js

> Use mermaid.js Diagrams in VuePress

This [VuePress][1] plugin provides a global component wrapping [mermaid.js][2].
The plugin is designed to work with VuePress v1.x.

Main documentation site is at [vuepress-plugin-mermaidjs.efrane.com][3].

## Installation

**VuePress 2 Support is currently in beta testing, see [below](#vuepress-2-support).**

You can install it with

``` shell
yarn add -D vuepress-plugin-mermaidjs
```

or

``` shell
npm install --save-dev vuepress-plugin-mermaidjs
```

Then you just need to register the plugin in your `.vuepress/config.js`:

``` js
module.exports = {
    // ...
    plugins: [
        'vuepress-plugin-mermaidjs'
    ]
    // ...
}
```

## Usage

The recommended usage is to place your mermaidjs diagrams inside
a fenced code block with the language 'mermaid':

    ```mermaid
    sequenceDiagram
    Alice->John: Hello John, how are you?
    loop every minute
        John-->Alice: Great!
    end
    ```

## VuePress 2 Support

You can use this plugin with the upcoming (`next`) release of VuePress
aka VuePress 2. To do so, use version `2.0.0-beta.1` or above. 

[1]: https://vuepress.vuejs.org
[2]: https://mermaidjs.github.io
[3]: https://vuepress-plugin-mermaidjs.efrane.com
npm package: @silvablaze/crowdstrike-falcon
Description: CrowdStrike Falcon API library for browser and node
Author: CrowdStrike Solution Architecture
Latest version: 0.4.1

# falconjs
[![Version](https://img.shields.io/npm/v/crowdstrike-falcon.svg)](https://www.npmjs.com/package/crowdstrike-falcon)
[![Build](https://github.com/CrowdStrike/falconjs/actions/workflows/sanity_check.yaml/badge.svg)](https://github.com/CrowdStrike/falconjs/actions/workflows/sanity_check.yaml)
[![License](https://img.shields.io/github/license/crowdstrike/falconjs.svg)](https://github.com/crowdstrike/falconjs/blob/main/LICENSE)

[![NPM](https://nodei.co/npm/crowdstrike-falcon.png?mini=true)](https://npmjs.org/package/crowdstrike-falcon)

CrowdStrike Falcon API JS library for the browser and Node

## Experimental

> falconjs is an open source project, not a CrowdStrike product. As such it carries no formal support, expressed or implied.

## Installation

```
npm install crowdstrike-falcon
```

## Exemplary use

With falconjs, there are two ways to call CrowdStrike API service collections. You can use the FalconClient object, which has always been available, or you can use the new Falcon object, which behaves like the API Harness, or UberClass, from FalconPy.

### FalconClient

```typescript
import { FalconClient, FalconErrorExplain } from "crowdstrike-falcon";

const client = new FalconClient({
    cloud: "us-1",
    clientId: "",
    clientSecret: "",
});

await client.sensorDownload
    .getSensorInstallersCCIDByQuery()
    .catch(async function (err) {
        alert("Could not fetch CCID: " + (await FalconErrorExplain(err)));
    })
    .then((value) => {
        console.log("my CCID: ", value);
    });
```
## Falcon
when using request body properties:
```js
const body = { ids: ["123", "456", "789"]}
try {
    detDetails = await falcon.command("GetDetectSummaries", body)
    return detDetails
} catch (error) {
    console.log(error)
    return
}
```

when using query params:
```js
const params = { filter: "score:<=75"}
const args = {"getAssessmentsByScoreV1", params }
try {
    ztaDetails = await falcon.command(args)
    return ztaDetails
} catch(error) {
    console.log(error)
    return
}
```

## Documentation

 - [Example usage under nodejs](examples/node/README.md)
 - [Example usage inside browser](examples/browser/README.md)

 - [SDK Developer documentation](docs/devel.md)
npm package: @silvain-sayduck/react-dnd-html5-backend
Description: HTML5 backend for React DnD - fixes interference with drop events of native drag-n-drop (for example for file uploads with Dropzone)
Latest version: 7.0.2-2

[![npm package](https://img.shields.io/npm/v/react-dnd-html5-backend.svg?style=flat-square)](https://www.npmjs.org/package/react-dnd-html5-backend)
[![Build Status](https://travis-ci.org/react-dnd/react-dnd-html5-backend.svg?branch=master)](https://travis-ci.org/react-dnd/react-dnd-html5-backend)
[![dependencies Status](https://david-dm.org/react-dnd/react-dnd-html5-backend/status.svg)](https://david-dm.org/react-dnd/react-dnd-html5-backend)
[![devDependencies Status](https://david-dm.org/react-dnd/react-dnd-html5-backend/dev-status.svg)](https://david-dm.org/react-dnd/react-dnd-html5-backend?type=dev)
[![peerDependencies Status](https://david-dm.org/react-dnd/react-dnd-html5-backend/peer-status.svg)](https://david-dm.org/react-dnd/react-dnd-html5-backend?type=peer)

## Fork of [React DnD HTML5 Backend](https://github.com/react-dnd/react-dnd/tree/master/packages/react-dnd-html5-backend) that fixes interference with drop events of native drag-n-drop (for example for file uploads with Dropzone)

Following is the original README file.

-----

# React DnD HTML5 Backend

The officially supported HTML5 backend for [React DnD](http://react-dnd.github.io/react-dnd/).
See [the docs](http://react-dnd.github.io/react-dnd/docs-html5-backend.html) for usage information.

## Installation

If you use [npm](http://npmjs.com):

```
npm install --save react-dnd-html5-backend
```

The npm package defaults to the CommonJS build.

However it also includes a pre-minified UMD build in the `dist` folder.
The UMD build exports a global `window.ReactDnDHTML5Backend` when imported as a `<script>` tag.

If you’d rather not use npm, you can use [unpkg](http://unpkg.com/) to access the UMD build directly: [ReactDnDHTML5Backend.min.js](https://unpkg.com/react-dnd-html5-backend@latest/dist/ReactDnDHTML5Backend.min.js).
You may point your Bower config to it.

## Browser Support

We strive to support the evergreen browsers, Safari 7+, as well as IE11+. IE10 should also work, but `DragLayer` is fairly useless because IE10 doesn’t support `pointer-events: none`. We don’t officially support IE9 and less.

Unfortunately the browser bugs, inconsistencies, and regressions come up from time to time, so please make sure you test your app on the browsers you’re interested in, and report any bugs to us.

## License

MIT
npm package: @silvancodes/svelte-the-stack
Description: *Psst — looking for an app template? Go here --> [sveltejs/template](https://github.com/sveltejs/template)*
Author: Silvan Buedenbender
Latest version: 1.0.0

## Welcome

This component implements 'The Stack' from [EveryLayout](https://every-layout.dev/layouts/stack/).

It is used like so:

```
<script>
    import Stack from '@silvancodes/svelte-the-stack';
</script>

 <Stack>
    <your/>
    <html/>
    <here/>
 </Stack>
```

When you setup a global CSS with a scale as described [here](https://every-layout.dev/rudiments/modular-scale/) or have your own CSS variables it can be parametrized like so:

```
<Stack margin="--some-css-variable">
    ...
 </Stack>
```
npm package: @silvanite/vue-instagram
Description: A Vue.js Instagram component to display the authenticated user's feed
Author: Marco Mark
Latest version: 1.0.0

# Boilerplate repository for creating PHP Laravel and JS Vue NPM Packages

This boilderplate is ready to be published to Packagist and NPM JS.

## Usage

Simply fork this repository and customise. Search and Replace (case-sensitive) `Silvanite` and `VueInstagram` as well as `silvanite` and `vue-instagram` to get started.

## Publishing

Always use `npm version (major|minor|patch)` to publish new versions (even when working with PHP). This will automatically create the git tag for you which Packagist will then pick up for version publishing.
npm package: @silvanite/vuepress-plugin-markdown-classes
Description: Add class names to markdown generated html in VuePress
Author: Marco Mark
Latest version: 1.0.2

# VuePress Plugin to add unique class names to markdown generated html

Additional information about this Plugin can be found at [https://www.marcomark.net/code/vuepress/markdown-classes.html](https://www.marcomark.net/code/vuepress/markdown-classes.html)

## Example

```html
<p class="md-paragraph_open">Vuepress</p>
```

## Installation

```sh
npm i @silvanite/vuepress-plugin-markdown-classes
```

Load the plugin inside your `config.js` or in your theme's `index.js`

```js
module.exports = {
    ...
    "plugins": [
        "@silvanite/markdown-classes"
    ]
}
```

## Configuration options

You can overwrite the default configuration if required

```js
module.exports = {
    ...
    "plugins": [
        ["@silvanite/markdown-classes", {
            "prefix": "md",
            "rules": [
                'blockquote_open',
                'bullet_list_open',
                'code_block',
                'hardbreak',
                'heading_open',
                'hr',
                'html_block',
                'html_inline',
                'image',
                'link_open',
                'ordered_list_open',
                'paragraph_open',
                'softbreak',
                'table_open',
            ]
        }]
    ]
}
```

## Support

If you experience any problems with this VuePress Plugin please open a new issue or get in touch on Twitter [@m2de_io](https://twitter.com/m2de_io). Or just look me up anyway, I'd love to hear from you.
npm package: @silvanite/vuepress-plugin-tailwind
Description: Tailwind CSS plugin for VuePress
Author: Marco Mark
Latest version: 1.3.0

# VuePress Plugin to add Tailwind CSS

## Overview

This plugin will install Tailwind CSS ^1.1.2 ready for you to import into your VuePress theme or project. You will need to follow the [Tailwind CSS installation](https://tailwindcss.com/docs/installation/) instructions and add Tailwind to your CSS. E.g. add the tailwind directives to your styl or css files.

```styl
@tailwind base;
@tailwind components;
@tailwind utilities;
```

## Installation

```sh
npm i @silvanite/vuepress-plugin-tailwind
```

Load the plugin inside your `config.js` or in your theme's `index.js`

```js
module.exports = {
    ...
    "plugins": [
        "@silvanite/tailwind"
    ]
}
```

## Configuration options

Please follow the [Tailwind CSS configuration](https://tailwindcss.com/docs/configuration/) instructions. If you are using the default filename, you do not need to specify it here. If you would like to load a custom configuration file with a different filename to the default `tailwind.config.js` you can specify this in the plugin options.

```js
module.exports = {
    ...
    "plugins": [
        ["@silvanite/tailwind", {
            config: "./tailwind.js"
        }]
    ]
}
```

By default PurgeCSS will be applied when running VuePress build (production). You can optionally disable this if you do not want to use PurgeCSS.

```js
module.exports = {
    ...
    "plugins": [
        ["@silvanite/tailwind", {
            purgecss: { enabled: false }
        }]
    ]
}
```

## Support

If you experience any problems with this VuePress Plugin please open a new issue or get in touch on Twitter [@m2de_io](https://twitter.com/m2de_io). Or just look me up anyway, I'd love to hear from you.