ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Day 14 — if you need to programmatically mount and unmount a component, you can now pass an `outro: true` option to `unmount` to play transitions before it is removed from the DOM šŸŽ docs svelte.dev/docs/svelte/... šŸŽ demo svelte.dev/playground/a...

Dec 14, 2024, 2:35 PM

Record data

{
  "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3ldbjik7vlk2v",
  "cid": "bafyreifa2rx3vtxlzbbn6rdxfxtikoumt2e5ckqzig7nrb2ulpbcbciufy",
  "value": {
    "text": "Day 14 — if you need to programmatically mount and unmount a component, you can now pass an `outro: true` option to `unmount` to play transitions before it is removed from the DOM\n\nšŸŽ docs svelte.dev/docs/svelte/...\nšŸŽ demo svelte.dev/playground/a...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "alt": "a screen recording of svelte.dev/playground showing the new `outro: true` option for `unmount`",
      "$type": "app.bsky.embed.video",
      "video": {
        "$type": "blob",
        "ref": {
          "$link": "bafkreievdajpcnpntmosulhmvyf6mvyefpzp3szbb4df76nxezlro44koi"
        },
        "mimeType": "video/mp4",
        "size": 158612
      },
      "aspectRatio": {
        "width": 2686,
        "height": 1534
      }
    },
    "langs": [
      "en"
    ],
    "reply": {
      "root": {
        "cid": "bafyreieay7byr4wjm7fybgxcjbsa7b6v36dc3jmrv3gwtoxlffk3lh33ve",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lcavobxn7c2k"
      },
      "parent": {
        "cid": "bafyreih2hj5xux4pdobnjbxmsv6so2iq3ht72i3u3ynqfbccjff7rvxss4",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3ld7cph5bsk2t"
      }
    },
    "facets": [
      {
        "index": {
          "byteEnd": 219,
          "byteStart": 193
        },
        "features": [
          {
            "uri": "https://svelte.dev/docs/svelte/imperative-component-api#unmount",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 256,
          "byteStart": 230
        },
        "features": [
          {
            "uri": "https://svelte.dev/playground/a4ca332691204ccd887ec7b1df818182?version=5.13.0",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2024-12-14T14:35:48.031Z"
  }
}