#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.
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
#
[KevinMarks] [Joe_Masilotti] see https://indieweb.org/link-preview and https://indieweb.org/post-type-discovery
[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
#
Loqi [Aaron Parecki] Vegan Banana-Apple Bread https://aaronparecki.com/img/1240x0/2020/06/01/19/banana-bread.jpg
#
[KevinMarks] twitter taking an extreme no-www stance there https://www.ctrl.blog/entry/twitter-preconnects.html
[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? :)
[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
solene left the channel
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
#
[schmarty] (see also /js;dr)
#
[schmarty] ehehe
#
zack1 I agree with the curlability sentiment; I'm not sure why the project went with a client side solution
#
[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.
#
[schmarty] *there.
#
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/
geoffo joined the channel
#
[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
[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
[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
#
jamietanna hmm, any idea why i.e. https://www.jvt.me/posts/2020/10/26/cite-storage/ wouldn't be picked up?
#
jamietanna what are you thinking, GWG?
gRegorLove joined the channel
#
jamietanna TIL!
#
[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"
#
gRegorLove parsed example: http://php.microformats.io/?id=20201027175555469
#
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
