open-index/open-npm huggingface dataset:
npm package: @jungle_memory/knowledge_base
Description: Functions that return basic information. Simple and common to obscure and complicatied, the library contains information like the alphabet, numbers and months in addition to names of neurotransmitters, dinosaurs, and more.
Latest version: 1.1.3

# @jungle_memory/knowledge_base

[![npm (scoped)](https://img.shields.io/npm/v/@jungle_memory/knowledge_base.svg)](https://www.npmjs.com/package/@jungle_memory/knowledge_base)
<!-- [![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/@thacash/cash_finance.svg)](https://www.npmjs.com/package/@thacash/cash_finance)
 -->

From simple and common to obscure and complicatied, the library contains information like the alphabet, numbers and months in addition to names of neurotransmitters, dinosaurs, and more.

## Install

```
$ npm install @jungle_memory/knowledge_base
```

## Usage

```js
const memory = require("@jungle_memory/knowledge_base");

const letters = memory.getEnglishAlphabet()
//=> ["a", "b", "c", . . .]

```
npm package: @junglejs/jungle-source-squidex
Description: JungleJS: datasource Squidex
Author: Hendrik Roth
Latest version: 0.0.2

# jungle-source-squidex

A datasource plugin for [Squidex](https://squidex.io),
a self hosted or managed and open source headless content management system.

## Configuration

Please checkout the `/example` folder.

It is important, to load the datasource asynchrone.
This requires to change the default junglejs example app.js(and build.js) file:

```
getJungleConfig(args)
    .then(jungleConfig => {
        startGraphqlServer(jungleConfig, __dirname,
            () => startAppServer(jungleConfig, app, __dirname,
                () => watchRoutes(jungleConfig, app, __dirname)));
    });
```

You also have to modify the default junglejs.config.js file for loading the datasource asynchrone:

```
const load = require("@junglejs/jungle-source-squidex");
const {gql} = require("graphql-request");

// Define your squidex graphql query,
// please use the flatData object
const postSource = {
    name: "post",
    query: gql `
        query {
            queryPostContents {
                flatData {
                    title
                    slug
                    content
                    image {
                        url
                        fileName
                    }
                }
            }
        }
    `,
    options: {
        assets: [
            // this plugin downloads assets from squidex and stores them locally,
            // you have to load the subfields url and fileName
            {source: "image"}
        ],
        markdown: [
            // this plugin allows you to format markdown to html
            {source: "content"}
        ]
    },
    queryArgs: { slug: "String!" }
};

// important, async change:
module.exports = async () => {
    const itemLoader = await load({
        client_id: SQUIDEX_CLIENT_ID,
        client_secret: SQUIDEX_CLIENT_SECRET,
        base_url: SQUIDEX_URL,
        app: SQUIDEX_APP_NAME
    });

    return {
        ...

        dataSources: [
            {
                format: "json",
                name: postSource.name,
                items: await itemLoader(postSource),
                queryArgs: postSource
            }
        ]
    }
}
```
npm package: @junglescoutofficial/mocha-snapshots
Description: Snapshot testing for Mocha users
Author: Wellington Guimaraes
Latest version: 0.0.2

# Mocha Snapshots
Snapshot/regression testing for using with Mocha, specially for React+Enzyme users.

## Install it
`npm i @junglescoutofficial/mocha-snapshots --save-dev`

## Use it
```es6
import { expect } from 'chai';
import { shallow } from 'enzyme';
import MyComponent from './path/to/MyComponent';

describe('<MyComponent />', () => {
  it('should match snapshot', () => {
    const wrapper = shallow(<MyComponent />)
    
    // You can match Enzyme wrappers
    expect(wrapper).to.matchSnapshot();
    
    // Strings
    expect('you can match strings').to.matchSnapshot();
    
    // Numbers
    expect(123).to.matchSnapshot();
    
    // Or any object
    expect({ a: 1, b: { c: 1 } }).to.matchSnapshot();
   
  });
});
```

## Run your tests
Add a require argument to your test script/command 

`mocha --require @junglescoutofficial/mocha-snapshots`

## Disable classNames cleanup
To prevent false mismatches, mocha-snapshots sanitizes className props by default. You can disable this behavior before running your tests:
```js
import mochaSnapshots from '@junglescoutofficial/mocha-snapshots';

mochaSnapshots.setup({ sanitizeClassNames: false })
```

## Update snapshots
Set an environment variable `UPDATE` and run your test script or add the flag `--update`  when running Mocha:

```
UPDATE=1 mocha --require @junglescoutofficial/mocha-snapshots
``` 
or
```
mocha --require @junglescoutofficial/mocha-snapshots --update
```
npm package: @junglesys/gridsome
Description: A JAMstack framework for building blazing fast websites with Vue.js with meta tag fixes
Author: Seth Manley Burch
Latest version: 1.0.0

<p align="center">
  <br>
  <a href="https://www.gridsome.org">
    <img src="https://raw.githubusercontent.com/gridsome/gridsome/master/assets/logo.png" width="90"/>
  </a>
</p>

<h2 align="center">Gridsome</h2>

<p align="center">
  A JAMstack framework for building blazing fast websites with <a href="https://vuejs.org">Vue.js</a>
</p>

<p align="center">
  <a title="Downloads" href="https://www.npmjs.com/package/gridsome">
    <img src="https://img.shields.io/npm/dm/gridsome.svg?style=flat-square">
  </a>
  <a title="Current version" href="https://www.npmjs.com/package/gridsome">
    <img src="https://img.shields.io/npm/v/gridsome.svg?style=flat-square">
  </a>
  <a title="MIT License" href="LICENSE">
    <img src="https://img.shields.io/github/license/gridsome/gridsome.svg?style=flat-square">
  </a>
  <a title="Follow on Twitter" href="https://twitter.com/gridsome">
    <img src="https://img.shields.io/twitter/follow/gridsome.svg?style=social&label=Follow">
  </a>
  <br>
  <br>
</p>

> This project is under active development. Any feedback or contributions would be appreciated.

Build websites using latest web tech tools that developers love - Vue.js, GraphQL and webpack. Use local files or any external API as a data source and access the data from a unified GraphQL layer. Gridsome is heavily inspired by **[Gatsby](https://gatsbyjs.org)**.

## Quick start

### 1. Install Gridsome CLI tool

`npm install --global @gridsome/cli`

### 2. Create a Gridsome project

1. `gridsome create my-gridsome-site` to create a new project </li>
2. `cd my-gridsome-site` to open folder
3. `gridsome develop` to start local dev server at `http://localhost:8080`
4. Happy coding 🎉🙌

### 3. Next steps

1. Create `.vue` components in the `./src/pages` directory to create pages
2. Use `gridsome build` to generate static files in a `./dist` folder

### Learn more...

- [How it works](https://gridsome.org/docs/how-it-works)
- [How to deploy](https://gridsome.org/docs/deployment)
npm package: @jungroit/react-responsive-pinch-zoom-pan
Description: Enables zooming and panning an image, both mobile and desktop.
Author: Rohit Jung Karki
Latest version: 0.4.8

# react-responsive-pinch-zoom-pan

A React component that adds pinch-zoom and pan capability to an `img` element. Both mobile and desktop browsers are supported. In desktop mode, you zoom with the mouse scrollwheel, and pan by dragging. Added ability to toggle zoom on scroll.

On render, the zoom and pan values are applied using CSS transforms. 

## Install

`npm install react-responsive-pinch-zoom-pan --save`

## Try it out

### Online

[Demo](https://bradstiff.github.io/react-responsive-pinch-zoom-pan/)

### Local

1. `git clone https://github.com/bradstiff/react-responsive-pinch-zoom-pan.git`
2. `cd react-responsive-pinch-zoom-pan`
3. `npm install`
4. `npm start`
5. Browse to http://localhost:3001

## Usage

```javascript
import React from "react";
import PinchZoomPan from "react-responsive-pinch-zoom-pan";

const App = () => {
    return (
        <div style={{ width: '500px', height: '500px' }}>
            <PinchZoomPan>
                <img alt='Test Image' src='http://picsum.photos/750/750' />
            </PinchZoomPan>
        </div>
    );
};
```

## API

Prop		| Type		| Default	| Description
------------|-----------|-----------|--------------------------------------------------------------------------------------------------------------------
initialScale| number	| 'auto'	| The initial scale of the image.  When `auto`, the image will be proportionally 'autofit' to the container.
minScale	| number	| 'auto'	| The minimum scale to which the image can be zoomed out. When `auto`, the minimum scale is the 'autofit' scale.
maxScale	| number	| 1			| The maximum scale to which the image can be zoomed in. 
position    | 'center' or 'topLeft'    | 'topLeft'  | Position of the image relative to the container. Applies when the scaled image is smaller than the container.
zoomButtons	| bool		| true		| Render plus (+) and minus (-) buttons on top of the image as another way to access the zoom feature.
doubleTapBehavior	| 'reset' or 'zoom' | 'reset'		| Whether to zoom in or reset to initial scale on double-click / double-tap.

## Development

You're welcome to contribute to react-responsive-pinch-zoom-pan.

To set up the project:

1.  Fork and clone the repository
2.  `npm install`
3.  `npm start`

The example page will be available on http://localhost:3001 in watch mode, meaning you don't have to refresh the page to see your changes.
npm package: @jungsoft/eslint-config
Description: Extensible shared config of JavaScript, ReactJS and React Native rules
Author: Jungsoft
Latest version: 5.0.0

<img src=".github/docs/logo.png" width="300px"/>

# Eslint Config Jungsoft

[![Stars](https://img.shields.io/github/stars/jungsoft/eslint-config?color=1661A5&style=flat-square)](https://github.com/jungsoft/eslint-config/stargazers)
[![Forks](https://img.shields.io/github/forks/jungsoft/eslint-config?color=%231661A5&style=flat-square)](https://github.com/jungsoft/eslint-config/network/members)
[![Contributors](https://img.shields.io/github/contributors/jungsoft/eslint-config?color=1661A5&style=flat-square)](https://github.com/jungsoft/eslint-config/graphs/contributors)
[![NPM](https://img.shields.io/npm/v/@jungsoft/eslint-config?color=1661A5&style=flat-square)](https://www.npmjs.com/package/@jungsoft/eslint-config)

This package provides extensible shared config of JavaScript, React and React Native rules

# :pushpin: Table of Contents

* [Installation](#construction_worker-installation)
* [Usage](#pushpin-usage)
* [License](#closed_book-license)

# :construction_worker: Installation

### With Yarn

```
npx install-peerdeps --dev @jungsoft/eslint-config --yarn
```

### With NPM
```
npx install-peerdeps --dev @jungsoft/eslint-config
```

And remove the peer-dependencies according to the shareable config that you're using, for instance, the typescript config won't need the ``eslint-import-resolver-typescript`` dependency

## :pushpin: Usage

This package includes the following configurations:

* [`@jungsoft`](./configurations/main.js) – The base rules of the config.
* [`@jungsoft`](./configurations/typescript.js) – The [TypeScript](https://www.typescriptlang.org/) config.
* [`@jungsoft/eslint-config/react`](./configurations/react.js) – Extends the base jungsoft configuration by adding [React](https://facebook.github.io/react/) related rules.
* [`@jungsoft/eslint-config/react-native`](./configurations/react-native.js) – Extends the base jungsoft configuration by adding [React Native](https://reactnative.dev/) related rules.

Example:

Shareable config for JavaScript projects
```json
{
  "extends": [
    "@jungsoft"
  ]
}
```

Shareable config for TypeScript projects
```json
{
  "extends": [
    "@jungsoft",
    "@jungsoft/eslint-config/typescript"
  ]
}
```

Shareable config for React projects
```json
{
  "extends": [
    "@jungsoft/eslint-config/react"
  ]
}
```

Shareable config for React Native projects
```json
{
  "extends": [
    "@jungsoft/eslint-config/react-native"
  ]
}
```

And you can also override/add rules according to your needs

```
{
  extends: [
    "@jungsoft",
  ],
  plugins: ['react', 'jsx-a11y'],
  rules: {
    "react/prop-types": 1,
    "jsx-a11y/anchor-is-valid": ["warn", {
      components: ["Link"],
      specialLink: ["to"],
    }],
  }
}
```

# :closed_book: License

This project is under the [MIT license](https://github.com/jungsoft/eslint-config/master/LICENSE).

Made with love by [Laura Beatris](https://github.com/LauraBeatris) and contributors at [Jungsoft](https://jungsoft.io/) 💜🚀
npm package: @jungsoft/react-pagination
Description: Headless react hook for pagination
Author: Lucas Mogari
Latest version: 0.0.9

# react-pagination

Headless react hook for pagination.


### Demo

https://react-pagination.vercel.app/


### Install
```
npm install @lucasmogari/react-pagination --save
# or 
yarn add @lucasmogari/react-pagination
```
npm package: @jungvonmatt/contentful-fakes
Description: Create fake data based on contentful data models
Author: Ben Zörb
Latest version: 4.1.2

[![NPM version][npm-image]][npm-url]

# JvM Contentful fake data generator

Generate fake data files based on your Contentful content models

## Getting started

### Install

```bash
npm install --save-dev @jungvonmatt/contentful-fakes
```

## Commands

### help

```bash
npx contentful-fakes help [command]
```

### create

Fetch all content entries and store them as yaml in the configured directory

```bash
npx contentful-fakes create [options]
```

#### options

```
  -c, --content-type` `<content-type...>  Specify content-types
  -e, --extension <extension>           Specify output format (default: "yaml")
  -o, --output-directory <directory>    Specify output directory (default: "data")
  --config <configuration file>         Use this configuration, overriding other config options if present
  --cwd <directory>                     Working directory. Defaults to process.cwd()
```

[npm-url]: https://www.npmjs.com/package/@jungvonmatt/contentful-fakes
[npm-image]: https://img.shields.io/npm/v/@jungvonmatt/contentful-fakes.svg
npm package: @jungvonmatt/contentful-typings
Description: [![NPM version][npm-image]][npm-url]
Latest version: 4.1.2

[![NPM version][npm-image]][npm-url]

# JvM Contentful typings generator

Generate typescript definitions based on your Contentful content models.
It's mainly a wrapper around [`cf-content-types-generator`](https://www.npmjs.com/package/cf-content-types-generator)

## Getting started

### Install

```bash
npm install --save-dev @jungvonmatt/contentful-typings
```

## Commands

### help

```bash
npx contentful-typings help [command]
```

### generate

Fetch all content entries and store them as yaml in the configured directory

```bash
npx contentful-typings generate [options]
```

#### options

```
  -o, --output <filepath>         Specify output file (default: "@types/contentful.d.ts")
  -l, --localized                 Add localized types
  -d, --jsdoc                     Add JSDoc comments
  -g, --typeguard                 Add type guards
  --config <configuration file>   Use this configuration, overriding other config options if present
  --cwd <directory>               Working directory. Defaults to process.cwd()
  -h, --help                      display help for command
```

[npm-url]: https://www.npmjs.com/package/@jungvonmatt/contentful-typings
[npm-image]: https://img.shields.io/npm/v/@jungvonmatt/contentful-typings.svg
npm package: @jungvonmatt/create-contentful-hugo-app
Description: Create contentful-hugo app
Author: Jung von Matt TECH
Latest version: 0.1.6
Deprecated: Package has moved to @jungvonmatt/create-wekit-app

# Create Contentful/HUGO app

The easiest way to kickstart a new jamstack project using contentful and hugo is by using `create-contentful-hugo-app`.
This CLI tool enables you to quickly setup a new contentful-hugo application, with everything set up for you.
To get started, use the following command:

```bash
npx @jungvonmatt/create-contentful-hugo-app
```

To create a new app in a specific folder, you can send a name as an argument. For example, the following command will create a new contentful-hugo project called `blog-app` in a folder with the same name:

```bash
npx @jungvonmatt/create-contentful-hugo-app blog-app
```
npm package: @jungvonmatt/create-wekit-app
Description: Create WEKit app
Author: Jung von Matt TECH
Latest version: 0.7.5

# Create WEKit app

[![NPM Version][npm-image]][npm-url] [![Sonarcloud Status][sonarcloud-image]][sonarcloud-url]

The easiest way to kickstart a new WEKit project using contentful and hugo is by using `@jungvonmatt/create-wekit-app`.
This CLI tool enables you to quickly setup a new WEKit application, with everything set up for you.
To get started, use the following command:

```bash
npx @jungvonmatt/create-wekit-app@latest
```

To create a new app in a specific folder, you can send a name as an argument. For example, the following command will create a new WEKit project called `blog-app` in a folder with the same name:

```bash
npx @jungvonmatt/create-wekit-app@latest blog-app
```

[npm-url]: https://www.npmjs.com/package/@jungvonmatt/create-wekit-app
[npm-image]: https://img.shields.io/npm/v/@jungvonmatt/create-wekit-app.svg
[sonarcloud-url]: https://sonarcloud.io/dashboard?id=jungvonmatt_create-contentful-hugo-app
[sonarcloud-image]: https://sonarcloud.io/api/project_badges/measure?project=jungvonmatt_create-contentful-hugo-app&metric=alert_status
npm package: @jungvonmatt/cssg-plugin-grow
Description: Contentful-ssg plugin for grow
Author: Ben Zörb
Latest version: 4.1.2

# cssg-plugin-grow

Provides support for the [grow](https://grow.io/) static site generator.

This plugin handles some common configuration requirements when using the grow static site generator.

- Prepends a `$` in the yaml front matter to 'special' internal fields like slug, title, date, etc. (`slug -> $slug`) so they will be processed by grow.
- Writes blueprint.yml files for the content-types configured in the `typeConfig` setting.
- Resolves links to other entries using grow's yaml constructors. See https://grow.dev/reference/documents/#constructors

## Install

`npm install @jungvonmatt/cssg-plugin-grow`

## How to use

```js
// In your contentful-ssg.config.js
plugins: [
  {
    resolve: `@jungvonmatt/cssg-plugin-grow`,
    options: {
      // Add any options here
    },
  },
];
```

## Options

| Name       | Type     | Default     | Description                                                                                    |
| ---------- | -------- | ----------- | ---------------------------------------------------------------------------------------------- |
| typeConfig | `Object` | `undefined` | Pass a map with e.g. grow's blueprint config ({<contenttypeid>: {$path: '...', $view: '...'}}) |

For example, to mark the content types `t-category` and `t-article` as documents which require a blueprint config:

```js
// In your contentful-ssg.config.js
plugins: [
  {
    resolve: `@jungvonmatt/cssg-plugin-grow`,
    options: {
      typeConfig: {
        't-category': {
          view: '/views/t-category.html',
          path: '/{locale}/{slug}/',
        },
        't-article': {
          view: '/views/t-article.html',
          path: '/{locale}/{slug}/',
        },
      },
    },
  },
];
```
npm package: @jungzl/eslint-config-basic
Description: jungzl's basic eslint config
Author: jungzl
Latest version: 0.0.8

# eslint-config
Jungzl's basic eslint config 🦄

### 🛠️ Usage

First, make sure you have `Eslint` installed and install this package by:

```npm
npm[yarn|pnpm] install @jungzl/eslint-config-basic --dev
```
Then add the following to your `.eslintrc.js`:

```js
module.exports = {
  extends: '@jungzl/eslint-config-basic',
}
```
npm package: @jungzl/eslint-config-react
Description: jungzl's eslint config for react
Author: jungzl
Latest version: 0.0.8

# eslint-config
Jungzl's eslint config for react project 🦄

This config extends [@jungzl/eslint-config-ts](https://github.com/Jungzl/eslint-config/tree/main/packages/typescript)

### 🛠️ Usage

First, make sure you have `Eslint` installed and install this package by:

```npm
npm[yarn|pnpm] install @jungzl/eslint-config-react --dev
```
Then add the following to your `.eslintrc.js`:

```js
module.exports = {
  extends: '@jungzl/eslint-config-react',
}
```
npm package: @jungzl/eslint-config-ts
Description: jungzl's ESLint configuration for TypeScript
Author: jungzl
Latest version: 0.0.8

# eslint-config
Jungzl's eslint config with typescript 🦄

This config extends [@jungzl/eslint-config-basic](https://github.com/Jungzl/eslint-config/tree/main/packages/basic)

### 🛠️ Usage

First, make sure you have `Eslint` installed and install this package by:

```npm
npm[yarn|pnpm] install @jungzl/eslint-config-ts --dev
```
Then add the following to your `.eslintrc.js`:

```js
module.exports = {
  extends: '@jungzl/eslint-config-ts',
}
```
npm package: @jungzl/eslint-config-vue
Description: jungzl's ESLint config for Vue
Author: jungzl
Latest version: 0.0.8

# eslint-config
Jungzl's eslint config for react project 🦄

This config extends [@jungzl/eslint-config-ts](https://github.com/Jungzl/eslint-config/tree/main/packages/typescript)

### 🛠️ Usage

First, make sure you have `Eslint` installed and install this package by:

```npm
npm[yarn|pnpm] install @jungzl/eslint-config-vue --dev
```
Then add the following to your `.eslintrc.js`:

```js
module.exports = {
  extends: '@jungzl/eslint-config-vue',
}
```
npm package: @jungzl/stylelint-config
Description: Jungzl's stylelint config
Author: Jungzl
Latest version: 0.0.5

# stylelint-config

Jungzl's stylelint config 👻

### 🛠️ Usage

First, make sure you have [stylelint](https://stylelint.io/) installed and install this config by:

```npm
npm[yarn|pnpm] install @jungzl/stylelint-config --dev
```

Then, add the following to your `.stylelintrc.js` file:

```js
module.exports = {
  extends: '@jungzl/stylelint-config'
};
```