PHPackages                             greenpeace/planet4-gpnl-plugin-gutenberg-blocks - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. greenpeace/planet4-gpnl-plugin-gutenberg-blocks

AbandonedArchivedWordpress-plugin[Utility & Helpers](/categories/utility)

greenpeace/planet4-gpnl-plugin-gutenberg-blocks
===============================================

This repository contains the WordPress plugin that provides the gutenberg blocks for Planet4 project

v2.12.1(3y ago)01.5k1[19 issues](https://github.com/greenpeace/planet4-gpnl-plugin-gutenberg-blocks/issues)[19 PRs](https://github.com/greenpeace/planet4-gpnl-plugin-gutenberg-blocks/pulls)GPL-3.0+JavaScript

Since Oct 28Pushed 7mo ago8 watchersCompare

[ Source](https://github.com/greenpeace/planet4-gpnl-plugin-gutenberg-blocks)[ Packagist](https://packagist.org/packages/greenpeace/planet4-gpnl-plugin-gutenberg-blocks)[ RSS](/packages/greenpeace-planet4-gpnl-plugin-gutenberg-blocks/feed)WikiDiscussions develop Synced today

READMEChangelog (2)Dependencies (6)Versions (78)Used By (0)

Greenpeace P4NL Gutenberg Blocks Plugin
=======================================

[](#greenpeace-p4nl-gutenberg-blocks-plugin)

[![Planet4](./planet4.png)](./planet4.png)

! WorkInProgress
================

[](#-workinprogress)

Contents
========

[](#contents)

- [Introduction](#introduction)
- [Composer](#composer)
- [Code Standards](#code-standards)
- [Contribute](#contribute)

Introduction
------------

[](#introduction)

This WordPress plugin provides the necessary blocks to be used with Gutenberg with Twig.

Composer
--------

[](#composer)

We use composer as dependency manager for the this plugin. To install dependencies run

`$ composer install`

Code standards
--------------

[](#code-standards)

We follow the [WordPress Coding Standards](https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/)

We use a custom [php codesniffer](https://github.com/squizlabs/PHP_CodeSniffer) ruleset which adds some rules over WordPress-Core, WordPress-Docs and WordPress-Extra rulesets.

[WordPress Coding Standards Rulesets](https://github.com/WordPress/WordPress-Coding-Standards)

[WordPress Coding Standards Wiki](https://github.com/WordPress/WordPress-Coding-Standards/wiki)

To run the [php codesniffer](https://github.com/squizlabs/PHP_CodeSniffer)

`$ vendor/bin/phpcs`or `$ composer sniffs`

To run the [php code beautifier and fixer](https://github.com/squizlabs/PHP_CodeSniffer/wiki/Fixing-Errors-Automatically)

`$ vendor/bin/phpcbf`or `$ composer fixes`

Contribute
----------

[](#contribute)

Please read the [Contribution Guidelines](https://planet4.greenpeace.org/handbook/dev-contribute-to-planet4/) for Planet4.

Commit guidelines
-----------------

[](#commit-guidelines)

Included is a githook *(commit-msg)* which is run to ensure standardized commit messages. [Conventional commits](https://www.conventionalcommits.org/en/v1.0.0/#summary) is used as the convention.

### In short:

[](#in-short)

```
[optional 'maintenance' type][type]([optional scope])[breaking change]: [description]

[optional body]

```

SectionExplanation'Maintenance' type`Revert` `Merge`Type`build` `docs` `feat` `fix` `perf` `refactor` `style` `test` `chore`ScopeOptional explanation of the scope of the change ie `ux` `ui` `admin` etcBreaking changeWhen a breaking change is introduced use `!` after the commit typeDescription10-52 char explanation what the commit doesBodyOptionally more axplanation on the *what* and *why*The following commits correlate to [SemVer](https://semver.org/#summary) version changes.

CommitSemVer changecommit with `!`Major version change, ie 2.x.xcommit type `feat`Minor version change, ie x.2.xcommit with type `fix`Patch version change, ie x.x.2Build process
-------------

[](#build-process)

### Development

[](#development)

To watch the files run `yarn start`.

### Build for production

[](#build-for-production)

To build files for production run `yarn build`.

#### Browserslist

[](#browserslist)

All source code gets transpiled according to our actual usage data. To make sure we don't support too old browsers, the usage data should be refreshed every once in a while (once-twice a year).
Generating the usage data can be done using [browserslist-ga-export](https://github.com/browserslist/browserslist-ga-export)

### Linting

[](#linting)

Linters for both CSS and JS are available both for linting and fixing.
`yarn lint` `yarn lint:fix` for both CSS and JS
`yarn lint:[css/js]` for either CSS or JS
`yarn lint:[css/js]:fix` for either CSS or JS

### Release preparation

[](#release-preparation)

Release steps are largely automated, this includes: changing branching to loosely follow gitflow, generating assets generating changelogs and tagging the new release. Only (purposely) manual step left is pushing the branches and tags to remote. Changelogs are autogenerated by `standard-version` if the commit guidelines are followed.
`yarn release` for running releases `yarn dryrelease` for checking what the impact of a release is.
CircleCI is used as the CI automation. Steps for releasing new versions are in the [Planet4 Documentation](https://app.gitbook.com/@greenpeace/s/planet4/nro-customization/deployment)

Dependencies
------------

[](#dependencies)

Adding external dependencies for a block can be done by enqueueing an asset and enqueueing external assets like so:

```
		$external_assets = [
			[
				'handle' => 'swiper',
				'src'    => 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.css',
				'type'   => 'style'
			],
			[
				'handle' => 'swiper',
				'src'    => 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.js',
				'type'   => 'script'
			]
		];
		Asset_Enqueuer::enqueue_external_asset( $external_assets );

```

asd

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance45

Moderate activity, may be stable

Popularity15

Limited adoption so far

Community17

Small or concentrated contributor base

Maturity73

Established project with proven stability

 Bus Factor1

Top contributor holds 57.5% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~22 days

Recently: every ~112 days

Total

50

Last Release

1310d ago

Major Versions

0.0.1 → 1.0.02019-11-06

1.7.7 → 2.0.02020-10-01

### Community

Maintainers

![](https://www.gravatar.com/avatar/a6ecac1cd24a45a56dd052ecd5db6f9b7ce0ca79f90399d364d6d641f21c22fd?d=identicon)[oekeur](/maintainers/oekeur)

![](https://www.gravatar.com/avatar/7af2ca16c9b0cae566fd37c59747a429335eb9a4724cb4566fbb9def6f4b025c?d=identicon)[dirkjf](/maintainers/dirkjf)

---

Top Contributors

[![oekeur](https://avatars.githubusercontent.com/u/14031077?v=4)](https://github.com/oekeur "oekeur (580 commits)")[![dirkjf](https://avatars.githubusercontent.com/u/34198573?v=4)](https://github.com/dirkjf "dirkjf (407 commits)")[![snyk-bot](https://avatars.githubusercontent.com/u/19733683?v=4)](https://github.com/snyk-bot "snyk-bot (14 commits)")[![pablocubico](https://avatars.githubusercontent.com/u/340766?v=4)](https://github.com/pablocubico "pablocubico (5 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (3 commits)")

###  Code Quality

TestsPHPUnit

Code StylePHP\_CodeSniffer

### Embed Badge

![Health badge](/badges/greenpeace-planet4-gpnl-plugin-gutenberg-blocks/health.svg)

```
[![Health](https://phpackages.com/badges/greenpeace-planet4-gpnl-plugin-gutenberg-blocks/health.svg)](https://phpackages.com/packages/greenpeace-planet4-gpnl-plugin-gutenberg-blocks)
```

###  Alternatives

[arnolem/tailwindphp

TailwindPHP - use Tailwind CSS in your PHP projects (without npm)

131.1k](/packages/arnolem-tailwindphp)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)