ATProto Browser

Record data

{
  "uri": "at://did:plc:ezyrzvz3yoglekd4j2szmiys/app.bsky.feed.post/3lnszh6eyss2h",
  "cid": "bafyreiesfmify2gy45xr7uk3n47ngngtldnkj2yol3hldbp6qbqvs54z4a",
  "value": {
    "text": "Interesting pattern i just come up with to have a collection of svgs in svelte 🧡\n\nsvelte.dev/playground/f...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "Two svelte components, the first, logos.svelte with the following code\n\n<script lang=\"ts\" module>\n  export { bsky, x, facebook };\n</script>\n\n{#snippet bsky()}\n  <!-- logo here -->\n{/snippet}\n\n{#snippet x()}\n  <!-- logo here -->\n{/snippet}\n\n{#snippet facebook()}\n  <!-- logo here -->\n{/snippet}\n\n<style>\n  svg {\n    width: 1em;\n  }\n</style>\n\nthe second Social.svelte with the following code\n\n<script lang=\"ts\">\n  import * as logos from \"./logos.svelte\";\n  let { social } = $props();\n</script>\n\n{@render logos[social]?.()}",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreicw26mo27uhjs6dow7w64d3githx5gxeus7uuf527t5h5nijtroqm"
            },
            "mimeType": "image/jpeg",
            "size": 220420
          },
          "aspectRatio": {
            "width": 1918,
            "height": 2000
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "index": {
          "byteEnd": 111,
          "byteStart": 85
        },
        "features": [
          {
            "uri": "https://svelte.dev/playground/fe0f940a0d4a4dd4990495101d829428?version=5.28.2",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2025-04-27T19:48:33.750Z"
  }
}
Post

Record data
