{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreiaucud6jqjjwghe2dov3orlq4x3s352vvs5g6gwlpqcjov4cin3pm",
    "uri": "at://did:plc:tg3tb5wukiml4xmxml6qm637/app.bsky.feed.post/3mn4upgujo62n"
  },
  "canonicalUrl": "https://heaths.dev/atproto/2026/05/31/introducing-the-sequoia-recommend-button.html",
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreieopih7xwg5jlnm3ceui5vbvrob7xurltwauab5sadwd6e6iqfmv4"
    },
    "mimeType": "image/jpeg",
    "size": 71555
  },
  "description": "The sequoia-recommend button lets readers recommend your Sequoia posts directly from your site using their Bluesky account.\n",
  "path": "/atproto/2026/05/31/introducing-the-sequoia-recommend-button.html",
  "publishedAt": "2026-05-31T05:19:15.000Z",
  "site": "at://did:plc:tg3tb5wukiml4xmxml6qm637/site.standard.publication/3meddhkrg5z2p",
  "tags": [
    "atproto",
    "javascript",
    "sequoia",
    "standard-site"
  ],
  "textContent": "Sequoia version 0.5.7 adds a new component to the existing sequoia-subscribe script:\n\nThis adds a new button with a heart, star, or thumbs up SVG image that will create a site.standard.graph.recommend record that can be shared across sites like leaflet.pub, pckt.blog, and more. \n\n{: .cover-image}\n\nThe sequoia-recommend component is defined in the existing sequoia-subscribe.js file because it shares a lot in common with the sequoia-subscribe button I added previously. I didn't want to change the file name and break compatibility, but did refactor it to avoid duplication despite being in the same file.\n\nLeaflet was, up until recently, creating pub.leaflet.interactions.recommend records but now is creating site.standard.graph.recommend records. It still seems to support enumerating the latter for compatibility.\n\nCustomization\n\nLike sequoia-subscribe, it will discover the site.standard.document from a <link rel=\"site.standard.document\"> element or you can specify it. It also supports limited CSS styling via the container part e.g.,\n\nFor more information about customizing the Recommend button, see sequoia.pub.",
  "title": "Introducing the sequoia-recommend button"
}