diff --git a/blog/feed.xml b/blog/feed.xml
index b7538d6..886998e 100644
--- a/blog/feed.xml
+++ b/blog/feed.xml
@@ -7,610 +7,637 @@
Gitea est un logiciel très complet mais une des fonctionnalités qui peut manquer à certain⋅e⋅s est la publication pages web statiques via la forge. Codeberg a développé Codeberg/pages-server, un projet écrit en GO qui permet de réaliser cette fonctionnalité. Il lance un serveur web et sert les fichiers qui sont récupérés via l'API. Après l'avoir forké pour le personnalisé, il est à présent déployé sur Gitnet Pages.
+Le 1er novembre dernier a été publiée la version v1.23 de Murph. Murph est un framework open-source pour construire des CMS. Il est développé à l'aide de Symfony et permet de gérer des sites web avec plusieurs noms de domaines et en plusieurs langues. Il est aussi très efficace pour développer des outils d'administration et des applications métiers. C'est par ce prisme que j'ai beaucoup exploité Murph ces derniers mois, ce qui m'a permis de le mettre à l'épreuve. Je l'ai donc agrémenter de nouvelles fonctionnalités et de correctifs.
-Pour commencer à publier, vous devez créer un dépot pages
dans lequel vous déposerez y vos fichiers. Le contenu sera accessible via https://votre-login.gitnet.page/{fichier}
.
Dans le cas où vous souhaitez intégrer des pages à un dépot existant, ajoutez une branche pages
puis accédez à votre contenu via https://votre-login.gitnet.page/le-depot/{fichier}
:
Quant à Custom Menu, la version v3.11.0 a été publiée de 5 novembre. Elle apporte une nouvelle fonctionnalité de recherche des applications dans les différents menus. Celle permet de filtrer les applications et permettre de les accéder plus rapidement. J'y pensais depuis quelques temps et c'est un besoin qui m'a été rémonté, c'est donc maintenant disponible !
-dev@project $ git switch --orphan pages
-# Si vous avez des fichiers ignorés par git qui existent :
-dev@project $ git rm --cached -r .
-
+
-Et si vous désirez accéder à du contenu qui se trouve sur une autre branche, il faudra la spécifier de cette façon : https://votre-login.gitnet.page/le-depot/@la-branche/{fichier}
.
Vous pouvez utiliser un générateur de site static mais il faudra ajouter un CI/CD. J'ai réalisé des tests avec Hugo + Woordpecker et ça marche bien ! On build la branche ou se trouve les sources, on copie le résultat dans la branche pages
et on pousse le code sur Gitnet. Voici la configuration utilisée.
Si toutefois le service venait à être pas mal utilisé, alors j'intégrerai des fonctionnalités plus avancées comme le nom de domaine personnalité. Tel qu'il est déployé actuellement, ce n'est pas possible.
- - +Murph et Custom Menu sont des projets qui me tiennent vraiment à cœur et je suis heureux de les voir être utilisés par d'autres personnes que moi 😁
]]>Dès la version 1.17, il sera possible d'utiliser Gitea comme registre de paquets. Ce registre est compatible avec les principaux gestionnaires de paquets du marché : composer, npm, pip, gem, conan, nuget, …
- -Cette nouvelle fonctionnalié est géniale car elle permet d'avoir un seul et unique outil qui fait office de registre, quelque soit le type de langage. Les paquets et le code source sont au même endroit donc on se disperse moins. Enfin, on contribue à décentraliser l'hébergement de paquets, ce qui peut radicalement réduire le coût énergétique et les ressources réseaux nécessaires pour tester/builder/installer/déployer un logiciel.
-Dans mon cas d'usage, j'ai des projets avec une CI/CD qui repose sur docker et des images persos. Pendant un build, les images seront téléchargées depuis mon réseau local donc ça sera bien plus vite.
J'ai testé plusieurs types de paquets et ça fonctionne très bien ! La documentation est disponible ici.
- - - -Bravo aux développeur⋅euses de Gitea qui font un boulot monstrueux 💚
-]]>Sur l'ensemble de mes périphériques (ordinateurs, smartphones, serveurs), j'apporte une grande attention à la protection de ma vie privée. Mon informatique n'est pas parfaite mais j'essaye de faire de mon mieux en ajustant la sécurité des services, la protection des données et le confort des outils.
-À ce titre, j'utilisais Blockada sur mon smartphone. Cette application permet (principalement) de modifier les DNS utilisés sur votre smartphone. Si on choisi un DNS qui opère du filtrage, alors on peut réduire l'affichage des publicités ou bloquer l'accès à des services malveillants. Mais je devais nécessairement passer par un DNS public que je ne peux pas configurer.
Lors de la configuration d'un accès via Wireguard, on peut spécifier un DNS à attribuer au périphérique. J'ai donc mis en place un DNS redondant dans mon réseau privé, accessible aussi via mon réseau VPN Wireguard. J'ai choisi d'utiliser l'application AdGuard et j'ai ajouté quelques listes pour réaliser du filtrage. Tout mon réseau privé et mes périphériques connectés au VPN bénéficient de ces DNS privés. Que je sois chez moi ou en itinérance, mes filtres DNS sont appliqués et mon traffic mobile passe systématiquement dans mon VPN.
- -En complément de ce DNS, j'utilise l'extension uBlock Origin et je dois dire que la combo est vraiment efficace. C'est extrèment rare de voir de la publicité et ma navigation est selon moi plus sécurisée. Si toutefois uBlock ne bloque pas une requête, alors le DNS prend le relais et fait le reste du ménage.
- -Sur les 30 dernières jours, le DNS principal a réalisé 1,3 millions de résolutions et en a bloqué près de 43 milles. En moyenne, 3 à 5% des requêtes DNS sont filtrées, ce qui représente environ 500 domaines qui délivrent majoritairement de la publicité et de la télémétrie.
- - -]]>Cet article fait partie d'une série de tutoriaux pour présenter les fonctionnalités de Murph.
- -Contrairement à pas mal de CMS, une page permet de rassembler des contenus qui pourront être réutilisés plusieurs fois dans une arborescence, là où certains CMS lient définitivement une page à un élément du menu.
- -Par ailleurs, une page ne contient que des données qui pourront être présentées comme on le veut. Autrement dit, la manière de rendre une page est indépendante de la façon de rédiger les contenus.
- -On va créer une nouvelle page ExamplePage
avec ces contenus :
title
qui sera un champ textecontent
avec l'éditeur TinyMCEOn va ensuite enregistrer la page dans Murph et lui donner le nom Page d'exemple
.
core:
- site:
- # ...
- pages:
- App\Entity\Page\ExamplePage:
- name: "Page d'exemple"
- templates:
- - {name: "Default", file: "page/example/default.html.twig"}
-
-
-Quand une page est créée, un template par défaut l'est aussi. Une page peut avoir autant de templates qu'on souhaite.
- -Éditons le template par défaut pour afficher simplement nos contenus :
- -{% extends 'base.html.twig' %}
-
-{% block page %}
- <h1>{{ _page.title.value }}</h1>
-
- {{ _page.content.value|raw }}
-{% endblock %}
-
-
-On peut à présent créer un nouvel élément dans le menu, lui attribuer une nouvelle page et commencer à saisir le contenu.
- - - -La documentation complète est disponible sur doc.murph-project.org.
-]]>Je vais entamer une série de tutoriaux pour présenter les fonctionnalités de Murph.
+La configuration par défaut stocke les données de la messagerie dans une base de données SQLite. Cela a bien fonctionné pendant quelques années mais la base de données devient très rapidement obèse (plusieurs Go) et SQLite n'est plus adapté. C'est d'ailleurs recommandé d'utiliser PostgreSQL, naturellement plus adapté compte tenu de la grande quantité de données.
-Cet article va pour expliquer comment utiliser Murph et générer des interfaces de CRUD afin de créer, voir, mettre à jour et supprimer des entités.
+Voici la démarche pour basculer vers PostgreSQL depuis une base SQLite. J'évolue sur des machines sous Debian et j'ai installé Matrix-Synapse via les packages livrés par matrix.org.
-Dans un premier temps, il faut créer une nouvelle entité Example
. Si vous avez déjà réaliser cette opération, vous pouvez passer à l'étape suivante.
dev@project $ php bin/console make:entity Example
-
-
-j'ai décidé d'ajouter ces attributs :
+Quelques recomandations avant d'opérer la migration :
label
de type string
obligatoirecontent
de type text
obligatoireOn doit maintenant éditer App\Entity\Example
et implémenter l'interface App\Core\Entity\EntityInterface
:
La première étape est de stopper le service et de faire une copie de la base de données. Je vous invite, si vous le pouvez, à duppliquer la copie de la base sur une autre machine.
-<?php
-
-namespace App\Entity;
-
-use App\Core\Entity\EntityInterface;
-use App\Repository\ExampleRepository;
-use Doctrine\ORM\Mapping as ORM;
-
-/**
- * @ORM\Entity(repositoryClass=ExampleRepository::class)
- */
-class Example implements EntityInterface
-{
+$ sudo systemctl stop matrix-synapse.service
+$ sudo cp -v /var/lib/matrix-synapse/homeserver.db{,.bk}
-Puis il faut mettre à jour la base de données :
+Ensuite, il faut installer PostgreSQL. Je reprend la procédure de la documentation officielle.
-dev@project $ make doctrine-migration
+$ sudo sh -c 'echo "deb https://apt.postgresql.org/pub/repos/apt $(lsb_release -cs)-pgdg main" > /etc/apt/sources.list.d/pgdg.list'
+$ wget --quiet -O - https://www.postgresql.org/media/keys/ACCC4CF8.asc | sudo apt-key add -
+$ sudo apt-get update
+$ sudo apt-get -y install postgresql
+$ passwd postgres # Changement du mot de passe de l'utilisateur "postgres"
-Ensuite on va générer :
+Éditer le fichier /etc/postgresql/15/main/pg_hba.conf
puis opérer ces modifications :
-
-- le générateur de requête
App\Repository\ExampleRepositoryQuery
-- la fabrique
App\Factory\ExampleFactory
-- le formulaire d'édition
App\Form\ExampleType
-
-
-dev@project $ php bin/console make:repository-query ExampleRepository
-dev@project $ php bin/console make:factory ExampleFactory Example
-dev@project $ php bin/console make:form ExampleType Example
+-local all postgres peer
++local all all peer
+-host all all 127.0.0.1/32 scram-sha-256
++host all all 127.0.0.1/32 md5
+-host all all ::1/128 scram-sha-256
++host all all ::1/128 md5
-Générons à présent le CRUD :
+On relance ensuite PostgreSQL :
-dev@project $ php bin/console make:crud-controller \
- ExampleAdminController \
- Example \
- ExampleRepositoryQuery \
- ExampleFactory \
- ExampleType
+$ sudo systemctl start postgresql.service
-Enfin, ajoutons le lien dans le menu du backoffice :
+C'est maintenant le moment de créer une base et un compte nommés matrix
.
-{{ include('@Core/admin/module/_menu_section.html.twig', {label: 'My section'}) }}
-
-<ul class="nav flex-column">
- {{ include('@Core/admin/module/_menu_item.html.twig', {
- id: 'example',
- label: 'Examples',
- route: path('admin_example_index'),
- icon: 'fa fa-pen'
- }) }}
-</ul>
+$ su - postgres
+$ createuser --pwprompt matrix # Conserver le mot de passe que vous allez saisir pour plus tard
+$ createdb -e -E UNICODE --template=template0 --locale=C -O matrix matrix
+$ psql -d matrix
+synapse=# GRANT ALL ON SCHEMA public TO matrix;
-…et c'est terminé !
+Avant de lancer le script de migration, il faut duppliquer temporairement le contenu de /etc/matrix-synapse/conf.d/server_name.yaml
dans /etc/matrix-synapse/homeserver.yaml
. Éditer le fichier /etc/matrix-synapse/homeserver.yaml
pour changer la configuration de la base de données :
-Vous pouvez commencer à personnaliser le CRUD en modifiant ExampleAdminController
et sa methode getConfiguration
. La documentation est ici.
+database:
+ name: psycopg2
+ args:
+ host: 127.0.0.1
+ port: 5432
+ user: matrix
+ password: "$3cr€t" # Indiquer le mot de passe saisi lors de la création d'utilisateur
+ database: matrix
+ cp_min: 5
+ cp_max: 10
+
-
+Vous pouvez maintenant lancer la migration. Cela prendre un temps plus ou moins important selon le nombre d'enregistrements. Une base de données de 10Go a été migrée en 3 heures. Je vous invite à lancer la commande dans une session tmux
ou screen
.
+
+$ sudo apt-get install tmux
+$ tmux
+$ synapse_port_db --curses \
+ --sqlite-database /var/lib/matrix-synapse/homeserver.db \
+ --postgres-config /etc/matrix-synapse/homeserver.yaml
+
+
+Une fois la migration terminée, vous pourrez supprimer le contenu duppliqué de /etc/matrix-synapse/conf.d/server_name.yaml
et relancer le service.
+
+$ sudo systemctl start matrix-synapse.service
+
+
+Dans le cas où il y aurait un problème, vous pouvez analyser les logs de Matrix-Synapse dans /var/log/matrix-synapse/homeserver.log
. De mon coté, j'ai du faire une ou deux requêtes pour corriger des compteurs et tout était documenté dans ces logs.
+
+Je pense avoir donné toutes les indications pour que cela se passe bien. N'hésitez pas à laisser un commentaire si vous rencontrez un problème.
]]>
Le projet est écrit en PHP et fonctionne à merveille. Cependant, il manque 2 fonctionnalités majeures : l'authentification de l'utilisateur et permettre de configurer l'interface sans passer par le code source. Cela permettrait de l'exploiter sur des environnements variés. Par ailleurs, le fait qu'il soit écrit en PHP peut faire rebuter son installation.
+ +J'ai décidé de le réécrire complètement en GO en m'appuyant sur le framework Echo. Je peux à présent fournir un unique binaire et j'ai intégré un fichier de configuration en YAML pour paramétrer l'authentification et l'interface.
+ + + +Pour démarrer le projet, télécharger la dernière version depuis Gitnet puis générer un fichier de configuration en partant du modèle.
+Il suffira ensuite de lancer le binaire en spécifiant la variable d'environnement DISPLAY
et le chemin du fichier de configuration en paramètre :
$ DISPLAY=:0 ./app-linux-amd64 config.yaml
+
+
+Une fois démarré, l'interface web est par défaut accessible à l'adresse http://127.0.0.1:4000
.
À l'heure actuelle, je ne compile pour que pour une architecture 64 bits mais je peux en intégrer d'autres si vous le désirez. Le code source est disponible dans le dépot du projet.
+ +La première version avait sucité un certain intérêt, j'espère que cette nouvelle version plus simple à déployer vous plaira !
+]]>Le décret du fichier TAJ (traitement des antécédents judiciaires) autorise la police à utiliser la reconnaissance faciale (RF) pour comparer les 9 millions de visages qu'il contient aux images captées par vidéosurveillance, smartphone ou sur internet.
+Si on peut naïvement se dire que ça permettrait de filtrer les sites nauséabonds, c'est aussi un nouvel outil terrible pour un gouvernement fasciste qui sera en mesure de censurer ce qu'il veut sans compte à rendre à personne.
Ce projet est une première car il s'inscrit directement dans les navigateurs (Firefox, Google Chrome, Microsoft Edge, Safari et les autres).
Les pays qui utilisent des moyens similaires à l'échelle d'un état sont tous des dictatures ou fascistes.
Je n'accepte pas que la France soit une locomotive pour ces régimes vers lesquels nous nous dirigeons chaque jour qui passe.
Le gouvernement a présenté le projet de loi devant le Parlement peu avant les vacances d’été et espère l’adopter aussi rapidement et discrètement que possible ; le gouvernement a même engagé la procédure accélérée, le vote devant avoir lieu à l’automne.
Un des moyens de réagir et de faire porter votre voix et c'est pourquoi je partage cette pétition de la fondation Mozilla.
Pour compléter le lien vers pétition, je vous invite à lire l'article de blog de Mozilla publié en juin dernier.
Ce début d’année a été un véritable virage pour l’association. En -effet, nous avons décidé de renforcer notre équipe d’intervenants et d’employer une coordinatrice et nous en sommes très fiers !
Cela a été notamment possible grâce à un projet monté conjointement avec le département. Plus de 150 interventions - ont été planifiées ce premier semestre dans de nombreux collèges et -lycées. Nous abordons quatre grandes thématiques avec les élèves : la cyberdépendance, le cyberharcèlement, la désinformation et l'identité numérique.
C’est un projet fort, portant sur des sujets compliqués et nous -espérons accompagner à nouveau le département dès la rentrée prochaine, -mais aussi créer et travailler sur de nouveaux projets et partenariats -toujours plus utiles et efficaces.
En plus de cela, l'association a mis en place et continue d'animer une permanence numérique les 2ème et 4ème mercredis de chaque mois au bar Le Pixel à Besançon. C'est un moment privilégié pour échanger sur un Internet plus ouvert, éthique et respectueux de la vie privée. Un véritable laboratoire, où la pratique de l’éducation populaire est plus que jamais de mise. -À ces occasions, un travail de fond est mené et permet d’ores et déjà de - répondre à bon nombre de questions au sujet des outils qui, selon nous, - peuvent répondre aux besoins communs des Internautes, quels qu’ils -soient.
Enfin, vous le savez, le mois dernier, nous vous avions invité à suivre une conférence très particulière au sujet du Web 2.0. L'évènement était organisé à l'occasion du festival « D'Autres formes - » réalisé par La Rodia. La conférence a rencontré un réel succès. Nous -avons eu l'occasion de travailler avec des gens formidables et répondre à - de vrai challenges techniques. La conférence mêlait des séquences -vidéos enregistrées et du live sur fond vert dans le but de faire naitre - une interaction insoupçonnée avec le public. -Si vous avez loupé l'évènement, voici une courte vidéo avec les moments forts.
Bon visionnage !
Pour permettre d'éditer du contenu de la même façon, GrapesJS est maintenant nativement intégré dans Murph depuis la version v1.13. Les blocs permettent de créer n'importe quel contenu en s'appuyant sur les composants Bootstrap 4. La version de développement de Murph intègre d'ores et déjà d'autres outils comme les presets webpage et newsletter pour se passer de Bootstrap.
+Murph est un framework open-source pour construire des CMS. Il est développé à l'aide de Symfony et permet de gérer des sites web avec plusieurs noms de domaines et en plusieurs langues.
-Si vous voulez essayer, un site de démo a été mis en ligne 😏
+Voici une liste des changements importants :
- +BooleanField
a été ajouté pour afficher une données booléenne dans la liste du CRUDindex.html.twig
du CRUDChoiceBlock
FileUploadHandler
entity_to_array
possède deux nouveaux paramètres pour filtrer les donnéescore.site.name
et core.site.logo
ne sont plus obligatoiresPour mettre à jour Murph, rien de plus simple :
+Des corrections divers ont été apportées comme la correction d'un bug avec PostgreSQL.
-$ composer update
-$ yarn upgrade
-$ make build
-
+Les journaux complets sont disponibles sur la 📘 documentation.
+ +Murph est exploité dans de nombreux projets personnels et professionnels avec des besoins spécifiques. L'architecture du CMS et les outils intégrés ont permis de gérér la quasi totalité des besoins. Je vous recommande chaudement de prendre le temps de tester Murph, vous pourriez être supri⋅e⋅s ! 😀
]]>Cette performance est ouverte au public et se tiendra le dimanche 3 avril à 14h.
Comment oseriez-vous répondre non ? Lorsque vous n’avez rien à cacher, vous ne pouvez pas faire de distinction entre ce que vous admettez rendre public et ce qui vous dérange un peu plus.
+]]>Ce projet a été initialemement développé par Fabricio et les sources sont disponibles sur Github.
+ +Écrit en GO, il n'était malheureusement plus maintenu depuis près de 2 ans et c'est regrettable car il est simple et performant. J'ai donc entrepris un fork que j'ai commencé à enrechir avec un ou deux correctifs et des améliorations sur l'interface et sa configuration. La sources sont maintenant accessibles sur Gitnet.
+ + + +Voici les méthodes basiques pour lancer capture :
+ +$ capture -url=https://example.com/
+$ docker run -p 9000:9000 -p 9001:9001 deblan/capture -url=https://example.com/
+
+
+Une des nouvelles fonctionnalités est la capacité à inscrire sa configuration dans un fichier nommé par défaut .capture.ini
. En effet, s'il est possible de tout passer en argument, c'est tout de même plus pratique de créer des fichiers de conf spécifiques pour chacun de vos projets.
$ cat .capture.ini
+url = https://example.com/
+port = 9000
+dashboard = 9001
+captures = 16
+$ capture
+
+
+Vous pouvez bien sur surcharger ses valeurs via les arguments. Il est également possible de spécifier le chemin vers le fichier de conf avec -conf
.
Le projet est sous la licence MIT et si vous avez envie de contribuer, ça sera avec grand plaisir ! J'espère vraiment pouvoir faire revivre ce beau projet et qu'il sera utilise à d'autres développeur·euse·s 😄
+]]>J'ai honte.
+]]>Ce modèle contient les fonctions usage
et help
pour décrire le fonctionnement du programme. La fonction on_interrupt
permet de gérer le signal SIGINT
quand le programme est interrompu.
La fonction main
est la fonction qui contient le code principal du script. Elle contient la gestion des paramètres passés au script. Par défaut, plusieurs y sont déjà intégrés : -l
pour définir le niveau de log désiré et -h
pour afficher l'aide.
Enfin, il y a la fonction log
pour afficher des messages de debug avec différents niveaux de criticité. Cela permet de générer des messages qui seront affichés ou pas selon les besoins. Les messages sont colorés selon le niveau de criticité et ils sont redirigés vers stderr
. Il est également possible d'ajouter la date.
Le code source est disponible sur Gitnet et comme toujours, vous pouvez en faire ce que vous voulez !
+ +En conclusion, le développement de ce modèle de script shell a été un projet passionnant et fructueux. En l'enrichissant régulièrement, j'ai pu créer une base solide pour gérer efficacement les fonctionnalités essentielles d'un script.
+]]>Pour réserver, rien de plus simple puisqu'il faut juste envoyer un mail à info@larodia.com.
On compte sur vous pour venir nombreuses et nombreux !
]]>Voici un aperçu des changements depuis la version 1.7 pour laquelle j'avais réalisé un article.
Dans un premier temps et c'est sans doute le changement le plus important, le core du projet a été migré vers un dépôt dédié. Par conséquent, le moteur de Murph peut être installée comme une dépendance classique via composer.
Ainsi, le fichier composer.json
du projet murph/murph-skeleton
a été réduit au strict nécessaire et permet de mettre à jour facilement Murph.
Dans cette même démarche à faciliter le développement et surtout la mise à jour des dépendances javascript, toutes les dépendances du fichiers package.json
ont été migré vers un package node dédié.
À la suite de ces changements, mettre à jour une instance de Murph est très simple :
- composer update
-yarn upgrade
-make build
-
Globalement, pas mal de petites corrections ont été apportées. Voici les fonctionnalités implémentées depuis la v1.7.
Le gestionnaire de fichiers permet à présent de renommer un fichier. Seule l'extension du fichier ne peut pas être modifiée pour des questions de sécurité.
Son affichage est également mieux géré dans le cas où plusieurs modales sont affichées (ajout d'un flou sur les modales du dessus).
Il est possible d'indiquer des rôles dans la configuration de Murph afin de définir des permissions sur des éléments d'un menu. Ainsi, une page pourra être restreinte à des utilisateur⋅trices spécifiques.
Afin de réaliser des liens dans un template Twig vers des éléments de la navigation, quatre nouvelles fonctions twig ont été ajoutées : code_url
, code_path
. Pour gérer les cas d'exceptions, vous pouvez également utiliser : safe_code_url
et safe_code_path
.
Ces fonctions prennent en paramètres le code du menu et le code du nœud. Le moteur va détecter la navigation courante pour générer le lien. Cette fonctionnalité est très pratique quand plusieurs navigations partagent une arborescence commune et qu'on souhaite faciliter le développement des templates.
Un nouveau maker symfony a été créé pour générer facilement une nouvelle page. Au même titre que pour générer une entité en ligne de commande, vous pourrez créer et paramétrer une page avec php bin/console make:page
.
L'éditeur EditorJS a été ajouté dans Murph et ajoute approche complémentaire à TinyMce pour rédiger du contenu. Comme cet éditeur s'appuie sur l'idée de blocs, un nouvelle fonction twig permet de rendre un contenu édité avec EditorJS : editorjs_to_html
. Cette fonction peut prendre un tableau de blocs autorisés à être rendus. Par ailleurs, bien que des vues par défaut existent pour rendre chaque bloc, vous pourrez paramétrer des vues spécifiques pour vos blocs. Cet article est d'ailleurs rédigé avec EditorJS.
La gestion du menu de l'administration de Murph a été simplifiée par l'utilisation de vues pour créer des sections et des éléments de menu.
Enfin, la version de Murph a été ajoutée dans l'interface d'administration en haut à droite.
Pour installer et Murph et commencer à développer son CMS, le processus est ultra simple :
- composer create-project murph/murph-skeleton MonProjet # Installation du projet
-cd MonProjet
-cp .env .env.local
-vim .env.local
-make build # On génère les données du CMF (base de données, assets, etc.)
-php bin/console murph:user:create # Création d'un compte
-symfony server:start -d # On lance le serveur web de dev
-
J'espère que ça vous plaira ☺️
]]>J'ai tenté de mélanger différents sujets, dans l'espoir que ce nouveau format vous aura plu.
À bientôt !
Le 27 mars dernier marquait le jour de la 100ème publication de Custom Menu et aujourd'hui je suis fiers de souffler sa 3ème bougie 🎂
+C'est un outil que les gens apprécient et utilisent et c'est aussi quelque chose qui me fait réellement plaisir. Au moment où j'écris ces lignes, Custom Menu comptabilise 425 milles téléchargements !
Réalisée initialement sur Nextcloud 18, Custom Menu a franchi neufs versions majeures de Nextcloud grâce à un travail acharné et les nombreuses contributions que j'ai reçus. Les gens n'ont pas hésité à demander des fonctionnalités et à remonter des bugs. Les traducteur·rice·s ont passé pas mal de temps à traduire l'app qui est maintenant disponible dans 9 langues.
+ +En plus du développement de l'application, j'ai aussi pris du temps lui créer un site web dédié. On y retrouve les informations essentielles comme un guide d'installation, une FAQ, le journal des modifications, etc.
+ +Merci à toutes celles et ceux qui ont contribué à la réussite de Custom Menu et rendez-vous pour de nombreuses autres mises à jour à venir !
+]]>Depuis la version v1.0 publiée fin janvier 2022, pas mal de mises à jour sont arrivées. Certains sont visibles dans l'interface d'administration, d'autres sont ancrées dans le moteur du CMS. En voici quelques-unes :
+Gitea est un logiciel sous licence MIT qui permet de gérer le code source de ces projets. C'est une alternative légère et autonome qu'on peut auto-héberger dans un environnement très peu couteux. Gitea offre une interface utilisateur simple, complète et conviviale pour gérer les tâches classiques d'une forge.
+ +Voici une liste des principales nouvelles fonctionnalités proposées dans cette version :
node-sass
est remplacé par sass
et il est nécessaire d'avoir une version de NodeJS >= 16Authorization
dans les webhooks réalisées par la forge/
pour mieux contextualiserles ticketsConjoitement à tout ça, des dépendances ont été mises à jour ou remplacées et des bugs ont été corrigés !
+Bien évidemment, cette nouvelle mouture inclue pas mal de correctifs et d'autres améliorations que vous laisse découvrir dans le journal des modifications.
- +Je vous invite à prendre du temps pour découvrir l'ensemble des nouvelles fonctionnalités 🤗
]]>En son sein, l’article 7 vise à autoriser la vidéosurveillance automatisée (VSA), cet outil de surveillance biométrique qui, à travers des algorithmes couplés aux caméras de surveillance, détecte, analyse et classe nos corps et comportements dans l’espace public. Il s’agit d’un changement d’échelle sans précédent dans les capacités de surveillance et de répression de l’État et de sa police.
-Je suis intervenu au nom de l'association Tinternet & Cie au du projet de loi pour imposer aux fabriquant de matériels connectés l'installation d'un contrôle parental.
- -Si le contrôle parental est un outil plébiscité par l'association, les parents doivent être conscients des usages et doivent les comprendre pour mieux agir.
+ ]]>Afin d'administrer ces serveurs, j'avais besoin d'une interface web qui peut me permettre de réguler les accès. Synapse-Admin a complétement répondu à mon besoin. Cette interface n'est composées que de fichiers statics et se greffe sur les API des serveurs.
+Dès lors que je décide de publier un article sur le blog, je vais partager son lien sur quelques sites dont des réseaux sociaux. Ces réseaux vont récupérer le contenu de la page de l'article et extraire un certain nombre d'informations dont les données Open Graph. Le protocole Open Graph permet aux réseaux sociaux de comprendre comment afficher l'aperçu d'une page web partagée par un utilisateur. Les principales données qui sont récupérées sont le titre de la page, sa description et l'image qui sera affichée pour le partage.
-Avant d'installer Synapse-Admin, il faut s'assurer d'être administreur sur le serveur Matrix. Si vous travaillez avec SQLite, il suffira de faire comme suit mais la requête SQL sera la même si vous utilisez PostgreSQL.
+J'avais pour habitude d'ouvrir Inkscape pour éditer cette image. Cela fonctionne très bien mais ça demande un peu de temps et si je souhaites publier ailleurs que depuis ma machine, c'est tout de suite un casse-tête.
-# su - matrix-synapse -s /bin/bash
-$ sqlite3 /var/lib/matrix-synapse/homeserver.db
-sqlite> UPDATE users SET admin = 1 WHERE name = '@identifiant:example.com';
-sqlite> .exit
-
+
-Ensuite, vous avez juste à récupérer l'archive de Synapse-Admin depuis Github et de la rendre accessible derrière un serveur HTTP local ou en ligne.
+J'ai parcouru le web pour trouver un outil qui répondrait à mes envies et j'ai finalement décidé d'en développer un 🤪
- +Cet outil permet donc de créer une image de la dimension qu'on veut. Vous pourrez saisir un titre, une description et divers informations comme l'auteur et des logos. Il y a quelques options pour changer les couleurs, ajouter une image et un overlay de couleur avec une opacité. Tout le paramétrage est enregistré dans le navigateur.
-Une fois identifié⋅e, vous pourrez administrer l'ensemble des comptes du serveurs, avoir une visibilité sur les salons créés et les médias. Bien sur, il n'est pas possible d'accéder aux données qui restent totalement chiffrées même pour l'administrateur.
+ - +Le projet est publié sous licence GPLv3 et son code est disponible sur Gitnet. J'ai décidé d'utiliser VueJS3 pour gérer toute la partie interaction et Tailwind CSS pour la présentation.
+ +Si vous avez envie d'essayer, vous pouvez utiliser la version en ligne. Elle est hébergée sur Gitnet Pages, mon service d'hébergement de pages statiques similaire à Github Pages.
+Vous pouvez utiliser cet outil sans vous tracasser pour vos données car rien n'est stocké sur mon serveur. Toutes les données et les traitements sont réalisés dans votre navigateur, ce qui en fait un outil simple à auto-héberger.
La version actuelle est toute neuve et j'aspire à lui ajouter des fonctionnalités. N'hésitez pas à me faire des retours !
+ +En attendant, bon partages 🚀
]]>Deux mois et demi sont passés et ça ne fonctionne plus. Évidemment, toujours pas d'explication du pourquoi du comment. Je travaille avec Microsoft depuis 5 ans et je ne m'y suis toujours pas habitué 🤬
- -Après quelques heures de tests et de bidouilles, j'ai décidé d'installer un proxy qui fera l'intermédiaire entre les applications bloquées et Microsoft. Pour ne pas avoir à gérer d'avantages d'accès, ce proxy sera totalement transparent.
- -Il n'existe (à priori) pas beaucoup de logiciels qui font ça et s'ils le font, ils ne sont plus maintenus. On retrouve beaucoup d'articles sur Nginx et Haproxy mais ils ne conviennent pas. Nginx n'est pas un proxy SMTP transparent et mes tests avec Haproxy ont échoués.
-J'ai réussi à dénicher tuck1s/go-smtpproxy
. Bien qu'il n'est pas reçu de mise à jour depuis 2 ans, il ne fait qu'utiliser une librairie qui elle a un développement actif : emersion/go-smtp
.
Contexte / Prérequis :
- -Pour compiler le projet, il suffit d'installer Go, récupérer les sources et lancer le build. À l'issue du build, le binaire proxy
sera généré dans le répertoire go/src/github.com/tuck1s/go-smtpproxy
.
apt update
-apt install golang
-go get github.com/emersion/go-smtp-proxy
-go get gopkg.in/natefinch/lumberjack.v2
-go get github.com/tuck1s/go-smtpproxy
-cd go/src/github.com/tuck1s/go-smtpproxy
-./build.sh
-
-
-Il ne reste plus qu'à lancer le proxy :
- -./proxy
- -certfile /etc/letsencrypt/live/relais-smtp.exemple.com/fullchain.pem \
- -privkeyfile /etc/letsencrypt/live/relais-smtp.exemple.com/privkey.pem \
- -in_hostport 0.0.0.0:587 \
- -insecure_skip_verify \
- -out_hostport smtp.office365.com:587 \
- -verbose
-
-
-Coté application, le serveur SMTP change de smtp.office365.com
à relais-smtp.exemple.com
. Si on envoie un mail, le proxy va afficher du log et on pourra s'assurer que ça fonctionne.
-Il faut également améliorer tout ça avec un compte utilisateur dédié au proxy, gérer son démarrage avec un service Systemd/SysvInit/OpenRC/Whatever, etc.
On verra combien de temps ça dure 🧐
-]]>Depuis quelques temps, je joue quotidiennement à Sutom, une copie du jeu vieux jeu télévisé Motus. Le principe du jeu est simple : nous devons découvrir un mot avec comme indices sa taille et la première lettre qui le compose. On peut faire maximum 6 propositions qui permettent de découvrir les lettres. Une lettre découverte sera affichée dans un carré rouge, une lettre découverte mais mal placée sera dans un rond jaune. Les autres lettres resteront en bleu. Seuls des mots du dictionnaire peuvent être proposés.
- -Sutom est addictif...mais pas tant que ça car il n'y a qu'un seul mot à découvrir par jour !
- -Cela m'a donné un bon prétexte pour monter un nouveau projet : écrire un bot avec lequel je pourrai jouer via Matrix, ma messagerie instantanée. Le bot se connecte avec un compte utilisateur créé pour l'occasion puis accepte les invitations à rejoindre une conversation. Le bot va ensuite lire les messages qu'on envoit et va réagir quand c'est nécessaire. Ainsi on peut lancer ou relancer une partie et tester des mots. À chaque proposition, on retrouve un affichage comme dans Motus 🥸
- -Le code source du projet est dispo ici, c'est vraiment sans prétention !
- - -]]>La procédure d'installation est simple et rapide. Toutes les informations essentielles sont sur la documentation et les sources sont sur gitnet.
+Les gestionnaires de dépendances génèrent (presque) tous des fichiers de lock qui listent les versions installées. Open Source Vulnerability Detector aka osv-detector s'appuie sur ces fichiers pour lancer des détections de vulnérabilités. Il s'agit d'un projet écrit en Go, léger et très simple d'utilisation. Les sources sont disponibles sur Github et les binaires y sont également publiés.
+Pour l'utiliser, il suffit de lui passer au moins un fichier de lock et il s'occupe du reste.
composer create-project murph/murph-skeleton MonProjet ^1 # Installation du projet
-cp .env .env.local
-vim .env.local
-make doctrine-migration # Configuration de la base de données
-make asset # Création des assets
-php bin/console murph:user:create # Création d'un compte
-symfony server:start -d # On lance le serveur web de dev
+$ osv-detector Gemfile.lock package-lock.json
-À partir de là, Murph est opérationnel. L'interface d'administration est accessible sur https://127.0.0.1:8080.
-Tout le reste du travail s'articule dans la conception de votre CMS via du code. Je vous invite à lire la documentation du projet.
+Si des vulnérabilités sont détectées alors elles sont listées et le programme retourne un code de sortie à 1
. Les vulnérabilités sont accompagnées d'un lien pour en apprendre un peu plus comme par exemple les versions corrigées.
-L'idée générale de Murph se résume dans ces quelques points :
+Loaded the following OSV databases:
+ npm (2774 vulnerabilities, including withdrawn - last updated Fri, 13 Jan 2023 20:30:13 GMT)
-
-- Une installation de Murph contient une ou plusieurs navigations représentées par des noms de domaines et des langues
-- Une navigation contient des menus dans lesquels on ajoute des nœuds
-- Un nœud peut représenter une URL et peut s'associer à une page ou un autre nœud
-- Une page contient des blocs de contenu
-- À coté de ça, on peut générer des CRUD pour éditer des données métiers (exemple : les articles d'un blog)
-
+package-lock.json: found 932 packages
+ Using db npm (2774 vulnerabilities, including withdrawn - last updated Fri, 13 Jan 2023 20:30:13 GMT)
-Beaucoup de travail a été mené et Murph peut couvrir beaucoup de cas d'usages rencontrés par les développeurs de sites web sur-mesure. J'ai par exemple réalisé mon blog, un site de recrutement, un outil pour s'inscrire à un évènement et un site qui présente les services d'un hôtel dont voici quelques images du backoffice :
+ ansi-html@0.0.7 is affected by the following vulnerabilities:
+ GHSA-whgm-jr23-g3j9: Uncontrolled Resource Consumption in ansi-html (https://github.com/advisories/GHSA-whgm-jr23-g3j9)
+ ansi-regex@3.0.0 is affected by the following vulnerabilities:
+ GHSA-93q8-gq69-wqmw: Inefficient Regular Expression Complexity in chalk/ansi-regex (https://github.com/advisories/GHSA-93q8-gq69-wqmw)
-
+[...]
+
+
+J'ai packagé osv-detector dans une image docker pour permettre de l'utiliser dans le cadre d'une intégration continue.
+
+$ docker run -it -v "$(pwd):/app" deblan/osv-detector Gemfile.lock package-lock.json
+
+
+osv-detector est un outil très pratique pour analyser rapidement les dépendances d'un projet et identifier rapidement les vulnérabilités. Il s'intègre parfaitement dans une chaîne de production et peut ainsi aider à s'assurer que le code est sécurisé.
]]>
Woodpecker CI permet de créer des conditions d'exécution des étapes avec la clause evaluate
. Elle doit être définie dans la section when
des étapes concernées. Voici un exemple avec une condition sur la valeur de la variable CI_BUILD_EVENT
pour l'étape foo
.
pipeline:
+ foo:
+ image: vendor/image
+ when:
+ - evaluate: 'CI_BUILD_EVENT == "push"'
+
+
+Je souhaite avoir est une notification par mail quand une étape du pipeline échoue ou dès lors que le précédent pipeline a échoué. L'idée est d'être notifié quand il y a eu un problème et quand il est résolu. L'image plus ou moins officielle pour envoyer du mail est drillster/drone-email, initialement destinée à Drone. En combinant cette image et evaluate
, je pensais pouvoir réaliser ce que je voulais :
pipeline:
+ mail:
+ image: drillster/drone-email
+ settings:
+ host:
+ from_secret: mail_host
+ username:
+ from_secret: mail_username
+ password:
+ from_secret: mail_password
+ from:
+ from_secret: mail_from
+ subject: "[{{ repo.owner }}/{{ repo.name }}] Pipeline #{{ build.number }}: {{ build.status }}"
+ when:
+ - evaluate: 'CI_STEP_STATUS == "failure" || CI_PREV_PIPELINE_STATUS == "failure"'
+
+
+Le problème est que l'expression est évaluée avant la génération du pipeline donc CI_STEP_STATUS
n'existe pas encore et l'étape mail
est ignorée sauf si le précédent pipeline a échoué.
Pour résoudre mon problème, j'ai forké drillster/drone-email pour créer deblan/woodpecker-email. Cette image est totalement orientée vers Woodpecker CI et permet de définir une evaluate
au niveau de settings
. J'ai fais en sorte que l'expression soit évaluée au moment de l'exécution de l'étape et si la condition n'est pas validée alors aucun mail n'est envoyé.
pipeline:
+ mail:
+ image: deblan/woodpecker-email
+ settings:
+ host:
+ from_secret: mail_host
+ username:
+ from_secret: mail_username
+ password:
+ from_secret: mail_password
+ from:
+ from_secret: mail_from
+ subject: "[{{ repo.owner }}/{{ repo.name }}] Pipeline #{{ build.number }}: {{ build.status }}"
+ evaluate: 'CI_STEP_STATUS == "failure" || CI_PREV_PIPELINE_STATUS == "failure"'
+ when:
+ - status: [success, failure]
+
+
+Mon problème est résolu !
+ +Le code source est disponible sur Gitnet et l'image est à la fois publiée sur Docker Hub et Gitnet.
+]]>En début d’année, un véritable virage a été pris par l'association Tinternet & Cie. En effet, nous avons décidé de renforcer notre équipe d’intervenant⋅e⋅s et d’employer une coordinatrice et nous en sommes très fiers ! Le projet, mené en collaboration avec le département du Doubs, a permis de mettre en œuvre plus de 150 interventions durant le premier semestre dans de nombreux établissements scolaires, notamment des collèges et lycées 👩🏫. Par ailleurs, nous avons également mené de nombreuses permanences pendant lesquelles nous parlions de logiciels libres et de vie privée. Tout cela va continuer en 2023 !
+ +Depuis fin 2021, ma moitié et moi avons démarré un des grands projets de notre vie, la construction d'une maison 🛖. Nous avons du passé de nombreux mois dans les papiers, stressé⋅e⋅s par une situation économique compliquée. Fort heureusement, nous avons eu un peu de chance et les travaux ont démarrés début décembre !
+ +En milieu d'année, j'ai décidé de quitter le poste de responsable informatique dans lequel j'évoluais depuis quelques années. Je désirais me reconcentrer dans le développement web et l'administration système. J'ai donc rejoins Trinaps, un opérateur local avec de belles valeurs et une équipe ultra motivante ! Cela m'a permis d'apprendre Ruby, un langage que j'avais tendance à fuir jusqu'à présent 😌
+À coté de ça, un ami me parlait de son projet d'entreprise intimement lié au RGPD, le Règlement Général sur la Protection des Données et pour un tas de bonnes raisons, j'ai décidé de l'accompagner.
Enfin, j'ai continué de maintenir mes projets avec une attention particulière portée sur Murph, mon CMF qui repose sur Symfony, et Custom Menu, une application destinée à Nextcloud.
+ +Tout cela m'amène à des semaines bien remplies mais j'ai bon espoir de bientôt pouvoir respirer et profiter !
+]]>Cette mauvaise nouvelle ne vient pas seule : le Conseil constitutionnel valide aussi les caméras embarquées sur les véhicules de police (hélicoptères, voitures…) ainsi que la vidéosurveillance des cellules de garde-à-vue.
+Pour rappel, Custom Menu est une application qu'on installe dans Nextcloud. Elle permet de corriger un manque cruel de mise en page dans le menu de navigation de Nextcloud. L'application permet de paramétrer 4 modes d'affichage du menu avec, à ce jour, une 40ène de paramètres.
- -Parmis les dernières mises à jour, on retrouve la capacité de l'application à s'adapter aux couleurs de Nextcloud dès son installation. Mais le plus gros du travail s'est concentré autour la gestion des catégories. En effet, les applications sont organisées dans des catégories gérées par les développeurs Nextcloud. Custom Menu permet maintenant de créer de nouvelles catégories (dans toutes les langues utilisées dans votre Nextcloud) et de les affecter aux applications qui sont installées.
- - -]]>Depuis plusieurs semaines, j'ai en effet détecté de grandes difficultés à émettre des mails depuis des applicatifs non Microsoft. Les connexions vers les serveurs SMTP d'Office 365 (smtp.office365.com) échouaient très souvent jusqu'à être complétement bloquées sur une 40ène de bureaux à distance où se trouve une application métier.
- -Pour contourner ce problème (intolérable selon moi), une des solutions est de placer en liste verte les IP depuis lesquelles on se connecte. C'est stupide mais rien de surprenant venant de Microsoft.
- -Pour réaliser cette opération, je me suis dirigé vers le Centre d'administration Exchange accessible depuis le portail d'administration.
- - - -J'ai complété cette configuration par l'édition de la Stratégie de filtre de connexion qu'on retrouve dans les Paramètres anti-courrier indésirable.
- - - -Après un moment, les envois de mail on pu reprendre et je n'ai pas encore eu de retour qui indiqueraient de nouvelles difficultés de connexion.
-]]>En plus de la création personnalisé de ton serveur, la journée sera rythmée par des conférences/discussions sur le fonctionnement de l’internet, l’auto-hébergement, logiciels et licences libres...
-]]>composer.json
du projet murph/murph-skeleton
a été réduit au strict nécessaire et permet de mettre à jour facilement Murph."}},{"id":"CuzrZ39k5n","type":"paragraph","data":{"text":"Dans cette même démarche à faciliter le développement et surtout la mise à jour des dépendances javascript, toutes les dépendances du fichiers package.json
ont été migré vers un package node dédié."}},{"id":"-GWIFyIJY3","type":"list","data":{"style":"unordered","items":["Projet squelette de Murph : murph/murph-skeleton","Core de Murph : murph/murph-core","Projet de dépendances NPM : murph/murph-npm"]}},{"id":"gtk1INFxJa","type":"paragraph","data":{"text":"À la suite de ces changements, mettre à jour une instance de Murph est très simple :"}},{"id":"YLgSCxvnWc","type":"code","data":{"code":"composer update\nyarn upgrade\nmake build"}},{"id":"N_tqOA05Om","type":"header","data":{"text":"Nouvelles fonctionnalités et correctifs","level":3}},{"id":"Tw0odSpRG6","type":"paragraph","data":{"text":"Globalement, pas mal de petites corrections ont été apportées. Voici les fonctionnalités implémentées depuis la v1.7.code_url
, code_path
. Pour gérer les cas d'exceptions, vous pouvez également utiliser : safe_code_url
et safe_code_path
.php bin/console make:page
.editorjs_to_html
. Cette fonction peut prendre un tableau de blocs autorisés à être rendus. Par ailleurs, bien que des vues par défaut existent pour rendre chaque bloc, vous pourrez paramétrer des vues spécifiques pour vos blocs. Cet article est d'ailleurs rédigé avec EditorJS."}},{"id":"K_n2foA7GY","type":"paragraph","data":{"text":"La gestion du menu de l'administration de Murph a été simplifiée par l'utilisation de vues pour créer des sections et des éléments de menu."}},{"id":"YFR7wNy0Zs","type":"paragraph","data":{"text":"Enfin, la version de Murph a été ajoutée dans l'interface d'administration en haut à droite.+ +
+``` diff --git a/blog/posts/631.gmi b/blog/posts/631.gmi new file mode 100644 index 0000000..09f9c3e --- /dev/null +++ b/blog/posts/631.gmi @@ -0,0 +1,15 @@ +# Permanence d'auto-défense numérique + +* 2022-09-27 22:00:00 +* Contenu externe + +Le Pixel ( +=> https://www.lepixel-besancon.fr/ un bar associatif à Besançon +) accueille l'association +=> https://www.tinternet.net/ Tinternet & Cie +chaque premier mercredi du mois dans le cadre d'une permanence numérique ! L'association réalise des formations autour de la protection de la vie privée et du logiciel libre. +Vous pouvez venir avec votre smartphone, votre ordinateur et juste des questions ! + +```html + +``` diff --git a/blog/posts/632.gmi b/blog/posts/632.gmi new file mode 100644 index 0000000..75d78ea --- /dev/null +++ b/blog/posts/632.gmi @@ -0,0 +1,23 @@ +# Nextcloud 25 arrive et Custom Menu 3.0 aussi ! + +* 2022-10-19 23:00:00 +* Logiciel libre, Projets personnels + +Cette semaine, j'ai publié la version 3.0 de ** +=> https://gitnet.fr/deblan/side_menu Custom Menu +**. Cette version devient compatible avec +=> https://nextcloud.com/blog/announcing-nextcloud-hub-3-brand-new-design-and-photos-2-0-with-editor-and-ai/ Nextcloud 25 +. +Pour rappel, **Custom Menu** est une application qu'on installe dans **Nextcloud**. Elle permet de corriger un manque cruel de mise en page dans le menu de navigation de Nextcloud. L'application permet de paramétrer 4 modes d'affichage du menu avec, à ce jour, une 40ène de paramètres. + +**Nextcloud 25** inclut un nombre important de mises à jour et intègre de grandes modifications techniques qui ont impacté le fonctionnement de ** +=> https://gitnet.fr/deblan/side_menu Custom Menu +**. Par conséquent, cette version 3 ne supporte que Nextcloud 25 et casse la compatibilité avec +=> https://apps.nextcloud.com/apps/apporder AppOrder +que je vais certainement réimplémenter. Cependant, cela m'a permis de faire du ménage et d'améliorer des choses ! + +Pour terminer, **Custom Menu** a franchit la barre des 345K téléchargements et je n'en suis pas peu fiers 😎 + +```html + +``` diff --git a/blog/posts/633.gmi b/blog/posts/633.gmi new file mode 100644 index 0000000..486efb0 --- /dev/null +++ b/blog/posts/633.gmi @@ -0,0 +1,30 @@ +# Weblate, l'outil de traduction pour Custom Menu + +* 2022-11-05 14:40:00 +* Logiciel libre, Projets personnels + +=> https://apps.nextcloud.com/apps/side_menu Custom menu +est traduit dans cinq langues dont l'anglais, le français, l'allemand, le tchèque et le chinoix simplifié. Une demande m'a été faite pour la traduire également en néerlandais mais rien n'a été réalisé pour le moment. + +Pour moi, le plus important est de permettre aux contributeurs⋅trices de rejoindre facilement le projet sans se poser la question de code source, de fork ou de pull request. C'est pourquoi j'ai décidé d'utiliser +=> https://weblate.org/fr/ Weblate +, une application web dédiée à la traduction. Je remercie chaudement ** +=> https://codeberg.org/ Codeberg +** qui +=> https://translate.codeberg.org/projects/custom-menu/application/ partage son instance +et qui devient la plateforme de traduction officielle de +=> https://apps.nextcloud.com/apps/side_menu Custom menu +. + +Après s'être créé un compte, tout se déroule sur une interface web simplifiée. Les chaines à traduire et le projet sont mis à jour automatiquement et les traducteurs⋅tices peuvent visualiser et corriger les données incomplètes et/ou incohérentes. De nouvelles langues seront ajoutées dès lors qu'on en fait la demande. + +je suis très heureux d'avoir migré les traductions sur +=> https://weblate.org/fr/ Weblate +et j'ai bon espoir de voir de nouvelles langues apparaître 🙂 + +Si vous désirez contribuer, +=> https://translate.codeberg.org/projects/custom-menu/application/ tout se passe ici +! + +=> https://translate.codeberg.org/projects/custom-menu/application/ +=> https://www.deblan.io/uploads/content/633/Screenshot%202022-11-05%20at%2014-15-03%20Custom%20menu_Application.png Weblate Custom Menu [IMG] diff --git a/blog/posts/634.gmi b/blog/posts/634.gmi new file mode 100644 index 0000000..4c743e4 --- /dev/null +++ b/blog/posts/634.gmi @@ -0,0 +1,21 @@ +# Comprendre les enjeux de l'IoT et en fabriquer ! + +* 2022-12-14 22:30:00 +* Contenu externe + +Le FabLab des fabriques de Besançon et l’association Tinternet & cie vous invitent pour une journée de découverte et de fabrication le samedi 21 janvier 2022 ! + +## Programme de la journée + +* **9h30** : Accueil des participants, présentation des intervenants et de la journée. +* **10h** : Présentation et discussion sur l’IoT et la vie privée à travers deux cas d’usage * Les jouets et les accessoires connectés * La maison connectée +* **11h30** : Présentation de notre l’IoT à fabriquer +* **13h** : Repas (offert par Tinternet), moment de convivialité +* **14h** : Point et discussion sur les objets connectés dans le monde de la santé +* **15h** : Fabrication et bricolage +* **16h30** : Présentation et discussion sur l’impact environnemental des objets connectés +* **17h - 17h30** : Fin de la journée + +```html + +``` diff --git a/blog/posts/635.gmi b/blog/posts/635.gmi new file mode 100644 index 0000000..81653c5 --- /dev/null +++ b/blog/posts/635.gmi @@ -0,0 +1,25 @@ +# Bilan de l'année 2022 + +* 2022-12-25 21:50:00 +* Logiciel libre, Projets personnels + +Ces douze derniers mois ont été extrêmement riches avec une activité associative prenante, un projet de construction de maison qui démarre enfin, le démarrage d'une entreprise, un nouveau job et la maintenance de logiciels libres 🙂. + +En début d’année, un véritable virage a été pris par l'association +=> https://www.tinternet.net/ Tinternet & Cie +. En effet, nous avons décidé de renforcer notre équipe d’intervenant⋅e⋅s et d’employer une coordinatrice et nous en sommes très fiers ! Le projet, mené en collaboration avec le département du Doubs, a permis de mettre en œuvre plus de 150 interventions durant le premier semestre dans de nombreux établissements scolaires, notamment des collèges et lycées 👩🏫. Par ailleurs, nous avons également mené de nombreuses permanences pendant lesquelles nous parlions de logiciels libres et de vie privée. Tout cela va continuer en 2023 ! + +Depuis fin 2021, ma moitié et moi avons démarré un des grands projets de notre vie, la construction d'une maison 🛖. Nous avons du passé de nombreux mois dans les papiers, stressé⋅e⋅s par une situation économique compliquée. Fort heureusement, nous avons eu un peu de chance et les travaux ont démarrés début décembre ! + +En milieu d'année, j'ai décidé de quitter le poste de responsable informatique dans lequel j'évoluais depuis quelques années. Je désirais me reconcentrer dans le développement web et l'administration système. J'ai donc rejoins Trinaps, un opérateur local avec de belles valeurs et une équipe ultra motivante ! Cela m'a permis d'apprendre Ruby, un langage que j'avais tendance à fuir jusqu'à présent 😌 +À coté de ça, un ami me parlait de son projet d'entreprise intimement lié au RGPD, le Règlement Général sur la Protection des Données et pour un tas de bonnes raisons, j'ai décidé de l'accompagner. + +Enfin, j'ai continué de maintenir mes projets avec une attention particulière portée sur +=> https://doc.murph-project.org/ Murph +, mon +=> https://fr.wikipedia.org/wiki/Content_management_framework CMF +qui repose sur Symfony, et +=> https://preprod.deblan.cloud/index.php/apps/side_menu/ Custom Menu +, une application destinée à Nextcloud. + +Tout cela m'amène à des semaines bien remplies mais j'ai bon espoir de bientôt pouvoir respirer et profiter ! diff --git a/blog/posts/636.gmi b/blog/posts/636.gmi new file mode 100644 index 0000000..0aee059 --- /dev/null +++ b/blog/posts/636.gmi @@ -0,0 +1,82 @@ +# Woodpecker CI, envoyer du mail dans certaines conditions + +* 2023-01-04 22:40:00 +* Développement, Projets personnels + +En juin dernier, j'ai migré ma plateforme d'intégration continue vers +=> https://woodpecker-ci.org/ Woodpecker CI +et j'en suis très satisfait. + +=> https://woodpecker-ci.org/ Woodpecker CI +permet de créer des conditions d'exécution des étapes avec la clause `evaluate`. Elle doit être définie dans la section `when` des étapes concernées. Voici un exemple avec une condition sur la valeur de la variable `CI_BUILD_EVENT` pour l'étape `foo`. + +```{.language-yaml} +pipeline: + foo: + image: vendor/image + when: + - evaluate: 'CI_BUILD_EVENT == "push"' +``` + +Je souhaite avoir est une notification par mail quand une étape du pipeline échoue ou dès lors que le précédent pipeline a échoué. L'idée est d'être notifié quand il y a eu un problème et quand il est résolu. L'image plus ou moins officielle pour envoyer du mail est +=> https://github.com/drillster/drone-email drillster/drone-email +, initialement destinée à +=> https://www.drone.io/ Drone +. En combinant cette image et `evaluate`, je pensais pouvoir réaliser ce que je voulais : + +```{.language-yaml} +pipeline: + mail: + image: drillster/drone-email + settings: + host: + from_secret: mail_host + username: + from_secret: mail_username + password: + from_secret: mail_password + from: + from_secret: mail_from + subject: "[{{ repo.owner }}/{{ repo.name }}] Pipeline #{{ build.number }}: {{ build.status }}" + when: + - evaluate: 'CI_STEP_STATUS == "failure" || CI_PREV_PIPELINE_STATUS == "failure"' +``` + +Le problème est que l'expression est évaluée avant la génération du pipeline donc `CI_STEP_STATUS` n'existe pas encore et l'étape `mail` est ignorée sauf si le précédent pipeline a échoué. + +Pour résoudre mon problème, j'ai forké +=> https://github.com/drillster/drone-email drillster/drone-email +pour créer +=> https://gitnet.fr/deblan/woodpecker-email deblan/woodpecker-email +. Cette image est totalement orientée vers +=> https://woodpecker-ci.org/ Woodpecker CI +et permet de définir une `evaluate` au niveau de `settings`. J'ai fais en sorte que l'expression soit évaluée au moment de l'exécution de l'étape et si la condition n'est pas validée alors aucun mail n'est envoyé. + +```{.language-yaml} +pipeline: + mail: + image: deblan/woodpecker-email + settings: + host: + from_secret: mail_host + username: + from_secret: mail_username + password: + from_secret: mail_password + from: + from_secret: mail_from + subject: "[{{ repo.owner }}/{{ repo.name }}] Pipeline #{{ build.number }}: {{ build.status }}" + evaluate: 'CI_STEP_STATUS == "failure" || CI_PREV_PIPELINE_STATUS == "failure"' + when: + - status: [success, failure] +``` + +Mon problème est résolu ! + +Le code source est disponible sur +=> https://gitnet.fr/deblan/woodpecker-email Gitnet +et l'image est à la fois publiée sur +=> https://hub.docker.com/r/deblan/woodpecker-email Docker Hub +et +=> https://gitnet.fr/deblan/-/packages/container/woodpecker-email/latest Gitnet +. diff --git a/blog/posts/637.gmi b/blog/posts/637.gmi new file mode 100644 index 0000000..084e9c4 --- /dev/null +++ b/blog/posts/637.gmi @@ -0,0 +1,51 @@ +# Détecter les vulnérabilités dans les dépendances de son projet + +* 2023-01-13 23:25:00 +* Développement, Informatique + +La gestion des dépendances dans un projet est quelque chose de complexe. Il y a autant de gestionnaires qu'il y a de langages et leur politique de gestion des versions varient beaucoup. Par exemple, +=> https://getcomposer.org/ composer +, le gestionnaire de dépendances de PHP ne fait pas apparaître le numéro de version mineure tandis que npm ( +=> https://nodejs.org/en/ NodeJS +) le fait. Par ailleurs, dès lors qu'un projet est installé et qu'il n'est pas à jour alors il peut avoir un décalage entre les déclarations et la réalité. Il n'est donc pas fiable de regarder ces déclarations de versions pour analyser un projet. + +Les gestionnaires de dépendances génèrent (presque) tous des fichiers de lock qui listent les versions installées. **Open Source Vulnerability Detector** aka +=> https://github.com/G-Rath/osv-detector osv-detector +s'appuie sur ces fichiers pour lancer des détections de vulnérabilités. Il s'agit d'un projet écrit en Go, léger et très simple d'utilisation. Les sources sont disponibles sur +=> https://github.com/G-Rath/osv-detector Github +et les +=> https://github.com/G-Rath/osv-detector/releases binaires y sont également publiés +. +Pour l'utiliser, il suffit de lui passer au moins un fichier de lock et il s'occupe du reste. + +```{.window.language-bash} +$ osv-detector Gemfile.lock package-lock.json +``` + +Si des vulnérabilités sont détectées alors elles sont listées et le programme retourne un code de sortie à `1`. Les vulnérabilités sont accompagnées d'un lien pour en apprendre un peu plus comme par exemple les versions corrigées. + +```{.window.language-bash} +Loaded the following OSV databases: + npm (2774 vulnerabilities, including withdrawn - last updated Fri, 13 Jan 2023 20:30:13 GMT) + +package-lock.json: found 932 packages + Using db npm (2774 vulnerabilities, including withdrawn - last updated Fri, 13 Jan 2023 20:30:13 GMT) + + ansi-html@0.0.7 is affected by the following vulnerabilities: + GHSA-whgm-jr23-g3j9: Uncontrolled Resource Consumption in ansi-html (https://github.com/advisories/GHSA-whgm-jr23-g3j9) + ansi-regex@3.0.0 is affected by the following vulnerabilities: + GHSA-93q8-gq69-wqmw: Inefficient Regular Expression Complexity in chalk/ansi-regex (https://github.com/advisories/GHSA-93q8-gq69-wqmw) + +[...] +``` + +J'ai packagé +=> https://github.com/G-Rath/osv-detector osv-detector +dans une image docker pour permettre de l'utiliser dans le cadre d'une intégration continue. + +```{.window.language-bash} +$ docker run -it -v "$(pwd):/app" deblan/osv-detector Gemfile.lock package-lock.json +``` + +=> https://github.com/G-Rath/osv-detector osv-detector +est un outil très pratique pour analyser rapidement les dépendances d'un projet et identifier rapidement les vulnérabilités. Il s'intègre parfaitement dans une chaîne de production et peut ainsi aider à s'assurer que le code est sécurisé. diff --git a/blog/posts/638.gmi b/blog/posts/638.gmi new file mode 100644 index 0000000..0c21aca --- /dev/null +++ b/blog/posts/638.gmi @@ -0,0 +1,37 @@ +# Générer des images pour le partage sur les réseaux + +* 2023-01-30 22:25:00 +* Logiciel libre, Projets personnels + +**Il existe une quantité importante d'outils pour éditer des images**. Ce sont soit des logiciels à installer ou soit des services en ligne. Mais parmi ces nombreux choix, je n'en ai trouvé aucun qui soit **à la fois libre et qui permettrait de s'abstraire de la mise en page**. + +Dès lors que je décide de publier un article sur le blog, je vais partager son lien sur quelques sites dont des réseaux sociaux. Ces réseaux vont récupérer le contenu de la page de l'article et extraire un certain nombre d'informations dont **les données Open Graph**. Le protocole Open Graph permet aux réseaux sociaux de comprendre comment afficher l'aperçu d'une page web partagée par un utilisateur. Les principales données qui sont récupérées sont le titre de la page, sa description et l'image qui sera affichée pour le partage. + +J'avais pour habitude d'ouvrir **Inkscape** pour éditer cette image. Cela fonctionne très bien mais ça demande un peu de temps et si je souhaites publier ailleurs que depuis ma machine, c'est tout de suite un casse-tête. + +=> /uploads/content/638/inkscape.jpg Inkscape [IMG] + +J'ai parcouru le web pour trouver un outil qui répondrait à mes envies et **j'ai finalement décidé d'en développer un** 🤪 + +Cet outil permet donc de créer une image de la dimension qu'on veut. Vous pourrez saisir un titre, une description et divers informations comme l'auteur et des logos. Il y a quelques options pour changer les couleurs, ajouter une image et un overlay de couleur avec une opacité. Tout le paramétrage est enregistré dans le navigateur. + +=> /uploads/content/638/63d97b58.png OG:IMAGE [IMG] + +Le projet est publié sous **licence GPLv3** et +=> https://gitnet.fr/deblan/og-image son code est disponible sur Gitnet +. J'ai décidé d'utiliser +=> https://vuejs.org/ VueJS3 +pour gérer toute la partie interaction et +=> https://tailwindcss.com/ Tailwind CSS +pour la présentation. + +Si vous avez envie d'essayer, vous pouvez utiliser +=> https://deblan.gitnet.page/og-image/ la version en ligne +. Elle est hébergée sur **Gitnet Pages**, +=> https://www.deblan.io/post/624/gitnet-heberge-vos-pages-statiques mon service d'hébergement de pages statiques +similaire à Github Pages. +Vous pouvez utiliser cet outil sans vous tracasser pour vos données car rien n'est stocké sur mon serveur. Toutes les données et les traitements sont réalisés dans votre navigateur, ce qui en fait un outil simple à auto-héberger. + +La version actuelle est toute neuve et j'aspire à lui ajouter des fonctionnalités. N'hésitez pas à me faire des retours ! + +En attendant, bon partages 🚀 diff --git a/blog/posts/640.gmi b/blog/posts/640.gmi new file mode 100644 index 0000000..ad63ab6 --- /dev/null +++ b/blog/posts/640.gmi @@ -0,0 +1,14 @@ +# Loi J.O. : refusons la surveillance biométrique + +* 2023-02-19 17:25:00 +* Contenu externe, Politique + +Courant mars, l’Assemblée nationale va se prononcer sur le projet de loi relatif aux Jeux olympiques et paralympiques, déjà adopté par le Sénat. + +En son sein, **l’article 7 vise à autoriser la vidéosurveillance automatisée (VSA)**, cet outil de surveillance biométrique qui, à travers des algorithmes couplés aux caméras de surveillance, détecte, analyse et classe nos corps et comportements dans l’espace public. **Il s’agit d’un changement d’échelle sans précédent dans les capacités de surveillance et de répression de l’État et de sa police**. + +```html + + Accès au site + +``` diff --git a/blog/posts/641.gmi b/blog/posts/641.gmi new file mode 100644 index 0000000..2cff1ab --- /dev/null +++ b/blog/posts/641.gmi @@ -0,0 +1,37 @@ +# Gitea et forgejo v1.19.0 sont dans les bacs 🥳 + +* 2023-03-27 08:30:00 +* Développement, Logiciel libre + +Le 20 mars dernier a été publiée +=> https://github.com/go-gitea/gitea/releases/tag/v1.19.0 la version v1.19.0 de Gitea +! +=> https://forgejo.dev/ Forgejo, le soft fork de Gitea +poussé par +=> https://codeberg.org/ Codeberg +a naturellement publié une nouvelle version dans la foulée. + +Gitea est un logiciel sous licence MIT qui permet de gérer le code source de ces projets. C'est une alternative légère et autonome qu'on peut auto-héberger dans un environnement très peu couteux. Gitea offre une interface utilisateur simple, complète et conviviale pour gérer les tâches classiques d'une forge. + +Voici une liste des principales nouvelles fonctionnalités proposées dans cette version : + +* Il est désormais possible de configurer une entête `Authorization` dans les webhooks réalisées par la forge +* Dès lors que c'est configuré, il est maintenant possible de répondre par mail aux notifications des Pull Request et des Issues ( +=> https://docs.gitea.io/en-us/incoming-email/ documentation +) +* +=> https://www.deblan.io/post/623/gitea-1-17-integre-un-registre-de-paquets Le registre de paquets +supporte à présent Cargo, Conda, Chef et +=> https://docs.gitea.io/en-us/config-cheat-sheet/#packages-packages la gestion des quotas +* On peut maintenant créer des Kanbans au niveau des utilisateurs et des organisations +* Les étiquettes peuvent être scopées en utilisant un `/` pour mieux contextualiserles tickets +* Il existe enfin des flux RSS pour suivre les versions et les tags d'un projet +* Et parmi les fonctionnalités marquantes, +=> https://blog.gitea.io/2022/12/feature-preview-gitea-actions/ on a une première proposition de CI/CD intégrée +avec une syntaxe proche de Github Actions. Cette fonctionnalité n'est pas encore prête pour la production mais elle est très prometteuse ! + +Bien évidemment, cette nouvelle mouture inclue pas mal de correctifs et d'autres améliorations que vous laisse découvrir dans le +=> https://github.com/go-gitea/gitea/releases/tag/v1.19.0 journal des modifications +. + +Je vous invite à prendre du temps pour découvrir l'ensemble des nouvelles fonctionnalités 🤗 diff --git a/blog/posts/642.gmi b/blog/posts/642.gmi new file mode 100644 index 0000000..53b308c --- /dev/null +++ b/blog/posts/642.gmi @@ -0,0 +1,21 @@ +# 100ème publication et 3ème anniversaire de Custom Menu 🎂 + +* 2023-03-28 13:37:00 +* Logiciel libre, Projets personnels + +Il y a trois ans, +=> https://gitnet.fr/deblan/side_menu/releases/tag/v1.0.0 j'ai publié la première version +de mon application. Elle a été développée pendant le premier confinement dans le but de remplacer le menu de Nextcloud, qui était devenu inutilisable à cause du grand nombre d'applications que j'avais installées. + +Le **27 mars dernier marquait le jour de la 100ème publication de Custom Menu** et aujourd'hui **je suis fiers de souffler sa 3ème bougie** 🎂 +C'est un outil que les gens apprécient et utilisent et c'est aussi quelque chose qui me fait réellement plaisir. Au moment où j'écris ces lignes, **Custom Menu comptabilise 425 milles téléchargements** ! + +Réalisée initialement sur Nextcloud 18, ** +=> https://deblan.gitnet.page/side_menu_doc Custom Menu +a franchi neufs versions majeures de Nextcloud** grâce à un travail acharné et les nombreuses contributions que j'ai reçus. Les gens n'ont pas hésité à demander des fonctionnalités et à remonter des bugs. Les traducteur·rice·s ont passé pas mal de temps à traduire l'app qui est maintenant disponible dans 9 langues. + +En plus du développement de l'application, j'ai aussi pris du temps lui +=> https://deblan.gitnet.page/side_menu_doc créer un site web dédié +. On y retrouve les informations essentielles comme un guide d'installation, une FAQ, le journal des modifications, etc. + +**Merci à toutes celles et ceux qui ont contribué** à la réussite de Custom Menu et **rendez-vous pour de nombreuses autres mises à jour à venir !** diff --git a/blog/posts/645.gmi b/blog/posts/645.gmi new file mode 100644 index 0000000..077320e --- /dev/null +++ b/blog/posts/645.gmi @@ -0,0 +1,5 @@ +# Mozilla arrive (doucement) sur Mastodon avec sa propre instance + +* 2023-05-06 21:30:00 + +Mozilla met un pied dans les réseaux sociaux et annonce sur son blog ouvrir une instance Mastodon en version beta privée. « Au risque d'être à la fois dramatique et cliché, je dirais que les réseaux sociaux sont cassés » lance Steve Teixeira, récent responsable … diff --git a/blog/posts/646.gmi b/blog/posts/646.gmi new file mode 100644 index 0000000..ac97dee --- /dev/null +++ b/blog/posts/646.gmi @@ -0,0 +1,16 @@ +# Quoi de neuf sur les internets ? #1 + +* 2023-05-09 14:00:00 +* Contenu externe, Quoi de neuf sur les internets ? + +{"time":1683659052756,"blocks":[{"id":"Sc8gwcQjKj","type":"paragraph","data":{"text":"Je vous propose une nouvelle série d'articles afin de partager ce qui a marqué ma veille technologique de ces dernières semaines. Je vais donc régulièrement rassembler pour vous une sélection de sites, articles, vidéos et podcasts qui ont suscité mon intérêt et qui je l'espère, vous inspireront également. Alors, installez vous confortablement et laissez-vous guider à travers mes découvertes."}},{"id":"pB7hXPBAf8","type":"link","data":{"link":" +=> https://zonetuto.fr/intelligence-artificielle/jai-lance-un-mini-chatgpt-en-local-sur-mon-cpu-avec-gpt4all/%22,%22meta%22:%7B%22title%22:%22J%27ai +lancé un mini ChatGPT en local sur mon CPU avec GPT4All","description":"Oui c'est possible de faire tourner un mini ChatGPT sur votre processeur sans carte graphique et même sur un vieux ordinateur, merci GPT4All","image":{"url":" +=> https://zonetuto.fr/wp-content/uploads/2023/04/chatgpt-gpt4all-robot-ia-illustration.jpg%22%7D%7D%7D%7D,%7B%22id%22:%221XpKFolMEA%22,%22type%22:%22delimiter%22,%22data%22:%7B%7D%7D,%7B%22id%22:%22M0uFhGCr-0%22,%22type%22:%22link%22,%22data%22:%7B%22link%22:%22https://lehollandaisvolant.net/?d=2023/05/04/19/21/50-ne-confondons-pas-hierarchie-et-expertise%22,%22meta%22:%7B%22title%22:%22Ne +confondons pas hiérarchie et expertise -","description":"« Le chef a toujours raison. » On rigole de cette « règle », mais c’est essentiellement ça qui fait que beaucoup de choses ne tournent plus rond un peu partout. Que ce soit dans une entreprise, à la tête d’un pays, ou dans une association, une équ…","image":{"url":" +=> https://lehollandaisvolant.net/favicon.ico%22%7D%7D%7D%7D,%7B%22id%22:%22UHtqFd1b1s%22,%22type%22:%22delimiter%22,%22data%22:%7B%7D%7D,%7B%22id%22:%22oCZ4CbwQ4u%22,%22type%22:%22link%22,%22data%22:%7B%22link%22:%22https://github.com/mifi/editly%22,%22meta%22:%7B%22title%22:%22GitHub +- mifi/editly: Slick, declarative command line video editing & API","description":"Slick, declarative command line video editing & API - GitHub - mifi/editly: Slick, declarative command line video editing & API","image":{"url":" +=> https://opengraph.githubassets.com/a7e8c5c68095879f8165094e8804bb8ca8e6c87b84635f0fa6e8ecd36eda3068/mifi/editly%22%7D%7D%7D%7D,%7B%22id%22:%22-sdsNlut8K%22,%22type%22:%22delimiter%22,%22data%22:%7B%7D%7D,%7B%22id%22:%22KUOXcmOcQM%22,%22type%22:%22link%22,%22data%22:%7B%22link%22:%22https://www.nextinpact.com/lebrief/71614/mozilla-arrive-doucement-sur-mastodon-avec-sa-propre-instance%22,%22meta%22:%7B%22title%22:%22Mozilla +arrive (doucement) sur Mastodon avec sa propre instance","description":"Mozilla met un pied dans les réseaux sociaux et annonce sur son blog ouvrir une instance Mastodon en version beta privée. « Au risque d'être à la fois dramatique et cliché, je dirais que les réseaux sociaux sont cassés » lance Ste...","image":{"url":" +=> https://cdnx.nextinpact.com/data-next/images/bd/wide-linked-media/1986.jpg%22%7D%7D%7D%7D,%7B%22id%22:%22_KCq8Ww8ze%22,%22type%22:%22paragraph%22,%22data%22:%7B%22text%22:%22J%27ai +tenté de mélanger différents sujets, dans l'espoir que ce nouveau format vous aura plu. "}},{"id":"sr9GlyS3Sj","type":"paragraph","data":{"text":"À bientôt !