ppfun/pixelplanet
13
Fork 18
Code Issues 24 Pull Requests Releases 2 Activity

Set browser theme-color according to selected cavnas.

Browse Source 
Add meta tag to stop google-read-aloud bot
This commit is contained in:
HF 2022-06-29 19:52:58 +02:00
parent 16da4fc4d3
commit abeeccda88
3 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/ssr-components/Html.jsx
View File

@ -29,6 +29,8 @@ const Html = ({
<head> <head>
<meta charSet="utf-8" /> <meta charSet="utf-8" />
<meta httpEquiv="x-ua-compatible" content="ie=edge" /> <meta httpEquiv="x-ua-compatible" content="ie=edge" />
<meta name="google" content="nopagereadaloud" />
<meta name="theme-color" content="#cae3ff" />
<title>{title}</title> <title>{title}</title>
<meta name="description" content={description} /> <meta name="description" content={description} />
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" />

1
src/ssr-components/Main.jsx
View File

@ -73,7 +73,6 @@ function generateMainPage(lang: string): string {
css={css} css={css}
// eslint-disable-next-line max-len // eslint-disable-next-line max-len
code={`window.ssv=JSON.parse('${JSON.stringify(ssvR)}');`} code={`window.ssv=JSON.parse('${JSON.stringify(ssvR)}');`}
useCaptcha
/>, />,
); );

21
src/store/rendererHook.js
View File

@ -3,11 +3,26 @@
* *
*/ */
/*
* set theme-color meta tag that sets the color
* of address bars on phones
*/
/*
* hooks for rendering
*/
import { import {
getRenderer, getRenderer,
initRenderer, initRenderer,
} from '../ui/renderer'; } from '../ui/renderer';
function setThemeColorMeta(r, g, b) {
const metaThemeColor = document.querySelector('meta[name=theme-color]');
if (metaThemeColor) {
metaThemeColor.setAttribute('content', `rgb(${r}, ${g}, ${b})`);
}
}
export default (store) => (next) => (action) => { export default (store) => (next) => (action) => {
const { type } = action; const { type } = action;
@ -48,7 +63,11 @@ export default (store) => (next) => (action) => {
case 'SELECT_CANVAS': case 'SELECT_CANVAS':
case 'RECEIVE_ME': { case 'RECEIVE_ME': {
const renderer = getRenderer(); const renderer = getRenderer();
const { is3D } = state.canvas; const { is3D, palette } = state.canvas;
const [r, g, b] = palette.rgb;
setThemeColorMeta(r, g, b);
if (is3D === renderer.is3D) { if (is3D === renderer.is3D) {
renderer.updateCanvasData(state); renderer.updateCanvasData(state);
} else { } else {