open-index/open-npm huggingface dataset:
npm package: @pittica/gatsby-plugin-blog
Description: Blog optimization plugin for GatsbyJS.
Author: Lucio Benini
Latest version: 1.1.4
Deprecated: false

# pittica/gatsby-plugin-blog

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-blog)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-blog)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-blog)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-blog/dev/gatsby)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-blog/dev/react)

## Description

Blog optimization plugin for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-blog)](https://www.npmjs.com/package/@pittica/gatsby-plugin-blog)

```shell
npm install @pittica/gatsby-plugin-blog
```

## Usage

The plugin requires **categories** and **tags** fields in each header of markdown files.

## Configuration

Edit your **gatsby-config.js**.

```javascript
module.exports = {
  plugins: [
    {
      resolve: `@pittica/gatsby-plugin-blog`,
      options: {
        postsPerPage: 15,
        templateCategory: "./src/templates/category.js",
        templateTag: "./src/templates/tag.js",
        templateArticle: "./src/templates/blog-post.js",
        templateList: "./src/templates/blog-list.js",
        slug: "blog",
        regex: "/^\/(blog)\//s",
      }
    },
  ],
}
```

### Attributes

The plugin has optional attributes.

#### postsPerPage

Sets the posts to display per page.

##### Default Value
`15`

#### templateCategory

Sets the path of the template used by categories.

#### templateTag

Sets the path of the template used by tags.

#### templateArticle

Sets the path of the template used by blog posts.

#### templateList

Sets the path of the template used by blog root.

#### regex

Sets the regular expression used to filter the slug of the posts. If not setted, the plugin uses the _slug_ parameter.

#### slug

Sets the slug of the posts.

## Copyright

(c) 2020, Pittaca S.r.l.s.
npm package: @pittica/gatsby-plugin-canvas-animations
Description: Canvas animations collection for GatsbyJS.
Author: Lucio Benini
Latest version: 2.1.0
Deprecated: false

# pittica/gatsby-plugin-canvas-animations

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-canvas-animations)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-canvas-animations)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-canvas-animations)
![Gatsby version](https://img.shields.io/npm/dependency-version/@pittica/gatsby-plugin-canvas-animations/peer/gatsby)
![React version](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-canvas-animations/react)

## Description

Canvas animations collection for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-canvas-animations)](https://www.npmjs.com/package/@pittica/gatsby-plugin-canvas-animations)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-canvas-animations)](https://www.npmjs.com/package/@pittica/gatsby-plugin-canvas-animations)

```shell
npm install @pittica/gatsby-plugin-canvas-animations
```

### Cube Animations

Cube animations based on [webgl-examples](https://github.com/mdn/webgl-examples) by [Mozilla Developer Network](https://github.com/mdn).

## Copyright

(c) 2020-2021, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-plugin-cookiehub
Description: CookieHub plugin for GatsbyJS.
Author: Lucio Benini
Latest version: 2.1.1
Deprecated: false

# pittica/gatsby-plugin-cookiehub

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-cookiehub)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-cookiehub)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-cookiehub)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-cookiehub/react)
[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-cookiehub)](https://www.npmjs.com/package/@pittica/gatsby-plugin-cookiehub)

## Description

[CookieHub](https://www.cookiehub.com/) plugin for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-cookiehub)](https://www.npmjs.com/package/@pittica/gatsby-plugin-cookiehub)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-cookiehub)](https://www.npmjs.com/package/@pittica/gatsby-plugin-cookiehub)

```shell
npm install @pittica/gatsby-plugin-cookiehub
```

## Usage

The plugin provides integration for [CookieHub](https://www.cookiehub.com/) site.

## Configuration

Edit your **gatsby-config.js**.

```javascript
module.exports = {
  plugins: [
    {
      resolve: `@pittica/gatsby-plugin-cookiehub`,
      options: {
        code: CODE,
        debug: false,
        cookie: 'pittica-cookiehub',
      }
    },
  ],
}
```
### Options

* #### key
  Description: CookieHub domain code.

  Required: **YES**.

  Type: **String**.
* #### debug
  Description: A value indicating whether run CookieHub in debug/development mode.

  Required: **NO**.

  Type: **Boolean**.
* #### cookie
  Description: The prefix of the cookie name.

  Required: **NO**.

  Type: **String**.


## Copyright

(c) 2021, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-plugin-hubspot
Description: HubSpot plugin for GatsbyJS.
Author: Lucio Benini
Latest version: 1.1.0
Deprecated: false

# pittica/gatsby-plugin-hubspot

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-hubspot)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-hubspot)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-hubspot)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-hubspot/react)
[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-hubspot)](https://www.npmjs.com/package/@pittica/gatsby-plugin-hubspot)

## Description

[HubSpot](https://www.hubspot.com/) plugin for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-hubspot)](https://www.npmjs.com/package/@pittica/gatsby-plugin-hubspot)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-hubspot)](https://www.npmjs.com/package/@pittica/gatsby-plugin-hubspot)

```shell
npm install @pittica/gatsby-plugin-hubspot
```

## Usage

The plugin provides integration for [v](https://www.hubspot.com/) site.

## Configuration

Edit your **gatsby-config.js**.

```javascript
module.exports = {
  plugins: [
    {
      resolve: `@pittica/gatsby-plugin-hubspot`,
      options: {
        region: 'eu1',
        portal: 'XXXXXX',
      }
    },
  ],
}
```

(c) 2022, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-plugin-mdx-shortcodes
Description: Shorcodes for gatsby-plugin-mdx.
Author: Lucio Benini
Latest version: 2.0.0
Deprecated: false

# pittica/gatsby-plugin-mdx-shortcodes

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-mdx-shortcodes)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-mdx-shortcodes)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-mdx-shortcodes)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-mdx-shortcodes/react)

