#dev 2020-10-27

2020-10-27 UTC
KartikPrabhu and [Joe_Masilotti] joined the channel
#
[Joe_Masilotti]
This is supposed to generate your og:image.
#
[Joe_Masilotti]
So it parses title and description to create a dynamic image, then you can (optionally) customize the colors and background.
#
[Joe_Masilotti]
It can also be used directly, without ever visiting the site, from your HTML (with a Pro plan).
#
gRegorLove
Gotcha, cool!
geoffo joined the channel
#
[Joe_Masilotti]
If there’s any indie web-specific feature requests throw them at me!
KartikPrabhu and [Emma_Humphries] joined the channel
#
[Emma_Humphries]
I'd love to add a step to a Jekyll build to call out to download these images.
[schmarty] joined the channel
#
[Joe_Masilotti]
If you’re using them for og:image you don’t even need to. You can point it directly to Mugshot Bot’s servers and the image will be generated on the fly the first time the post is shared. There’s details in “Option 3” but it requires a paid subscription.
#
aaronpk
i think the indieweb angle there was not relying on an external service at runtime, but using it to generate and then store the image
deltab, nickodd, samcmullin, justHaunted, [tantek], KartikPrabhu, gRegorLove, [jeremycherfas], globbot, [capjamesg], jamietanna and [KevinMarks] joined the channel; justHaunted and nickodd left the channel
#
[KevinMarks]
indieweb features would be to parse for microformats and use those to make a richer preview
[Joe_Masilotti] joined the channel
#
[Joe_Masilotti]
Oh author could be a good tag to pull in!
#
[Joe_Masilotti]
[aaronpk] generating an image at build time via Jekyll or similar could be interesting.
jeremych_ and solene joined the channel
#
[KevinMarks]
you can do a lot if a page has microformats though
#
[KevinMarks]
I had some fun with every silo wanting it's own preview format here http://www.kevinmarks.com/partialsilos.html
#
[KevinMarks]
twitter taking an extreme no-www stance there https://www.ctrl.blog/entry/twitter-preconnects.html
#
Loqi
[Daniel Aleksandersen] Twitter preconnects to the wrong domains
#
sknebel
lol, saw that too. tells us how much they've tested that ...
#
GWG
WordPress is adding the HTTP_AUTHORIZATION htaccess rewrite to Core in the next version. Less people having issues with IndieAuth I hope
[Ana_Rodrigues] joined the channel
#
Zegnat
I needed some time to find what this reminded me of, but it was the 2018 edition of 24ways! https://24ways.org/2018/dynamic-social-sharing-images/ [Joe_Masilotti] have you read that one? :)
#
Zegnat
Mugshot Bot feels a little like the automated/service version of that article
#
Zegnat
GWG: that sounds like a nice change from WP’s side
#
GWG
Zegnat: I just hate troubleshooting people's web server configuration
#
Zegnat
Same here
[Joe_Masilotti] joined the channel
#
[Joe_Masilotti]
[Zegnat] that sounds very similar to what I had before I made mugshot bot! I’m not using pupeteer (it’s very hard to scale) but something similar to screenshot the images.
#
Zegnat
It is mostly because it feels bad to tell someone “this is not a bug, nor can we help you with it, your webserver is just misconfigured”. And then when you tell that to people on a managed hosting plan that basically means you are telling them they picked the wrong hosting company? Just bad vibes all around.
jjuran joined the channel
#
Zegnat
[Joe_Masilotti]: yeah, they definitely imagined running it on your own side or as part of the build pipeline, to get around scaling issues.
#
Zegnat
It was just the first time I think I saw the idea of generating dynamic preview images from content really laid out in a blog post :)
#
aaronpk
wow good news about Wordpress!
solene left the channel
#
GWG
aaronpk: It's to support their new application passwords
zack1 and [schmarty] joined the channel
#
[schmarty]
zack1: the short answer is that i can't think of any microformats2 consumers that work on a client-assembled DOM
#
[schmarty]
it's definitely possible to do so, but would require automating a real browser environment or running a headless browser to allow the JavaScript app to build the page content, then run a microformats2 parser over the result.
#
zack1
gotcha. that's kinda what I figured
#
[schmarty]
i am not aware of anyone that has actually used a setup like that because ultimately it works against the ideas of /microformats as an extension of HTML
#
[schmarty]
and i find the definition on the wiki a bit snarky but agree in principle that something on the web isn't machine-readable without /curlability
#
sknebel
well, the solution is the same they used
#
sknebel
for JSON-LD
#
sknebel
add a hidden version to the little HTML that is generated server-side
#
zack1
I agree with the curlability sentiment; I'm not sure why the project went with a client side solution
#
aaronpk
Yeah tbh if you can't convince the project to make a server rendered version (then upgrade the interactions with js if needed) then I'd just put a hidden blob of html in it
#
aaronpk
but also like come on
#
aaronpk
good JS apps are even finally doing the first render server side to deliver actual html now
#
aaronpk
of course they have funny names for it like hydrating and such but at least they're thinking about it now
#
[schmarty]
i'm guessing but i feel like it comes from framasoft's history of in-browser javascript projects (e.g. webtorrent, then PeerTube), i also feel like a newer AP-driven fediverse projects have an "APIs and apps" sensibility.
#
[schmarty]
the way they frame mobilizon also gives me the sense of "we're reinventing everything", and it doesn't surprise me that "building with modern JS frameworks" would be a default tehre.
#
zack1
yea a lot of people on the fediverse are against browsers and web pages/apps so the developers there tend to prefer to build an API others can build apps for
#
[schmarty]
ooh as an aside this question put me in mind of a tweet i saw from voxpelli this morning about parsing pages and i'm enjoying this article about how much of a mess something as "simple" as link previews can be for security. https://www.mysk.blog/2020/10/25/link-previews/
#
Loqi
[Mysk] Link Previews: How a Simple Feature Can Have Privacy and Security Risks
geoffo joined the channel
#
aaronpk
Good post!
#
[KevinMarks]
I did something similar for svgshare.com, where the png previews are made by a headless browser from the svg's but there are easier ways to do that now
#
sebbu
aaronpk, talking about js, i wanted to use the (internal, not documented) api of a site, so i browsed and used the site normally while using the network analyzer... so there's REST endpoints, which returns HTML content
#
sebbu
and it's all about GET parameters
#
sebbu
a few have json which is like an array of 3 html content
#
sebbu
i see lots of regex in the future !
#
sebbu
(because i can write regex and i'ld be too lazy to load the dom and do xpath instead)
[tw2113_Slack_] joined the channel
#
petermolnar
isn't the wordpress block editor doing something similarly nasty, but they even came up with their own way of doing so, inside html comments?
[fluffy], [snarfed] and gxt joined the channel
#
GWG
petermolnar: Yes
[schmarty] and jamietanna joined the channel
#
jamietanna
what does http://www.unmung.com/indiecard look for? I can't seem to get it working for posts on my site :(
[KevinMarks] joined the channel
#
[KevinMarks]
h-card and h-entry I think
#
[KevinMarks]
I think it only looks at top-level items except I made it hunt out h-recipe at one point
[Denver_Prophit] joined the channel
#
[Denver_Prophit]
Has anyone tried https://github.com/skpy/micropub
#
Loqi
[skpy] micropub: a minimal PHP micropub endpoint, with media support
#
jamietanna
hmm, any idea why i.e. https://www.jvt.me/posts/2020/10/26/cite-storage/ wouldn't be picked up?
#
Loqi
[Jamie Tanna] Changing the Storage of Cites on my Site
#
GWG
I love talking cites
#
jamietanna
what are you thinking, GWG?
#
GWG
jamietanna: h-cite should be a stable microformat
#
GWG
It's still in draft
gRegorLove joined the channel
#
[KevinMarks]
hm, not sure why unmung is not parsing that
#
[Denver_Prophit]
</cite>```
#
[Denver_Prophit]
```<cite class="h-cite">
#
[Denver_Prophit]
All I'm missing is the URL for the h-card location of the article I'm citing?
#
[Denver_Prophit]
<a class="u-url p-name" href="https://gofishdigital.com/semantic-topic-modeling/"> Semantic Topic Modeling for Search Queries at Google. </a> (<abbr class="p-author h-card" title="Bill Slawski">Bill Slawski</abbr> <time class="dt-published">2016-12-28</time>)
#
[Denver_Prophit]
And, should the target URL get a `rel=webmention`?
#
gRegorLove
no, rel=webmention is for advertising your site's webmention endpoint
#
gRegorLove
If the author has a URL you could add it to the author h-card. That <abbr> usage seems off, it's not actually abbreviating anything.
#
gRegorLove
So the author part could be: `<a href="https://example.com/bill" class="p-author h-card">Bill Slawski</a>`
#
gRegorLove
hm, might have misread, not sure what you mean by "h-card location"
#
jeremycherfas
Various people have played with Skippy’s micropub.
#
sknebel
ah, here's the federation details for mobilizon: https://docs.joinmobilizon.org/contribute/activity_pub/
[tantek], gRegorLove and [fluffy] joined the channel
Kongaloosh__, craftyphotons__, myfreeweb, KartikPrabhu, [tantek], geoffo and jjuran joined the channel