-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathhtml.js
118 lines (107 loc) · 3.65 KB
/
html.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
/* @flow */
import {config} from 'config'; // eslint-disable-line import/no-unresolved, import/extensions
import Helmet from 'react-helmet';
import React from 'react';
import {Analytics, WebFonts} from './components';
const {hostname, analyticsKey} = config;
const BUILD_TIME = new Date().getTime();
const Html = ({body}: {body: string}): React$Element<any> => {
const head = Helmet.rewind();
const attrs = head.htmlAttributes.toComponent();
return (
<html lang="en" {...attrs}>
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="initial-scale=1.0" />
<meta httpEquiv="Cache-Control" content="private" />
{head.title.toComponent()}
{head.meta.toComponent()}
<link
rel="apple-touch-icon"
sizes="180x180"
href={require('./static/apple-touch-icon.png')}
/>
<link
rel="icon"
type="image/png"
href={require('./static/favicon-32x32.png')}
sizes="32x32"
/>
<link
rel="icon"
type="image/png"
href={require('./static/favicon-16x16.png')}
sizes="16x16"
/>
<link
rel="manifest"
href={
// eslint-disable-next-line import/no-webpack-loader-syntax
require('!file?name=[name]-[hash].[ext]!./static/manifest.json') // eslint-disable-line import/no-unresolved
}
/>
<link
rel="mask-icon"
href={require('./static/safari-pinned-tab.svg')}
color="#ba4519"
/>
<link
rel="shortcut icon"
// eslint-disable-next-line import/no-webpack-loader-syntax, import/no-unresolved
href={require('!file?name=[name]-[hash].[ext]!./static/favicon.ico')}
/>
<link
rel="alternate"
href={`${hostname}/feed.xml`}
type="application/rss+xml"
title="Блог компании Anvilabs"
/>
{process.env.NODE_ENV !== 'development' && (
<link data-inline rel="stylesheet" href="/styles.css" />
)}
<meta name="apple-mobile-web-app-title" content="Anvilabs" />
<meta name="application-name" content="Anvilabs" />
<meta
name="msapplication-config"
content={
// eslint-disable-next-line import/no-webpack-loader-syntax
require('!file?name=[name]-[hash].[ext]!./static/browserconfig.xml') // eslint-disable-line import/no-unresolved
}
/>
<meta name="theme-color" content="#ffffff" />
<meta property="og:site_name" content="Anvilabs" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@anvilabs" />
{head.link.toComponent()}
</head>
<body>
<div
id="react-mount"
// eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{__html: body}}
/>
<Analytics writeKey={analyticsKey} />
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js" />
<WebFonts
config={
process.env.NODE_ENV === 'development'
? {
google: {
families: ['Roboto+Mono:300,400:cyrillic'],
},
}
: {
custom: {
families: ['Roboto Mono'],
urls: ['/fonts.css'],
},
}
}
/>
<script src={`/bundle.js?t=${BUILD_TIME}`} />
</body>
</html>
);
};
export default Html;