ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Based off of @emilyliu.me's very nice emilyliu.me/blog/comments post, I wrote my own version using codeberg.org/mary-ext/atc... Both the HTML and CSS are *very* similar, but the total JS, unminified, is ~4kB gzipped (~19kB raw). (it's tuned to my own needs, so no SSR, just basic JS)

Apr 23, 2025, 11:29 PM

Record data

{
  "uri": "at://did:plc:hwtgznmkzxi3tehs3e6xkxr2/app.bsky.feed.post/3lnjdwuwer22n",
  "cid": "bafyreigylclzwd3e2e6eiqg3aznswlxcgbrcat4qigmmxsch73byqilqiy",
  "value": {
    "text": "Based off of @emilyliu.me's very nice emilyliu.me/blog/comments post, I wrote my own version using codeberg.org/mary-ext/atc...\n\nBoth the HTML and CSS are *very* similar, but the total JS, unminified, is ~4kB gzipped (~19kB raw).\n\n(it's tuned to my own needs, so no SSR, just basic JS)",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "A screenshot of some comments, fetched from a bluesky post. Replies are nested, with a line denoting reply depth. The comments are the top replies to https://bsky.app/profile/did:plc:vjug55kidv6sye7ykr5faxxn/post/3lbqta5lnck2i.",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreie7t3l4mztzi6xhsypquzmooufbjfhhifriaqdbpvw3ff6pcwsmuq"
            },
            "mimeType": "image/jpeg",
            "size": 147643
          },
          "aspectRatio": {
            "width": 637,
            "height": 385
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "$type": "app.bsky.richtext.facet",
        "index": {
          "byteEnd": 25,
          "byteStart": 13
        },
        "features": [
          {
            "did": "did:plc:vjug55kidv6sye7ykr5faxxn",
            "$type": "app.bsky.richtext.facet#mention"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 63,
          "byteStart": 38
        },
        "features": [
          {
            "uri": "https://emilyliu.me/blog/comments",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 127,
          "byteStart": 99
        },
        "features": [
          {
            "uri": "https://codeberg.org/mary-ext/atcute",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2025-04-23T23:29:40.747Z"
  }
}