diff --git a/web/src/html.js b/web/src/html.js index de6384012..44870c89e 100644 --- a/web/src/html.js +++ b/web/src/html.js @@ -15,8 +15,6 @@ const { parseURI } = require('lbry-redux'); const fs = require('fs'); const path = require('path'); -let html = fs.readFileSync(path.join(__dirname, '/../dist/index.html'), 'utf8'); - function insertToHead(fullHtml, htmlToInsert) { return fullHtml.replace( /.*/s, @@ -155,8 +153,10 @@ async function getClaimFromChainquery(url) { } async function getHtml(ctx) { - const path = decodeURIComponent(ctx.path); - if (path.length === 0) { + const 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); } @@ -164,7 +164,7 @@ async function getHtml(ctx) { const invitePath = `/$/${PAGES.INVITE}/`; const embedPath = `/$/${PAGES.EMBED}/`; - if (path.includes(invitePath)) { + if (requestPath.includes(invitePath)) { const inviteChannel = path.slice(invitePath.length).replace(/:/g, '#'); const inviteChannelUrl = `lbry://${inviteChannel}`; @@ -188,8 +188,8 @@ async function getHtml(ctx) { } } - if (path.includes(embedPath)) { - const claimUri = path.replace(embedPath, '').replace(/:/g, '#'); + if (requestPath.includes(embedPath)) { + const claimUri = requestPath.replace(embedPath, '').replace(/:/g, '#'); const claim = await getClaimFromChainquery(claimUri); if (claim) { @@ -200,8 +200,8 @@ async function getHtml(ctx) { return insertToHead(html); } - if (!path.includes('$')) { - const claimUri = path.slice(1).replace(/:/g, '#'); + if (!requestPath.includes('$')) { + const claimUri = requestPath.slice(1).replace(/:/g, '#'); const claim = await getClaimFromChainquery(claimUri); if (claim) { diff --git a/web/webpack.config.js b/web/webpack.config.js index 6dd0bd30c..f97bee414 100644 --- a/web/webpack.config.js +++ b/web/webpack.config.js @@ -6,7 +6,7 @@ const baseConfig = require('../webpack.base.config.js'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const { DefinePlugin, ProvidePlugin } = require('webpack'); const SentryWebpackPlugin = require('@sentry/webpack-plugin'); -// const { insertToHead, buildBasicOgMetadata } = require('./src/html'); +const { insertToHead, buildBasicOgMetadata } = require('./src/html'); const CUSTOM_ROOT = path.resolve(__dirname, '../custom/'); const STATIC_ROOT = path.resolve(__dirname, '../static/'); @@ -20,9 +20,9 @@ const copyWebpackCommands = [ { from: `${STATIC_ROOT}/index-web.html`, to: `${DIST_ROOT}/index.html`, - // transform(content, path) { - // return insertToHead(content.toString(), buildBasicOgMetadata()); - // }, + transform(content, path) { + return insertToHead(content.toString(), buildBasicOgMetadata()); + }, }, { from: `${STATIC_ROOT}/img/favicon.png`,