[docs] meta updates for search (#8142)

* update docs-page-shell, update page-shell; update page meta * Update react-page-shell.js * remove contentType from examples page * Update react-page-shell.js * Update react-page-shell.js
mapbox · Apr 22, 2019 · 2aaab27 · 2aaab27
1 parent b32d2ce
commit 2aaab27
Show file tree

Hide file tree

Showing 11 changed files with 152 additions and 34 deletions.
diff --git a/docs/components/example.js b/docs/components/example.js
@@ -66,6 +66,8 @@ ${html}
 
         render() {
             const {frontMatter} = this.props;
+            frontMatter.language = ['JavaScript'];
+            frontMatter.contentType = 'example';
             return (
                 <PageShell meta={frontMatter}>
                     <div className='relative prose'>

diff --git a/docs/components/markdown-page-shell.js b/docs/components/markdown-page-shell.js
@@ -14,6 +14,9 @@ class MarkdownPageshell extends React.Component {
         if (!meta.pathname) {
             meta.pathname = location.pathname;
         }
+        if (frontMatter.contentType) meta.contentType = frontMatter.contentType;
+        if (frontMatter.language) meta.language = frontMatter.language;
+        if (frontMatter.level) meta.level = frontMatter.level;
         return (
             <PageShell meta={meta} {...this.props}>
                 <div className="prose">

diff --git a/docs/components/page_shell.js b/docs/components/page_shell.js
@@ -217,7 +217,7 @@ class PageShell extends React.Component {
         };
 
         return (
-            <ReactPageShell darkHeaderText={true} includeFooter={false} {...this.props}>
+            <ReactPageShell site="Mapbox GL JS" darkHeaderText={true} includeFooter={false} {...this.props}>
                 <Helmet>
                     <link
                         rel="canonical"

diff --git a/docs/pages/api.js b/docs/pages/api.js
@@ -9,9 +9,11 @@ import LinkerStack from 'documentation/src/output/util/linker_stack';
 import ApiItem from '../components/api-item';
 
 const meta = {
-    title: 'Mapbox GL JS API',
+    title: 'API Reference',
     description: 'The Mapbox GL JS API documentation to render interactive maps from vector tiles and Mapbox styles.',
-    pathname: '/mapbox-gl-js/api'
+    pathname: '/mapbox-gl-js/api',
+    contentType: 'API',
+    lanaguage: ['JavaScript']
 };
 
 const linkerStack = new LinkerStack({})

diff --git a/docs/pages/examples.js b/docs/pages/examples.js
@@ -17,9 +17,10 @@ import AppropriateImage from '../components/appropriate-image';
 import imageConfig from '../img/dist/image.config.json'; // eslint-disable-line
 
 const meta = {
-    title: 'Mapbox GL JS Examples',
+    title: 'Examples',
     description: 'Code examples for Mapbox GL JS.',
-    pathname: '/examples'
+    pathname: '/examples',
+    lanaguage: ['JavaScript']
 };
 
 class ExamplesLandingPage extends React.PureComponent {

diff --git a/docs/pages/overview/index.md b/docs/pages/overview/index.md
@@ -6,6 +6,7 @@ prependJs:
   - "import Quickstart from '../../components/quickstart';"
   - "import {version} from '../../../package.json';"
 pathname: /mapbox-gl-js/overview/
+contentType: API
 ---
 
 {{

diff --git a/docs/pages/plugins.js b/docs/pages/plugins.js
@@ -7,7 +7,7 @@ import entries from 'object.entries';
 import IconText from '@mapbox/mr-ui/icon-text';
 
 const meta = {
-    title: 'Mapbox GL JS Plugins',
+    title: 'Plugins',
     description: 'Extend your Mapbox GL JS map with plugins.',
     pathname: '/mapbox-gl-js/plugins'
 };

diff --git a/docs/pages/style-spec.js b/docs/pages/style-spec.js
@@ -10,9 +10,10 @@ import ref from '../../src/style-spec/reference/latest';
 import Icon from '@mapbox/mr-ui/icon';
 
 const meta = {
-    title: 'Mapbox Style Specification',
+    title: 'Style Specification',
     description: 'This specification defines and describes the visual appearance of a map: what data to draw, the order to draw it in, and how to style the data when drawing it.',
-    pathname: '/mapbox-gl-js/style-spec'
+    pathname: '/mapbox-gl-js/style-spec',
+    contentType: 'specification'
 };
 
 const sourceTypes = ['vector', 'raster', 'raster-dem', 'geojson', 'image', 'video'];

diff --git a/vendor/docs-page-shell/page-shell-script.js b/vendor/docs-page-shell/page-shell-script.js
diff --git a/vendor/docs-page-shell/page-shell-styles.css b/vendor/docs-page-shell/page-shell-styles.css
@@ -496,7 +496,7 @@
   color: #4264fb !important;
 }
 .shell-wrapper .shell-color-gray {
-  color: #607d9c !important;
+  color: #5b7897 !important;
 }
 .shell-wrapper .shell-color-gray-dark {
   color: #273d56 !important;
@@ -555,7 +555,7 @@
   color: #314ccd !important;
 }
 .shell-wrapper .shell-color-gray-dark-on-hover:hover {
-  color: #273d56 !important;
+  color: #23374d !important;
 }
 
 /* ========================================================================== */