## Description

Shorcodes for gatsby-plugin-mdx.

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-mdx-shortcodes)](https://www.npmjs.com/package/@pittica/gatsby-plugin-mdx-shortcodes)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-mdx-shortcodes)](https://www.npmjs.com/package/@pittica/gatsby-plugin-mdx-shortcodes)

```shell
npm install @pittica/gatsby-plugin-mdx-shortcodes
```

## Usage

The plugin provides basic MDX shortcodes.

Edit your **gatsby-browser.js**.

```javascript
import React from "react"
import Shortcodes from "@pittica/gatsby-plugin-mdx-shortcodes"
import { MDXProvider } from "@mdx-js/react"

const wrapRootElement = ({ element }) => (
  <MDXProvider components={Shortcodes}>{element}</MDXProvider>
)

export { wrapRootElement }
```

## Notes

Built for internal use.

## Copyright

(c) 2021, [Pittica S.r.l.](https://pittica.com)
npm package: @pittica/gatsby-plugin-navigation
Description: Navigation components for GatsbyJS.
Author: Lucio Benini
Latest version: 3.2.3
Deprecated: false

# pittica/gatsby-plugin-navigation

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-navigation)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-navigation)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-navigation)
![React version](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-navigation/react)
![Gatsby version](https://img.shields.io/npm/dependency-version/@pittica/gatsby-plugin-navigation/peer/gatsby)

## Description

Navigation components for [GatsbyJS](https://www.gatsbyjs.org/).

Best with [Bulma](https://bulma.io/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-navigation)](https://www.npmjs.com/package/@pittica/gatsby-plugin-navigation)

```shell
npm install @pittica/gatsby-plugin-navigation
```

## Copyright

(c) 2021, Pittica S.r.l.
npm package: @pittica/gatsby-plugin-recaptcha
Description: ReCaptcha component for GatsbyJS.
Author: Lucio Benini
Latest version: 2.0.3
Deprecated: false

# pittica/gatsby-plugin-recaptcha

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-recaptcha)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-recaptcha)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-recaptcha)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-recaptcha/react)

## Description

