#dev 2020-04-08

2020-04-08 UTC
jenelizabeth, [tantek] and KartikPrabhu joined the channel
#
jacky
nothing else to say but tests++
#
Loqi
tests has 11 karma in this channel over the last year (13 in all channels)
#
jacky
(it was linked earlier)
#
jacky
kinda wish stuff like this built on existing tooling tho
#
jacky
(eventsource, etc)
#
GWG
Anyone have any mf2 to jf2 unit tests I might be able to borrow?
treora and [LewisCowles] joined the channel
#
[LewisCowles]
what is jf2?
#
Loqi
jf2 is a working prototype of a simpler JSON serialization of microformats2 intended to be easier to consume than the standard Microformats JSON representation https://indieweb.org/jf2
#
aaronpk
I'm so tempted to make a webmention based version of animal crossing
#
aaronpk
welll like a mini version of it
#
aaronpk
basically you'd have to collect things by sending webmentions to them
[schmarty], sscarfe, [jeremycherfas], leg, nickodd and [g33kcentric] joined the channel
#
[g33kcentric]
oooooo!
loicm, sscarfe and jeremych_ joined the channel
#
Zegnat
!tell dckc There is always https://f-droid.org/en/2020/02/03/openpush-talk.html to check out if you really want to home roll the entire push messages chain (for Android)
#
Loqi
Ok, I'll tell them that when I see them next
#
Zegnat
aaronpk: that sounds dangerous. I’d start sending soooo many webmentions
#
jacky
I just noticed that array notation for websub hubs might be 'optional'
#
jacky
which makes me wanna just send individual publish requests versus a list
#
jacky
(it's easier to send a list but like hm)
sscarfe joined the channel
#
Zegnat
Automatic charts is where the fun really begins, jeremycherfas!
#
jeremycherfas
I don't particularly want to do it the way you did it, from the HTML; I'd rather use it as an opportunity to learn to use something else to do the job.
#
jeremycherfas
I've read that Python makes this sort of thing not too difficult.
#
Zegnat
I have read that too, but I did not necessarily want to learn Python.
#
jeremycherfas
But maybe I should look at PHP first. With the right regex, or splitting strings up a line at a time, it might be doable.
#
Zegnat
Although when I was using R in uni I admit to having checked out RPython
#
jeremycherfas
The problem for me is that because I have always worked at home, at least for the past 7 years, I have no extra time during the day and I think the next big thing I want to do on my site is implement responsive images with `srcset`.
#
jeremycherfas
That would prompt me to post more images.
#
Zegnat
I saw some pizza photos, was that part of posting more images?
#
jeremycherfas
Competing with that is a desire to implement my very own ownyourgram.
#
Zegnat
Many competing desires
#
jeremycherfas
The pizza photos were on Known. I'm talking about my main site. Sending anything to my own site would mean getting micropub beyond the very rudimentary stage it was at.
#
jeremycherfas
If I think about usefullness, micropub > srcset = myownIG
sscarfe joined the channel
#
Zegnat
Ugh. I have been trying to avoid thinking about Micropub for a while, because I just know I will then end up building my own client from scratch again.
#
Zegnat
But that is a personal problem, haha
#
Zegnat
I think I may have linked it before, but I enjoyed this relatively short article about setting up srcset, jeremycherfas: https://cloudfour.com/thinks/responsive-images-the-simple-way/
#
jeremycherfas
I think you did. At least, I have it in my resources file. And the longer series.
#
petermolnar
I gave up on "responsive" images - srcset/different sizes term - a long time ago
#
petermolnar
it complicates things, and never worked as intended for me
#
petermolnar
but! my images are "responsive" in the terms of auto-resizing
#
petermolnar
figure { margin: 2em 0; }
#
petermolnar
figure img { display: block; max-height: 98vh; max-width: 100%; width:auto; height:auto; margin: 0 auto; border: 1px solid #000; }
[LewisCowles] joined the channel
#
[LewisCowles]
If anyone locally develops their site and wants to run software on a raspberry pi or single-board computer, or an intel NUC. It can be hard to test things like emails. I Just got github.com/CODESIGN2/mailhog-docker to support multiple arm architectures and 32-bit x86 in addition to armv7 and amd64. What has this got to do with the web and indieweb?
#
[LewisCowles]
Many of us send emails. Testing that can be a pain. This allows you to simply update your config to point at wherever you are running mailhog and get full e2e email tests
#
[LewisCowles]
RE: responsive images, I've never had much of what I'd consider success with them
#
[LewisCowles]
I think adaptive fixed-width is progress, but it's a few steps back from some of the things we used to be able to achieve using flash; which I know is proprietary etc, but had some rich expressive qualities
#
jeremycherfas
!tell petermolnar I've never looked at your site on mobile. Isn't the overhead a worry?
#
Loqi
Ok, I'll tell them that when I see them next
#
jeremycherfas
Maybe I'm misunderstanding. I thought the point was to let the bowser choose an image size so it wasn't downloading an unnecessarily large file only to downsample it.
geoffo and [jgmac1106] joined the channel
#
[jgmac1106]
indiemonster, indie crossing, webmentions vs zomboes, we need to roll out one of these games, indiemonseter was some geocaching so not a good social distance choice
gRegorLove joined the channel
#
[jgmac1106]
yes that is the point, but to peter's point is a ton of work on the site mantainer whereas max-width=100% will work, IO step on my img down to 1280 and then use width=100%
#
petermolnar
jeremycherfas: the funny bit is: no, no real overhead. Mobile resolution is often denser, than desktop resolution, meaning mobile would download the 2x, 3x picture anyway.
#
Loqi
petermolnar: jeremycherfas left you a message 56 minutes ago: I've never looked at your site on mobile. Isn't the overhead a worry?
#
petermolnar
[LewisCowles]: I'm happy to help anyone with self hosted email server issues.
#
[jgmac1106]
I have been loving the PWA photostack (available web or Android)
sscarfe joined the channel
#
[LewisCowles]
petermolnar, do you host your own email server?
#
[LewisCowles]
I use mailhog as a fake server, so that they don't need to self-host. It just traps any emails sent to it's server.
#
[LewisCowles]
It additionally provides an API layer to ask it questions, but I don't regularly bother with that
swentel, [tantek] and hs0ucy joined the channel
#
Zegnat
!tell [jgmac1106] re: “indiemonster, indie crossing, webmentions vs zomboes, we need to roll out one of these game” do you imagine any of these need development? I could imagine signing up for an IndieWeb Game Jam
#
Loqi
Ok, I'll tell them that when I see them next
[KevinMarks] joined the channel
#
[tantek]
What is a game?
#
[tantek]
Huh. Sounds like that could use some work Zegnat! ^^^
#
Zegnat
I know no current implementations of games on IndieWeb. Didn’t even expect that page to exist
#
swentel
haha, good description :)
#
swentel
but yes, we need to figure out a multiplayer indie game
#
[tantek]
Feel free to delete and recreate with an IndieWeb relevant dfn
#
[tantek]
So it shows up as new in the newsletter
#
swentel
little inspiration at the moment, boring work to do heh
#
[tantek]
There’s some prior work on chess by Webmention
#
[tantek]
Buried in the wiki
#
[tantek]
First meta game, see if you can find it :)
#
Zegnat
There was chess over Twitter, has there been chess over Webmention? :o
#
Zegnat
There is always my brain dump on asynchronous role playing, but nobody that I know has had a go at that yet (https://indieweb.org/User:Vanderven.se_martijn/Roleplaying_from_our_own_blogs)
TrondGiske joined the channel
#
[jgmac1106]
closest I ever got: https://wmvsz.glitch.me/ indiemonster came out of a hijacked session on badging in 2018 NYC
sscarfe joined the channel
#
petermolnar
[LewisCowles]: yes, I host my own mailserver.
loicm and sscarfe joined the channel
#
jeremycherfas
Good point petermolnar I hadn't thought enough about pixel density on the way down to smaller sizes.
#
Zegnat
Theoretically I think browsers should also take consideration of network speed etc when picking an image? I am not sure if they actually do that
#
sknebel
petermolnar: so you just found that browsers don't really use the different variants and thus not worth the hassle of managing it? or other issues?
#
@AndreJaenisch
↩️ @yoshuawuyts Ah, so #Webmention can be lucky to have one over at https://webmention.rocks/ :)
(twitter.com/_/status/1247873629863530496)
#
petermolnar
sknebel: from my own tests, yes, that was the conclusion. In essence I don't want super resolution of my photos circulating/available, and the smaller resolutions don't make sense any more, because phone screens became quite dense.
#
sknebel
makes sense
#
petermolnar
Zegnat: for that, I present you progressive jpg
#
Zegnat
Browsers do not stop downloading those halfway though, right? They may start rendering sooner, but are just as much a bandwidth bottleneck as any other big image
#
[KevinMarks]
Tantek, I remember us working out how to do a pokemon go alike with webmention a while back, but I think it was verbal, but written down
#
Zegnat
But agreed, if it turns out that browsers are not grabbing different images depending on network connection. Just go progressive JPG and a somewhat average image size for all visitors
#
petermolnar
Zegnat: true, but apart from Opera Mini, I don't think any of them takes bw into account.
#
jeremycherfas
I'm grateful for this discussion about images.
#
petermolnar
I have a 720 and an 1280 limit on the larger side for image; 720 is show, 1280 is linked. Both progressive JPG.
#
jeremycherfas
My 100% width is 750px at max, I've toyed with breaking images out on either side of the text box, maybe 960, but on occasion that would crash into my sidebar, so I think I'll just leave things as they are. Many, but not all, are progressive jpgs, and those that aren't are PNGs, iirc.
#
jeremycherfas
Maybe I'll do interlaced png going forward.
[LewisCowles] joined the channel
#
@el_piranna
↩️ @AndreJaenisch @yoshuawuyts WebMention looks nice, thank you for showing me it! :-)
(twitter.com/_/status/1247880046154416134)
[g33kcentric] joined the channel
#
[jgmac1106]
what does progressive JPG mean? That is what I started to do link to 1280 and show 720 but most older photo pages still all 1280
KartikPrabhu joined the channel
#
Zegnat
It is a way of storing JPG so it can be rendered even before all data is in. So when you start downloading the file you can start displaying something and the more of the file you have downloaded the more detail you can fill in during rendering
#
[jgmac1106]
an img resizer be a neat micropub client...like give three basic options
loicm and nickodd joined the channel
#
petermolnar
jeremycherfas: png only and exclusively only makes sense if it's from vector; jpg will always be smaller, than interlaced png.
#
petermolnar
jeremycherfas: related read about dithered png: https://solar.lowtechmagazine.com/2018/09/how-to-build-a-lowtech-website.html - trouble is, they should have gone with something like 40% jpg compression, the images would be much, much smaller in file size.
loicm joined the channel
#
[LewisCowles]
file size is not their only consideration. I'm pretty sure low tech mag has an article about how algorithms affected their decisions. Either that or my brain has made it up. I feel confident of the former though
#
petermolnar
the argument is that these are similar in size, text in them is more readable, and they have better aesthetics; these are all reasonable points.
sscarfe joined the channel
[Michael_Beckwi], jgmac1106 and deathrow1 joined the channel
#
jeremycherfas
I do most of my image manipulation in Acorn. That gives me the option to look at the original and the version side by side. Sometimes dithered PNG has a radically different colour palette, and then I go with jpg. But whereas I almost always do progressive jpg, I am not as careeful about interlaced png.
[tantek] joined the channel
#
[tantek]
For posting images, similarly I use 960px wide by default (for higher pixel density displays), and link to "full" resolution e.g. 1920x1440 for landscape.
#
jeremycherfas
Interesting, because your max column width for me is about 560, non-retina. So the 960 is to accomodate denser displays?
sscarfe and [calumryan] joined the channel
[Ana_Rodrigues] joined the channel
#
@call_user_func
[New]mauricerenck/tratschtante Kirby Webmentions your plugins can subscribe to https://github.com/mauricerenck/tratschtante
(twitter.com/_/status/1247934856476028929)
gRegorLove joined the channel
#
[tantek]
jeremycherfas yes it seemed reasonable, like at 2x pixel density that's 480 wide. and it's usually half the "full resolution" of 1920 which should mean fewer downsample artifacts
#
jeremycherfas
Very reasonable.
[schmarty] and hs0ucy joined the channel
#
omz13
Hello all. Work on building my own solution continues, and while the native format is microformat and the main API is micropub, I now seem to have a working WordPress/XML-RPC interface (as tested by MarsEdit successfully working with my test server). Mangling between microformats and what comes down that WordPress interface was somewhat of a challenge.
[snarfed] joined the channel
#
GWG
[snarfed]: Working on unit tests. I still dislike them.
#
[snarfed]
tests++
#
Loqi
tests has 12 karma in this channel over the last year (14 in all channels)
#
[snarfed]
not always fun to write, but always worthwhile when they catch and prevent bugs
#
[tantek]
welcome omz13! we also have the #indieweb-wordpress channel which you may find particularly helpful in getting setup with the right plugins etc., and any answers to challenges
#
[tantek]
WordPress specific challenges that is
petermolnar joined the channel
#
[snarfed]
yes! and sorry for that "k," i got channels mixed up. welcome omz! you're in good company w/wordpress here, GWG and i and others on it too. #indieweb-wordpress is a great place for it
TGiske, petermolnar and [prtksxna] joined the channel
#
gRegorLove
GWG: Do you write the tests first? I've grown to really enjoy making failing tests then writing the code to make them pass
#
[snarfed]
gRegorLove++ TDD
#
Loqi
gRegorLove has 12 karma in this channel over the last year (75 in all channels)
#
[snarfed]
also for bug fixes
#
GWG
gRegorLove: I use tests to test very basic functions usually.
#
[snarfed]
if anything, advanced functionality and edge cases are trickier than basic functions, so bugs are *more* likely
#
[snarfed]
testcoverage++
#
Loqi
testcoverage has 1 karma over the last year
[Michael_Beckwi] joined the channel
#
GWG
I just finished troubleshooting an mf2 to jf2 converter function that I had to write tests for.
[jgmac1106] joined the channel
#
[snarfed]
GWG++ nice! format converters are often the easiest to write tests for. just specify input and check output
#
Loqi
GWG has 24 karma in this channel over the last year (138 in all channels)
#
GWG
[snarfed]: This is my version of xray, yet I have no test coverage. So time to add some.
#
GWG
All my tests were done originally by throwing URLs at it.
[Rose] joined the channel
#
GWG
Mostly using [chrisaldrich]'s read and watch lists
[asuh], vika_nezrimaya and jamietanna joined the channel; nickodd left the channel
#
jamietanna
TDD++ tests++
#
Loqi
TDD has 1 karma over the last year
#
Loqi
tests has 13 karma in this channel over the last year (15 in all channels)
#
jamietanna
snarfed: https://pypi.org/project/granary/3.0/ is now released! I'll just have a look at Bridgy now
#
[snarfed]
woo congratulations jamietanna!!!
#
[snarfed]
first time someone else has cut a granary release all the way through to pypi
#
[snarfed]
jamietanna++ exciting!
#
Loqi
jamietanna has 11 karma in this channel over the last year (32 in all channels)
#
jamietanna[m]
That's awesome 🙌🏼 thanks for your patience
#
jamietanna[m]
Does bridgy need a release actually? Don't see instructions so assume it doesn't need to be?
#
jamietanna
Oh actually, does Bridgy get released? I don't see release instructions so assuming not?
#
[snarfed]
nah no releases, since it's not a library or end user installable
#
[snarfed]
feel free to sign up for readthedocs and look at granary there though! it still needs to be nudged to show the newly released 3.0 on https://granary.readthedocs.io/
#
jamietanna
snarfed do you need me to be added to readthedocs? I don't see any options to trigger a build for latest
[jeremycherfas] joined the channel
#
[snarfed]
jamietanna yeah i have to add you. i can now that you're on it
#
[snarfed]
done! rtd can be a bit finicky, but first try the instructions in https://github.com/snarfed/granary/pull/196
#
Loqi
[snarfed] #196 readme: add read the docs end of release instructions
#
jamietanna
That seems to have given me the option, just running through now
#
jamietanna
snarfed: looks like it's still not showing v3.0 as an option to activate :thinking:
[schmarty] joined the channel
#
[snarfed]
looking
#
[snarfed]
rtd is great for end users but finicky for maintainers
#
[snarfed]
ah, if you click on the "v: latest" in the bottom right on https://granary.readthedocs.io/en/stable/ , it shows stable and v3.0, which are both good. so only latest is wrong
#
[snarfed]
ok i changed the default to stable
#
jamietanna
oh ok, that's odd
#
jamietanna
did we need to update anything in https://github.com/snarfed/granary/pull/196 or are we good to merge?
#
Loqi
[snarfed] #196 readme: add read the docs end of release instructions
#
[snarfed]
i merged, i think it's ok, if it made sense to you
[tantek] and [LewisCowles] joined the channel
#
aaronpk
TIL chrome has a list of 1000 sites where video is allowed to auto-play without user interaction
gxt and [tantek] joined the channel