open-index/open-npm huggingface dataset:
npm package: @neolegends/gatsby-source-storyblok
Description: Gatsby source plugin for building websites using the Storyblok headless CMS as a data source.
Author: Alexander Feiglstorfer
Latest version: 0.1.1
Deprecated: false

# Introduction

This is a Gatsby source plugin for building websites using the [Storyblok](htts://www.storyblok.com) headless CMS with true visual preview as a data source.

## How to install

`npm install --save gatsby-source-storyblok`

## How to use?

```JavaScript
module.exports = {
  plugins: [
    {
      resolve: 'gatsby-source-storyblok',
      options: {
        accessToken: 'YOUR_TOKEN',
        homeSlug: 'home',
        version: 'draft',
        timeout: 5000 // only needed if you want to increase the request timeout - default is 5000
      }
    }
  ]
}
```

## How to query?

### All Content Entries
```GraphQL
{
  allStoryblokEntry {
    edges {
      node {
        id
        name
        created_at
        published_at
        uuid
        slug
        full_slug
        content
        is_startpage
        parent_id
        group_id
      }
    }
  }
}
```

### A Single Content Entry
```GraphQL
{
  StoryblokEntry {
    edges {
      node {
        id
        name
        created_at
        published_at
        uuid
        slug
        full_slug
        content
        is_startpage
        parent_id
        group_id
      }
    }
  }
}
```
npm package: @neollob/text-treatment
Description: ![npm (scoped)](https://img.shields.io/npm/v/@neollob/text-treatment?style=plastic)
Author: Dani Llobet
Latest version: 0.0.11

![npm (scoped)](https://img.shields.io/npm/v/@neollob/text-treatment?style=plastic)

# npm package - Text treatment

## Installation

Using npm:

    $ npm i -g npm
    $ npm i --save @neollob/text-treatment

## Options

- firstUpper

  Capitalize the first letter of a given string
  
- allFirstUpper

  Capitalize the first letter of each word of a given string
  
- lowerCase

  Convert a given string to lowercase letters

- alternate

  Alternate upper and lower case of a given string

- camelize

  Converts to `camelCase` a given string. Words separated by `. ,`, `<space>` or `kebab-case`

- pascalize

  Converts to `PascalCase` a given string. Words separated by `. ,`, `<space>` or `kebab-case`

- kebabize

  Converts to `kebab-case` a given string. Words separated by `. ,`, `<space>`, `camelCase` or `snake_case`

- snakeize

  Converts to `snake_case` a given string. Words separated by `. ,`, `<space>`, `camelCase` or `kebab-case`

Syntax:

    option(<string>)
npm package: @neolution-ch/eslint-config-neolution
Description: This package provides Neolution's .eslintrc as an extensible shared config.
Author: Neolution
Latest version: 2.3.0

# eslint-config-neolution

This package provides Neolution's eslint.config.js as an extensible shared config.

## Installation

```sh
# inside your project's working tree
yarn add -D @neolution-ch/eslint-config-neolution
```

## Usage

Edit the `eslint.config.mjs` of your project:

```js
import neolutionEslintConfig from "@neolution-ch/eslint-config-neolution";

export default [...neolutionEslintConfig.configs.flat.nextjs];
```

### Configs

| ruleset                                       | nextjs  | cypress | react-library | typescript | javascript |
| --------------------------------------------- | :-----: | :-----: | :-----------: | :--------: | :--------: |
| eslint.configs.recommended                    | &check; | &check; |    &check;    |  &check;   |  &check;   |
| unicorn/recommended                           | &check; | &check; |    &check;    |  &check;   |  &check;   |
| typeScriptEslint.configs.recommended          | &check; | &check; |    &check;    |  &check;   |  &cross;   |
| eslintPluginReact.configs.flat.recommended    | &check; | &check; |    &check;    |  &cross;   |  &cross;   |
| eslintPluginReact.configs.flat["jsx-runtime"] | &check; | &check; |    &check;    |  &cross;   |  &cross;   |
| eslintPluginPrettierRecommended               | &check; | &check; |    &check;    |  &check;   |  &check;   |
| next/next/recommended                         | &check; | &cross; |    &cross;    |  &cross;   |  &cross;   |
| import/typescript                             | &check; | &check; |    &check;    |  &check;   |  &check;   |
| react-hooks                                   | &check; | &cross; |    &check;    |  &cross;   |  &cross;   |
| cypress/recommended                           | &cross; | &check; |    &cross;    |  &cross;   |  &cross;   |
| eslint-plugin-no-only-tests                   | &cross; | &check; |    &cross;    |  &cross;   |  &cross;   |

## License

[MIT](LICENSE.md)
npm package: @neolution-ch/javascript-utils
Description: This is a collection of utilities that we have created to help with our development process.
Author: Neolution
Latest version: 2.3.0

# javascript-utils

This is a collection of utilities that we have created to help with our development process. We have decided to open source these utilities in the hopes that they will be useful to others.

## Usage

To use these utilities, simply add the [@neolution-ch/javascript-utils](https://www.npmjs.com/package/@neolution-ch/javascript-utils) npm package to your project and use the desired functions in your source code.

## Contributing

If you would like to contribute to this project, please submit a pull request.

### Guidelines

- Use a filename that fits what the utility is doing. If you introduce a new file, choose a name that fits your utility but is still generic enough to hold similar utilities that can be added later alongside your addition.
- Add tests to your utilities and strive to cover many different usage scenarios and parametrization and high code coverage.

## Releases

Due to the nature of this project as a loosely connected collection of utilities, it's important to be strict about following [SemVer](https://semver.org/) to communicate possible breaking changes to the users of this library via version number.

Equally as important is to be precise about the changes made in each release and maintain the [CHANGELOG.md](CHANGELOG.md) according to the [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) format so users of this library can see easily where changes were made.
npm package: @neolution-ch/react-data-table
Description: A small and clean data-table with a lot of integrated functions
Author: Neolution
Latest version: 6.0.0

# react-data-table

This package relies heavly on `tanstack/react-table` and `reactstrap` to provide a simple and easy to use data table.

## Installation

```bash
npm install @neolution-ch/react-data-table
or
yarn add @neolution-ch/react-data-table
```

### CSS

The skeletons are provided by `react-loading-skeleton` so you need to import the css file in your project.

```tsx
import "react-loading-skeleton/dist/skeleton.css";
```

### Peer dependencies

todo

## Usage

The main entry point for everything is the `ReactDataTable` component.

The props that you provide will determine if the table is sorted, filtered, paginated, etc. on the client or if the consumer of this package has to provide the data and the functions to update the data.

### Fully Static / Client Side Example

In this configuration the table is fully static meaning that the data will be sorted, filtered, paginated, etc. on the client.

```tsx
<ReactDataTable<Person, string> data={data} columns={columns} />
```

### Fully Dynamic / Server Side Example

In this configuration the table is fully dynamic meaning that the consumer of this package has to provide the data and the functions to update the data.

| use case                                                                                                   | onSorting | sorting |
| ---------------------------------------------------------------------------------------------------------- | --------- | ------- |
| you want to manually sort your data (possible server side) but you don't want to manage the state yourself | yes       | no      |
| you want the data table to handle the sorting but would like to influence the sorting from the outside     | no        | yes     |
| you want to manually sort your data AND you want to mange the state yourself                               | yes       | yes     |
| you want the data table to handle the sorting and you don't want to manually influence the state           | no        | no      |

### Documentation

Detailed documentation can be found at [ReactDataTable Wiki](https://github.com/neolution-ch/react-data-table/wiki/React-DataTable)
npm package: @neolution-ch/react-file-tree
Description: Your package description
Author: Neolution
Latest version: 1.1.0

# @neolution/file-tree

This package draws a folder tree on the left and the containing files on the right.

## Storybook

The storybook is a visual testing tool that makes it easy to test and tinker with the components.

It can be found at https://neolution-ch.github.io/react-file-tree
npm package: @neolution-ch/react-formik-ui
Description: Common Form Elements
Author: Neolution
Latest version: 2.1.2

# @neolution-ch/formik-ui

The @neolution-ch/formik-ui package contains common formik form elements.

## Storybook

The storybook is a visual testing tool that makes it easy to test and tinker with the components.

It can be found at https://neolution-ch.github.io/react-formik-ui

### Date Picker

To use the date picker you can simply set the input type to "date". You cann then pass your desired props to the `datePickerConfig`. Please refer to https://www.npmjs.com/package/react-datepicker.

Also note that you have to import the css into your application as mentioned in the Readme of the react-date-picker library.

The localization is handled by the library itself. Please also refer to the Readme of the react-date-picker library.
npm package: @neolution-ch/react-pattern-ui
Description: Some basic functions and components which are needed in most of projects.
Author: Neolution
Latest version: 6.0.0

# pattern-ui

Some basic functions and components which are needed in most of projects.

# Sidebar

A customisable sidebar with own context, dropdown menu entries, icon menu entries, automatic active detection and more

# PanelSidebar

Based on `Sidebar` plus custom side panels in order to choose different sidebar menu entries.
npm package: @neolution-ch/react-popper
Description: Official library to use Popper on React projects
Author: Travis Arnold
Latest version: 3.0.1

# React Popper

[![Unit Tests](https://github.com/popperjs/react-popper/workflows/Unit%20Tests/badge.svg)](https://github.com/popperjs/react-popper/actions?query=workflow%3A%22Unit+Tests%22)
[![npm version](https://img.shields.io/npm/v/react-popper.svg)](https://www.npmjs.com/package/react-popper)
[![npm downloads](https://img.shields.io/npm/dm/react-popper.svg)](https://www.npmjs.com/package/react-popper)
[![Dependency Status](https://david-dm.org/souporserious/react-popper.svg)](https://david-dm.org/souporserious/react-popper)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Get support or discuss](https://img.shields.io/badge/chat-on_spectrum-6833F9.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgOCI%2BPGRlZnM%2BPHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU%2BPC9kZWZzPjx0aXRsZT5zcGVjdHJ1bTwvdGl0bGU%2BPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNSwwQy40MiwwLDAsLjYzLDAsMy4zNGMwLDEuODQuMTksMi43MiwxLjc0LDMuMWgwVjcuNThhLjQ0LjQ0LDAsMCwwLC42OC4zNUw0LjM1LDYuNjlINWM0LjU4LDAsNS0uNjMsNS0zLjM1UzkuNTgsMCw1LDBaTTIuODMsNC4xOGEuNjMuNjMsMCwxLDEsLjY1LS42M0EuNjQuNjQsMCwwLDEsMi44Myw0LjE4Wk01LDQuMThhLjYzLjYzLDAsMSwxLC42NS0uNjNBLjY0LjY0LDAsMCwxLDUsNC4xOFptMi4xNywwYS42My42MywwLDEsMSwuNjUtLjYzQS42NC42NCwwLDAsMSw3LjE3LDQuMThaIi8%2BPC9zdmc%2B)](https://spectrum.chat/popper-js/react-popper)

React wrapper around [Popper](https://popper.js.org).

---

## ⚠️ This library is in maintenance mode!

This library wraps `@popperjs/core`, not `@floating-ui/dom`.

To use the new Floating UI package with React, instead visit
https://floating-ui.com/docs/react-dom.

---

## Install

Via package managers:

```bash
# With npm
npm i react-popper @popperjs/core

# With Yarn
yarn add react-popper @popperjs/core
```

**Note:** `@popperjs/core` must be installed in your project in order for
`react-popper` to work.

Via `script` tag (UMD library exposed as `ReactPopper`):

```html
<script src="https://unpkg.com/react-popper/dist/index.umd.js"></script>
```

## Documentation

The full documentation can be found on the official Popper website:

http://popper.js.org/react-popper

## Running Locally

#### clone repo

`git clone git@github.com:popperjs/react-popper.git`

#### move into folder

`cd ~/react-popper`

#### install dependencies

`npm install` or `yarn`

#### run dev mode

`npm run demo:dev` or `yarn demo:dev`

#### open your browser and visit:

`http://localhost:1234/`
npm package: @neolution-ch/release-it-dotnet-plugin
Description: Plugin for release-it that pushes a dotnet project to a NuGet feed.
Latest version: 0.1.2

# dotnet plugin for release-it

This [release-it plugin](https://github.com/release-it/release-it/blob/master/docs/plugins.md) pushes a dotnet package to a NuGet feed.

:warning: **This plugin is still in development and not yet ready for production use.**

## Installation

```
yarn add @neolution-ch/release-it-dotnet-plugin -D
or
npm install --save-dev @neolution-ch/release-it-dotnet-plugin
```

## Usage

In [release-it](https://github.com/release-it/release-it) config:

```
"plugins": {
  "@neolution-ch/release-it-dotnet-plugin": {
    "csprojFile": "path/to/your.csproj",
    "nugetApiKey": "your-nuget-api-key"
  }
}
```

### Options

| Required           | Name               | Default                             | Description                                                                                                               |
| ------------------ | ------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------- |
| :white_check_mark: | csprojFile         | -                                   | The path to the csproj File                                                                                               |
| :white_check_mark: | nugetApiKey        | -                                   | The api key for the nuget feed                                                                                            |
| :x:                | nugetFeedUrl       | https://api.nuget.org/v3/index.json | The url for the nuget feed                                                                                                |
| :x:                | dotnetPush         | `true`                              | Should the dotnet push command be run? <br />Otherwise it will just be a dry run to check if everything would be working. |
| :x:                | buildConfiguration | `Release`                           | The build configuration for the `dotnet pack` command                                                                     |
npm package: @neomaking/chain-adapters
Description: > TODO: description
Latest version: 11.3.2

# @shapeshiftoss/chain-adapters

> TODO: description

## Usage

```typescript
const chainAdapters = require('@shapeshift/chain-adapters');

// TODO: DEMONSTRATE API
```

## Hot Reloading

To enable hot reloading, you need to have [WML](https://github.com/wix/wml) and [Watchman](https://facebook.github.io/watchman/docs/install.html) installed.

- Once WML is installed, add link(s) from packages to corresponding node_modules in project, ie:

// TODO: update package name once lib is published
```bash
wml add lib/packages/chain-adapters web/node_modules/@shapeshift/chain-adapters
```

- Check packages are linked correctly by running `wml list`, you should see a response similar to this:
```bash
Links:
enabled (0) /Users/userName/projectFolder/lib/packages/chain-adapters -> /Users/userName/projectFolder/web/node_modules/@shapeshift/chain-adapters
```

- Start `WML`
```bash
wml start
```

Note: If you start `wml` and nothing happens, or you see an error, a common cause is watchman is not watching the linked directory. Try "watching" the directory that was linked.

```bash
watchman watch [path-to-package]
```

- In a different terminal window, run the typescript server inside the package.

```bash
yarn dev
```