yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: favicon, apple touch icon, etc not loaded from CDN

Browse Source
This commit is contained in:
Tom Moor
2023-03-11 14:10:13 -05:00
parent af0485fa12
commit 3eabb30949
2 changed files with 22 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
server/routes/app.ts
View File

@@ -65,7 +65,9 @@ export const renderApp = async (
const { shareId } = ctx.params;
const page = await readIndexFile();
const environment = `
window.env = ${JSON.stringify(presentEnv(env, options.analytics))};
<script>
window.env = ${JSON.stringify(presentEnv(env, options.analytics))};
</script>
`;
const entry = "app/index.tsx";
const scriptTags = isProduction
@@ -85,13 +87,14 @@ export const renderApp = async (
ctx.body = page
.toString()
.replace(/\/\/inject-env\/\//g, environment)
.replace(/\/\/inject-title\/\//g, escape(title))
.replace(/\/\/inject-description\/\//g, escape(description))
.replace(/\/\/inject-canonical\/\//g, canonical)
.replace(/\/\/inject-prefetch\/\//g, shareId ? "" : prefetchTags)
.replace(/\/\/inject-slack-app-id\/\//g, env.SLACK_APP_ID || "")
.replace(/\/\/inject-script-tags\/\//g, scriptTags);
.replace(/\{env\}/g, environment)
.replace(/\{title\}/g, escape(title))
.replace(/\{description\}/g, escape(description))
.replace(/\{canonical-url\}/g, canonical)
.replace(/\{prefetch\}/g, shareId ? "" : prefetchTags)
.replace(/\{slack-app-id\}/g, env.SLACK_APP_ID || "")
.replace(/\{cdn-url\}/g, env.CDN_URL || "")
.replace(/\{script-tags\}/g, scriptTags);
};
export const renderShare = async (ctx: Context, next: Next) => {

28
server/static/index.html
View File

@@ -1,36 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>//inject-title//</title>
<title>{title}</title>
<meta name="theme-color" content="#FFF" />
<meta name="slack-app-id" content="//inject-slack-app-id//" />
<meta name="slack-app-id" content="{slack-app-id}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="light dark" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="description" content="//inject-description//" />
<link rel="manifest" href="/static/manifest.webmanifest" />
<link
rel="canonical"
href="//inject-canonical//"
data-react-helmet="true"
/>
//inject-prefetch//
<meta name="description" content="{description}" />
<link rel="manifest" href="{cdn-url}/static/manifest.webmanifest" />
<link rel="canonical" href="{canonical-url}" data-react-helmet="true" />
{prefetch}
<link
rel="shortcut icon"
type="image/png"
href="/static/images/favicon-32.png"
href="{cdn-url}/static/images/favicon-32.png"
sizes="32x32"
/>
<link
rel="apple-touch-icon"
type="image/png"
href="/static/images/apple-touch-icon.png"
href="{cdn-url}/static/images/apple-touch-icon.png"
sizes="192x192"
/>
<link
rel="search"
type="application/opensearchdescription+xml"
href="/opensearch.xml"
href="{cdn-url}/opensearch.xml"
title="Outline"
/>
<style>
@@ -56,9 +52,7 @@
<body>
<div id="root"></div>
<script>
//inject-env//
</script>
{env}
<script>
if (
window.localStorage &&
@@ -71,6 +65,6 @@
.setAttribute("content", color);
}
</script>
//inject-script-tags//
{script-tags}
</body>
</html>