#dev 2022-05-17
2022-05-17 UTC
[fluffy], mlncn, [timothy_chambe], cybi, [jgarber], mro, [tw2113_Slack_], gxt and oodani joined the channel
tetov-irc, mlncn, petermolnar, nixer, nixer1, m2m and cybi joined the channel
# IWDiscordGateway <nkot56297> Hi all! I thought about this: is it possible to use the network architecture with peer-to-peer through WebRTC - my question would be if it would be possible to use WebRTC with Webmention... I thought about this... because there is a project that uses cdn through p2p(peer-to-peer) - part of a server's content could be distributed to nearby clients - these same clients could share content of interest among themselves -
# IWDiscordGateway <nkot56297> Hi all! I thought about this: is it possible to use the network architecture with peer-to-peer through WebRTC - my question would be if it would be possible to use WebRTC with Webmention... I thought about this... because there is a project that uses cdn through p2p(peer-to-peer) - part of a server's content could be distributed to nearby clients - these same clients could share content of interest among themselves -
# IWDiscordGateway <nkot56297> Hi all! I thought about this: is it possible to use the network architecture with peer-to-peer through WebRTC - my question would be if it would be possible to use WebRTC with Webmention... I thought about this... because there is a project that uses cdn through p2p(peer-to-peer) - part of a server's content could be distributed to nearby clients - these same clients could share content of interest among themselves -
# IWDiscordGateway <nkot56297> Hi all! Hi all! Have you guys ever thought about using p2p network architecture for webmentions?
# IWDiscordGateway <nkot56297> 1. I thought about this: is it possible to use the network architecture with peer-to-peer through WebRTC - my question would be if it would be possible to use WebRTC with Webmention... I thought about this... because there is a project that uses cdn through p2p(peer-to-peer) - part of a server's content could be distributed to nearby clients - these same clients could share content of interest among themselves - so we
# IWDiscordGateway <nkot56297> Hi all! Hi all! Have you guys ever thought about using p2p network architecture for webmentions? ```
# IWDiscordGateway <nkot56297> 1. I thought about this: is it possible to use the network architecture with peer-to-peer through WebRTC - my question would be if it would be possible to use WebRTC with Webmention...
# IWDiscordGateway <nkot56297> 2. I thought about this... because there is a project that uses cdn through p2p(peer-to-peer) - part of a server's content could be distributed to nearby clients - these same clients could share content of interest among themselves - so we could also use the idea of webmentions under the hood.
# IWDiscordGateway <nkot56297> 3. References: [peerjs](https://peerjs.com/) , [hls-js-demo](https://hls-js.netlify.app/demo/) , [hls-js](https://github.com/video-dev/hls.js) , [socketio-p2p](https://github.com/socketio/socket.io-p2p) ```
# [jamesg483] petermolnar Discord must resent messages when they are edited 😂
# [jamesg483] *resend
# petermolnar it does, yes
# petermolnar webmentions is p2p
# petermolnar one website is pinging another
# petermolnar you musn't bring a tech layer into it when it's not needed at all
# petermolnar nkot56297 what do you think p2p is?
nixer joined the channel
# IWDiscordGateway <nkot56297> Hi all! here.... an idea!
# IWDiscordGateway <nkot56297> Idea
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> ```html
# IWDiscordGateway <nkot56297> <!---
# IWDiscordGateway <nkot56297> htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
# IWDiscordGateway <nkot56297> https://htmx.org/attributes/hx-swap/
# IWDiscordGateway <nkot56297> --->
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> <script src="https://unpkg.com/peerjs@1.3.2/dist/peerjs.min.js"></script>
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> <div hx-target="this" hx-swap="outerHTML" web_mention="replied"><!--- web_mention: replied, liked, reposted, reacted, bookmarked, mentioned, RSVPed, followed, Responses, mention, Reactions --->
# IWDiscordGateway <nkot56297> <div><label>First Name</label>: Joe</div>
# IWDiscordGateway <nkot56297> <div><label>Last Name</label>: Blow</div>
# IWDiscordGateway <nkot56297> <div><label>Email</label>: joe@blow.com</div>
# IWDiscordGateway <nkot56297> <button hx-get="/contact/1/edit" class="btn btn-primary">
# IWDiscordGateway <nkot56297> Click To Edit
# IWDiscordGateway <nkot56297> </button>
# IWDiscordGateway <nkot56297> </div>
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> <script>
# IWDiscordGateway <nkot56297> // https://peerjs.com/
# IWDiscordGateway <nkot56297> // PeerJS simplifies WebRTC peer-to-peer data, video, and audio calls.
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> var conn = peer.connect('another-peers-id');
# IWDiscordGateway <nkot56297> // on open will be launch when you successfully connect to PeerServer
# IWDiscordGateway <nkot56297> conn.on('open', function(){
# IWDiscordGateway <nkot56297> // here you have conn.id
# IWDiscordGateway <nkot56297> conn.send(hx.swap.outerHTML); // send outerHTML to p2p(WebRTC)
# IWDiscordGateway <nkot56297> });
# IWDiscordGateway <nkot56297> Hi all! here.... an idea!
# IWDiscordGateway <nkot56297> Idea
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> ```html
# IWDiscordGateway <nkot56297> <!---
# IWDiscordGateway <nkot56297> htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
# IWDiscordGateway <nkot56297> https://htmx.org/attributes/hx-swap/
# IWDiscordGateway <nkot56297> --->
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> <script src="https://unpkg.com/peerjs@1.3.2/dist/peerjs.min.js"></script>
# IWDiscordGateway <nkot56297> <script src="webmention.min.js" data-id="webmention-container" async></script>
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> <div hx-target="this" hx-swap="outerHTML" web_mention="replied"><!--- web_mention: replied, liked, reposted, reacted, bookmarked, mentioned, RSVPed, followed, Responses, mention, Reactions --->
# IWDiscordGateway <nkot56297> <div><label>First Name</label>: Joe</div>
# IWDiscordGateway <nkot56297> <div><label>Last Name</label>: Blow</div>
# IWDiscordGateway <nkot56297> <div><label>Email</label>: joe@blow.com</div>
# IWDiscordGateway <nkot56297> <button hx-get="/contact/1/edit" class="btn btn-primary">
# IWDiscordGateway <nkot56297> Click To Edit
# IWDiscordGateway <nkot56297> </button>
# IWDiscordGateway <nkot56297> </div>
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> <script>
# IWDiscordGateway <nkot56297> // https://peerjs.com/
# IWDiscordGateway <nkot56297> // PeerJS simplifies WebRTC peer-to-peer data, video, and audio calls.
# superkuh ...
# IWDiscordGateway <nkot56297>
# IWDiscordGateway <nkot56297> var conn = peer.connect('another-peers-id');
# IWDiscordGateway <nkot56297> // on open will be launch when you successfully connect to PeerServer
# IWDiscordGateway <nkot56297> conn.on('open', function(){
# IWDiscordGateway <nkot56297> // here you have conn.id
# IWDiscordGateway <nkot56297> conn.send(hx.swap.outerHTML); // send outerHTML to p2p(WebRTC)
# IWDiscordGateway <nkot56297> my concept is htmx(AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML)+peerjs(WebRTC)+webmentions
# IWDiscordGateway <nkot56297> my concept is htmx(AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML)+peerjs(WebRTC)+webmentions(webmention.js)
# IWDiscordGateway <nkot56297> my concept is htmx(AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML)+peerjs(WebRTC)+webmentions(webmention.js) - I'm trying to create a new api with these latest ideas I googled or research
# IWDiscordGateway <nkot56297> My concept is htmx(AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML)+peerjs(WebRTC)+webmentions(webmention.js) - I'm trying to create a new api with these latest ideas I googled or research
# superkuh "directly in HTML" via running a javascript library.
mlncn joined the channel
# petermolnar jeez, no
# petermolnar that's overcomplicating something that's working fine
# petermolnar what would even be the point?
# IWDiscordGateway <nkot56297> I'm thinking of creating a very minimal api for webmentions and I wanted to know your opinion
# IWDiscordGateway <nkot56297> I'm thinking of creating a very minimal api for webmentions and I wanted to know your guys opinion
# IWDiscordGateway <IWIRCGateway> you already have one: POST it.
# IWDiscordGateway <IWIRCGateway> @nkot56297 these channels are bridged to IRC, Matrix, and Slack; please don't paste long lines and code directly, but use a service like pastebin and link to it. On the IRC side, which is our main interface, it's very hard to read, as it becomes a message line by line.
# petermolnar @nkot56297 webmentions don't need APIs, because it's a protocol as is: literally all you need to do is send a single HTTP POST request.
# petermolnar That is all.
# petermolnar so, again, what would be the point to add layers and layers of convoluted things on top of that?
# petermolnar what are you trying to achieve?
# IWDiscordGateway <nkot56297> it's just a proof of concept
# jeremycherfas Resent too.
# petermolnar "it's just a proof of concept"
# petermolnar but for that purpose?
# IWDiscordGateway <nkot56297> Hi all! here.... an idea!
# petermolnar thought experiment?
# IWDiscordGateway <nkot56297> thank you for feedback
# petermolnar you still didn't tell us what is the point
# IWDiscordGateway <nkot56297> thank you for feedback... so... I remove the code, sorry
# IWDiscordGateway <IWIRCGateway> Also: message edits and threads don't work cross the bridges
# IWDiscordGateway <IWIRCGateway> just type a new one and send it
# IWDiscordGateway <nkot56297> my point is that I wanted to create a minimal api to run on the client side
# IWDiscordGateway <nkot56297> my point is that I wanted to create a minimal api webmentions to run on the client side
# petermolnar so you want to send webmentions strictly from the client side, sure: send a http POST
# petermolnar you can do that with a form
# petermolnar an oldschool HTML form
# IWDiscordGateway <nkot56297> so... my idea is to use htmx for this
# petermolnar htmx is an addon, you can trigger form sending with it
# petermolnar like we did back in the early AJAX days with prototype.js
# IWDiscordGateway <nkot56297> this is a great idea...
# IWDiscordGateway <nkot56297> this is a great idea... so... thank you so much for the feedback, you are amazing
# IWDiscordGateway <nkot56297> this is a great idea... so... thank you so much for the feedback, you are amazing - you clarified my doubts with few words
jacky joined the channel
# petermolnar htmx is not needed for this either to be honest. Check docs on https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects
# petermolnar it has a reasonable browser support https://caniuse.com/xhr2
# petermolnar @nkot56297 my advice is first approach these problems with vanilla js; sites like MDN and smaller things like https://youmightnotneedjquery.com could help a lot
# petermolnar it is different if you want to use htmx to learn it of course
# jacky https://htmx.org/examples/update-other-content/ + https://htmx.org/examples/confirm/ are two things I do _a lot_ for my projects
# petermolnar I didn't say it's bad
# petermolnar all I said that in case you only need to trigger sending a form, it's an overkill
# eb hi all, I have some confusions about h-card. I'm first unsure if every page on my site should have it in the first place. assuming each page does have a h-card, and the page is site.com/carrot. should the u-url be site.com and the u-uid be site.com/carrot? The u-url should also be a RelMe. Should my mastodon RelMe be another u-url or something different?
# petermolnar h-card doesn't need a u-uuid
# petermolnar imo the h-card could and should be the same everywhere
# petermolnar with absolute urls
# Loqi authorship is how to indicate who the author is for a post, and an algorithm that determines the author of a post https://indieweb.org/authorship
IWSlackGateway joined the channel
[Murray] and [tw2113_Slack_] joined the channel
# jacky [jamesg483]: I tried to manually send a Webmention from https://jacky.wtf/2022/5/eH5u using your site's form and I got a 502
gxt and mlncn joined the channel
# jacky I think rel-me would be best: https://indieweb.org/rel-me#Why
jacky and nixer joined the channel
# [jamesg483] jacky What endpoint was your mention sent to?
# jacky whichever endpoint that's used by the form at the bottom of https://jamesg.blog/2022/05/17/coffee-frequency/
# jacky right now, I also use https://telegraph.p3k.io to send webmentions
# [jamesg483] Can you try and send it via Telegraph?
omz13-, saptaks_znc, superkuh, kinduff, callym[m] and mambang[m] joined the channel
# Loqi hashtags are the use of the hash "#" symbol followed immediately by a word/phrase/abbreviation to explicitly denote a topic inline in a post https://indieweb.org/hashtag
# [tantek] GWG, for examples, see https://indieweb.org/hashtags#Silo_support — I linked a few
# [jamesg483] That is a good point.
# [jamesg483] “aggregation” implies a curation of different sources that is not contingent upon submissions by people.
# [jamesg483] For the image idea we had there would need to be a photo element but yes sknebel there are similarities in functionality.
# [jamesg483] I agree.
# [jamesg483] I’d participate in a X days of Y challenge assuming X wasn’t too big and Y was something that lots of people could participate in.
# [jamesg483] (photography, coding, open source, writing)
# [jamesg483] And then we’d be able to aggregate community efforts around that thing, sort of like micro.blog.
# Loqi A 100 days project in the IndieWeb community is a challenge to do or make something and post about it on your own site every day for 100 days https://indieweb.org/100_days
# [jamesg483] As a prospective participant, I’d love this sort of collaborative competition thing.
# [jamesg483] Where you can submit your challenge response and the rest of the community can do so to the same page.
# [jamesg483] This isn’t new to GWG though because we discussed this at the weekend 🙂
# [jamesg483] tantek I was looking at that page today!
# [jamesg483] I am travelling at the weekend but I hope to take on a challenge after that.
# [jamesg483] GWG +1
strugee joined the channel
# [jamesg483] We did discuss the idea of creating a “planet” of feeds but it would be contingent upon people putting their submissions in different feeds.
# [jamesg483] fluffy I was trying to avoid that 😂 But that idea did cross my mind.
# [jamesg483] I can’t think of another microformat that suits this need cc [tantek].
# [jamesg483] This would make things a lot easier.
# [jamesg483] I wouldn’t need four separate URLs for voting.
# [jamesg483] Just one.
# [jamesg483] And I can aggregate based on the microformats in the comment.
# [jamesg483] +1
# [jamesg483] p-answer?
# [jamesg483] Fair.
# [jamesg483] How would p-poll-response work in your mind fluffy?
# [jamesg483] 😂
mlncn joined the channel
m2m joined the channel
# [jamesg483] What is a poll?
# Loqi question is a post type for soliciting answer replies, which are then typically up/down voted by others and then displayed underneath the question post ordered by highest positive vote count rather than time ordered https://indieweb.org/poll
# [jamesg483] tantek I agree. I didn’t want to break our current page.
m2m left the channel
# Loqi Twitter Poll is a Twitter feature that lets you post a poll question with up to four answers for people to choose from https://indieweb.org/Twitter_poll
# [aciccarello] What does instagram call the form boxes on stories? Question box?
[schmarty] and cybi joined the channel
# @GodMortis69 ↩️ Cononical , webmention & RSS ? I am MUCH dumber (twitter.com/_/status/1526635102695895040)
[snarfed], IWSlackGateway, nixer and moose333 joined the channel
# [KevinMarks] By analogy with vote links you'd have u-vote-for u-vote-against and u-vote-abstain
mlncn joined the channel
# [Scott_Jack] aciccarello Instagram has polls, questions, and sliders
[tonz] joined the channel
alex11 joined the channel
# @schnarfed ↩️ Hey, no worries! Yup, site is WordPress, social responses are Bridgy/webmention. Thanks for the kind words! (twitter.com/_/status/1526678120509476864)
nixer, AramZS, jacky, tetov-irc, gRegor and mlncn joined the channel
# [chrisaldrich] [jamesg483] I've not seen anyone try it, but you might also collect responses to fragments on a particular voting page/URL, so people could vote by sending a webmention to a single page, but use a handful of (flexible) responses or even make up their own responses. Example: https://example.com/vote#yes, https://example.com/vote#no, https://example.com/vote#abstain, https://example.com/vote#hippotamus,
# [chrisaldrich] https://example.com/vote#IJustWantToSeeTheResult. This makes it relatively easy (?) for users to publish a response and puts the onus on the receiver for sorting/displaying the results.
# [chrisaldrich] This could get around the issue of needing to standardize a pre-set number of responses or create new microformats. One might also be able to leverage some of the pre-existing work on /media_fragment or /marginalia?
# [chrisaldrich] For silos that support backfeed, the URL "vote" acts as easy advertisement not only for the voting page itself, but also reasonably clearly indicates the respondents vote, and when clicked on could target the part of the page which has collected those responses.
# [chrisaldrich] It's been a while since anyone has worked on them, but this could also potentially dovetail easily with /webactions too.
# [chrisaldrich] The UI feature of this that isn't as nice is that for many in the silo world, you're using "ugly" URLs which aren't as friendly.