const { URL, SITE_TITLE, SITE_CANONICAL_URL, OG_HOMEPAGE_TITLE, OG_TITLE_SUFFIX, OG_IMAGE_URL, SITE_DESCRIPTION, SITE_NAME, } = require('../../config.js'); const { generateEmbedUrl, generateStreamUrl } = require('../../ui/util/web'); const PAGES = require('../../ui/constants/pages'); const { getClaim } = require('./chainquery'); const { parseURI } = require('lbry-redux'); const fs = require('fs'); const path = require('path'); const { getJsBundleId } = require('../bundle-id.js'); const jsBundleId = getJsBundleId(); function insertToHead(fullHtml, htmlToInsert) { return fullHtml.replace( /.*/s, ` ${htmlToInsert || buildOgMetadata()} ` ); } function truncateDescription(description) { return description.length > 200 ? description.substr(0, 200) + '...' : description; } function escapeHtmlProperty(property) { return property ? String(property) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, ''') : ''; } // // Normal metadata with option to override certain values // function buildOgMetadata(overrideOptions = {}) { const { title, description } = overrideOptions; const head = `${SITE_TITLE}\n` + `\n` + `\n` + `\n` + `\n` + `\n` + '\n' + `\n` + `\n` + `\n` + `\n` + '\n' + `` + ``; return head; } function buildBasicOgMetadata() { const head = '' + buildOgMetadata() + ''; return head; } // // Metadata used for urls that need claim information // Also has option to override defaults // function buildClaimOgMetadata(uri, claim, overrideOptions = {}) { // Initial setup for claim based og metadata const { claimName } = parseURI(uri); const claimTitle = escapeHtmlProperty(claim.title ? claim.title : claimName); const claimDescription = claim.description && claim.description.length > 0 ? escapeHtmlProperty(truncateDescription(claim.description)) : `View ${claimTitle} on ${SITE_NAME}`; const claimLanguage = escapeHtmlProperty(claim.language) || 'en_US'; let imageThumbnail; if (Number(claim.fee) <= 0 && claim.source_media_type && claim.source_media_type.startsWith('image/')) { imageThumbnail = generateStreamUrl(claim.name, claim.claim_id); } const claimThumbnail = escapeHtmlProperty(claim.thumbnail_url) || imageThumbnail || `${URL}/public/v2-og.png`; // Allow for ovverriding default claim based og metadata const title = overrideOptions.title || claimTitle; const description = overrideOptions.description || claimDescription; let head = ''; head += ''; head += `${title}`; head += ``; if (claim.tags) { head += ``; } head += ``; head += ``; head += ``; head += ``; head += ``; head += ``; head += ``; head += ``; // below should be canonical_url, but not provided by chainquery yet head += ``; head += ``; head += ``; if ( claim.source_media_type && (claim.source_media_type.startsWith('video/') || claim.source_media_type.startsWith('audio/')) ) { const videoUrl = generateEmbedUrl(claim.name, claim.claim_id); head += ``; head += ``; head += ``; if (claim.channel) { head += ``; } head += ``; head += ``; if (claim.release_time) { var release = new Date(claim.release_time * 1000).toISOString(); head += ``; } if (claim.duration) { head += ``; } else if (claim.audio_duration) { head += ``; } if (claim.frame_width && claim.frame_height) { head += ``; head += ``; head += ``; head += ``; } } else { head += ``; } return head; } async function getClaimFromChainqueryOrRedirect(ctx, url, ignoreRedirect = false) { const { isChannel, streamName, channelName, channelClaimId, streamClaimId } = parseURI(url); const claimName = isChannel ? '@' + channelName : streamName; const claimId = isChannel ? channelClaimId : streamClaimId; const rows = await getClaim(claimName, claimId, channelName, channelClaimId); if (rows && rows.length) { const claim = rows[0]; if (claim.reposted_name && claim.reposted_claim_id && !ignoreRedirect) { ctx.redirect(`/${claim.reposted_name}:${claim.reposted_claim_id}`); return; } return claim; } return undefined; } let html; async function getHtml(ctx) { if (!html) { html = fs.readFileSync(path.join(__dirname, '/../dist/index.html'), 'utf8'); } const requestPath = decodeURIComponent(ctx.path); if (requestPath.length === 0) { const ogMetadata = buildBasicOgMetadata(); return insertToHead(html, ogMetadata); } const invitePath = `/$/${PAGES.INVITE}/`; const embedPath = `/$/${PAGES.EMBED}/`; if (requestPath.includes(invitePath)) { const inviteChannel = requestPath.slice(invitePath.length).replace(/:/g, '#'); const inviteChannelUrl = `lbry://${inviteChannel}`; try { parseURI(inviteChannelUrl); const claim = await getClaimFromChainqueryOrRedirect(ctx, inviteChannelUrl); const invitePageMetadata = buildClaimOgMetadata(inviteChannelUrl, claim, { title: `Join ${claim.name} on ${SITE_NAME}`, description: `Join ${claim.name} on ${SITE_NAME}, a content wonderland owned by everyone (and no one).`, }); return insertToHead(html, invitePageMetadata); } catch (e) { // Something about the invite channel is messed up // Enter generic invite metadata const invitePageMetadata = buildOgMetadata({ title: `Join a friend on ${SITE_NAME}`, description: `Join a friend on ${SITE_NAME}, a content wonderland owned by everyone (and no one).`, }); return insertToHead(html, invitePageMetadata); } } if (requestPath.includes(embedPath)) { const claimUri = requestPath.replace(embedPath, '').replace(/:/g, '#'); const claim = await getClaimFromChainqueryOrRedirect(ctx, claimUri, true); if (claim) { const ogMetadata = buildClaimOgMetadata(claimUri, claim); return insertToHead(html, ogMetadata); } return insertToHead(html); } if (!requestPath.includes('$')) { const claimUri = requestPath.slice(1).replace(/:/g, '#'); const claim = await getClaimFromChainqueryOrRedirect(ctx, claimUri); if (claim) { const ogMetadata = buildClaimOgMetadata(claimUri, claim); return insertToHead(html, ogMetadata); } } const ogMetadata = buildBasicOgMetadata(); return insertToHead(html, ogMetadata); } module.exports = { insertToHead, buildBasicOgMetadata, getHtml };