Press n or j to go to the next uncovered block, b, p or k for the previous block.
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 | import * as React from 'react'; import * as serialize from 'serialize-javascript'; const HTMLTemplate = ({ content, state, css, store, helmet }: any) => { return ( <html> <head> {helmet.title.toComponent()} <link rel="apple-touch-icon" sizes="57x57" href="/public/favicon/apple-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="60x60" href="/public/favicon/apple-icon-60x60.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/public/favicon/apple-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="76x76" href="/public/favicon/apple-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/public/favicon/apple-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="120x120" href="/public/favicon/apple-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/public/favicon/apple-icon-144x144.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/public/favicon/apple-icon-152x152.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/public/favicon/apple-icon-180x180.png" /> <link rel="icon" type="image/png" sizes="192x192" href="/public/favicon/android-icon-192x192.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/public/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="96x96" href="/public/favicon/favicon-96x96.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/public/favicon/favicon-16x16.png" /> <meta name="msapplication-TileColor" content="#ffffff" /> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta httpEquiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="manifest" href="/public/manifest.json" /> <link rel="stylesheet" type="text/css" href="/dist/browser.css" /> <script src="/dist/browser.js" defer={true} /> {/*styles*/} {css} </head> <body> <div id="root" dangerouslySetInnerHTML={{ __html: content }} /> <script dangerouslySetInnerHTML={{ __html: `window.__APOLLO_STATE__=${JSON.stringify(state).replace( /</g, '\\u003c', )};`, }} /> <script dangerouslySetInnerHTML={{ __html: `window.__REDUX_STATE__=${serialize(store.getState())}`, }} /> </body> </html> ); }; export default HTMLTemplate; |