Dans cet #annuaire_index je partage des liens qui nourrissent ma recherche
En #2024 j'ouvre un nouveau site de recherche
+plus formel, inspiré de celui-ci : https://dn.vincent-bonnefille.fr

{Ici} je (b)log des #notes_perso et mentionne tout #projet_perso !
Cet espace m'engage vers une #d_centralisation des #GAFAM_NATU
Retrouvez mon #corpus de #2017 ( sous la forme d'une #map_carte) ici
Ce site { ici } fonctionne grâce au génialissime #shaarli site

Quelques sujets :
#ShadowLibraries / #défense_numérique / #luddites / #jardin(s numériques)

Vous pouvez afficher une vue d'ensemble / mur d'images :
( des bulles les plus importantes : taguées #! ou #<3 )
/?do=picwall&searchtags=! ou /?do=picwall&searchtags=<3 ou <3 et ! ...

• LES INCONTOURNABLES : <3 / ! / corpus
• LES GRANDES CLASSES : .i / .p / .r / .art
  (.i : informatique, .p : politique, .r : recherche)

• LES CATÉGORIES :
  darknet : #dn_darknet : #dn_tor_onion #dn_lokinet ... dn_*
  perso : #projet_perso #log_perso #notes_perso ... *_perso
  recherche_création / _thèse / _outils ... recherche_*
  orga. / artiste / auteur.ice : @

• Chaque #tag cliqué fonctionne comme un lien de filtrage pour afficher les { Bulles } contenant ce même #tag . Mais le "+" à côté d'un { #tag listé en bas } cumule ces filtrages : ressert le nombre de résultats.

Hello
Je mets en place une newsletter...
Pour moi, pour test, pour communiquer mes actualités
( en évitant des utilisateur.ices à me suivre sur de dangereux réseaux sociaux)
( ce qui est quand même possible par ici https://mamot.fr/@vincentb )

Et puis aussi parce que c'est un service qui m'est souvent demandé !
( on voudrait une alternative à Mailchimp et ses darkpaterns )

Des solutions "open" il en existe :
https://libreselfhosted.com/category/mailing-lists-and-newsletters
J'ai testé https://libreselfhosted.com/project/gray-duck-mail/
( sans grand succès )
J'ai finalement opté pour Listmonk
( qui, après quelques configurations fonctionne )
( envoie des mails, crée des listes et formulaires )

Editor

Seul problème/limitation, /VS/ Mailchimp, l'éditeur de code de Listmonk ...
... est très rustre/rudimentaire
( donc pas top pour du grand public qui ne code pas )

J'ai bien trouvé qui un buider "drag-n-drop" par "blocs"

• unlayer/vue-email-editor: Drag-n-Drop Email Editor Component for Vue.js
  ↳ https://github.com/unlayer/vue-email-editor?tab=readme-ov-file
• vue-email-editor
  ↳ https://vue-email-editor-demo.netlify.app/
  Mais je n'arrive pas à exporter le template en HTML/CSS...
  ( ce qui n'augure rien de bon )

Conclusion

En attendant Listmonk /VS/ Sympa vient avec de nombreuses solutions et une interface soignée ! En outre, on peut très bien se contenter d'un design sobre qui, de toute façon, une fois créé/mis en place, ne demandera pas tant de retouches/arrangements.
Il s'agit juste d'envoyer un mail habillé, quelques fonctions et liens magiques (dont lien de désinscription... que je ne cacherai pas en bas de page)

Comme toujours l'objectif aujourd'hui était de préparer l'outil
Son usage pouvant devenir urgent (dans un avenir proche) je suis rassuré de l'avoir sous la main !

Mise à jour majeure de ma petite #raspberrypi
( sur laquelle une grande partie de mes sites tournent )
64bit pour du calcul plus rapide, il était temps !
même si j'étais dans une résistante pro lenteur...
je me confrontais à de trop nombreuses limites
( #Docker demande souvent de l'ARMel = 64bit )
L'occasion de faire le ménage dans mes services
De réinstaller pas mal à la main, de vérifier mes acquis
Projet monté en #2020~ la remise à plat était bienvenue !
Bonne visites . Bonnes vacances . Bonne rentrée .

Chroot

• Permet d'accéder au contenu d'un système avec les ressources propres d'une autre machine
  Je peux accéder à au système contenu sur une carte_SD ou disque dur... depuis mon terminal... sans avoir démarrer dessus (sur ces supports)... qui normalement sont branchés sur un autre ordinateur.
• C'est très pratique (par exemple quand la machine en question ne démarre plus /ou/ comme ici, quand on veut apporter des modifications /ou/ accéder au contenu).
• Mais je n'y suis pas arrivé pour cette fois ... j'ai donc fais mes migrations avec rsync et sshfs
• J'ai finalement utilisé : losetup et ce petit alias : https://unix.stackexchange.com/a/430415 (pour monter mon img, retrouver mes fichiers : pas une emu/chroot...)

Les pistes ( VM/Docker/chroot ) :

• Chroot to pi sd card
  ↳ https://gist.github.com/htruong/7df502fb60268eeee5bca21ef3e436eb

• [GUIDE] Build Debian image to run on Tab via chroot | XDA Forums
  ↳ https://xdaforums.com/t/guide-build-debian-image-to-run-on-tab-via-chroot.1172504/

• Chroot into Raspberry Pi ARMv7 Image with Qemu on Linux
  ↳ https://docs.j7k6.org/raspberry-pi-chroot-armv7-qemu/

• Comment "chroot" une raspbian sur son linux? [script] - tutox.fr
  ↳ https://tutox.fr/2020/01/08/comment-chroot-une-raspbian-sur-son-linux-script/

• lukechilds/dockerpi: A Virtualised Raspberry Pi inside a Docker image
  ↳ https://github.com/lukechilds/dockerpi

• carlosperate/docker-qemu-rpi-os: Docker images with Raspberry Pi OS running on QEMU
  ↳ https://github.com/carlosperate/docker-qemu-rpi-os?tab=readme-ov-file

• Emulating Raspberry Pi 4 with Qemu
  ↳ https://gist.github.com/cGandom/23764ad5517c8ec1d7cd904b923ad863

• Chroot into Raspberry Pi ARMv7 Image with Qemu
  ↳ https://gist.github.com/jkullick/9b02c2061fbdf4a6c4e8a78f1312a689

Je cherche des alternatives à /Zotero/, outil par excellence de la recherche...
mais encore mal pensé pour le web à pleines mains...

1. de surlignage // #hypothesis projet
2. de sauvegarde d'articles / pages web // #wallabag projet (frama)
3. un bookmarking sympa (alt à #shaarli / #wallabag )

Je teste actuellement
( à la recherche d'une alt. à #shaarli )
( bookmark + archive/bkp )
\1. https://histre.com <- love, highlight like Zotero, search like
\2. https://readeck.org <- backups, léger, efficace read
\2. https://hoarder.app <- batch links ( no backup, lourd:IA+Chrome ) hot
\3. https://linkwarden.app <- best bkps .. ( but private ) link
\3. https://linkace.org <- low UX, bkps OK, public link

R) Choix
Readeck pour le corpus de recherche quotidien ( sauvegarde )
( interface plus conviviale que Archivebox mais export (-)accessible )
( possibilité de collections et highlights )

Wallabag pour les articles au quotidien ( lectures d'articles )

Linkace corpus/grappes de liens autour de sujets (bookmark ouvert)
( utilisé dans la thèse, sans commentaires de liens comme je pouvais le faire {ici} )

Image d'illustration
=> https://voidnull.es/crear-un-nodo-de-readeck-para-guardar-lecturas-para-mas-tarde/

( série #.bib_perso )

Micros_updates :

• copier dans le press-papier ==> citation ( voir plus bas )
• mise en avant des infos suplémentaires
  ( nombre de page / sous-titre / trad. / etc. )
• de corriger un bug sur les dates
  ( twig == pubdate[-4:] )
• un peu de #md_markdown
  ( en js, linkify md links / raw )
  ( liens : [titre](https://lien) + img ![titre](https://src_img) )
  ( liens raw : https://.... )
  ( blockquote > )
• CSP fix (possibilité d'afficher des images d'autres sites/noms de domaine)

Bulle précédente au sujet de bibliothèque numérique :
https://liens.vincent-bonnefille.fr/?UJJg-A

Next step #todo :
https://github.com/kencx/calibre-rest?tab=readme-ov-file
( accéder facilement au contenu des fiches_livres via l'API )

Je prends des notes à l'aide de #dendron
( première Bulle à ce sujet https://liens.vincent-bonnefille.fr/?AGBhmA )

Bon, les WikiLinks c'est formidable
( Internal links : [[lien_popup_sujet]] - doc wiki )

J'appelle WikiLinks des liens internes, qui lient des pages/notes entre elles...
Comme sur #wiki quand on survol un de ces liens il affiche un popup !
Si on clique dessus, le lien ouvre la page vers laquelle cette note/lien pointe.

Trop deep

Mais, quand j'écris en #md_markdown avec #dendron ...
Je peux me retrouver avec une hiérarchie de notes assez deep (profonde)
Les liens contiennent en effet tout le chemin des sous-parties (séparées par un (.))

[[Root.sujet.partie.élément_child]]
= lien vers =>
Root > sujet > partie > élément_child

Le lien devient long
Difficile à lire
Il prend de la place dans le texte
Je voudrais qu'il prenne moins de place
( comme dans son état final, quand on "preview" le code en HTML )

: qu'il soit +lisible :
lire seulement le titre de la note/fiche ( sans le chemin entier )
EX/ [[gparent.parent.child_name]] -> [[child_name]]

Solution : plugin

Heureusement, #vscode regorge de plugins/extensions...
vscode-inline-fold permet de rétracter ("fold") les bouts de code trop longs ...
( par exemple, on pourra réduire "fold" une chaine de classes dans un élément HTML )

->

Regex / préférence :

Mes préférences avec le #Regex pour les WikiLinks :

  "[markdown]": {
    "inlineFold.regex":"\\[\\[(([\\.A-Za-zÀ-ú0-9_\\-\\:]{1,}?)\\.)([A-Za-zÀ-ú0-9_\\-\\:]{1,}?)\\]\\]",
    "inlineFold.regexFlags": "g",
    "inlineFold.regexGroup": 1,
    "inlineFold.unfoldedOpacity": 0.6,
    "inlineFold.maskChar": "",
    "inlineFold.after": "",
    "inlineFold.maskColor": "#000",
    "inlineFold.unfoldOnLineSelect": true,
    "inlineFold.autoFold": true,
  }

On peut ensuite ajouter un raccourcis pour afficher/masquer les Wikiliens...

Final #Regex

https://regex101.com/library/nlSi7u (me)
https://regex101.com/r/5R0WQ1/1 (other user)

J'en parlais dans une bulle passée...
https://liens.vincent-bonnefille.fr/?OMKCTA
Isso génère un espace de commentaire

Testez Isso, en bas de page, dans {cette} bulle :
https://liens.vincent-bonnefille.fr/?vbm_vg#comments

Page du projet/app
https://github.com/posativ/isso/
https://isso-comments.de {cette bulle}

. . .

Je voulais rendre cet espace 2.0
: qu'on puisse commenter, surligner.
... sans être surveillé.e/tracké.e

Je cherchais...
une alternative à /Disqus/
-> https://alternativeto.net/software/disqus/

J'ai des clients / amix...
qui me demandent ce genre d'outil, essentiel pour avoir un #feedback !

. . .

J'ai finalement opté pour isso

crédit image : https://linuxhandbook.com/deploy-isso-comment/

Limitation
Marche uniquement avec des URL (permaliens) avec un /sous-chemin/
{ici}, avec des parameters (.. .fr/?...) chaque page est considérée comme aillant le même thread (sujet/fil de conversation)
-> https://isso-comments.de/docs/reference/client-config/
-> data-isso-id="https://votre_url_ou_permalien"

Source complète

https://omicx.cc/posts/2021-04-16-create-a-hugo-blog/

Tuto résumé

• on crée un user restreint isso
• quelques dep. dont virtualenv

ensuite

• on passe en user isso sudo su isso
• on installe pip3 install isso
• on passe en virt.
  virtualenv ~/venv/isso
source ~/venv/isso/bin/activate
• on crée une config
  ( avec un autre port que 8080 + password + CORS / hosts(*) + etc )
  nano ~/etc/comments.cfg cf.tuto d'omicx.cc
• on démarre isso
  isso -c ~/etc/comments.cfg run
  . . .

Pour le service je me suis inspiré de :

• https://sweetohm.net/article/isso-alternative-disqus.html

[Unit]
Description=Isso
After=network-online.target

[Service]
Type=simple

User=isso
Group=isso
UMask=007

ExecStart=/var/www/pip/venv/bin/isso -c /home/isso/etc/comments.cfg

Restart=on-failure

# Configures the time to wait before service is stopped forcefully.
TimeoutStopSec=300

[Install]
WantedBy=multi-user.target

Le tuto nous explique ensuite comment gérer un Reverse_proxy #Nginx
et créer un service qui démarrera avec le serveur...

(*) CORS test
https://cors-test.codehappy.dev/?url=https%3A%2F%2Fisso.bonnebulle.xyz&origin=https%3A%2F%2Fcors-test.codehappy.dev&method=get NOT
https://cors-test.codehappy.dev/?url=https%3A%2F%2Fisso.bonnebulle.xyz&origin=https%3A%2F%2Fliens.vincent-bonnefille.fr&method=get OK

todo FIX: SMTP mail notifications !

Autres pistes

https://isso-comments.de/docs/guides/quickstart/
https://stanislas.blog/2018/02/add-comments-to-your-blog-with-isso/
https://www.hallada.net/2017/11/15/isso-comments.html
https://confluence.jaytaala.com/display/TKB/Installing%2C+configuring%2C+and+integrating+isso+(commenting+web+app)+into+Confluence

On peut modifier le design d'un site web avec une feuille de style...
Faire évoluer son apparence si certains aspects nous dérangent.
Un petit #hack superficiel, sans accéder aux serveurs...
Des communautés mettent ainsi à disposition des styles pour leurs sites préférés.

installation

Le module/addon qui va charger le style dans la page en question...
/Stylus/ ( dans ton #navigateur ) :

• Stylus – Adoptez cette extension pour 🦊 Firefox (fr)
  https://addons.mozilla.org/fr/firefox/addon/styl-us
• Stylus - Chrome Web Store
  https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Ensuite on va trouver des styles par exemple sur...
https://userstyles.world
(cf. styles plus bas)

Il faudra ensuite...
cliquer sur...
-> boutton "install" à droite
=> ouvre un onglet/tab /Stylus/
=> cliquer install...

Sites / Styles

Wiki

https://fr.wikipedia.org -- #wiki

Installe...
https://userstyles.world/style/12130/vb-fuz-wikipedia-org

Tënk

https://www.on-tenk.com/fr -- #@tënk

Installe...
https://userstyles.world/style/13501/on-tenk-com-dc-2023

#2023 update :
Revu, corrigé, pensé avec le CMS GRAV
https://liens.vincent-bonnefille.fr/?Jxnufg

Site pas encore accessible en ligne (dev en local)
Ici, un petit aperçu de ce projet de publication fonctionnant avec #dendron

Docker acces via SSH

Objectif :
Simplifier le développement en accédant aux fichiers de mon container #Docker via SSH
( on ouvre le container comme dans un gestionnaire de fichier )

STORY (motivation)

J'installe un nouveau #Shaarli
( autour d'un #corpus élargi ) ( qui sera privé )

• https://darknets.vincent-bonnefille.fr/

Je voudrais suivre la branche Master du projet Shaarli
( {ici} j'ai bifurqué pour ajouter quelles fonctionnalités )
( {ici} j'ai ajouté un champ pour l'aperçu illustrant chaque {bulle} )
( l'image à gauche... car parfois Shaarli n'en trouve pas dans la page/lien )

Ajout de champ

Dans la nouvelle version je veux ajouter le même champ
... en suivant la documentation : edit_link_plugin

• https://links.portailpro.net/doc/Plugin-System.html#render_editlink

En faisant mes propres recherches...
je m'aperçois que le plugin Démo nous montre la voie :

• https://github.com/shaarli/Shaarli/tree/master/plugins/demo_plugin
  ( après, intégrer par moi-même un field.champ n'avait pas été compliqué )
  ( la Démo nous montre comment l'ajouter + enregistrer -pas comment l'intégrer )

Bug

Malheureusement, dans la nouvelle version de #shaarli il y a un bug...

• https://github.com/shaarli/Shaarli/issues/2000
• https://github.com/shaarli/Shaarli/issues/1808 )
  qui fait que l'ajout de champ + récupération des données ne marche pas...
  ( ... c'est bien la peine que je mette en place un accès à mon #Docker #SSH en local )

Docker

Du coup je repars sur une version Docker
Et pour faire ça (mes modifs / ajouts)..
je vais vouloir interagir avec le contenu de container de façon fluide.
. La technique "normale" consiste à récupérer un fichier dans le Container
. L'éditer
. et le remettre...
. . cela me semble fastidieux...

Du coup, j'ai envie de tester avec #SSH !
Pour cela le container doit faire tourner SSH
( et ses ports doivent être ouverts vers l'Host )
( Host = hôte = machine.ordi dans lequel est installé Docker qui contient le container)
( Ordi = Host > Docker > Container(s) > OS > Apps.services, ex: Shaarli )

Version courte

( open host -> docker )

sudo docker exec -it -u root DOCKER_NAME sh 

( dans docker )

sleep 1
echo "--- Install stuffs"
apk update; apk add openssh-server
apk add openrc openssh
# opt
apk add --no-cache nano
apk add --no-cache bash

echo
echo "--- Generate SSH Keys" && sleep 3
mkdir -p /root/.ssh
chmod 0700 /root/.ssh
ssh-keygen -A

echo
echo "--- allow ROOT Authentification"  && sleep 3
echo " " >> /etc/ssh/sshd_config
echo " " >> /etc/ssh/sshd_config
echo "PasswordAuthentication yes" >> /etc/ssh/sshd_config
echo "PermitEmptyPasswords yes" >> /etc/ssh/sshd_config
echo "PermitRootLogin yes" >> /etc/ssh/sshd_config

echo
sleep 1
echo "--- creat ROOT password"
passwd

echo "\n------- ALL CONFIGURED ==> reStart \n"
echo
echo "--- reSTART sshd, can be long"  && sleep 3
rc-status 
touch /run/openrc/softlevel
/etc/init.d/sshd restart

( ok, on exit du Docker_Container )
( on chope son IP, on s'y connecte en SSH )

echo "---- You can exit"
exit

echo "\n------- HOWTO CONNECT \n"
echo
echo "then get Container IP"

echo "D_NAME == Container Name"
echo "docker container inspect -f '{{ .NetworkSettings.Networks.shaarli_default.IPAddress }}' D_NAME"

echo
echo "---- Then connect"
ssh root@172.17.0.X -p 22

Marche à suivre (notes installation)

SOURCES

• https://dev.to/yakovlev_alexey/running-ssh-in-an-alpine-docker-container-3lop
• https://techoverflow.net/2021/05/17/how-to-enable-ssh-root-login-on-alpine-linux/

DOCKERFILE

( ex. instructions - shot version )

• https://gdevillele.github.io/engine/examples/running_ssh_service/
• https://stackoverflow.com/a/68302177

PORT forward

( Port SSH par défaut : 22 )
( Connexion Host -> Docker )

0.0.0.0:2222 22/tcp

! at dock creation
--publish 8800:80 --publish 2222:22

Go into Docker Container

( where to install ssh-serveur access )
( on pourra aussi créer un nouvel utilisateur non root )

docker exec -it -u root D_CONTAINER_NAME sh

INSTALL d'app/services via APK (Alpine)

apk update
apk add openssh-server
apk add openrc openssh

Optionnel

apk add nano
apk add bash

INIT CONFIG SSH

mkdir -p /root/.ssh
chmod 0700 /root/.ssh

ssh-keygen -A
rc-status
touch /run/openrc/softlevel
/etc/init.d/sshd start

SET PWD (root)

passwd
passwd -u root # <- UNSET = null

Allow Host SSH->Container connexion

( default user is root )
( here we allow for root, not most secure )
( ... you can creat a new user if needed )

For Root user :

nano /etc/ssh/sshd_config
PermitRootLogin yes

authentification w/ pwd

PasswordAuthentication yes
PermitEmptyPasswords yes

... THEN on redémarre le service SSH
... pour qu'il fonctionne avec nos nouveaux paramètres

service sshd restart

CONNECTION

GET CONTEINER IP

( into docker > sh/bash )

ifconfig

( or outside, from host )

sudo docker container inspect shaarli_e2jk | grep -i IPAddress

( or )

docker container inspect -f '{{ .NetworkSettings.Networks.shaarli_default.IPAddress }}' D_NAME

FINALY : CONNECT

ssh root@172.21.0.2 -p 22
PASSWORD

AUTOreSTART - OPENRC

• https://docs.alpinelinux.org/user-handbook/0.1a/Working/openrc.html
• https://www.linuxtricks.fr/wiki/openrc-les-commandes-essentielles (FR)
• https://wiki.gentoo.org/wiki/OpenRC_to_systemd_Cheatsheet
• https://www.cyberciti.biz/faq/how-to-enable-and-start-services-on-alpine-linux/

ex

• https://techoverflow.net/2022/11/26/how-to-autostart-wireguard-wg-quick-on-boot-on-alpine-linux/

Status

service sshd status

Redémarrer

service sshd restart

-- auto-restart (on host restart)
( rc-update add <service> <runlevel> )

rc-update add sshd

( not working for me )
-> temp. solution

sudo docker restart D_NAME
sudo docker inspect D_NAME -f "{{json .NetworkSettings.Networks.bridge.IPAddress }}"

AUTRES PISTES

C to C

• https://docs.docker.com/get-started/07_multi_container/
• https://www.baeldung.com/ops/docker-communicating-with-containers-on-same-machine