Update format of page <title> tag (#128)

* Update format of page title tag

* filter out component title when page title includes it

* add optional ignoreCase param and enable for page title

* reuse the head-title partial for meta tags

---------

Co-authored-by: Cole Goldsmith <[email protected]>

Author: eric-schneider

src/helpers/includes.js

@@ -0,0 +1,10 @@
+'use strict'
+
+module.exports = (searchValue, start, ignoreCase = false) => {
+  if (!searchValue || !start) return false
+  if (ignoreCase && typeof searchValue === 'string' && typeof start === 'string') {
+    searchValue = searchValue.toLowerCase()
+    start = start.toLowerCase()
+  }
+  return start.includes(searchValue)
+}

src/partials/head-meta.hbs

@@ -10,7 +10,7 @@
     <meta property="og:site_name" content="DataStax Documentation">
     <meta property="og:type" content="article">
     <meta property="og:url" content="{{page.canonicalUrl}}">
-    <meta property="og:title" content="{{page.title}} :: {{site.title}}">
+    <meta property="og:title" content="{{> head-title}}">
     <meta property="og:description" content="{{page.description}}">
     <meta property="og:image" content="{{{site.url}}}{{{site.ui.url}}}/img/datastax-docs-banner.png">
     <meta property="og:image:type" content="image/png">
@@ -22,7 +22,7 @@
     <meta name="twitter:site" content="@datastax">
     <meta name="twitter:creator" content="@datastax">
     <meta name="twitter:url" content="{{page.canonicalUrl}}">
-    <meta name="twitter:title" content="{{page.title}} :: {{site.title}}">
+    <meta name="twitter:title" content="{{> head-title}}">
     <meta name="twitter:description" content="{{page.description}}">
     <meta name="twitter:image" content="{{{site.url}}}{{{site.ui.url}}}/img/datastax-docs-banner.png">
     <script type="application/ld+json">

src/partials/head-title.hbs

@@ -1 +1 @@
-    <title>{{{detag (or page.title defaultPageTitle)}}}{{#with site.title}} :: {{this}}{{/with}}</title>
+{{{detag (or page.title defaultPageTitle)}}}{{#with page.component.title}}{{#if (not (includes this (or ../page.title ../defaultPageTitle) true))}} | {{this}}{{/if}}{{/with}}{{#with site.title}} | {{this}}{{/with}}

src/partials/head.hbs

@@ -1,6 +1,6 @@
 
 {{> head-prelude}}
-{{> head-title}}
+<title>{{> head-title}}</title>
 {{> head-info}}
 {{> head-styles}}
 {{> head-meta}}