#dev 2023-02-13

2023-02-13 UTC
#
[tantek] -> #chat (as it were, not even being meta about it ;)
[aciccarello], [asuh], gRegor and mro joined the channel
#
[jamietanna] What controls stream.indieweb.org? Looks like https://mastodon.social/@box464/109856049499738607 appears in it with only the alt-text of the image not the post's content and image?
#
Loqi [preview] [Jeff Sikes] #TIL how to pull #IndieWeb #WebMentions for a specific page onto a static site built with #Jekyll. I had been stuck for a good month because they weren't being collected and couldn't figure out why... On the 1,000 debugging attempt I finally realized... https://files.mastodon.social/media_attachments/files/109/856/034/328/179/185/original/46007f3b6cb49295.png
gRegor joined the channel
#
[tantek] what is stream.indieweb.org?
#
Loqi It looks like we don't have a page for "stream.indieweb.org" yet. Would you like to create it? (Or just say "stream.indieweb.org is ____", a sentence describing the term)
mro, [0x3b0b], sebastianF[m], t0nic, lockywolf, GWG, benatkin, [marksuth], [pfefferle]1, [tantek]1, [asuh]1, [KevinMarks]1, [tw2113_Slack_]1, [aciccarello]1, [marksuth]1, [snarfed]1, [chrisbergr]1, [jacky]1, IWSlackGateway, [tantek]2, omz13-, _IWDiscordRelay, _Skyther[d], [pfefferle]2, nsh-, Kaja_, pmlnr, klez_, rhiaro_, jan61, vo1d and [zetareticoli] joined the channel
#
IWDiscordRelay <j​acky#7226> was going to mention https://github.com/mastodon/mastodon/issues/22213 because I saw it in micropub.blog but looks like [snarfed]'s on the case
#
Loqi [preview] [Ciantic] #22213 Feature: Allow to use domains as handles, e.g. @domain.tld with webfinger acct:*@domain.tld
#
IWDiscordRelay <c​apjamesg#4492> How can I get the results of a JS fetch in a web component?
#
sknebel I'm not sure I understand the question/might be missing something,but presumably you run the fetch in one of the lifecycle callbacks and do with the result what you need?
#
capjamesg I want to trigger the fetch on a keyup in an input field.
#
sknebel cant you attach a function to run to the keyup on your input field just as normal?
geoffo joined the channel
#
capjamesg sknebel++
#
Loqi sknebel has 21 karma in this channel over the last year (44 in all channels)
#
[snarfed] It's Feb 13, still no more details on API changes from the Twitter clown car yet https://twitter.com/TwitterDev/status/1623467615539859456
#
@TwitterDev We have been busy with some updates to the Twitter API so you can continue to build and innovate with us. We’re excited to announce an extension of the current free Twitter API access through February 13. Here’s what we’re shipping then 🧵 (twitter.com/_/status/1623467615539859456)
mro, IWSlackGateway, jeremych-, jeremycherfas, [tantek], gxt and [KevinMarks] joined the channel
#
[KevinMarks] Musk has finally got that clown car out of the gold mine and back into the circus.
#
capjamesg https://capjamesg.github.io/commandk.js/
[aciccarello] joined the channel
#
[aciccarello] That's cool!
#
[aciccarello] Though I think I prefer the Cmd+K to be for links and Cmd+P for the command pallet
#
[aciccarello] I get annoyed with slack's Cmd+Shift+U for links
#
capjamesg Command K for links?
[jacky] joined the channel
#
[jacky] *inherited blood emerald mine
#
sknebel submitted a few things to a demoparty over the weekend, so now I guess I need to figure out how to nicely show "projects" like that on my homepage instead of just having deep links to the files on the demo aggregator sites :D
#
sknebel dont really have a good solution for things that arent posts in the feed(s) yet
#
capjamesg You want to show your projects on your home page?
#
capjamesg I can't figure this out either.
gRegor, gRegorLove_, [chrisbergr], [dave] and [snarfed] joined the channel
#
capjamesg What does "TypeError: Failed to fetch" mean?
#
sknebel that the fetch failed, long list of possible reasons
#
sknebel browser dev tools should tell you details about the request
#
capjamesg http:// is treated differently in fetch w/ Chrome + Safari than firefox
#
capjamesg Firefox escalates to https://, Chrome + Safari don't make the request
#
[tantek] depends on your settings, add-ons, etc.
#
capjamesg One last time!
#
capjamesg Can someone try to open https://jamesg.blog and hit Control + K on Windows.
#
gRegor capjamesg, tried that supabase one with JS off and it reverted to focusing the address bar, so there's some JS magic going on
#
capjamesg I have added e.preventDefault() on the Control + K.
#
capjamesg Maybe that's the JS magic.
#
gRegor capjamesg, no dice on Windows, still focuses address bar on your site. I had dev tools open and caching disabled so should have the latest
#
gRegor Which is the JS file? I can open that to make sure I don't have a cached version
#
capjamesg I added the JS onto the pag.e
#
capjamesg *page
#
gRegor Ahh
#
capjamesg In any case, you can click "Search" on my site to see this haha. But I want the command + k trigger to work.
#
gRegor Yeah, looks good when I click search manually!
#
capjamesg I didn't hit save haha.
#
capjamesg One sec.
mro joined the channel
#
capjamesg Try now.
#
gRegor Maybe add some `console.log()` for the e.key and e.metaKey in that event listener to make sure they're both evaluating to true?
#
gRegor k
#
gRegor Nope :/ May not be related, but I see some console errors for sparklines "Error: <line> attribute y1: Expected length, "NaN%"."
#
capjamesg That sparkline thing is all good.
#
capjamesg I added some console.log() statements for you gRegor.
[tw2113_Slack_] joined the channel
#
gRegor Ctrl + K doesn't log anything. Ctrl alone logs KeyboardEvent. Several properties on it, but notably the metaKey prop is `false`
#
capjamesg Oh.
#
capjamesg Is ctrlKey the Control on Windows I wonder...
#
capjamesg gRegor Try to refresh.
#
gRegor KeyboardEvent.code = 'ControlLeft', .ctrlKey = true
#
[chrisbergr] 4 errors thrown on page load. Anyways, after clicking search manually I feel the need for a function to exit the dialog by clicking outside 😉
#
capjamesg Tell me if you see "waffles" in the console on control K.
#
[chrisbergr] It works now 🙂
#
capjamesg Waffles!
#
capjamesg That is a waffle of excitement.
#
gRegor yep, search pops up now!
#
[chrisbergr] waffles and dialog
#
capjamesg Or, rather, a proclamation of excitement.
#
capjamesg [chrisbergr]++
#
Loqi [chrisbergr] has 1 karma over the last year
#
capjamesg gRegor++
#
Loqi gRegor has 26 karma in this channel over the last year (85 in all channels)
#
capjamesg Did the Cancel button work for you [chrisbergr] or do you want the click outside as an added feature?
#
capjamesg You can use escape to close.
#
[chrisbergr] Added feature. escape is great if you open via ctrl + k
#
gRegor esc and cancel button work for me
#
gRegor The popover kind of flashes as I type a term, like it jumps height to show some things but then collapses again
#
[chrisbergr] Those results in the list need to be accessed via arrow down
#
[chrisbergr] And closing the search dialog should clear the form. After aborting with esc and going back with ctrl + k I would expect a fresh form to start from scratch. Now I'm out 😉
#
capjamesg Working on it!
#
capjamesg Thank you so much!
#
capjamesg I have fixed the sizing issues and clicking outside the box to close.
#
capjamesg Well the click outside the box isn't working yet haha :facepalm:
#
benatkin https://fosdem.org/2023/schedule/event/matrix20/
#
benatkin Saw this on HN today. Makes me appreciate the simplicity of indieweb and want to see IndeWeb-based chat tech :)
#
[tantek] Anyone have anything else interesting to report back from Decentsocial?
#
[snarfed] Dick Hardt's proxies for OAuth and rel-me. https://www.hello.coop/#user-faqs , https://verified.coop/ (haven't found a writeup of the rel-me proxy)
#
[snarfed] and Blaine's identity session
#
[snarfed] otherwise pretty fediverse-focused, not a lot of IndieWeb overlap
#
gRegor hm, hello.coop still has the /nascar problem
#
gRegor https://wallet.hello.coop/authorize#/login
#
[snarfed] it's not trying to solve that. afaict it's for privacy, more like a VPN for OAuth logins
#
gRegor sure, just noting it
#
gRegor sees "smart contract financing" and backs away
#
[snarfed] yeah 😐
#
capjamesg :facepalm:
#
IWDiscordRelay <j​acky#7226> this has to be a joke now https://todon.eu/@stefan@stefanbohacek.online/109859392799791208
#
[snarfed] I wish
#
[snarfed] the replies are perfect https://twitter.com/TwitterDev/status/1625234161010343941
#
@TwitterDev There has been an immense amount of enthusiasm for the upcoming changes with Twitter API. As part of our efforts to create an optimal experience for the developer community, we will be delaying the launch of our new API platform by a few more days. More information to follow… https://twitter.com/i/web/status/1625234161010343941 (twitter.com/_/status/1625234161010343941)
#
gRegor "two more weeks"
#
[tw2113_Slack_] “enthusiasm”
#
gRegor people can enthusiastically hate things :)
#
[tw2113_Slack_] very true, but it’s a word i more associate with “positive thoughts”
#
[tw2113_Slack_] 😄
#
aaronpk wooowww
#
capjamesg What is oembed?
#
Loqi oEmbed is a JSON/XML-based format for providing information to construct a link-preview of a page https://indieweb.org/oEmbed
[campegg] joined the channel
#
[campegg] I read through a bunch of the replies to that tweet from TwitterDev and was incredibly disappointed that there were no _Princess Bride_ responses. Not one!
geoffo and angelo joined the channel
#
capjamesg What other microservices would be useful for building IndieWeb projects? I'm trying to think of ideas for something new to build.
#
[chrisbergr] Something like your avatar project but for screenshots.
#
capjamesg You mean like this? https://screenshots.jamesg.blog/?url=https://jamesg.blog/
#
capjamesg Is that something people would want open?
#
[chrisbergr] Absolutely! There are some sites doing this, e.g. screenshotapi, but I dont like the pricing model and all the token stuff. Also, I don't trust them.
#
[chrisbergr] As far as I remember Aaron inspired me with the idea that it would be cool to add screenshots to bookmarks. Unfortunately I only know PHP and didn't manage to implement such a tool myself.
#
[aciccarello] With webmention.app down (and also missing one of my use cases) I'm considering writing a webmention post-build plugin for Netlify 🤔
#
[snarfed] https://github.com/CodeFoodPixels/netlify-plugin-webmentions ?
#
Loqi [preview] [CodeFoodPixels] netlify-plugin-webmentions: Automatically discover any webmentions and send them after every production build
#
[snarfed] (from https://indieweb.org/Netlify )
#
[aciccarello] I think that uses webmention.app under the hood
#
[aciccarello] I was looking at that though. I'd prefer to create a PR than a separate project
#
[aciccarello] Oh, I guess that @remy/webmention doesn't actually hit webmention.app
#
[aciccarello] It just shares the underlying code