mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-03-06 15:59:47 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add warning message upon console opening

Browse Source
This commit is contained in:
MartinBraquet
2025-10-18 12:49:36 +02:00
parent 204a35d026
commit b7b75279c2
2 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
common/src/envs/constants.ts
View File

@@ -24,7 +24,8 @@ export const LOCAL_BACKEND_DOMAIN = 'localhost:8088';
export const IS_GOOGLE_CLOUD = !!process.env.GOOGLE_CLOUD_PROJECT
export const IS_VERCEL = !!process.env.NEXT_PUBLIC_VERCEL
export const IS_LOCAL = !IS_GOOGLE_CLOUD && !IS_VERCEL
export const IS_DEPLOYED = IS_GOOGLE_CLOUD || IS_VERCEL
export const IS_LOCAL = !IS_DEPLOYED
export const HOSTING_ENV = IS_GOOGLE_CLOUD ? 'Google Cloud' : IS_VERCEL ? 'Vercel' : IS_LOCAL ? 'local' : 'unknown'
console.debug(`Running in ${HOSTING_ENV} (${ENV})`,);

26
web/pages/_document.tsx
View File

@@ -1,12 +1,12 @@
import { Html, Head, Main, NextScript } from 'next/document'
import { ENV_CONFIG } from 'common/envs/constants'
import {Head, Html, Main, NextScript} from 'next/document'
import {ENV_CONFIG, IS_DEPLOYED} from 'common/envs/constants'
import Script from 'next/script'
export default function Document() {
return (
<Html lang="en">
<Head>
<link rel="icon" href={ENV_CONFIG.faviconPath} />
<link rel="icon" href={ENV_CONFIG.faviconPath}/>
<link
// href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&display=swap"
href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;500;600;700&display=swap"
@@ -14,11 +14,25 @@ export default function Document() {
// href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
<Script src="/init-theme.js" strategy="beforeInteractive" />
<Script src="/init-theme.js" strategy="beforeInteractive"/>
{IS_DEPLOYED && <Script id="devtools-warning" strategy="afterInteractive" dangerouslySetInnerHTML={{
__html: `(() => { try {
const title = 'Hold Up!';
const msg1 = "If someone told you to copy/paste something here you have an 11/10 chance you're being scammed.";
const msg2 = 'Pasting anything in here could give attackers access to your Compass account.';
const msg3 = 'Unless you understand exactly what you are doing, close this window and stay safe.';
const styleText = 'font-size:24px;font-weight:700;padding:8px 12px;border-radius:4px;';
const styleTitle = 'color:#d32f2f;font-size:28px;font-weight:700;padding:8px 12px;border-radius:4px;';
console.log('%c' + title, styleTitle);
console.log('%c' + msg1, styleText);
console.log('%c' + msg2, styleTitle);
console.log('%c' + msg3, styleText);
} catch(e){} })();`
}}/>}
</Head>
<body className="body-bg text-ink-1000">
<Main />
<NextScript />
<Main/>
<NextScript/>
</body>
</Html>
)