Séances de code du vendredi soir, une alternative paresseuse à CleanShot X

J’utilise CleanShot depuis un peu plus de cinq ans. Je n’ai rien à lui reprocher, sauf qu’il est rattaché à mon abonnement SetApp. Ça m’allait de payer, jusqu’à ce que certaines de mes applis préférées quittent le service. Aujourd’hui, je n’utilise presque plus que Lungo, TablePlus et CleanShot X, et j’ai des licences à vie pour les deux premières.

J’ai trouvé une « alternative » qui tient plutôt du « contournement », pour remplacer les usages pour lesquels je me servais surtout de CleanShot.

Ça suppose que :

1. Je suis sous macOS
2. J’utilise CleanShot X surtout pour prendre des captures d’écran
3. Je n’utilise aucun de ses outils de retouche
4. Je n’envoie dans le cloud que si je ne glisse pas la capture dans un message Slack.

La partie cloud

Stocker et servir des fichiers dans le cloud est un problème résolu depuis bien avant qu’une célèbre librairie en ligne se mette à vendre du stockage. Pour ça, je n’utiliserai pas la librairie, mais Cloudflare R2, une excellente solution de stockage qui reprend l’API S3 de la librairie.

Je voulais aussi de jolis aperçus, alors j’utilise Cloudflare Workers pour générer une page HTML avec un aperçu du fichier et un lien de téléchargement.

Il y a un outil intégré bien pratique, HTMLRewriter, que j’utilise pour injecter des attributs dans un modèle HTML préparé. Ça me permet d’injecter facilement des éléments dynamiques, comme un lien de téléchargement et une image d’aperçu, dans le modèle.

Je n’utilise aucune bibliothèque sophistiquée pour les aperçus, juste les éléments natifs du navigateur, qui font très bien l’affaire :

• Images, une bonne vieille balise <img>
• Vidéos, une balise <video>
• Audio, une balise <audio>
• PDF, une balise <embed>

En gros, quand tu appelles le worker sur https://cloudwrap.example.com/your-file.jpg, il sert une page HTML avec un aperçu de l’image et un lien de téléchargement.

J’ai publié le projet en open source, tu le trouveras ici.

La partie capture d’écran

J’utilise les Raccourcis Siri depuis un moment pour automatiser tout un tas de choses sur mon iPhone. C’est aussi sur mon Mac, mais je ne m’en étais jamais vraiment servi.

J’ai décidé de les utiliser pour ce projet. La raison principale : ils me permettent d’ajouter une action rapide au Finder et à la feuille de partage.

J’ai conçu ce raccourci, qui :

1. Accepte une entrée depuis la feuille de partage ou le menu des actions rapides

2. Envoie le fichier au worker décrit plus haut

3. Copie l’URL dans le presse-papiers

4. Affiche une feuille de partage que tu peux fermer si tu vas juste coller l’URL

Qu’est-ce que ça donne ?

Ce n’est pas aussi fluide que CleanShot X, mais ce n’est pas mal. Je prends une capture, je fais un clic droit sur le fichier, je lance l’action rapide, puis je colle l’URL. Il y a quelques étapes de plus que je ne voudrais, mais ce n’est pas mal.

Vu le peu que je me servais de l’envoi cloud de CleanShot X, cette solution me va. Elle est gratuite, elle est rapide et elle est à moi (ou presque).

La suite

C’était un chouette projet du vendredi soir et je suis content du résultat. Je le peaufinerai sans doute un peu au besoin, mais pour l’instant il fait ce que j’attends de lui : envoyer des captures dans le cloud et me donner une URL à partager.

J’ai ajouté un bouton Deploy to Workers au dépôt GitHub, pour que tu puisses le déployer sur ton propre compte Cloudflare si ça te dit.