m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-14 21:10:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

Moved telemetry code to script.

Browse Source
This commit is contained in:
Mike Cao 2022-08-02 00:24:17 -07:00
parent 3d7e9392f0
commit a4a6888248
4 changed files with 25 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/layout/Footer.js
View File

@ -1,15 +1,15 @@
import React from 'react'; import { useRouter } from 'next/router';
import Script from 'next/script';
import classNames from 'classnames'; import classNames from 'classnames';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import Link from 'components/common/Link'; import Link from 'components/common/Link';
import styles from './Footer.module.css'; import styles from './Footer.module.css';
import useStore from 'store/version'; import useStore from 'store/version';
import { HOMEPAGE_URL, REPO_URL } from 'lib/constants'; import { HOMEPAGE_URL, REPO_URL } from 'lib/constants';
import useConfig from 'hooks/useConfig';
export default function Footer() { export default function Footer() {
const { current } = useStore(); const { current } = useStore();
const { telemetryDisabled } = useConfig(); const { pathname } = useRouter();
return ( return (
<footer className={classNames(styles.footer, 'row')}> <footer className={classNames(styles.footer, 'row')}>
@ -30,7 +30,7 @@ export default function Footer() {
<div className={classNames(styles.version, 'col-12 col-md-4')}> <div className={classNames(styles.version, 'col-12 col-md-4')}>
<Link href={REPO_URL}>{`v${current}`}</Link> <Link href={REPO_URL}>{`v${current}`}</Link>
</div> </div>
{telemetryDisabled && <img src={`https://i.umami.is/a.png?v=${current}`} alt="" />} {!pathname.includes('/share/') && <Script src={`/telemetry.js?v=${current}`} />}
</footer> </footer>
); );
} }

1
lib/constants.js
View File

@ -9,6 +9,7 @@ export const SHARE_TOKEN_HEADER = 'x-umami-share-token';
export const HOMEPAGE_URL = 'https://umami.is'; export const HOMEPAGE_URL = 'https://umami.is';
export const REPO_URL = 'https://github.com/umami-software/umami'; export const REPO_URL = 'https://github.com/umami-software/umami';
export const UPDATES_URL = 'https://api.umami.is/v1/updates'; export const UPDATES_URL = 'https://api.umami.is/v1/updates';
export const TELEMETRY_PIXEL = 'https://i.umami.is/a.png';
export const DEFAULT_LOCALE = 'en-US'; export const DEFAULT_LOCALE = 'en-US';
export const DEFAULT_THEME = 'light'; export const DEFAULT_THEME = 'light';

13
next.config.js
View File

@ -56,14 +56,13 @@ module.exports = {
source: '/:path*', source: '/:path*',
headers, headers,
}, },
];
},
async rewrites() {
return [
{ {
source: `/(.*\\.js)`, source: '/telemetry.js',
headers: [ destination: '/api/scripts/telemetry',
{
key: 'Cache-Control',
value: 'public, max-age=2592000', // 30 days
},
],
}, },
]; ];
}, },

14
pages/api/scripts/telemetry.js Normal file
View File

@ -0,0 +1,14 @@
import { TELEMETRY_PIXEL } from 'lib/constants';
export default function handler(req, res) {
const { v } = req.query;
res.setHeader('content-type', 'text/javascript');
res.send(
`(() => {
const i = document.createElement('img');
i.setAttribute('src','${TELEMETRY_PIXEL}?v=${v}');
i.setAttribute('style','width:0;height:0;position:absolute;pointer-events:none;');
document.body.appendChild(i);
})();`,
);
}