ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Day 8 — we're calling this 'function bindings'. You know how you can do `bind:value={value}`? You can now do this... bind:value={getValue, setValue} ...which lets you transform and validate data 🎁 docs svelte.dev/docs/svelte/... 🎁 demo svelte.dev/playground/1...

Dec 8, 2024, 10:14 PM

Record data

{
  "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lctacg23jc2w",
  "cid": "bafyreidy6ibdricpe6iakm5ggme6fjksi3ewdithyudeys3pgqhb3ligay",
  "value": {
    "text": "Day 8 — we're calling this 'function bindings'. You know how you can do `bind:value={value}`? You can now do this...\n\nbind:value={getValue, setValue}\n\n...which lets you transform and validate data\n\n🎁 docs svelte.dev/docs/svelte/...\n🎁 demo svelte.dev/playground/1...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "screenshot of svelte.dev/playground showing the new function bindings feature",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreib4al2kvyycl66ewfytbbusdrusxwbzv4idue7vwnfgkeaximokcm"
            },
            "mimeType": "image/jpeg",
            "size": 460397
          },
          "aspectRatio": {
            "width": 2000,
            "height": 1114
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "reply": {
      "root": {
        "cid": "bafyreieay7byr4wjm7fybgxcjbsa7b6v36dc3jmrv3gwtoxlffk3lh33ve",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lcavobxn7c2k"
      },
      "parent": {
        "cid": "bafyreidevsxm7gr7ya24dkwubei4do6hkmj7pvrhguyxqomwkruwm5rjyy",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lcq2pvv2ls2y"
      }
    },
    "facets": [
      {
        "index": {
          "byteEnd": 236,
          "byteStart": 210
        },
        "features": [
          {
            "uri": "https://svelte.dev/docs/svelte/bind#Function-bindings",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 273,
          "byteStart": 247
        },
        "features": [
          {
            "uri": "https://svelte.dev/playground/1ddd82f573b94201b3c8fcab33bf0a46?version=5.9.0",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2024-12-08T22:14:02.301Z"
  }
}