Paragraphs Gridstack

Paragraph Gridstack - provides a new paragraphs behavior plugin for dashboard layout and creation. Making a drag-and-drop, the multi-column responsive dashboard has never been more straightforward.

This module uses the GridstackJS library. Inspired by no-longer maintained gridster, built with love. Check http://gridstackjs.com and these demos.

Module and dependencies installation:

The composer way #1

Run composer require wikimedia/composer-merge-plugin

Update the root composer.json file. For example:

    "extra": {
        "merge-plugin": {
            "include": [
                "web/modules/contrib/paragraphs_gridstack/composer.libraries.json"
            ]
        }
    }

Run composer require drupal/paragraphs_gridstack gridstack/gridstack, and the GridstackJS library will automatically be installed in the libraries folder.

The composer way #2

Add a custom package to the root composer.json file. Its repository key looks like the following.

    "repositories": [
        {
            "type": "composer",
            "url": "https://packages.drupal.org/8"
        },
        {
            "type": "package",
            "package": {
                "name": "gridstack/gridstack",
                "version": "8.2.1",
                "type": "drupal-library",
                "dist": {
                    "url": "https://registry.npmjs.org/gridstack/-/gridstack-8.2.1.tgz",
                    "type": "tar"
                }
            }
        }
    ]

Run composer require drupal/paragraphs_gridstack gridstack/gridstack, and the GridstackJS library will be installed in the libraries folder automatically.

The composer way #3

Run composer require oomphinc/composer-installers-extender, to install an additional package allowing you to install Gridstack.JS as npm-asset from asset-packagist.org.

Update your composer.json file:

    "repositories": [
        {
            "type": "composer",
            "url": "https://packages.drupal.org/8"
        },
        {
            "type": "composer",
            "url": "https://asset-packagist.org"
        }
    ],

Set the new repository for the composer to download npm-asset packages.

    "extra": {
        "installer-types": ["bower-asset", "npm-asset"],
        "drupal-scaffold": {
            ...
        },
        "installer-paths": {
            "web/core": [
                "type:drupal-core"
            ],
            "web/libraries/{$name}": [
                "type:drupal-library",
                "type:bower-asset",
                "type:npm-asset"
            ],
            ...
        },
    },

Update the extra settings to define new installers types and configure them as library assets.

Run composer require drupal/paragraphs_gridstack npm-asset/gridstack:8.2.1, to install an additional package allowing you to install Gridstack.JS as npm-asset from asset-packagist.org.

🇺🇦