#dev 2017-01-21

2017-01-21 UTC
#
@wpmudev
Trackbacks vs Pingbacks vs Webmentions for WordPress https://premium.wpmudev.org/blog/?p=153678 #wpmudev
(twitter.com/_/status/822603376366120967)
#
aaronpk
uggghhhhh can't get emoji to work
#
aaronpk
there we go
#
www.boffosocko.com
edited /IndieNews (+435) "WordPress plugin; sending bookmarks"
(view diff)
#
www.boffosocko.com
edited /WordPress/Plugins (+110) "IndieNews Plugin"
(view diff)
#
aaronparecki.com
edited /IndieNews (-20) "update instructions. voting was removed some time ago."
(view diff)
#
@jbjohansson
@ChrisAldrich Haha. Just started implementing webmentions; peeked at your boffosocko html ;-)
(twitter.com/_/status/822657765818634240)
KevinMarks joined the channel
#
KartikPrabhu
you can't just copy databases due to "migrations"
#
KartikPrabhu
baaah I hate this stuff
#
KevinMarks
That's the orm trap. Can you dump the dbs
#
KevinMarks
As tsv and recreate from that
#
KartikPrabhu
I could but doing it constantly between my local site and the live site is annoying
KevinMarks_ joined the channel
#
jonnybarnes.uk
edited /pgp (+147) "/* Terminology */ mention GnuPG 2.1 releases"
(view diff)
tantek and KevinMarks joined the channel
#
voxpelli
aaronpk++ for enabling WebSub for IndieNews :)
#
Loqi
aaronpk has 26 karma in this channel (1181 overall)
KevinMarks_ joined the channel
#
voxpelli
aaronpk: though it looks like it may have broken something
#
aaronpk
uhoh what
#
aaronpk
oh dear
#
aaronpk
oh i forgot to update the config :)
tantek joined the channel
#
aaronpk
i think that can count for my project for today right?
#
aaronpk
it's stretching the definition of "visible" ...
#
tantek
good morning #indieweb-dev
#
voxpelli
I think that certainly counts, will be very visible when it gets traction
#
tantek
what's the specific?
#
aaronpk
i just enabled WebSub for indienews
#
aaronpk
well that's odd. woodwind fails to subscribe to websub.rocks
#
aaronpk
oh i think woodwind is ignoring the rel=self
#
tantek
sounds like a good thing to test!
#
tantek
has to come up with something for 100DoPP before he can offer an opinion on "can count" or not for anyone else's daily project :)
#
aaronpk
is confused
#
Zegnat
will launch his 100Do thing today
#
voxpelli
just backdated his default publish dates by 15 seconds to avoid time sync issues with his build servers
#
aaronpk
woodwind++
#
Loqi
woodwind has 1 karma in this channel (3 overall)
#
aaronpk
caught a bug in websub.rocks!
#
aaronpk
huh where did the thing in woodwind go that showed you the websub debug stats
#
Zegnat
Isn’t that supposed to work the other way around, aaronpk? ;)
#
aaronpk
nobody's perfect Zegnat
#
tantek
aaronpk what's the type of map display called where there's a bunch of points just plotted on a map? perhaps as pins (e.g. Google Maps red pins)
#
tantek
what is Google Maps?
#
Loqi
Google Maps is a Google's web application for viewing a map, getting directions, and keeps track of your location history (opt out) https://indieweb.org/Google_Maps
#
loqi.me
edited /Google_Maps (+67) "tantek added "https://developers.google.com/chart/interactive/docs/gallery/map" to "See Also""
(view diff)
#
Loqi
ok, I added "https://developers.google.com/chart/interactive/docs/gallery/map" to the "See Also" section of /Google Maps
#
tantek
seems like they call it Geocoded Locations
#
tantek
interesting I keep updating / adding to the Google Maps page on politically active days
#
aaronpk
in doing this indienews update and testing it with woodwind, I'm realizing the typical author+content model doesn't represent all the parts of things posted to aggregators
#
tantek
"parts of things" ? use-cases of things aggregators aggregate?
#
tantek
it sounds like you're fixing a (new to you) bug in websub.rocks!
#
aaronpk
most of the posts on indienews are submitted by the author. that ends up looking fine in a reader. however if someone submits a bookmark of some other site, then what should the reader show as the author?
#
aaronpk
if the reader shows the bookmarked site as the author (which most closely matches what it looks like on indienews) then the submitter doesn't appear in the reader
#
aaronpk
if the reader shows the submitter as the author, then there isn't a place to link to the bookmarked post!
#
tantek
aaronpk - we see this problem in Loqi summaries of bookmark posts in #indieweb and #indieweb-dev!
#
aaronpk
ah true, same idea!
#
tantek
e.g. most commonly, we see posts that show Chris Aldrich as the author of an article, but it's actually just him as the author of the *bookmark* of the article, and Loqi does not show the actual author of the article
#
tantek
Loqi is already an aggregator with this problem :)
#
aaronpk
i had the same problem when I just added microformats to https://bulletin.p3k.io/aaronpk so that you can subscribe in woodwind. it's even more subtle here, because each post there may be "submitted" by a bunch of people because they tweeted it. and in this case, Bulletin is doing its own curating so really the "bookmarker" of those posts is Bulletin!
#
tantek
The way I would approach this is to first document screenshots of how "bookmark" posts are presented at all, both individuall (on a bookmark permalink page), and in a list / collection, both on personal site(s) and silo(s)
#
tantek
and then from those, I would brainstorm text-only design equivalents of how to "present" a bookmark post
#
tantek
(which, like most text-only design, would also work as a method of how to POSSE said posts to Twitter)
#
tantek
which reminds me, we have an example of *that* in particular to look at
#
aaronpk
well i don't feel so bad about this being my project for today because turns out enabling websub on indienews made all these other issues apparent
#
tantek
or at least a whole Twitter of it: https://twitter.com/adactioLinks
#
tantek
did you fix the bug in websub.rocks?
#
voxpelli
aaronpk: seems like indienews have no markup saying that it's a bookmark/repost/something of the posts? seeing no u-bookmark-of
#
aaronpk
voxpelli: yeah i wasn't sure that was correct
#
tantek
then yeah, news.indieweb WebSub support which then revealed a bug that you fixed in WebSub.rocks *definitely* counts as a good productive indieweb project for the day, the visible bit being the bug fix in websub.rocks
#
voxpelli
aaronpk: bookmark or repost sounds correct – and if a reader then could interpret the interaction type then it could present it as "<author> <interaction> <title>" rather than "<author> posted/wrote <title>"
KevinMarks joined the channel
#
tantek
probably would have counted with just the "adding websub" support, but the extra visible bit is really good to point out, plus advancing a test suite is a pretty big deal
#
tantek
websub is one of the things that IMO helps distinguish "IndieWeb" from just "Blogs & RSS" of the early 2000s
#
tantek
that is, Websub enables *real time* "social web" interactions, which is something silos have that typical "Blogs & RSS" do not.
#
tantek
and that aspect of, we are building UX that is leveling up (and beyond) what "social media" silos provide is a key distinguising aspect from just "Blogs & RSS"
#
aaronpk
voxpelli: look at the top post on indienews right now. it's submitted by boffosocko.com. that one makes sense to me as a bookmark, since it's clearly submitted by him and the thing being bookmarked is on a different domain. however it's less obvious to me that the next one is a bookmark.
#
aaronpk
i submitted my Day 31 post to indienews. I don't have a post on my site that's a bookmark of that post. does that mean the indienews post is a bookmark? if so, who is the author of the bookmark post?
#
voxpelli
I think you is the author of that bookmark post. Consider IndieNews a collection and posts added to the collection makes sense to name as bookmarks of that collection
#
tantek
aaronpk: I think IndieNews needs to conditionalize its display on whether the thing submitted was a /bookmark post or not
#
aaronpk
tantek: it does!
#
tantek
ooh nice!
#
voxpelli
in my reader I would love it to appear as "aaronpk saved <title>" or "aaronpk added <title>" just as I would love to see "boffosocko.com added <title>"
#
tantek
that's a great example to document
#
tantek.com
edited /bookmark (+634) "How to display (stub)"
(view diff)
#
tantek
aaronpk: would you consider uploading that screenshot to indieweb and adding it and a bit about it to https://indieweb.org/bookmark#How_to_display ?
#
tantek
(new section)
#
KevinMarks
Atom:source is supposed to deal with the repost issue
#
KevinMarks
Though it hasn't been widely used AFAIK
#
tantek
KevinMarks: no one ever documented or did anything remotely resembling good "repost" design / UX with Atom so I have zero confidence in any plumbing that was designed / created abstractly
#
tantek
and yes, that's why it hasn't been widely used, they failed to first document / design / solve the UX problem of reposts
#
KevinMarks
Right, and rss was originally just for reposts so you get feeds that do that
#
tantek
and led with plumbing (markup) first, instead of documented use-cases / design / UX / first
#
KevinMarks
Eg daring fireball
#
tantek
rather I thought RSS was originally just for bookmarks
#
tantek
linkrolling as it were
#
tantek
not entire "reposts"
#
tantek
hence *summary*
#
KevinMarks
That's not quite fair, initially atom started with a use cases wiki, but it became a mess later
#
KevinMarks
Yes, true about rss
#
tantek
that's fair, I remember the Atom wiki before it was called Atom
#
tantek
pieenabled or something?
#
KevinMarks
But rss never did a job of distinguishing the 2 cases
#
tantek
yes, they at least tried to start with documenting use-cases, but never took the additional step of brainstorming design / UX before coming up with markup to represent the things in actual design / UX
#
tantek
anyway, we can now do a better job
#
tantek
I'll leave it to aaronpk to upload since its his screenshot :)
#
tantek
(or hotlink if he prefers)
#
KevinMarks
That reminds me, have a look at the sharelink-examples page on the mf wiki
#
tantek
oh? did that finally happen?
#
tantek.com
edited /Google_Maps (+260) "Features: charts"
(view diff)
#
voxpelli
it's a good thing we keep u-bookmark-of and u-url separate, in RSS/Atom it's often the u-url equivalent that gets set to the external link and the internal one is put elsewhere, like as rel-related in Daring Fireball
#
KevinMarks
Yes I made it yesterday
#
tantek
very cool. did you get a chance to show it to cramforce and ask him to contribute more if he likes?
#
KevinMarks
I tweeted him and he faved the tweet
#
aaronparecki.com
edited /bookmark (+712) "/* How to display */ add indienews example"
(view diff)
#
voxpelli
aaronpk: actually not so sure about the bookmark thing, feels like we need development on the indiereader side to really figure this out – right now IndieNews is set up in such a way that the entries there are no real entries, but rather just points to external entries – and that's probably right
#
aaronpk
yeah that's kind of where i'm at
#
voxpelli
are there any indireaders that adopt some kind of Facebook, Twitter, Instagram like interface?
#
aaronpk
in what aspect?
#
tantek
presumably showing you more of the content
#
tantek
voxpelli: and those three are all different in how they do that!
#
aaronpk
showing a link preview?
#
tantek
T & F do that, I does not
#
voxpelli
and also often showing you interactions around the post, like if person X has liked it or retweeted it
#
tantek
Twitter shows 100% of the content of original posts in their "reader" view
#
tantek
FB shows only part of original post (ellipses at ??? chars) with a "More" link to view more.
#
voxpelli
many indiereaders seems to be be designed like a classic feed reader which in turn is designed like a classic email inbox rather than the more stream like interfaces of social medias
#
tantek
IG shows 100% of photo of original post, and maybe 2-3 lines of the original caption with a "... more" link for more of it
#
tantek
all in their "reader" modes/screens
#
tantek
what is a feed reader?
#
Loqi
A feed reader is an application (local or on the web, like the defunkt Google Reader) that subscribes to feeds (typically legacy Atom & RSS) and presents them in an interface for reading https://indieweb.org/feed_reader
#
aaronpk
is looking forward to getting back to work on Monocle hopefully soon
#
tantek
voxpelli: that's a valid criticism (re: classic email inbox) and you should add that as a new subsection on https://indieweb.org/feed_reader#Criticism
#
KevinMarks
Unread counts are bad in feed readers
#
KevinMarks
Woodwind has the collapse arrows, but I should have made the bigger
#
sknebel
unread-tracking (I don't insist on actual numbers displayed) is incredibly important for some types of feeds for me. The ability to turn it of on a per feed(group) basis would be nice though
#
aaronpk
podcasts are a great example of where you sometimes absolutely want unread tracking and sometimes really don't
#
aaronpk
some podcasts I listen to every episode. others like news podcasts I only care about the latest one since I don't care about last week's news anymore.
#
KevinMarks
True. It's hard to do read tracking in a scrolling view like woodwind, easier with the expanding single line model
#
aaronpk
is there a tool for previewing how an Atom/RSS feed will appear in readers?
#
aaronpk
I can't believe this is such a terrible experience
#
tantek
why not? that's what happens when you put plumbing first, UX second
#
KevinMarks
Unmung.com kind of does that
#
tantek
also note that RSS is a lowest common denominator approach, so there's only so much you can do. rocks to rock soup as it were
#
kodfabrik.se
edited /feed_reader (+1072) "/* Criticism */ Trying to formulate an inbox criticism of classic feed readers"
(view diff)
#
aaronpk
h-entry -> atom via granary -> html via unmung
#
aaronpk
good enough for me
#
voxpelli
^ I'm done, please modify and change if you find anything unclear with that criticism
#
aaronpk
ooh feedbucket
#
voxpelli
KevinMarks: I added the unread count into that criticism as well
#
KevinMarks
I should make the dates show nicer
#
aaronpk
okay there are a couple tools
#
Loqi
yea!
#
KevinMarks
There's also the validator
#
voxpelli
Flipboard had a validator once, but it seems to be broken now
#
voxpelli
wanted to make a validator/debug tool when at Bloglovin, but never got around to it before he quit
#
tantek.com
edited /100DaysOfIndieWeb (+146) "/* How to */ Optional: start post with "Day N: " where"
(view diff)
#
voxpelli
aaronpk: just wanted to fav/like your post – if you want a project for another day, then webactions would be neat ;) Because you have none, right?
#
aaronpk
hm that is true
#
voxpelli
there's always https://voxpelli.com/demo/indie-config/ if you want to configure your browser for indie-config to get you started
#
aaronpk
i still can't quite wrap my head around how that all ties together
#
voxpelli
both me and tantek at least have it on our sites – so they can be used as a reference – would love to help if I can
#
aaronpk
there's some part of it that still seems like a "hack" to me, like it's taking advantage of a browser feature in a way it wasn't intended and might be removed from browsers because of that
#
tantek
yes it's a bit of a hack, but that's common with such "working prototypes"
#
tantek
the point is to show how a UI like that can / does work, in the hopes of building better ones
#
aaronpk
i will have to take a look at it again
#
voxpelli
the UI should be possible for a browser add-on to extend as well, so one can attack it from both ends
#
tantek
agreed - voxpelli I think there is work to be done there as Barnaby's add-on hasn't been updated in ages - and modern browsers require add-ons to be submitted etc. for better installation flow / security
#
aaronparecki.com
edited /feed (+189) "/* How To Test */ add test tools"
(view diff)
#
aaronpk
not sure if that should go on /RSS and /Atom specifically or...
#
tantek
what is a Progressive Web App?
#
Loqi
It looks like we don't have a page for "Progressive Web App" yet. Would you like to create it?
#
tantek
Loqi?
#
@voxpelli
Want to install my blog as an app? Of course you want to! After today's testing https://voxpelli.com/ is 100% PWA https://pbs.twimg.com/media/C2tvmGNXUAERAMT.jpg
(twitter.com/_/status/822874059537076224)
#
tantek
what is a PWA?
#
Loqi
It looks like we don't have a page for "PWA" yet. Would you like to create it?
tantek joined the channel
#
voxpelli
a Progressive Web App is a web site that a client can progressively enhance into a standalone app that's comparable with a native app
#
loqi.me
created /Progressive_Web_App (+163) "prompted by tantek and dfn added by voxpelli"
(view diff)
#
loqi.me
created /PWA (+32) "prompted by tantek and dfn added by voxpelli"
(view diff)
#
tantek
and clearly that needs an IndieWeb Examples section voxpelli :)
#
@voxpelli
@voxpelli Which of course is silly of it to be, but I want to test out a full 100% PWA so my blog will have to do as a test for that
(twitter.com/_/status/822874254991564800)
#
voxpelli
a good example would be something like Quill, but my blog doesn't (yet) have any app like features that it makes sense for it to have
#
aaronpk
has anyone made an XSLT file to make Atom/RSS feeds look nicer when viewed in a browser?
#
aaronpk
why isn't that more common of a thing to do?
#
tantek
aaronpk: re: where to document it, I think we could move more of /feed (esp legacy RSS/Atom parts) to /feed_file
#
aaronpk
ah good idea
#
voxpelli
feeds shouldn't be viewed in the browser? an XSLT that just shows "open this in a feed reader" would be somewhat neat though
#
KartikPrabhu
i doubt many people consume Atom/RSS by viewing in the browser
#
aaronpk
"feeds shouldn't be viewed in the browser" lol
#
tantek
to answer that "why" - because 1) XSLT is a pain, and 2) people into feed files usually don't care as much about making things look nicer (since if they did, they'd likely focus more on the HTML+CSS of their website than the feed files)
#
aaronpk
but people *link* to their feeds and then people click those links
#
tantek
yes it's an odd habit
#
tantek
I think julien's subtome and the "follow" button work are specifically there to supersede those "link to their feeds" behaviors
#
KartikPrabhu
FF shows feeds nicely by default though
#
voxpelli
and there should be a follow webaction as well
#
aaronpk
ah right firefox does. chrome does not tho
#
voxpelli
(there was someone who actually prototyped and built a webaction follow button with indie-config that could show follow status)
#
aaronpk
wow what the heck did safari just do
#
KartikPrabhu
right, it is more strange that browser's don't have a default UA styling for Atom/RSS
#
voxpelli
aaronpk: open the podcast app?
#
voxpelli
that's what it does in iOS I think
#
aaronpk
i opened an xml feed in safari, it popped up a message asking if i wanted to add links from that domain to "shared links" (what is that?!) and when i clicked cancel it launched chrome with the URL of the feed prepended with feed//
#
voxpelli
ah, right, Safari has a built in feed reader nowadays
#
tantek
what is Safari?
#
Loqi
It looks like we don't have a page for "Safari" yet. Would you like to create it?
#
aaronpk
apparently safari has something called "shared links" which is a sidebar
#
tantek
hilarious dialog there
#
aaronpk
i don't understand what it is
#
tantek
well, RSS is for link sharing right?
#
tantek
per previous convo with Kevin
#
aaronpk
the dropdown doesnt work and i can't click "add"
#
tantek
weird given the previous shutdown history
#
aaronpk
aha that is dependent on what page i am viewing
#
aaronpk
when i am on my home page then click 'add feed' it looks liek this https://media.aaronpk.com/Screen-Shot-2017-01-21-12-35-21.png
#
aaronpk
apparently safari has a built-in feed reader as a sidebar?!
#
aaronpk
and the subscriptions are synced between ios and osx
KevinMarks joined the channel
#
aaronpk
voxpelli: the URL of your "like-of" posts should actually be set to the permalink of your own post, not of the post you liked
#
aaronpk
oh i see the problem... you don't have a u-url property at all, so it's using the implied rules
#
voxpelli
aaronpk: I just fixed that
#
aaronpk
i don't see it yet. is it cached?
#
voxpelli
maybe in your browser? I see it here: https://voxpelli.com/social/2017/01/72441/
#
Loqi
[Pelle Wessman] Liked: https://aaronparecki.com/2017/01/21/4/day-32-indienews 21 January 2017 by Pelle Wessman
#
voxpelli
thanks Loqi
#
Loqi
you're welcome
tantek joined the channel
KevinMarks_ joined the channel
#
voxpelli
aaronpk: yeah, there I collapse them all into the very same post and skip the u-url part
#
aaronpk
well that's a problem :)
#
aaronpk
cause now you've got the implied rules thinking that my URL is the permalink of your post
#
voxpelli
right, um, because it makes so sense to link to a like so I have to insert it with some trick then
#
aaronpk
well how did you get the URL to your like that you just pasted here?
#
aaronpk
what if i wanted to share the URL to your like? I would have no way of finding it from your feed page
#
voxpelli
I got it because Quill gave me the link ;)
#
voxpelli
but I'm fixing it now
#
aaronpk
and you don't want to show the date that you posted the like?
#
aaronpk
i think tantek had some clever collapsing for that that also showed the time
#
tantek
yes I documented it but I haven't been doing a lot of like posts lately
#
tantek
ah I did mock it up too: https://indieweb.org/like#inline_hypertext_design (scroll to the bottom of that section)
KevinMarks joined the channel
#
voxpelli
I added the time now, pretty good thing to have anyway
#
voxpelli
(now I just need to setup a service that can give me some reply contexts so that I can stop showing raw URL:s in there and get it to actually look nice)
#
tantek
great, now you have a presentational hook for dt-published and u-url permalink of each post on that page!
#
tantek
what is a composite stream?
#
Loqi
A composite stream is a stream that interleaves multiple types of posts, such as notes and articles https://indieweb.org/composite_stream
#
voxpelli
tantek: I didn't add myself there previously as it says "on their home pages" – but I guess I can solve that
ncollig joined the channel
#
kodfabrik.se
edited /composite_stream (+321) "/* IndieWeb Examples */ Adding myself"
(view diff)
#
aaronpk
voxpelli: yay now your likes look right in my reader
#
Loqi
woot
KevinMarks and tantek joined the channel
#
tantek
voxpelli: yes!
#
tantek
definitely was the intent to document composite streams wherever people put them on their sites
#
tantek
I think that was just the pattern (homepage) so far
#
KartikPrabhu
yay! tags restored
#
KartikPrabhu
made them simple text objects in new DB
sknebel joined the channel
#
aaronpk
woo congrats
#
Zegnat
aaronpk, after sending a webmention through webmention.io I get a nice status page. But I can’t refresh that page to check its status?
#
Zegnat
I get “Incomplete response received from application” when I visit https://webmention.io/indiewebcamp/webmention/-I5XJx-VWy6zWwgddWHU
#
vanderven.se martijn
edited /100DaysOfIndieWeb (+193) "/* Other 100 Days Projects */ Add 100 Days of Shaving"
(view diff)
#
aaronpk
:sigh: "Encoding::InvalidByteSequenceError - "\xE2" on US-ASCII"
#
aaronpk
fixed!
#
Zegnat
aaronpk++
#
Loqi
aaronpk has 27 karma in this channel (1182 overall)
gRegorLove, KevinMarks_ and tantek joined the channel
#
@keithjgrant
@jensimmons I was surprised to find how much webmentions are gaining traction. Several libs available, including a… https://twitter.com/i/web/status/822948295299440643
(twitter.com/_/status/822948295299440643)
#
KartikPrabhu
wow! I had so much unnecessary junk in my database
#
KartikPrabhu
all cleaned up now