machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

temporarily hardcode unfurl titles & descriptions

Browse Source
This commit is contained in:
Mononaut 2024-05-09 20:01:13 +00:00
parent dcdb9361e8
commit 91aa815d88
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
unfurler/src/index.ts
View File

@ -7,7 +7,7 @@ import { Cluster } from 'puppeteer-cluster';
import ReusablePage from './concurrency/ReusablePage';
import ReusableSSRPage from './concurrency/ReusableSSRPage';
import { parseLanguageUrl } from './language/lang';
import { matchRoute } from './routes';
import { matchRoute, networks } from './routes';
import nodejsPath from 'path';
import logger from './logger';
import { TimeoutError } from "puppeteer";
@ -336,12 +336,18 @@ class Server {
const matchedRoute = matchRoute(this.network, path);
let ogImageUrl = config.SERVER.HOST + (matchedRoute.staticImg || matchedRoute.fallbackImg);
let ogTitle = 'The Mempool Open Source Project®';
let ogDescription = 'Explore the full Bitcoin ecosystem with mempool.space';
const canonical = this.canonicalHost + rawPath;
if (matchedRoute.render) {
ogImageUrl = `${config.SERVER.HOST}/render/${lang || 'en'}/preview${path}`;
ogTitle = `${this.network ? capitalize(this.network) + ' ' : ''}${matchedRoute.networkMode !== 'mainnet' ? capitalize(matchedRoute.networkMode) + ' ' : ''}${matchedRoute.title}`;
} else {
ogTitle = networks[this.network].title;
}
if (matchedRoute.description) {
ogDescription = matchedRoute.description;
}
return `<!doctype html>
@ -350,7 +356,7 @@ class Server {
<meta charset="utf-8">
<title>${ogTitle}</title>
<link rel="canonical" href="${canonical}" />
<meta name="description" content="The Mempool Open Source Project&reg; - Explore the full Bitcoin ecosystem with mempool.space&reg;"/>
<meta name="description" content="${ogDescription}"/>
<meta property="og:image" content="${ogImageUrl}"/>
<meta property="og:image:type" content="image/png"/>
<meta property="og:image:width" content="${matchedRoute.render ? 1200 : 1000}"/>
@ -360,7 +366,7 @@ class Server {
<meta property="twitter:site" content="@mempool">
<meta property="twitter:creator" content="@mempool">
<meta property="twitter:title" content="${ogTitle}">
<meta property="twitter:description" content="Explore the full Bitcoin ecosystem with mempool.space"/>
<meta property="twitter:description" content="${ogDescription}"/>
<meta property="twitter:image:src" content="${ogImageUrl}"/>
<meta property="twitter:domain" content="mempool.space">
</head>
@ -420,6 +426,9 @@ process.on('SIGTERM', async () => {
});
function capitalize(str) {
if (str === 'onbtc') {
return 'ONBTC';
}
if (str && str.length) {
return str[0].toUpperCase() + str.slice(1);
} else {

17
unfurler/src/routes.ts
View File

@ -16,6 +16,7 @@ const agentSelector = function(_parsedURL: any) {
interface Match {
render: boolean;
title: string;
description: string;
fallbackImg: string;
staticImg?: string;
networkMode: string;
@ -234,14 +235,18 @@ const routes = {
},
};
const networks = {
export const networks = {
bitcoin: {
title: 'The Mempool Open Source Project®',
description: 'Explore the full Bitcoin ecosystem with The Mempool Open Source Project®. See the real-time status of your transactions, get network info, and more.',
fallbackImg: '/resources/previews/mempool-space-preview.jpg',
routes: {
...routes // all routes supported
}
},
liquid: {
title: 'The Mempool Open Source Project®',
description: 'Explore the full Bitcoin ecosystem with The Mempool Open Source Project®. See Liquid transactions & assets, get network info, and more.',
fallbackImg: '/resources/liquid/liquid-network-preview.png',
routes: { // only block, address & tx routes supported
block: routes.block,
@ -254,6 +259,8 @@ const networks = {
routes: {} // no routes supported
},
onbtc: {
title: 'National Bitcoin Office of El Salvador',
description: 'The National Bitcoin Office (ONBTC) of El Salvador under President @nayibbukele',
fallbackImg: '/resources/onbtc/onbtc-preview.jpg',
routes: { // only dynamic routes supported
block: routes.block,
@ -277,6 +284,7 @@ export function matchRoute(network: string, path: string, matchFor: string = 're
const match: Match = {
render: false,
title: '',
description: '',
fallbackImg: '',
networkMode: 'mainnet'
}
@ -292,6 +300,8 @@ export function matchRoute(network: string, path: string, matchFor: string = 're
let route = networks[network] || networks.bitcoin;
match.fallbackImg = route.fallbackImg;
match.title = route.title;
match.description = route.description;
// traverse the route tree until we run out of route or tree, or hit a renderable match
while (!route[matchFor] && route.routes && parts.length && route.routes[parts[0]]) {
@ -300,6 +310,9 @@ export function matchRoute(network: string, path: string, matchFor: string = 're
if (route.fallbackImg) {
match.fallbackImg = route.fallbackImg;
}
if (route.description) {
match.description = route.description;
}
}
// enough route parts left for title & rendering
@ -315,7 +328,7 @@ export function matchRoute(network: string, path: string, matchFor: string = 're
// apply the title function if present
if (route.getTitle && typeof route.getTitle === 'function') {
match.title = route.getTitle(parts);
} else {
} else if (route.title) {
match.title = route.title;
}