scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-26 17:16:11 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Add flag for dynamic meta tags in the template

Browse source
This commit is contained in:
Paul Kaplan 2018-12-17 14:55:27 -05:00
parent ad4442a310
commit c768fab47d
3 changed files with 33 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/routes.json
View file

@ -167,7 +167,8 @@
"pattern": "^/projects(/editor|(/\\d+(/editor|/fullscreen|/embed)?)?)?/?(\\?.*)?$", "pattern": "^/projects(/editor|(/\\d+(/editor|/fullscreen|/embed)?)?)?/?(\\?.*)?$",
"routeAlias": "/projects/?$", "routeAlias": "/projects/?$",
"view": "preview/preview", "view": "preview/preview",
"title": "Scratch Project" "title": "Scratch Project",
"dynamicMetaTags": true
}, },
{ {
"name": "3faq", "name": "3faq",

54
src/template.ejs
View file

@ -8,23 +8,25 @@
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=<%= htmlWebpackPlugin.options.viewportWidth %>, initial-scale=1"> <meta name="viewport" content="width=<%= htmlWebpackPlugin.options.viewportWidth %>, initial-scale=1">
<title>Scratch - <%= htmlWebpackPlugin.options.title %></title>
<!-- Prevent mobile Safari from making phone numbers --> <!-- Prevent mobile Safari from making phone numbers -->
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<!-- Search & Open Graph--> <% if (!htmlWebpackPlugin.options.dynamicMetaTags) { %>
<meta name="description" content="<%= htmlWebpackPlugin.options.description %>" /> <title>Scratch - <%= htmlWebpackPlugin.options.title %></title>
<meta name="google-site-verification" content="m_3TAXDreGTFyoYnEmU9mcKB4Xtw5mw6yRkuJtXRKxM" />
<meta property="og:url" content="https://scratch.mit.edu/" /> <!-- Search & Open Graph-->
<meta property="og:type" content="website" /> <meta name="description" content="<%= htmlWebpackPlugin.options.description %>" />
<meta property="og:title" content="Scratch - <%= htmlWebpackPlugin.options.title %>" /> <meta name="google-site-verification" content="m_3TAXDreGTFyoYnEmU9mcKB4Xtw5mw6yRkuJtXRKxM" />
<meta property="og:description" content="<%= htmlWebpackPlugin.options.description %>" />
<meta property="og:image" content="<%- htmlWebpackPlugin.options.og_image %>" /> <meta property="og:url" content="https://scratch.mit.edu/" />
<meta property="og:image:type" content="<%- htmlWebpackPlugin.options.og_image_type %>" /> <meta property="og:type" content="website" />
<meta property="og:image:width" content="<%- htmlWebpackPlugin.options.og_image_width %>" /> <meta property="og:title" content="Scratch - <%= htmlWebpackPlugin.options.title %>" />
<meta property="og:image:height" content="<%- htmlWebpackPlugin.options.og_image_height %>" /> <meta property="og:description" content="<%= htmlWebpackPlugin.options.description %>" />
<meta property="og:image" content="<%- htmlWebpackPlugin.options.og_image %>" />
<meta property="og:image:type" content="<%- htmlWebpackPlugin.options.og_image_type %>" />
<meta property="og:image:width" content="<%- htmlWebpackPlugin.options.og_image_width %>" />
<meta property="og:image:height" content="<%- htmlWebpackPlugin.options.og_image_height %>" />
<% } %>
<!-- Favicon & CSS normalize --> <!-- Favicon & CSS normalize -->
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
@ -60,19 +62,21 @@
<script src="/<%= htmlWebpackPlugin.files.chunks[htmlWebpackPlugin.options.route.name].entry %>"></script> <script src="/<%= htmlWebpackPlugin.files.chunks[htmlWebpackPlugin.options.route.name].entry %>"></script>
<!-- Translate title element --> <!-- Translate title element -->
<script> <% if (!htmlWebpackPlugin.options.dynamicMetaTags) { %>
var loc = window._locale || 'en'; <script>
if (typeof window._messages !== 'undefined' && loc !== 'en') { var loc = window._locale || 'en';
if (typeof window._messages[loc] === 'undefined') { if (typeof window._messages !== 'undefined' && loc !== 'en') {
loc = loc.split('-')[0]; if (typeof window._messages[loc] === 'undefined') {
} loc = loc.split('-')[0];
if (typeof window._messages[loc] !== 'undefined') { }
var localizedTitle = window._messages[loc]['general.' + '<%= htmlWebpackPlugin.options.title %>'.toLowerCase()] || ''; if (typeof window._messages[loc] !== 'undefined') {
if (localizedTitle.length > 0) { var localizedTitle = window._messages[loc]['general.' + '<%= htmlWebpackPlugin.options.title %>'.toLowerCase()] || '';
document.title = 'Scratch - ' + localizedTitle; if (localizedTitle.length > 0) {
document.title = 'Scratch - ' + localizedTitle;
}
} }
} }
} </script>
</script> <% } %>
</body> </body>
</html> </html>

3
webpack.config.js
View file

@ -132,7 +132,8 @@ module.exports = {
return new HtmlWebpackPlugin(defaults({}, { return new HtmlWebpackPlugin(defaults({}, {
title: route.title, title: route.title,
filename: route.name + '.html', filename: route.name + '.html',
route: route route: route,
dynamicMetaTags: route.dynamicMetaTags
}, templateConfig)); }, templateConfig));
}) })
).concat([ ).concat([