[ReCaptcha](https://www.google.com/recaptcha/) component for [GatsbyJS](https://www.gatsbyjs.org/).

This plugin has been developed using [GatsbyJS](https://www.gatsbyjs.org/) tutorials.

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-recaptcha)](https://www.npmjs.com/package/@pittica/gatsby-plugin-recaptcha)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-recaptcha)](https://www.npmjs.com/package/@pittica/gatsby-plugin-recaptcha)

```shell
npm install @pittica/gatsby-plugin-recaptcha
```

## Usage

Import the component classes.

```javascript
import ReCaptcha from "@pittica/gatsby-plugin-recaptcha"
```

Use the component in React functions.

```javascript
import React, { useState } from "react"

export default function ContactPage() {
  const [submitted, setSubmitted] = useState(false)

  const submit = (token) => {}

  return (
    <div>
      <ReCaptcha
        action="homepage"
        siteKey="RECAPTCHA_PUBLIC_KEY"
        onVerify={(token) => submit(token)}
        submitted={submitted}
      />
      <button onClick={() => setSubmitted(true)}>Submit</button>
    </div>
  )
}
```
### Attributes

The components has some attributes.

#### siteKey

* Type: **string**
* Required: **yes**

ReCaptcha public key.

#### action

* Type: **string**
* Required: **yes**
* Default value: **homepage**

ReCaptcha action. Common values are _homepage_ or _login_.

#### id

* Type: **string**
* Required: **no**

HTML ID for multiple ReCaptcha elements.

#### badge

* Type: **string**
* Required: **no**
* Values: **bottomright**, **bottomleft**, **inline**
* Default value: **inline**

Badge position and aspect.

#### size

* Type: **string**
* Required: **no**
* Values: **compact**, **normal**, **invisible**
* Default value: **invisible**

Badge size.

#### callback

* Type: **function**
* Required: **no**

Validation callback.

#### theme

* Type: **string**
* Required: **no**
* Values: **light**, **dark**
* Default value: **light**

## Copyright

(c) 2020-2021, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-plugin-seo
Description: SEO optimization plugin for GatsbyJS.
Author: Lucio Benini
Latest version: 4.3.9
Deprecated: false

# pittica/gatsby-plugin-seo

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-seo)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-seo)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-seo)
![Gatsby version](https://img.shields.io/npm/dependency-version/@pittica/gatsby-plugin-seo/peer/gatsby)
![React version](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-plugin-seo/react)

## Description

SEO plugin for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-seo)](https://www.npmjs.com/package/@pittica/gatsby-plugin-seo)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-seo)](https://www.npmjs.com/package/@pittica/gatsby-plugin-seo)

```shell
npm install @pittica/gatsby-plugin-seo
```

## Usage

The plugin provides SEO optimization.

## Configuration

Edit your **gatsby-config.js**.

```javascript
module.exports = {
  plugins: [
    {
      resolve: `@pittica/gatsby-plugin-seo`,
      options: {
        siteUrl: `https://my.site`,
        title: `SEO title`,
        description: `SEO description`,
        locale: {
          language: `en`,
          culture: `US`,
        },
        image: `/DEFAULT_SHARING_IMAGE.jpg`,
        organization: {
          name: `My Company Name`,
          url: `https://company.site`,
          logo: `https://company.site/logo.png`,
        },
        socials: {
          instagram: {
            username: `INSTAGRAM_USERNAME`,
            icon: `instagram-icon-class`,
            show: true,
          },
          github: {
            username: `GITHUB_USERNAME`,
            icon: `github-icon-class`,
            show: true,
          },
          facebook: {
            page: `FACEBOOK_PAGE_USERNAME`,
            app: `FACEBOOK_APP_ID`,
            icon: `facebook-icon-class`,
            show: true,
          },
          twitter: {
            username: `TWITTER_USERNAME`,
            site: `TWITTER_SITE_USERNAME`,
            icon: `twitter-icon-class`,
            show: true,
          },
          linkedin: {
            page: `LINKEDIN_PAGE_USERNAME`,
            icon: `linkedin-icon-class`,
            show: true,
          },
          fields: {
            title: `post.title`,
            description: `post.description`,
            next: `next.path`,
            previous: `previous.path`,
            image: `post.image`,
            imageFallback: `post.image`,
          }
          debug: false,
        },
      },
    },
  ],
}
```

## Copyright

(c) 2020-2022, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-plugin-utils
Description: Utilities plugin for GatsbyJS.
Author: Lucio Benini
Latest version: 2.5.1
Deprecated: false

# pittica/gatsby-plugin-utils

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-utils)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-utils)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-utils)

## Description

Utilities plugin for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-utils)](https://www.npmjs.com/package/@pittica/gatsby-plugin-utils)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-utils)](https://www.npmjs.com/package/@pittica/gatsby-plugin-utils)

```shell
npm install @pittica/gatsby-plugin-utils
```

## Copyright

(c) 2022, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-plugin-vcard
Description: vCard plugin for GatsbyJS.
Author: Lucio Benini
Latest version: 1.0.0
Deprecated: false

# pittica/gatsby-plugin-vcard

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-vcard)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-vcard)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-vcard)

## Description

Video embed plugin for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-vcard)](https://www.npmjs.com/package/@pittica/gatsby-plugin-vcard)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-vcard)](https://www.npmjs.com/package/@pittica/gatsby-plugin-vcard)

```shell
npm install @pittica/gatsby-plugin-vcard
```

## Copyright

(c) 2021, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-plugin-video
Description: Video embed plugin for GatsbyJS.
Author: Lucio Benini
Latest version: 1.1.0
Deprecated: false

# pittica/gatsby-plugin-video

![License](https://img.shields.io/github/license/pittica/gatsby-plugin-video)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-plugin-video)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-plugin-video)

## Description

Video embed plugin for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-plugin-video)](https://www.npmjs.com/package/@pittica/gatsby-plugin-video)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-plugin-video)](https://www.npmjs.com/package/@pittica/gatsby-plugin-video)

```shell
npm install @pittica/gatsby-plugin-video
```

## Copyright

(c) 2021, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-source-instagram
Description: Instagram source for GatsbyJS.
Author: Lucio Benini
Latest version: 2.1.0
Deprecated: false

# pittica/gatsby-source-instagram

![License](https://img.shields.io/github/license/pittica/gatsby-source-instagram)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-source-instagram)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-source-instagram)

## Description

[Instagram](https://instagram.com) source for  [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-source-instagram)](https://www.npmjs.com/package/@pittica/gatsby-source-instagram)
[![npm](https://img.shields.io/npm/dm/@pittica/gatsby-source-instagram)](https://www.npmjs.com/package/@pittica/gatsby-source-instagram)

```shell
npm install @pittica/gatsby-source-instagram
```

## Copyright

(c) 2021-2022, [Pittica S.r.l.](https://pittica.com).
npm package: @pittica/gatsby-source-prestashop
Description: PrestaShop source plugin for GatsbyJS.
Author: Lucio Benini
Latest version: 0.2.2
Deprecated: false

# pittica/gatsby-source-prestashop

![License](https://img.shields.io/github/license/pittica/gatsby-source-prestashop)
![Version](https://img.shields.io/github/package-json/v/pittica/gatsby-source-prestashop)
![Release](https://img.shields.io/github/v/release/pittica/gatsby-source-prestashop)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-source-prestashop/dev/gatsby)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/pittica/gatsby-source-prestashop/dev/react)
[![npm](https://img.shields.io/npm/v/@pittica/gatsby-source-prestashop)](https://www.npmjs.com/package/@pittica/gatsby-source-prestashop)

## Description

[PrestaShop](https://www.prestashop.com/) source plugin for [GatsbyJS](https://www.gatsbyjs.org/).

## Install

[![npm](https://img.shields.io/npm/v/@pittica/gatsby-source-prestashop)](https://www.npmjs.com/package/@pittica/gatsby-source-prestashop)

```shell
npm install @pittica/gatsby-source-prestashop
```

## Usage

The plugin provides source from a [PrestaShop](https://www.prestashop.com/) site.

## Configuration

Edit your **gatsby-config.js**.

```javascript
module.exports = {
  plugins: [
    {
      resolve: `@pittica/gatsby-source-prestashop`,
      options: {
        url: SHOP_URL,
        key: SHOP_KEY,
        locale: LOCALE,
        images: {
          download: false,
          format: {
            product: 'medium_default',
            category: 'category_default',
            manufacturer: 'manufacturer_default'
          },
          extension: 'jpg'
        }
      }
    },
  ],
}
```
### Options

* #### url
  Description: The URL of the PrestaShop installation.

  Required: **YES**.

  Type: **String**.
* #### key
  Description: The PrestaShop webservice key.

  Required: **YES**.

  Type: **String**.
* #### locale
  Description: The locale *iso_code* of the language.

  Required: **NO**.

  Type: **String**.
* #### images
  Description: Image settings.

  Required: **NO**.

  Type: **Object**.

  Default value: **true**


## Copyright

(c) 2021, Pittaca S.r.l.s.