[Note] Just updating my … hmm, well, not sure exactly to be ho…

{
    "type": "entry",
    "author": {
        "name": "<span class='p-author h-card'>allaboutgeorge_pb7dn4</span>",
        "url": "https://www.allaboutgeorge.com/",
        "photo": null
    },
    "url": "https://www.allaboutgeorge.com/2022/05/21/46/",
    "published": "2022-05-21T15:36:44-07:00",
    "content": {
        "html": "Just updating my \u2026 hmm, well, not sure exactly to be honest. WordPress? Indieweb? Micro.blog POSSE feeder? Federated domicile? Let\u2019s see.",
        "text": "Just updating my \u2026 hmm, well, not sure exactly to be honest. WordPress? Indieweb? Micro.blog POSSE feeder? Federated domicile? Let\u2019s see."
    },
    "name": "[Note] Just updating my \u2026 hmm, well, not sure exactly to be ho\u2026",
    "post-type": "article",
    "_id": "29242928",
    "_source": "4592",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-21T19:56:42+00:00",
    "url": "http://stream.boffosocko.com/2022/lordmatt-im-not-aware-of-a-centralized-collection-yet-some",
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1528102624909836288"
    ],
    "in-reply-to": [
        "https://twitter.com/lordmatt/status/1527652651088871425"
    ],
    "content": {
        "text": "@lordmatt I'm not aware of a centralized collection (yet). Some, but not all, of the projects and sites you'll find at https://indieweb.org/discovery have some resources for finding people who can send/receive webmentions. Everyone on @microdotblog certainly can.",
        "html": "<a href=\"https://twitter.com/lordmatt\">@lordmatt</a> I'm not aware of a centralized collection (yet). Some, but not all, of the projects and sites you'll find at <a href=\"https://indieweb.org/discovery\">https://indieweb.org/discovery</a> have some resources for finding people who can send/receive webmentions. Everyone on <a href=\"https://twitter.com/microdotblog\">@microdotblog</a> certainly can."
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "29241947",
    "_source": "192",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-18T17:05:21+00:00",
    "url": "http://stream.boffosocko.com/2022/testing-out-your-webmention-set-up-from-another-site-if",
    "in-reply-to": [
        "https://palashbauri.in/11122021/"
    ],
    "content": {
        "text": "Testing out your webmention set up from another site. If this works, then congratulations!"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "29173662",
    "_source": "192",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-17T19:42:36+00:00",
    "url": "http://stream.boffosocko.com/2022/a-refback-remember-those-today-reminded-me-about-this-post",
    "category": [
        "creativity",
        "fun"
    ],
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1526649815857258497",
        "https://mastodon.social/@chrisaldrich/108318993816999011"
    ],
    "content": {
        "text": "A refback (remember those?!) today reminded me about this post: Non-technical IndieWeb: Fun, Creativity, Community, and \u201cContent\u201d https://boffosocko.com/2020/12/20/non-technical-indieweb-fun-creativity-community-and-content/\n\nI should try to add more on #creativity and #fun to my IndieWeb Collection https://boffosocko.com/research/indieweb/",
        "html": "A refback (remember those?!) today reminded me about this post: Non-technical IndieWeb: Fun, Creativity, Community, and \u201cContent\u201d <a href=\"https://boffosocko.com/2020/12/20/non-technical-indieweb-fun-creativity-community-and-content/\">https://boffosocko.com/2020/12/20/non-technical-indieweb-fun-creativity-community-and-content/</a><br />\nI should try to add more on <a href=\"http://stream.boffosocko.com/tag/creativity\" class=\"p-category\">#creativity</a> and <a href=\"http://stream.boffosocko.com/tag/fun\" class=\"p-category\">#fun</a> to my IndieWeb Collection <a href=\"https://boffosocko.com/research/indieweb/\">https://boffosocko.com/research/indieweb/</a>"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "note",
    "_id": "29153054",
    "_source": "192",
    "_is_read": true
}

{
    "type": "entry",
    "published": "2022-05-16T21:11:26.375033075+03:00",
    "url": "https://fireburn.ru/posts/aRR3Aea",
    "category": [
        "programming",
        "microformats"
    ],
    "content": {
        "text": "That feeling when you write a unit test using a library and then accidentally discover a bug in that exact library instead of your own code...\n\nThe bug in question, if you\u2019re interested.",
        "html": "<p>That feeling when you write a unit test using a library and then accidentally discover a bug in that exact library instead of your own code...</p>\n\n<p><a href=\"https://gitlab.com/maxburon/microformats-parser/-/issues/7\">The bug in question</a>, if you\u2019re interested.</p>"
    },
    "post-type": "note",
    "_id": "29132116",
    "_source": "1371",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-15T23:08:39+00:00",
    "url": "http://stream.boffosocko.com/2022/writing-ftwindiewebtylerangertstatus1525964795219951616s20ts66cnqqb45rjcrkazto7sq",
    "category": [
        "FTW",
        "IndieWeb"
    ],
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1525977236586758144",
        "https://mastodon.social/@chrisaldrich/108308485823472446"
    ],
    "in-reply-to": [
        "https://twitter.com/tylerangert/status/1525964795219951616?s=20&t=S66cNQQB45rjCRKAzto7SQ"
    ],
    "content": {
        "text": "Writing #FTW\n#IndieWeb\n\nhttps://twitter.com/tylerangert/status/1525964795219951616?s=20&t=S66cNQQB45rjCRKAzto7SQ",
        "html": "Writing <a href=\"http://stream.boffosocko.com/tag/FTW\" class=\"p-category\">#FTW</a><br /><a href=\"http://stream.boffosocko.com/tag/IndieWeb\" class=\"p-category\">#IndieWeb</a><br /><br /><a href=\"https://twitter.com/tylerangert/status/1525964795219951616?s=20&amp;t=S66cNQQB45rjCRKAzto7SQ\">https://twitter.com/tylerangert/status/1525964795219951616?s=20&amp;t=S66cNQQB45rjCRKAzto7SQ</a>"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "29111285",
    "_source": "192",
    "_is_read": true
}

Jeremy Keith adactio.com

Image previews with the FileReader API

{
    "type": "entry",
    "published": "2022-05-15T13:46:37Z",
    "url": "https://adactio.com/journal/19080",
    "category": [
        "images",
        "alt",
        "accessibility",
        "previews",
        "filereader",
        "api",
        "javascript",
        "notes",
        "syndication",
        "twitter",
        "indieweb",
        "posse",
        "frontend",
        "development"
    ],
    "syndication": [
        "https://adactio.medium.com/e9e59ed2a7bb"
    ],
    "name": "Image previews with the FileReader API",
    "content": {
        "text": "I added a \u201cnotes\u201d section to this website eight years ago. I set it up so that notes could be syndicated to Twitter. Ever since then, that\u2019s the only way I post to Twitter.\n\nA few months later I added photos to my notes. Again, this would get syndicated to Twitter.\n\nSomething\u2019s bothered me for a long time though. I initially thought that if I posted a photo, then the accompanying text would serve as a decription of the image. It could effectively act as the alt text for the image, I thought. But in practice it didn\u2019t work out that way. The text was often a commentary on the image, which isn\u2019t the same as a description of the contents.\n\nI needed a way to store alt text for images. To make it more complicated, it was possible for one note to have multiple images. So even though a note was one line in my database, I somehow needed a separate string of text with the description of each image in a single note.\n\nI eventually settled on using the file system instead of the database. The images themselves are stored in separate folders, so I figured I could have an accompanying alt.txt file in each folder.\n\nTake this note from yesterday as an example. Different sizes of the image are stored in the folder /images/uploaded/19077. Here\u2019s a small version of the image and here\u2019s the original. In that same folder is the alt text.\n\nThis means I\u2019m reading a file every time I need the alt text instead of reading from a database, which probably isn\u2019t the most performant way of doing it, but it seems to be working okay.\n\nHere\u2019s another example:\n\n\nthe original image,\n\nthe alt.txt file, and \n\nthe note itself.\nIn order to add the alt text to the image, I needed to update my posting interface. By default it\u2019s a little textarea, followed by a file upload input, followed by a toggle (a checkbox under the hood) to choose whether or not to syndicate the note to Twitter.\n\nThe interface now updates automatically as soon as I use that input type=\"file\" to choose any images for the note. Using the FileReader API, I show a preview of the selected images right after the file input.\n\nHere\u2019s the code if you ever need to do something similar. I\u2019ve abstracted it somewhat in that gist\u2014you should be able to drop it into any page that includes input type=\"file\" accept=\"image/*\" and it will automatically generate the previews.\n\nI was pleasantly surprised at how easy this was. The FileReader API worked just as expected without any gotchas. I think I always assumed that this would be quite complex to do because once upon a time, it was quite complex (or impossible) to do. But now it\u2019s wonderfully straightforward. Story of the web.\n\nMy own version of the script does a little bit more; it also generates another little textarea right after each image preview, which is where I write the accompanying alt text.\n\nI\u2019ve also updated my server-side script that handles the syndication to Twitter. I\u2019m using the /media/metadata/create method to provide the alt text. But for some reason it\u2019s not working. I can\u2019t figure out why. I\u2019ll keep working on it.\n\nIn the meantime, if you\u2019re looking at an image I\u2019ve posted on Twitter and you\u2019re judging me for its lack of alt text, my apologies. But each tweet of mine includes a link back to the original note on this site and you will most definitely find the alt text for the image there.",
        "html": "<p>I added a \u201cnotes\u201d section to this website <a href=\"https://adactio.com/notes/6803\">eight years ago</a>. I set it up so that notes could be syndicated to Twitter. Ever since then, that\u2019s the only way I post to Twitter.</p>\n\n<p>A few months later <a href=\"https://adactio.com/notes/6978\">I added photos to my notes</a>. Again, this would get syndicated to Twitter.</p>\n\n<p>Something\u2019s bothered me for a long time though. I initially thought that if I posted a photo, then the accompanying text would serve as a decription of the image. It could effectively act as the <code>alt</code> text for the image, I thought. But in practice it didn\u2019t work out that way. The text was often a <em>commentary</em> on the image, which isn\u2019t the same as a description of the contents.</p>\n\n<p>I needed a way to store <code>alt</code> text for images. To make it more complicated, it was possible for one note to have multiple images. So even though a note was one line in my database, I somehow needed a separate string of text with the description of each image in a single note.</p>\n\n<p>I eventually settled on using the file system instead of the database. The images themselves are stored in separate folders, so I figured I could have an accompanying <code>alt.txt</code> file in each folder.</p>\n\n<p>Take <a href=\"https://adactio.com/notes/19077\">this note</a> from yesterday as an example. Different sizes of the image are stored in the folder <code>/images/uploaded/19077</code>. Here\u2019s <a href=\"https://adactio.com/images/uploaded/19077/small.jpg\">a small version of the image</a> and here\u2019s <a href=\"https://adactio.com/images/uploaded/19077/original.jpg\">the original</a>. In that same folder is <a href=\"https://adactio.com/images/uploaded/19077/alt.txt\">the <code>alt</code> text</a>.</p>\n\n<p>This means I\u2019m reading a file every time I need the <code>alt</code> text instead of reading from a database, which probably isn\u2019t the most performant way of doing it, but it seems to be working okay.</p>\n\n<p>Here\u2019s another example:</p>\n\n<ul><li>\n<a href=\"https://adactio.com/images/uploaded/19074/original.jpg\">the original image</a>,</li>\n<li>\n<a href=\"https://adactio.com/images/uploaded/19074/alt.txt\">the <code>alt.txt</code> file</a>, and </li>\n<li>\n<a href=\"https://adactio.com/notes/19074\">the note itself</a>.</li>\n</ul><p>In order to add the <code>alt</code> text to the image, I needed to update <a href=\"https://dribbble.com/shots/2744316-Notes-posting-interface\">my posting interface</a>. By default it\u2019s a little <code>textarea</code>, followed by a file upload <code>input</code>, followed by a toggle (a checkbox under the hood) to choose whether or not to syndicate the note to Twitter.</p>\n\n<p>The interface now updates automatically as soon as I use that <code>input type=\"file\"</code> to choose any images for the note. Using <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/FileReader\">the <code>FileReader</code> API</a>, I show a preview of the selected images right after the file input.</p>\n\n<p><a href=\"https://gist.github.com/adactio/0e406cbc2ff0d3eed7a0ffcd0d932aab\">Here\u2019s the code</a> if you ever need to do something similar. I\u2019ve abstracted it somewhat in that gist\u2014you should be able to drop it into any page that includes <code>input type=\"file\" accept=\"image/*\"</code> and it will automatically generate the previews.</p>\n\n<p>I was pleasantly surprised at how easy this was. The <code>FileReader</code> API worked just as expected without any gotchas. I think I always assumed that this would be quite complex to do because once upon a time, it <em>was</em> quite complex (or impossible) to do. But now it\u2019s wonderfully straightforward. Story of the web.</p>\n\n<p>My own version of the script does a little bit more; it also generates another little <code>textarea</code> right after each image preview, which is where I write the accompanying <code>alt</code> text.</p>\n\n<p>I\u2019ve also updated my server-side script that handles the syndication to Twitter. I\u2019m using <a href=\"https://developer.twitter.com/en/docs/twitter-api/v1/media/upload-media/api-reference/post-media-metadata-create\">the <code>/media/metadata/create</code> method</a> to provide the <code>alt</code> text. But for some reason <a href=\"https://github.com/abraham/twitteroauth/issues/954#issuecomment-974870119\">it\u2019s not working</a>. I can\u2019t figure out why. I\u2019ll keep working on it.</p>\n\n<p>In the meantime, if you\u2019re looking at an image I\u2019ve posted on Twitter and you\u2019re judging me for its lack of <code>alt</code> text, my apologies. But each tweet of mine includes a link back to the original note on this site and you will most definitely find the <code>alt</code> text for the image there.</p>"
    },
    "author": {
        "type": "card",
        "name": "Jeremy Keith",
        "url": "https://adactio.com/",
        "photo": "https://adactio.com/images/photo-150.jpg"
    },
    "post-type": "article",
    "_id": "29103286",
    "_source": "2",
    "_is_read": true
}

Jeremy Keith adactio.com

{
    "type": "entry",
    "published": "2022-05-12T13:48:57Z",
    "url": "https://adactio.com/links/19073",
    "category": [
        "html",
        "markup",
        "markdown",
        "structured",
        "content",
        "tools",
        "process",
        "blogging",
        "blogs",
        "indieweb",
        "personal",
        "publishing",
        "frontend",
        "development"
    ],
    "bookmark-of": [
        "https://chrisburnell.com/article/changing-with-the-times/"
    ],
    "content": {
        "text": "Changing with the times \u00b7 Chris Burnell\n\n\n\n\n  I think, with the sheer volume of functionality available to us nowadays on the front-end, it can be easy to forget how powerful and strong the functionality is that we get right off shelf with HTML. Yes, you read that right, functionality.",
        "html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://chrisburnell.com/article/changing-with-the-times/\">\nChanging with the times \u00b7 Chris Burnell\n</a>\n</h3>\n\n<blockquote>\n  <p>I think, with the sheer volume of functionality available to us nowadays on the front-end, it can be easy to forget how powerful and strong the functionality is that we get right off shelf with HTML. Yes, you read that right, <em>functionality</em>.</p>\n</blockquote>"
    },
    "author": {
        "type": "card",
        "name": "Jeremy Keith",
        "url": "https://adactio.com/",
        "photo": "https://adactio.com/images/photo-150.jpg"
    },
    "post-type": "bookmark",
    "_id": "29044918",
    "_source": "2",
    "_is_read": true
}

Chris Aldrich www.boffosocko.com

{
    "type": "entry",
    "author": {
        "name": "Chris Aldrich",
        "url": "https://www.boffosocko.com/",
        "photo": "https://www.gravatar.com/avatar/d5fb4e498fe609cc29b04e5b7ad688c4?s=96&d=https%3A%2F%2Fmicro.blog%2Fimages%2Fblank_avatar.png"
    },
    "url": "https://boffosocko.com/2022/05/11/55804769/",
    "content": {
        "html": "In the bustle of life I missed it a week or so ago, so Happy 8th IndieWeb Birthday to BoffoSocko.com! I\u2019ve been worrying about other things for the past year, so I\u2019ve completely missed the 7 year itch effect, though perhaps improving my PASTA workflow to Obsidian might have been the dal... <a href=\"https://boffosocko.com/2022/05/11/55804769/\">boffosocko.com</a>",
        "text": "In the bustle of life I missed it a week or so ago, so Happy 8th IndieWeb Birthday to BoffoSocko.com! I\u2019ve been worrying about other things for the past year, so I\u2019ve completely missed the 7 year itch effect, though perhaps improving my PASTA workflow to Obsidian might have been the dal... boffosocko.com"
    },
    "published": "2022-05-11T23:37:34+00:00",
    "post-type": "note",
    "_id": "33379999",
    "_source": "7224",
    "_is_read": true
}

{
    "type": "entry",
    "published": "2022-05-11T05:03:15.142870698+03:00",
    "url": "https://fireburn.ru/posts/aQnEECN",
    "category": [
        "personal"
    ],
    "content": {
        "text": "i really want to add webmention support and display into Kittybox right now so I wouldn\u2019t be bored of not being able to see if someone interacts with me but i cant code for too much or i will blow a fuse in my brain become a dumb kitty for a week\n\nso i will rest and play minecraft like a responsible person\n\nsee? im caring for myself!",
        "html": "<p>i really want to add webmention support and display into Kittybox right now so I wouldn\u2019t be bored of not being able to see if someone interacts with me but i cant code for too much or i will blow a fuse in my brain become a dumb kitty for a week</p>\n\n<p>so i will rest and play minecraft like a responsible person</p>\n\n<p>see? im caring for myself!</p>"
    },
    "post-type": "note",
    "_id": "29010967",
    "_source": "1371",
    "_is_read": true
}

{
    "type": "entry",
    "published": "2022-05-10T21:02:08.759838269+03:00",
    "url": "https://fireburn.ru/posts/aQk0akz",
    "category": [
        "Kittybox"
    ],
    "content": {
        "text": "Next thing I should do since I fixed the bug: webmentions. I really need to handle webmentions, and I think I actually will be able to do so rather easily now that I know my database doesn\u2019t lock up anymore. I just need to attach an MF2 parser.\n\nIn general, what I would want to have in a perfect world is:\n\nMy own IndieAuth implementation\n\nMy own webmention acceptor (I already have plans but I need some extra software for it to work)\n\nMy own media endpoint (that autoconverts pictures to webp)\n\nMy own Microsub server\n\nEditing posts in-band when logged in via IndieAuth\n\nMake that second widget at the homepage do something interesting",
        "html": "<p>Next thing I should do since I fixed the bug: webmentions. I really need to handle webmentions, and I think I actually will be able to do so rather easily now that I know my database doesn\u2019t lock up anymore. I just need to attach an MF2 parser.</p>\n\n<p>In general, what I would want to have in a perfect world is:</p>\n\n<ul><li>My own IndieAuth implementation</li>\n\n<li>My own webmention acceptor (I already have plans but I need some extra software for it to work)</li>\n\n<li>My own media endpoint (that autoconverts pictures to webp)</li>\n\n<li>My own Microsub server</li>\n\n<li>Editing posts in-band when logged in via IndieAuth</li>\n\n<li>Make that second widget at the homepage do something interesting</li>\n</ul>"
    },
    "post-type": "note",
    "_id": "29004227",
    "_source": "1371",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-09T20:44:18+00:00",
    "url": "http://stream.boffosocko.com/2022/muireallprase-maybe-this-helps-with-context-20220509the-logos-ethos-and-pathos-of-indiewebi-like-your-site",
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1523766225159041024"
    ],
    "in-reply-to": [
        "https://twitter.com/MuireallPrase/status/1522959677465759744"
    ],
    "content": {
        "text": "@MuireallPrase Maybe this helps with context? https://boffosocko.com/2022/05/09/the-logos-ethos-and-pathos-of-indieweb/\n\nI like your site; glad to virtually meet another who's interested in physics, math, and typesetting!",
        "html": "<a href=\"https://twitter.com/MuireallPrase\">@MuireallPrase</a> Maybe this helps with context? <a href=\"https://boffosocko.com/2022/05/09/the-logos-ethos-and-pathos-of-indieweb/\">https://boffosocko.com/2022/05/09/the-logos-ethos-and-pathos-of-indieweb/</a><br />\nI like your site; glad to virtually meet another who's interested in physics, math, and typesetting!"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "28984044",
    "_source": "192",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-09T00:14:51+00:00",
    "url": "http://stream.boffosocko.com/2022/kudos-to-kevinmarks-for-his-recent-work-on-tumblr-to",
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1523456550156656641"
    ],
    "in-reply-to": [
        "https://twitter.com/ChrisAldrich/status/1522440410081251329",
        "http://stream.boffosocko.com/2022/at-homebrew-website-club-watching-with-great-anticipation-as-kevinmarks",
        "https://boffosocko.com/2022/05/05/55804584/"
    ],
    "content": {
        "text": "Kudos to @KevinMarks for his recent work on @Tumblr to add microformats to make it more IndieWeb friendly! \nhttps://changes.tumblr.com/post/683524731509653505/friday-may-6th-2022",
        "html": "Kudos to @KevinMarks for his recent work on @Tumblr to add microformats to make it more IndieWeb friendly! <br /><a href=\"https://changes.tumblr.com/post/683524731509653505/friday-may-6th-2022\">https://changes.tumblr.com/post/683524731509653505/friday-may-6th-2022</a>"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "28965426",
    "_source": "192",
    "_is_read": true
}

Mending what's broken, or how I discovered some broken links on my website

{
    "type": "entry",
    "published": "2022-05-08T05:37:01.160733218+03:00",
    "url": "https://fireburn.ru/posts/mending-broken-permalinks-part-1",
    "category": [
        "kittybox",
        "indieweb"
    ],
    "name": "Mending what's broken, or how I discovered some broken links on my website",
    "content": {
        "text": "It was a restless night. I just fixed my personal website's software, Kittybox, so it wouldn't hang after the first few hours of working (I hope my bugfix finally worked! I've been chasing that bug for months). In an attempt to stimulate my bored brain I was reading some articles on the IndieWeb wiki\u00a0and stumbled upon discussions that my posts on this very website sparked.\n  \n\nExcept the links didn't work. Argh, I can't read my own posts, this won't do!\nOf course, this was all my fault. But, thanks to past me having a lot of foresight, this should be rather easy to fix. First thing I decided to do was to patch articles containing links to my posts so the links would actually point to something - despite me wiping my website's main feed, all of the articles are still there because I know some people in the IndieWeb community have been linking to me. The second thing I did not do yet, and if I don't write it down, I might forget it all, so here's the post so I don't forget to do it.\nPreserving compatibility\nWhen I was designing the first versions of Kittybox (back then it didn't even had the name!) I was very inspired by 00dani.me's proposed approach of storing MF2-JSON directly in the database. First I stored it in flat files. Then, as I realized my file storage is incredibly slow, I migrated to Redis to keep my dataset in memory. Then several rewrites happened, and the Rust rewrite happened. The database's underlying format was still almost the same, so it was rather easy to port it over. Except I might've forgotten an important step.\nIn Kittybox, one post can contain several links. One of them is a UID - an authoritative link to the post, the one that Kittybox would use as a primary key in an SQL database if it used one. But since I use the filesystem as my database, the authoritative link gets transformed into an authoritative path which refers directly to the file with the MF2-JSON blob. All other links are supposed to be symlinks.\nExcept apparently when I was importing the posts in the new file storage backend, I somehow forgot to make all of those symlinks. And that's why the posts don't work.\nPast Vika's foresight\nStoring the posts in MF2-JSON as processed Micropub data was actually a very good idea. Pretty much all versions of Kittybox filled in alternative URLs (which would be u-url in MF2-HTML and .properties.url[] in MF2-JSON) which actually can be used to restore those permalinks!\n\n  Eventually permalink checking will need to be built into the software itself as a consistency check. I could probably write it like this:\n  \n\n\nuse futures::stream::StreamExt;\nlet urls = json[\"properties\"][\"url\"]\n    .as_array()\n    .unwrap_or_default()\n    .into_iter()\n    .filter_map(|s: serde_json::Value| s.as_str().ok())\n    .map(|url| url_to_path(&self.root_dir, url);\n\nlet mut url_stream = tokio_stream::iter(urls);\nurl_stream.for_each_concurrent(2, |path| async move {\n    if let Err(err) = tokio::fs::symlink_metadata(path).await {\n        if err.kind() == std::io::ErrorKind::NotFound {\n            let link = url_to_path(&self.root_dir, url);\n            let basedir = link.parent();\n            if basedir.is_err() {\n                warn!(\"Database consistency check: couldn't calculate parent for {}\", link);\n                return;\n            }\n            let basedir = basedir.unwrap();\n            let relative = path_relative_from(&canonical_path, basedir).unwrap();\n            if let Err(Err) = tokio::fs::symlink(relative, link).await {\n                warn!(\"Database consistency check: failed to restore symlink {} for {}: {:?}\", canonical, path);\n            }\n        }\n    }\n});\nI'm pretty sure this won't compile out of the box because of borrow checking and variables which need to be bound, but you get the idea. It can be performed on every read (for maximum correctness) or there could be scheduled tasks that sweep the database and perform those consistency checks - I think the second one is the better idea, since it allows me to check even posts that were completely forgotten by everyone. But I'll need to learn how to schedule tasks to run at certain intervals in Tokio - I'm sure there's a function for that though.\n\n  When will it be complete?\n  \n\nI hope it will be built into the software soon. For now, I will leave this as a to-do of sorts. A reminder to myself and an example for the others - of both my foresight and my mistakes.\nAnd for now, I could potentially build a script that recursively walks my directory tree and restores symlinks via a cron job. It'll probably work just as well too. But I'll do it later. I wanna sleep...and coffeeeee....",
        "html": "<p>\n  It was a restless night. I just fixed my personal website's software, Kittybox, so it wouldn't hang after the first few hours of working (I hope my bugfix finally worked! I've been chasing that bug for months). In an attempt to stimulate my bored brain I was reading some articles on the <a href=\"https://indieweb.org/Main_Page\">IndieWeb wiki</a>\u00a0and stumbled upon discussions that my posts on this very website sparked.\n  <br /></p>\n<p>Except the links didn't work. Argh, I can't read my own posts, this won't do!</p>\n<p>Of course, this was all my fault. But, thanks to past me having a lot of foresight, this should be rather easy to fix. First thing I decided to do was to patch articles containing links to my posts so the links would actually point to something - despite me wiping my website's main feed, all of the articles are still there because I know some people in the IndieWeb community have been linking to me. The second thing I did not do yet, and if I don't write it down, I might forget it all, so here's the post so I don't forget to do it.</p>\n<h2>Preserving compatibility</h2>\n<p>When I was designing the first versions of Kittybox (back then it didn't even had the name!) I was very inspired by <a href=\"https://00dani.me/\">00dani.me</a>'s proposed <a href=\"https://00dani.me/articles/53/lemoncurry-1-10-0-what-s-new-and-what-s-next\">approach</a> of storing MF2-JSON directly in the database. First I stored it in flat files. Then, as I realized my file storage is incredibly slow, I migrated to Redis to keep my dataset in memory. Then several rewrites happened, and the Rust rewrite happened. The database's underlying format was still almost the same, so it was rather easy to port it over. Except I might've forgotten an important step.</p>\n<p>In Kittybox, one post can contain several links. One of them is a UID - an authoritative link to the post, the one that Kittybox would use as a primary key in an SQL database if it used one. But since I use the filesystem as my database, the authoritative link gets transformed into an authoritative path which refers directly to the file with the MF2-JSON blob. All other links are supposed to be symlinks.</p>\n<p>Except apparently when I was importing the posts in the new file storage backend, I somehow forgot to make all of those symlinks. And that's why the posts don't work.</p>\n<h2>Past Vika's foresight</h2>\n<p>Storing the posts in MF2-JSON as processed Micropub data was actually a very good idea. Pretty much all versions of Kittybox filled in alternative URLs (which would be u-url in MF2-HTML and .properties.url[] in MF2-JSON) which actually can be used to restore those permalinks!</p>\n<p>\n  Eventually permalink checking will need to be built into the software itself as a consistency check. I could probably write it like this:\n  <br /></p>\n<pre><code>\nuse futures::stream::StreamExt;\nlet urls = json[\"properties\"][\"url\"]\n    .as_array()\n    .unwrap_or_default()\n    .into_iter()\n    .filter_map(|s: serde_json::Value| s.as_str().ok())\n    .map(|url| url_to_path(&amp;self.root_dir, url);\n\nlet mut url_stream = tokio_stream::iter(urls);\nurl_stream.for_each_concurrent(2, |path| async move {\n    if let Err(err) = tokio::fs::symlink_metadata(path).await {\n        if err.kind() == std::io::ErrorKind::NotFound {\n            let link = url_to_path(&amp;self.root_dir, url);\n            let basedir = link.parent();\n            if basedir.is_err() {\n                warn!(\"Database consistency check: couldn't calculate parent for {}\", link);\n                return;\n            }\n            let basedir = basedir.unwrap();\n            let relative = path_relative_from(&amp;canonical_path, basedir).unwrap();\n            if let Err(Err) = tokio::fs::symlink(relative, link).await {\n                warn!(\"Database consistency check: failed to restore symlink {} for {}: {:?}\", canonical, path);\n            }\n        }\n    }\n});</code></pre>\n<p>I'm pretty sure this won't compile out of the box because of borrow checking and variables which need to be bound, but you get the idea. It can be performed on every read (for maximum correctness) or there could be scheduled tasks that sweep the database and perform those consistency checks - I think the second one is the better idea, since it allows me to check even posts that were completely forgotten by everyone. But I'll need to learn how to schedule tasks to run at certain intervals in Tokio - I'm sure there's a function for that though.</p>\n<h3>\n  When will it be complete?\n  <br /></h3>\n<p>I hope it will be built into the software soon. For now, I will leave this as a to-do of sorts. A reminder to myself and an example for the others - of both my foresight and my mistakes.</p>\n<p>And for now, I could potentially build a script that recursively walks my directory tree and restores symlinks via a cron job. It'll probably work just as well too. But I'll do it later. <i>I wanna sleep...and coffeeeee....</i></p>"
    },
    "post-type": "article",
    "_id": "28951082",
    "_source": "1371",
    "_is_read": true
}

{
    "type": "entry",
    "published": "2022-05-08T00:09:12.813629086+03:00",
    "url": "https://fireburn.ru/posts/aQRsZZZ",
    "category": [
        "kittybox"
    ],
    "content": {
        "text": "good morning indieweb\n\ni have returned somehow from having my site in semipermanent downtime\n\nplease don\u2019t be gentle with it i need a little bit of sustained load so i can check a hypothesis",
        "html": "<p>good morning indieweb</p>\n\n<p>i have returned somehow from having my site in semipermanent downtime</p>\n\n<p>please don\u2019t be gentle with it i need a little bit of sustained load so i can check a hypothesis</p>"
    },
    "post-type": "note",
    "_id": "28951083",
    "_source": "1371",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-07T06:24:41+00:00",
    "url": "http://stream.boffosocko.com/2022/edheil-because-of-the-indieweb-principle-of-plurality-youve-got",
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1522824787617271808"
    ],
    "in-reply-to": [
        "https://twitter.com/edheil/status/1522772286851461121"
    ],
    "content": {
        "text": "@edheil Because of the IndieWeb principle of plurality, you've got a tremendous amount of choice. Part of the issue is that there are SO MANY options and potential combinations of doing things. \n\n\nWhat do you want the site to do? How much admin time to you want to spend on it? How flexible and modifiable do you want it to be? What skills do you have? What skills do you want to work on? \n\n\nBoth of the options you mention are excellent, though there's probably more immediate flexibility in WordPress with plugins. If you want something with no admin, but still some reasonable flexibility then micro.blog is a great way to go. (All three support a very broad range of all the IndieWeb building blocks. Of course, this doesn't even touch the custom-built or static site generator spaces which are also available options. And who's to say you should only have one site? ;) \n\n\nThis is a great question to ask in the IndieWeb Dev chat channel for advice from a bigger group of people with a tremendous wealth and diversity of building experience. https://chat.indieweb.org/dev",
        "html": "<a href=\"https://twitter.com/edheil\">@edheil</a> Because of the IndieWeb principle of plurality, you've got a tremendous amount of choice. Part of the issue is that there are SO MANY options and potential combinations of doing things. <br /><br />\nWhat do you want the site to do? How much admin time to you want to spend on it? How flexible and modifiable do you want it to be? What skills do you have? What skills do you want to work on? <br /><br />\nBoth of the options you mention are excellent, though there's probably more immediate flexibility in WordPress with plugins. If you want something with no admin, but still some reasonable flexibility then micro.blog is a great way to go. (All three support a very broad range of all the IndieWeb building blocks. Of course, this doesn't even touch the custom-built or static site generator spaces which are also available options. And who's to say you should only have one site? ;) <br /><br />\nThis is a great question to ask in the IndieWeb Dev chat channel for advice from a bigger group of people with a tremendous wealth and diversity of building experience. <a href=\"https://chat.indieweb.org/dev\">https://chat.indieweb.org/dev</a>"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "28936297",
    "_source": "192",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-05T18:24:28+00:00",
    "url": "http://stream.boffosocko.com/2022/edheil-it-creates-a-1-to-1-correspondence-between-the",
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1522281173266935808"
    ],
    "in-reply-to": [
        "https://twitter.com/edheil/status/1522279914346618880"
    ],
    "content": {
        "text": "@edheil It creates a 1 to 1 correspondence between the post on your site & your post on Twitter to make it easier for Bridgy to match and sending responses. It also makes it easier to delete copies in the future because you'll know where else on the web you've posted things. \n\n\nSettings at /wp-admin/admin.php?page=syndication_links will let you set syndication targets so you can use a simple checkbox for cross posting. I particularly love that it dovetails with https://quill.p3k.io/ if you use that with Micropub for posting short notes to your website.",
        "html": "<a href=\"https://twitter.com/edheil\">@edheil</a> It creates a 1 to 1 correspondence between the post on your site &amp; your post on Twitter to make it easier for Bridgy to match and sending responses. It also makes it easier to delete copies in the future because you'll know where else on the web you've posted things. <br /><br />\nSettings at /wp-admin/admin.php?page=syndication_links will let you set syndication targets so you can use a simple checkbox for cross posting. I particularly love that it dovetails with <a href=\"https://quill.p3k.io/\">https://quill.p3k.io/</a> if you use that with Micropub for posting short notes to your website.<br />"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "28905940",
    "_source": "192",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-05T18:09:57+00:00",
    "url": "http://stream.boffosocko.com/2022/edheil-bridgy-matches-posts-on-your-site-to-twitter-using",
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1522277828909223936"
    ],
    "in-reply-to": [
        "https://twitter.com/edheil/status/1522272854120837121"
    ],
    "content": {
        "text": "@edheil Bridgy matches posts on your site to Twitter using one of a few methods so that it can backfeed the proper replies to the appropriate posts. Providing it with syndication links is usually easiest, and on WordPress try: https://indieweb.org/u-syndication#How_to_link_from_WordPress\n\n\nDavid Shanske's Syndication Links plugin also should have a checkbox set up (non-Gutenberg) for more easily syndicating to Twitter and other services if you like. There are many ways to publish to Brid.gy without visiting it for each. Using Shankse's plugin which sends it Webmentions is probably the easiest, though it may require proper markup in your theme. For the technical part see: https://brid.gy/about#publishing which explains in outline how it works. \n\n\nI think many of the options are documented either here or on related pages: https://indieweb.org/Getting_Started_on_WordPress\n\n\nFor other options and advice, it may be best/easiest to visit the IndieWeb WordPress chat at chat.indieweb.org/wordpress",
        "html": "<a href=\"https://twitter.com/edheil\">@edheil</a> Bridgy matches posts on your site to Twitter using one of a few methods so that it can backfeed the proper replies to the appropriate posts. Providing it with syndication links is usually easiest, and on WordPress try: <a href=\"https://indieweb.org/u-syndication#How_to_link_from_WordPress\">https://indieweb.org/u-syndication#How_to_link_from_WordPress</a><br /><br />\nDavid Shanske's Syndication Links plugin also should have a checkbox set up (non-Gutenberg) for more easily syndicating to Twitter and other services if you like. There are many ways to publish to Brid.gy without visiting it for each. Using Shankse's plugin which sends it Webmentions is probably the easiest, though it may require proper markup in your theme. For the technical part see: <a href=\"https://brid.gy/about#publishing\">https://brid.gy/about#publishing</a> which explains in outline how it works. <br /><br />\nI think many of the options are documented either here or on related pages: <a href=\"https://indieweb.org/Getting_Started_on_WordPress\">https://indieweb.org/Getting_Started_on_WordPress</a><br /><br />\nFor other options and advice, it may be best/easiest to visit the IndieWeb WordPress chat at chat.indieweb.org/wordpress"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "28904711",
    "_source": "192",
    "_is_read": true
}

Chris Aldrich stream.boffosocko.com/profile/chrisaldrich

{
    "type": "entry",
    "published": "2022-05-05T17:48:05+00:00",
    "url": "http://stream.boffosocko.com/2022/edheil-which-of-the-various-methods-manually-plugins-other-are",
    "syndication": [
        "https://twitter.com/ChrisAldrich/status/1522272153466552320"
    ],
    "in-reply-to": [
        "https://twitter.com/edheil/status/1522260056858836993",
        "https://edheil.com/2022/05/03/status-update/"
    ],
    "content": {
        "text": "@edheil Which of the various methods (manually, plugin(s), other) are you using? On fragility front, I'm not too worried as it is open source and has folks helping. It's also only a bridge as I can reply directly to your site.\nhttps://brid.gy/about#cost\nhttps://indieweb.org/Bridgy#Statistics",
        "html": "@edheil Which of the various methods (manually, plugin(s), other) are you using? On fragility front, I'm not too worried as it is open source and has folks helping. It's also only a bridge as I can reply directly to your site.<br /><a href=\"https://brid.gy/about#cost\">https://brid.gy/about#cost</a><br /><a href=\"https://indieweb.org/Bridgy#Statistics\">https://indieweb.org/Bridgy#Statistics</a>"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "http://stream.boffosocko.com/profile/chrisaldrich",
        "photo": "http://stream.boffosocko.com/file/600427b81f7785e704eadfe511a9270f/thumb.jpg"
    },
    "post-type": "reply",
    "_id": "28904715",
    "_source": "192",
    "_is_read": true
}

Jeremy Keith adactio.com

{
    "type": "entry",
    "published": "2022-05-05T08:10:40Z",
    "url": "https://adactio.com/links/19051",
    "category": [
        "blogs",
        "blogging",
        "writing",
        "sharing",
        "personal",
        "publishing",
        "indieweb"
    ],
    "bookmark-of": [
        "https://cagrimmett.com/thoughts/2022/04/26/why-blog/"
    ],
    "content": {
        "text": "Why blog? \u2013 Chuck Grimmett\n\n\n\n\n  Platforms come and go. Buy a domain and set up a permanent space on the web where others to find you and link back to. I have no idea what I put on Myspace back in the day, but everything I\u2019ve published on this site since 2008 is still accessible and the links still work.\n  \n  A personal website is a digital homestead that you can improve, tinker with, and live in for years to come. It is a home for your thoughts, musings, opinions, trials, and happenings, built in a way that suits you.\n\n\nI like this little prompt:\n\n\n  What do you wish you had found via Google today but didn\u2019t? Write that.",
        "html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://cagrimmett.com/thoughts/2022/04/26/why-blog/\">\nWhy blog? \u2013 Chuck Grimmett\n</a>\n</h3>\n\n<blockquote>\n  <p>Platforms come and go. Buy a domain and set up a permanent space on the web where others to find you and link back to. I have no idea what I put on Myspace back in the day, but everything I\u2019ve published on this site since 2008 is still accessible and the links still work.</p>\n  \n  <p>A personal website is a <a href=\"https://tomcritchlow.com/2022/03/08/architecture-blogging/\">digital homestead</a> that you can improve, tinker with, and live in for years to come. It is a home for your thoughts, musings, opinions, trials, and happenings, built in a way that suits you.</p>\n</blockquote>\n\n<p>I like this little prompt:</p>\n\n<blockquote>\n  <p>What do you wish you had found via Google today but didn\u2019t? Write that.</p>\n</blockquote>"
    },
    "author": {
        "type": "card",
        "name": "Jeremy Keith",
        "url": "https://adactio.com/",
        "photo": "https://adactio.com/images/photo-150.jpg"
    },
    "post-type": "bookmark",
    "_id": "28893502",
    "_source": "2",
    "_is_read": true
}