momh

SPIPer avec DDEV (bis)

Brice Boucard — 2024-05-21T04:37:58Z

Si nous parvenions dans notre premier article à obtenir un environnement de développement sous SPIP rapidement grâce à DDEV, la méthode proposée aboutit à rendre problématique l'usage de PHP en CLI. La solution, pour ce qui est de SPIP en tout cas : ne plus utiliser le paramètre --docroot.

Installer une version 4.3

On commence par cloner le dépôt de SPIP, puis l'on configure notre environnement DDEV avant d'utiliser la commande checkout pour basculer sur la branche qui nous intéresse :

git clone https://git.spip.net/spip/spip.git spip43 cd spip43 ddev config --project-type=php --php-version=7.4 ddev checkout ddev checkout spip -b4.3 public

Si vous êtes confronté au message suivant :

fatal: detected dubious ownership in repository at '/var/www/html' To add an exception for this directory, call: git config --global --add safe.directory /var/www/html

Il suffit d'exécuter la commande indiquée, au sein du container bien évidemment :

ddev exec git config --global --add safe.directory /var/www/html

Installer la branche `master`

git clone https://git.spip.net/spip/spip.git master cd master ddev config --project-type=php --php-version=8.2 ddev composer install ddev composer local mode-dev rm -rf web/plugins-dist ddev composer local install

SPIPer avec DDEV

Brice Boucard — 2024-03-21T12:26:32Z

DDEV est, pour le dire vite, une surcouche à Docker permettant de mettre en place extrêmement rapidement des environnements de développement Web. Nous allons tenter de décrire ici comment nous l'utilisons pour nos développements avec SPIP.

Je ne vais pas ici décrire l'installation de DDEV, sa documentation se suffisant à elle-même plus que largement.

SPIP-Cli & checkout

Ces outils en ligne de commande que sont checkout (méthode unifiée d'installation et de mise à jour) et SPIP-Cli (installation, mise à jour, manipulation...) m'apparaissent comme indispensables ; un grand merci à nicod donc pour en proposer une intégration à DDEV.

Personnellement, j'ai commencé par cloner le dépôt dans un répertoire ~/sources avant de créer un lien (non symbolique) pour chacun des deux scripts vers le répertoire ~/.ddev/commands/web/ :

Ainsi, pour chacun de nos projets, ces deux commandes seront accessibles une fois le conteneur web lancé (seul bémol, il conviendra de réinstaller les utilitaires à chaque redémarrage, mais les scripts proposés par nicod s'en charge très bien).

Installer SPIP dans un environnement DDEV

Avant d'installer SPIP, il convient de préparer notre environnement de développement : création d'un répertoire, configuration du projet et initialisation :

mkdir mon_site && cd mon_site ddev config --project-type=php --webserver-type=apache-fpm --docroot=web --composer-root=web ddev start

Une fois cela fait, on peut procéder à l'installation de SPIP (sur sa branche master ici) avec SPIP-Cli (il convient de lancer la commande spip une première fois pour procéder à son installation) :

ddev spip ddev spip dl git -b master -d web

Là, on tombe sur ce message, auquel il faut répondre par l'affirmative :

Le répertoire existant web a été renommé en web__OLD. Souhaitez vous le supprimer ? (yes/no) [yes] :

Puis, on peut poursuivre l'installation, comme indiqué dans le README de SPIP, en prenant bien soin de faire précéder certaines commandes de ddev :

ddev composer install ddev composer local mode-dev rm -rf web/plugins-dist ddev composer local install

Enfin, il suffit de procéder à l'installation de SPIP, en utilisant les informations de connexion à la base de données retournées par la commande describe :

ddev describe

SPIP-Cli sur serveur mutualisé

Brice Boucard — 2022-04-27T16:24:45Z

SPIP-Cli est « une interface en ligne de commande pour SPIP ». Sa documentation nous guide parfaitement pour une installation avec un accès root ou sudo. Sur un hébergement mutualisé, avec a minima un accès SSH relativement ouvert, il faut adapter la procédure.

Une fois connecté via SSH à votre serveur, il convient tout d'abord de créer un répertoire ~/.local/bin :

mkdir -p ~/.local/bin

Ensuite, dans ce répertoire, on clone le dépôt de SPIP-Cli et on lance l'installation avec composer (chez alwaysdata, il faut utiliser composer2) :

cd ~/.local/bin/ git clone https://git.spip.net/spip-contrib-outils/spip-cli.git cd spip-cli/ composer install

Ensuite, ne nous reste plus qu'à créer un lien symbolique afin de faciliter l'usage de la commande spip :

ln -s /home/$USER/.local/bin/spip-cli/bin/spip /home/$USER/.local/bin/

Pour ce qui est de l'autocomplétion, il suffit d'éditer le fichier ~/.profile ainsi :

source ~/.local/bin/spip-cli/bin/spip_console_autocomplete

Une fois Bash relancé, la commande devrait être disponible et l'automplétion de ses options fonctionner.

Optimisation des images sous SPIP

Brice Boucard — 2022-04-01T08:20:50Z

Travaillant sur divers sites présentant de nombreux visuels bien souvent extrêmement lourds, je cherchais un moyen d'optimiser ces images afin d'améliorer les « performances » de ces sites.

Après une recherche rapide sur contrib.spip.net et sur plugins.spip.net, je n'ai pas trouvé mon bonheur [1] et ai donc développé un petit plugin, Images optimisées (optimages), en me basant sur le package image-optimizer proposé par Spatie.

Le plugin Images optimisées est installable via SVP puisque disponible sur plugins.spip.net ou via Git.

Le fonctionnement de ce plugin se veut très simple : si leur format est compatible (en l'état JPEG, PNG et GIF bien que la librairie prenne également en charge les SVG ou WEBP), les images sont compressées dès leur téléversement grâce aux utilitaires jpegoptim, pngquant et optipng, ou enfin gifsicle.

Le plugin fournit une interface de configuration permettant de modifier, s'il détecte les binaires de ces utilitaires, les arguments passés à ceux-ci (par défaut, ce sont les valeurs utilisées par la librairie image-optimizer).

En l'état, sur un échantillon loin d'être représentatif, nous obtenons des résultats de l'ordre de 60% de réduction du poids des PNG et de 40 à 50% pour les JPEG.

[1] Il s'avère qu'il existe le plugin SmushIt au fonctionnement quelque peu différent, puisqu'il n'agit pas sur les images lors de leur téléverserment mais seulement lors de leur affichage.

Prism, une aide à l'édition pour SPIP

Brice Boucard — 2021-05-23T12:30:00Z

Prism est un plugin pour SPIP visant à faciliter l'édition des contenus en ajoutant la coloration syntaxique aux raccourcis typographiques.

S'appuyant sur les librairies développées par Lea Verou PrismJS et Prism Live, le plugin Prism, disponible sur git.spip.net, propose donc une coloration syntaxique des raccourcis SPIP sur tous les textarea` (les champs longs de saisie) dotés d'une barre d'édition, c'est-à-dire où le Porte-plume est chargé (par défaut ou grâce au plugin Porte -plume partout).



  


Il convient de noter que Prism propose la coloration syntaxique et des raccourcis typographiques propres à SPIP et la syntaxe Markdown, lorsque le plugin Markdown est actif et configuré pour appliquer la syntaxe Markdown par défaut.