ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

actually there are some cool client-side patterns w/ astro components. any script tags you use get deduped + bundled so you can e.g. define a custom element and use it in the astro component for client-side interactivity. technically that’s “your own <script>” but it’s more encapsulated + composable

May 5, 2025, 2:33 AM

Record data

{
  "uri": "at://did:plc:vrrdgcidwpvn4omvn7uuufoo/app.bsky.feed.post/3lofddncwms2n",
  "cid": "bafyreiajc4wysjjgi3b7t3pcpoxcme4pyf4ptiomyaxivq57o5dtuacpdq",
  "value": {
    "text": "actually there are some cool client-side patterns w/ astro components. any script tags you use get deduped + bundled so you can e.g. define a custom element and use it in the astro component for client-side interactivity. technically that’s “your own <script>” but it’s more encapsulated + composable",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.external",
      "external": {
        "uri": "https://docs.astro.build/en/guides/client-side-scripts/",
        "thumb": {
          "$type": "blob",
          "ref": {
            "$link": "bafkreidw3vklqmjturif4etih7l7g4gbeovscrowcnffmlet2coz4eowf4"
          },
          "mimeType": "image/jpeg",
          "size": 516305
        },
        "title": "Scripts and event handling",
        "description": "How to add client-side interactivity to Astro components using native browser JavaScript APIs."
      }
    },
    "langs": [
      "en"
    ],
    "reply": {
      "root": {
        "cid": "bafyreif7vngu2p2vzv2xcgnkf65uadpqin4ctxg6o357xaihcgvktcqmea",
        "uri": "at://did:plc:fpruhuo22xkm5o7ttr2ktxdo/app.bsky.feed.post/3lofbrzbobs24"
      },
      "parent": {
        "cid": "bafyreih55vvytbeovfyklczu4gdrtpetr7z4tc4ewdjpvr3gajamylviiu",
        "uri": "at://did:plc:vrrdgcidwpvn4omvn7uuufoo/app.bsky.feed.post/3lofcwrcr322n"
      }
    },
    "createdAt": "2025-05-05T02:33:27.909Z"
  }
}