ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Day 24 — Svelte now handles `class` attributes with github.com/lukeed/clsx. Much more powerful than the `class:` directive, but since this is Svelte you still get dead code elimination of unused styles! šŸŽ docs svelte.dev/docs/svelte/... šŸŽ demo svelte.dev/playground/6...

Dec 24, 2024, 4:13 PM

Record data

{
  "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3le2tlt4vxk2a",
  "cid": "bafyreiaim5c5vfphcgcgtmjv55rmlreroa462xwqn24jgfkwhksvweus4y",
  "value": {
    "text": "Day 24 — Svelte now handles `class` attributes with github.com/lukeed/clsx. Much more powerful than the `class:` directive, but since this is Svelte you still get dead code elimination of unused styles! \n\nšŸŽ docs svelte.dev/docs/svelte/...\nšŸŽ demo svelte.dev/playground/6...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "screenshot of svelte.dev/playground showing the new `class` attribute handling",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreidw6oj3tkyqwruewkbt4seoo5c2xq2nbjwnit7vns3rz4hri5ey5q"
            },
            "mimeType": "image/jpeg",
            "size": 535902
          },
          "aspectRatio": {
            "width": 1886,
            "height": 1320
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "reply": {
      "root": {
        "cid": "bafyreieay7byr4wjm7fybgxcjbsa7b6v36dc3jmrv3gwtoxlffk3lh33ve",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lcavobxn7c2k"
      },
      "parent": {
        "cid": "bafyreie5ky6zoed7f773a5nbz4z4izop6tj2tfqoxbkrzqwsgubh4hse5u",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3ldyg3dh5oc2z"
      }
    },
    "facets": [
      {
        "index": {
          "byteEnd": 76,
          "byteStart": 54
        },
        "features": [
          {
            "uri": "https://github.com/lukeed/clsx",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 243,
          "byteStart": 217
        },
        "features": [
          {
            "uri": "https://svelte.dev/docs/svelte/class",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 280,
          "byteStart": 254
        },
        "features": [
          {
            "uri": "https://svelte.dev/playground/61450f09983046efb18273d5c94db7b4?version=5.16.0",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2024-12-24T16:13:08.906Z"
  }
}