import * as URL from 'node:url';
import clip from './utils/clip.js';
import cleanupTitle from './utils/cleanup-title.js';
import { decode as decodeHtml } from 'html-entities';
import { get, head, scpaping } from './utils/got.js';
import * as cheerio from 'cheerio';
/**
 * Contains only the html snippet for a sanitized iframe as the thumbnail is
 * mostly covered in OpenGraph instead.
 *
 * Width should always be 100%.
 */
async function getOEmbedPlayer($, pageUrl) {
    const href = $('link[type="application/json+oembed"]').attr('href');
    if (!href) {
        return null;
    }
    // XXX: Use global URL object instead of the deprecated `node:url`
    // Disallow relative URL as no one seems to use it
    const oEmbed = await get(URL.resolve(pageUrl, href));
    const body = (() => {
        try {
            return JSON.parse(oEmbed);
        }
        catch { }
    })();
    if (!body || body.version !== '1.0' || !['rich', 'video'].includes(body.type)) {
        // Not a well formed rich oEmbed
        return null;
    }
    if (!body.html.startsWith('<iframe ') || !body.html.endsWith('</iframe>')) {
        // It includes something else than an iframe
        return null;
    }
    const oEmbedHtml = cheerio.load(body.html);
    const iframe = oEmbedHtml("iframe");
    if (iframe.length !== 1) {
        // Somehow we either have multiple iframes or none
        return null;
    }
    if (iframe.parents().length !== 2) {
        // Should only have the body and html elements as the parents
        return null;
    }
    const url = iframe.attr('src');
    if (!url) {
        // No src?
        return null;
    }
    // XXX: Use global URL object instead of the deprecated `node:url`
    if (URL.parse(url).protocol !== 'https:') {
        // Allow only HTTPS for best security
        return null;
    }
    // Height is the most important, width is okay to be null. The implementer
    // should choose fixed height instead of fixed aspect ratio if width is null.
    //
    // For example, Spotify's embed page does not strictly follow aspect ratio
    // and thus keeping the height is better than keeping the aspect ratio.
    //
    // Spotify gives `width: 100%, height: 152px` for iframe while `width: 456,
    // height: 152` for oEmbed data, and we treat any percentages as null here.
    let width = Number(iframe.attr('width') ?? body.width);
    if (Number.isNaN(width)) {
        width = null;
    }
    const height = Math.min(Number(iframe.attr('height') ?? body.height), 1024);
    if (Number.isNaN(height)) {
        // No proper height info
        return null;
    }
    // TODO: This implementation only allows basic syntax of `allow`.
    // Might need to implement better later.
    const safeList = [
        'autoplay',
        'clipboard-write',
        'fullscreen',
        'encrypted-media',
        'picture-in-picture',
        'web-share',
    ];
    // YouTube has these but they are almost never used.
    const ignoredList = [
        'gyroscope',
        'accelerometer',
    ];
    const allowedPermissions = (iframe.attr('allow') ?? '').split(/\s*;\s*/g)
        .filter(s => s)
        .filter(s => !ignoredList.includes(s));
    if (allowedPermissions.some(allow => !safeList.includes(allow))) {
        // This iframe is probably too powerful to be embedded
        return null;
    }
    return {
        url,
        width,
        height,
        allow: allowedPermissions
    };
}
export default async (url, lang = null) => {
    if (lang && !lang.match(/^[\w-]+(\s*,\s*[\w-]+)*$/))
        lang = null;
    const res = await scpaping(url.href, { lang: lang || undefined });
    const $ = res.$;
    const twitterCard = $('meta[property="twitter:card"]').attr('content');
    let title = $('meta[property="og:title"]').attr('content') ||
        $('meta[property="twitter:title"]').attr('content') ||
        $('title').text();
    if (title === undefined || title === null) {
        return null;
    }
    title = clip(decodeHtml(title), 100);
    let image = $('meta[property="og:image"]').attr('content') ||
        $('meta[property="twitter:image"]').attr('content') ||
        $('link[rel="image_src"]').attr('href') ||
        $('link[rel="apple-touch-icon"]').attr('href') ||
        $('link[rel="apple-touch-icon image_src"]').attr('href');
    image = image ? URL.resolve(url.href, image) : null;
    const playerUrl = (twitterCard !== 'summary_large_image' && $('meta[property="twitter:player"]').attr('content')) ||
        (twitterCard !== 'summary_large_image' && $('meta[name="twitter:player"]').attr('content')) ||
        $('meta[property="og:video"]').attr('content') ||
        $('meta[property="og:video:secure_url"]').attr('content') ||
        $('meta[property="og:video:url"]').attr('content');
    const playerWidth = parseInt($('meta[property="twitter:player:width"]').attr('content') ||
        $('meta[name="twitter:player:width"]').attr('content') ||
        $('meta[property="og:video:width"]').attr('content') ||
        '');
    const playerHeight = parseInt($('meta[property="twitter:player:height"]').attr('content') ||
        $('meta[name="twitter:player:height"]').attr('content') ||
        $('meta[property="og:video:height"]').attr('content') ||
        '');
    let description = $('meta[property="og:description"]').attr('content') ||
        $('meta[property="twitter:description"]').attr('content') ||
        $('meta[name="description"]').attr('content');
    description = description
        ? clip(decodeHtml(description), 300)
        : null;
    if (title === description) {
        description = null;
    }
    let siteName = $('meta[property="og:site_name"]').attr('content') ||
        $('meta[name="application-name"]').attr('content') ||
        url.hostname;
    siteName = siteName ? decodeHtml(siteName) : null;
    const favicon = $('link[rel="shortcut icon"]').attr('href') ||
        $('link[rel="icon"]').attr('href') ||
        '/favicon.ico';
    const sensitive = $('.tweet').attr('data-possibly-sensitive') === 'true';
    const find = async (path) => {
        const target = URL.resolve(url.href, path);
        try {
            await head(target);
            return target;
        }
        catch (e) {
            return null;
        }
    };
    // 相対的なURL (ex. test) を絶対的 (ex. /test) に変換
    const toAbsolute = (relativeURLString) => {
        const relativeURL = URL.parse(relativeURLString);
        const isAbsolute = relativeURL.slashes || relativeURL.path !== null && relativeURL.path[0] === '/';
        // 既に絶対的なら、即座に値を返却
        if (isAbsolute) {
            return relativeURLString;
        }
        // スラッシュを付けて返却
        return '/' + relativeURLString;
    };
    const getIcon = async () => {
        return await find(favicon) ||
            // 相対指定を絶対指定に変換し再試行
            await find(toAbsolute(favicon)) ||
            null;
    };
    const [icon, oEmbed] = await Promise.all([
        getIcon(),
        getOEmbedPlayer($, url.href),
    ]);
    // Clean up the title
    title = cleanupTitle(title, siteName);
    if (title === '') {
        title = siteName;
    }
    return {
        title: title || null,
        icon: icon || null,
        description: description || null,
        thumbnail: image || null,
        player: oEmbed ?? {
            url: playerUrl || null,
            width: Number.isNaN(playerWidth) ? null : playerWidth,
            height: Number.isNaN(playerHeight) ? null : playerHeight,
            allow: ['fullscreen', 'encrypted-media'],
        },
        sitename: siteName || null,
        sensitive,
    };
};