LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Packages Projects Releases 238 Wiki Activity

Merge pull request #2546 from lbryio/2410-meta-tags

Browse source 
Dynamic meta tags for content
This commit is contained in:
Sean Yesmunt 2019-07-29 09:34:33 -04:00 committed by GitHub
parent f532ba0d8b e94790853a
commit 0b9956c9bf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 67 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
src/platforms/web/server.js
View file

@ -1,12 +1,76 @@
const { readFileSync } = require('fs');
const express = require('express');
const fetch = require('node-fetch');
const path = require('path');
const app = express();
const port = 1337;
const headRegex = /(<head>).*(<\/head>)/g;
app.use(express.static(__dirname));
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, '/index.html'));
app.get('*', async (req, res) => {
let finalHtml = '';
let identifier = req.url.split('/').pop();
let isAppPage = req.url.includes('/$/');
let isChannel = req.url.includes('/@');
let queryUrl = '';
switch (true) {
case isAppPage:
return res.sendFile(path.join(__dirname, '/index.html'));
case isChannel:
queryUrl = `https://chainquery.lbry.io/api/sql?query=SELECT channel.name as channel, claim.name, claim.description, claim.language, claim.thumbnail_url, claim.title FROM claim left join claim channel on claim.publisher_id = channel.claim_id where claim.claim_id="${identifier}"`;
break;
default:
// isContentPage
queryUrl = `https://chainquery.lbry.io/api/sql?query=SELECT * FROM claim where claim_id="${identifier}"`;
break;
}
[finalHtml] = await Promise.all([
fetch(queryUrl)
.then(response => response.json())
.then(claim => {
if (!claim.success || !claim.data[0]) {
return path.join(__dirname, '/index.html');
}
claim = claim.data[0];
// const claimAuthor = claim.channel_name ? claim.channel_name : 'Anonymous'; // Currently unable to get creator name
const claimDescription =
claim.description && claim.description.length > 0 ? claim.description : `Watch ${claim.title} on LBRY.tv`;
const claimLanguage = claim.language || 'en_US';
const claimThumbnail = claim.thumbnail_url || '/og.png';
const claimTitle = `${claim.title} on LBRY.tv` || 'LBRY.tv'; // `${claim.title} from ${claimAuthor} on LBRY.tv`;
const claimUrl =
`https://beta.lbry.tv/${claim.name}${claim.claim_id ? `/${claim.claim_id}` : ''}` || 'https://beta.lbry.tv';
// This comment was inlined and preventing the rest of the script to load
const indexHtml = readFileSync(path.join(__dirname, '/index.html'), 'utf8')
.replace(/\s\s/gm, '')
.replace(/>\s</gm, '><')
.replace('// Use relative path if we are in electron', '');
let finalTags = '';
finalTags += '<meta charset="utf8"/>';
finalTags += `<meta name="description" content="${claimDescription}"/>`;
finalTags += `<meta name="keywords" content="${claim.tags ? claim.tags.toString() : ''}"/>`;
finalTags += `<meta name="twitter:image" content="${claimThumbnail}"/>`;
finalTags += `<meta property="og:description" content="${claimDescription}"/>`;
finalTags += `<meta property="og:image" content="${claimThumbnail}"/>`;
finalTags += `<meta property="og:locale" content="${claimLanguage}"/>`;
finalTags += `<meta property="og:site_name" content="LBRY.tv"/>`;
finalTags += `<meta property="og:type" content="website"/>`;
finalTags += `<meta property="og:url" content="${claimUrl}"/>`;
finalTags += `<title>${claimTitle}</title>`;
return indexHtml.replace(indexHtml.match(headRegex)[0], finalTags);
}),
]);
res.send(finalHtml);
});
app.listen(port, () => console.log(`UI server listening at http://localhost:${port}`));

2
static/index.html
View file

@ -8,7 +8,7 @@
<!-- @if TARGET='web' -->
<title>lbry.tv</title>
<meta property="og:url" content="https://beta.lbry.tv" />
<meta property="og:title" content="LBRY On The Web" />
<meta property="og:title" content="LBRY.tv" />
<meta property="og:description" content="All your favorite LBRY content in your browser." />
<meta property="og:image" content="/og.png" />
<!-- @endif -->