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.