opie three uses a nice web component library for some UI: https://shoelace.style/
one of the best WC examples i've seen
a big complaint about web components had been that they require javascript to init, can't really be "server rendered" (ie what everything used to be)
this problem was kind of addressed by "declarative shadow dom" in newer browsers https://caniuse.com/declarative-shadow-dom but at the expense of even more complexity
John Spurlock /
npub1g2…pachf
2024-08-06 21:49:58
in reply to nevent1q…cerf
Author Public Key
npub1g2v6lmze8knq2w3p2smx8rdzcpluqg5mawgfp8f3fhhung6v97tsypachfPublished at
2024-08-06 21:49:58Event JSON
{
"id": "512fa22c2b6a7da416125be7791194a81033979f85e9da36673349045142d227",
"pubkey": "4299afec593da6053a215436638da2c07fc0229beb90909d314defc9a34c2f97",
"created_at": 1722980998,
"kind": 1,
"tags": [
[
"proxy",
"https://podcastindex.social/@js/112917282726544913",
"web"
],
[
"e",
"c0277f22f45e64e47abd0f2f3945b70a4e9cff4d8d2e15e6eb4e0e5b07f7529e",
"",
"root",
"1e2637ad71db45378ad68094115f1128cd32bddb5d080ffd44f3518f4583cbfb"
],
[
"p",
"379e9b0e426d792736ed906ade9da5036b4317049ef5ace499a9d2d4cac67953"
],
[
"p",
"4266332a7afd04bfed0a96f8ad18ddb7188fc54d8f34da91578a4548df6f0e6b"
],
[
"p",
"1e2637ad71db45378ad68094115f1128cd32bddb5d080ffd44f3518f4583cbfb"
],
[
"e",
"f71cee2ccb05efcfae5d625b00a2983201a0726ecb18fa425634e3c264c1a2c3",
"",
"reply",
"379e9b0e426d792736ed906ade9da5036b4317049ef5ace499a9d2d4cac67953"
],
[
"proxy",
"https://podcastindex.social/users/js/statuses/112917282726544913",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://podcastindex.social/users/js/statuses/112917282726544913",
"pink.momostr"
],
[
"-"
]
],
"content": "opie three uses a nice web component library for some UI: https://shoelace.style/\n\none of the best WC examples i've seen\n\na big complaint about web components had been that they require javascript to init, can't really be \"server rendered\" (ie what everything used to be)\n\nthis problem was kind of addressed by \"declarative shadow dom\" in newer browsers https://caniuse.com/declarative-shadow-dom but at the expense of even more complexity",
"sig": "a1f5ed22fba77cd7f376858a4b135ea898b1b6d0c618fe5084b45e7f65bee856502ceb391aac5a06f8881707ddaa674912fd73b1bb82c8ecaf24a12c15cc0413"
}