ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Day 11 — a whole new module, for getting reactive views of window properties like innerWidth, innerHeight, scrollX, scrollY and so on. Like the bindings on <svelte:window> but with less boilerplate 🎁 docs svelte.dev/docs/svelte/... 🎁 demo svelte.dev/playground/8...

Dec 11, 2024, 4:54 PM

Record data

{
  "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3ld27t33mlc2q",
  "cid": "bafyreigwi42un5o5ubl56jcowlfc6sx2bj7pvhdmgnnjmkhzku5yuag2me",
  "value": {
    "text": "Day 11 — a whole new module, for getting reactive views of window properties like innerWidth, innerHeight, scrollX, scrollY and so on. Like the bindings on <svelte:window> but with less boilerplate\n\n🎁 docs svelte.dev/docs/svelte/...\n🎁 demo svelte.dev/playground/8...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "screenshot of svelte.dev/playground showing the new svelte/reactivity/window module",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreihal2gijvnxiw4wrf66rx3wna5l23ky26eladpiovfzuveiqpwu3u"
            },
            "mimeType": "image/jpeg",
            "size": 382138
          },
          "aspectRatio": {
            "width": 2000,
            "height": 1063
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "reply": {
      "root": {
        "cid": "bafyreieay7byr4wjm7fybgxcjbsa7b6v36dc3jmrv3gwtoxlffk3lh33ve",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lcavobxn7c2k"
      },
      "parent": {
        "cid": "bafyreighb2bbjuwjzvrkjgr62stsiwu6yufjbrd3374kudw27wongx5ce4",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lcxmqdv52s2j"
      }
    },
    "facets": [
      {
        "index": {
          "byteEnd": 237,
          "byteStart": 211
        },
        "features": [
          {
            "uri": "https://svelte.dev/docs/svelte/svelte-reactivity-window",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 274,
          "byteStart": 248
        },
        "features": [
          {
            "uri": "https://svelte.dev/playground/8ac86e10fdce485a99c29c95e0092df4?version=5.11.0",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2024-12-11T16:54:05.670Z"
  }
}