Vrijdagavond coderen, een lui alternatief voor CleanShot X

Ik gebruik CleanShot nu ruim vijf jaar. Ik heb geen klachten, behalve dat het aan mijn SetApp-abonnement hangt. Daar betaalde ik graag voor, tot een aantal van mijn favoriete apps de dienst verliet. Eigenlijk gebruik ik nu alleen nog Lungo, TablePlus en CleanShot X. Van de eerste twee heb ik inmiddels een eenmalige licentie.

Ik heb een “alternatief” bedacht dat meer een “noodoplossing” is, voor de workflows waar ik CleanShot vooral voor gebruikte.

Dit betekent:

1. Ik gebruik macOS
2. Ik gebruik CleanShot X vooral om screenshots te maken
3. Ik gebruik geen van de bewerkingstools
4. Ik upload alleen naar de cloud als ik het niet in een Slack-bericht sleep.

Het cloudgedeelte

Dingen opslaan en uitleveren in de cloud is een opgelost probleem, al sinds voordat een beroemde boekwinkel cloudopslag ging verkopen. Daarvoor gebruik ik niet de boekwinkel, maar Cloudflare R2. Dat is een prima opslagdienst en gebruikt de S3-API van de boekwinkel.

Ik wilde ook nette previews, dus ik gebruik Cloudflare Workers om een HTML-pagina te renderen met een bestandspreview en een downloadlink.

Er zit een handige ingebouwde functie in, HTMLRewriter, waarmee ik attributen in een kant-en-klaar HTML-sjabloon injecteer. Zo zet ik makkelijk dynamische elementen, zoals een downloadlink en previewafbeelding, in het sjabloon.

Ik gebruik geen fancy libraries voor de previews, alleen de ingebouwde browserfuncties, en die werken prima:

• Afbeeldingen, een ouderwetse <img>-tag
• Video’s, een <video>-tag
• Audio, een <audio>-tag
• PDF’s, een <embed>-tag

Kortom: als je de worker aanroept op https://cloudwrap.example.com/your-file.jpg, krijg je een HTML-pagina met een preview van de afbeelding en een downloadlink.

Ik heb het project open source gemaakt. Je vindt het hier.

Het screenshotgedeelte

Ik gebruik Siri Shortcuts al een tijdje om van alles te automatiseren op mijn iPhone. Het staat ook op mijn Mac, maar daar heb ik het nooit echt gebruikt.

Dat besloot ik nu wel te doen voor dit project. De belangrijkste reden is dat ik er een snelle actie mee kan toevoegen aan Finder en het deelmenu.

Ik maakte deze shortcut, die:

1. Invoer accepteert uit het deelmenu of het menu met snelle acties

2. Het bestand uploadt naar de worker hierboven

3. De URL naar het klembord kopieert

4. Een deelmenu toont dat je kunt wegklikken als je de URL toch alleen gaat plakken

Hoe voelt het?

Het is niet zo soepel als CleanShot X, maar het is prima. Ik maak een screenshot, klik met rechts op het bestand, kies de snelle actie en plak de URL. Het zijn een paar stappen meer dan ik zou willen, maar het is prima.

Gezien hoe weinig ik de cloudupload van CleanShot X gebruikte, ben ik blij met deze oplossing. Het is gratis, het is snel en het is van mij (zo’n beetje).

De toekomst

Dit was een leuk project voor een vrijdagavond en ik ben blij met het resultaat. Ik ga het waarschijnlijk nog wat bijschaven als dat nodig is, maar voor nu doet het wat ik nodig heb: screenshots uploaden naar de cloud en me een URL geven om te delen.

Ik heb een Deploy to Workers-knop aan de GitHub-repo toegevoegd, zodat je het in je eigen Cloudflare-account kunt uitrollen als je het wilt gebruiken.