javascript:(function() {
const blueskyRegex = /https:\/\/bsky\.app\/profile\/(?:did:plc:[^\/]+|[^\/]+)\/post\/[^\/]+/;
const links = document.querySelectorAll('a[href]');
const EMBED_URL = 'https://embed.bsky.app';

function handleToDid(userHandle) {
    return fetch(`https://api.allorigins.win/raw?url=https://bsky.social/xrpc/com.atproto.identity.resolveHandle?handle=${userHandle}`)
    .then(response => response.text())
    .then(data => JSON.parse(data))
    .then(jsonData => jsonData.did);
}

async function createBlueskyIframe(link) {
    const href = link.getAttribute('href');
    let postUsername, postID;

    if (href.includes("did:plc:")) {
        postUsername = href.split("/")[4];
    } else if (!href.startsWith("did:")) {
        try {
            postUsername = await handleToDid(href.split("/")[4]);
        } catch (error) {
            console.error("Error resolving handle:", error);
            return;
        }
    } else {
        postUsername = href;
    }

    const urlParts = href.split("/");
    if (urlParts[3] === "profile") {
        postID = urlParts[6];
    } else {
        postID = urlParts[6];
    }

    const embedHTML = `
    <div class="bluesky-embed-container" style="max-width: 100%; margin: 0 auto; overflow: hidden;">
        <iframe src="https://embed.bsky.app/embed/${postUsername}/app.bsky.feed.post/${postID}"
                frameborder="0"
                width="100%"
                style="border: none; display: block; flex-grow: 1;"
                scrolling="no"
                allowtransparency="true"
                title="Bluesky post"
                data-bluesky-id="bluesky-${postID}">
        </iframe>
        <script async src="https://embed.bsky.app/static/embed.js"
                data-handle="${postUsername}"
                data-skeet="${postID}">
        </script>
    </div>
    `;

    link.outerHTML = embedHTML;
}


function adjustIframeHeight(event) {
    if (event.origin !== EMBED_URL) {
        console.warn('Received message from unauthorized origin:', event.origin);
        return;
    }

    const id = event.data.id;
    const height = event.data.height;

    if (height) {
        if (id) {
            const embed = document.querySelector(`[data-bluesky-id="${id}"]`);
            if (embed) {
                console.log(`Setting height for iframe ID ${id} to ${height}px`);
                embed.style.height = `${height}px`;
            } else {
                console.warn('No matching iframe found for ID:', id);
            }
        } else {
            
            const iframes = document.querySelectorAll('iframe[data-bluesky-id]');
            iframes.forEach((iframe) => {
                console.log('Setting height for iframe without ID to', height, 'px');
                iframe.style.height = `${height}px`;
            });
        }
    } else {
        console.warn('Received message without height data:', event);
    }
}


window.addEventListener('message', adjustIframeHeight);


links.forEach(link => {
    if (link.href.match(blueskyRegex)) {
        createBlueskyIframe(link).catch(error => console.error("Error creating iframe:", error));
    }
});
})();