Revamp plugin documentation & strip plugin publishing functionality (#…

…4305)

* Upgrade jsdom to 9.11.0

This version added read-only stub properties for clientWidth, offsetWidth, etc., so we need to use Object.defineProperty to override the new default value of 0.

* Fix failing unit test

* Revamp plugin documentation & strip plugin publishing functionality

* Make some design tweaks per @tristen's advice

* Reorganize & update plugins list

README.md

@@ -9,25 +9,12 @@ In addition to GL JS, this repository contains code, issues, and test fixtures t
 - [Examples](https://www.mapbox.com/mapbox-gl-js/examples/)
 - [Style documentation](https://www.mapbox.com/mapbox-gl-style-spec)
 - [Open source styles](https://github.com/mapbox/mapbox-gl-styles)
+- [Plugins](https://www.mapbox.com/mapbox-gl-js/plugins)
 - [Roadmap](https://www.mapbox.com/mapbox-gl-js/roadmap/)
 - [Contributor documentation](https://github.com/mapbox/mapbox-gl-js/blob/master/CONTRIBUTING.md)
 
 [<img width="981" alt="Mapbox GL gallery" src="https://cloud.githubusercontent.com/assets/281306/14547142/a3c98294-025f-11e6-92f4-d6b0f50c8e89.png">](https://www.mapbox.com/gallery/)
 
-## Mapbox-supported plugins
-
-* [mapbox-gl-draw](https://github.com/mapbox/mapbox-gl-draw) – Adds support for drawing and editing features on Mapbox GL JS maps
-* [mapbox-gl-filter-simplify](https://github.com/mapbox/mapbox-gl-filter-simplify) – Simplifies and complexifies filters in Mapbox GL Styles
-
-## Community-supported plugins
-
-These projects are maintained by the GL JS community. Feel free to open a PR add your own projects to this list. We :heart: third party projects!
-
- - [Typescript Definitions on DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/mapbox-gl)
- - [wtMapbox: Webtoolkit Integration](https://github.com/yvanvds/wtMapbox)
- - [deck.gl: Advanced WebGL visualization layers](https://github.com/uber/deck.gl)
- - [echartslayer: echarts extension for mapboxgl](https://github.com/lzxue/echartLayer)
-
 ## Using Mapbox with [CSP](https://developer.mozilla.org/en-US/docs/Web/Security/CSP)
 
 You may use a Content Security Policy to restrict the resources your page has

docs/_data/plugins.yml

@@ -0,0 +1,65 @@
+User Interface Plugins:
+  mapbox-gl-boundaries:
+    website: https://github.com/mapbox/mapbox-gl-boundaries
+    description: enables users to show/hide disputed borders
+  mapbox-gl-compare:
+    website: https://github.com/mapbox/mapbox-gl-compare
+    description: enables users to compare two maps by swpiping left and right
+    example: mapbox-gl-compare
+  mapbox-gl-draw:
+    website: https://github.com/mapbox/mapbox-gl-draw
+    description: adds support for drawing and editing features on Mapbox GL JS maps
+    example: mapbox-gl-draw
+  mapbox-gl-geocoder:
+    website: https://github.com/mapbox/mapbox-gl-geocoder
+    description: adds a Geocoder control to Mapbox GL JS
+    example: mapbox-gl-geocoder
+  mapbox-gl-directions:
+    website: https://github.com/mapbox/mapbox-gl-directions
+    description: adds a control which allows users to plot driving, walking, and cycling directions on the map
+    example: mapbox-gl-directions
+
+Map Rendering Plugins:
+  mapbox-gl-rtl-text:
+    website: https://github.com/mapbox/mapbox-gl-rtl-text
+    description: adds right-to-left text support to Mapbox GL JS
+  deck.gl:
+    website: https://github.com/uber/deck.gl
+    description: adds advanced WebGL visualization layers to Mapbox GL JS
+
+Framework Integrations:
+  echartslayer:
+    website: https://github.com/lzxue/echartLayer
+    description: provides an [echarts](https://ecomfe.github.io/echarts/index-en.html) integration for Mapbox GL JS
+  wtMapbox:
+    website: https://github.com/yvanvds/wtMapbox
+    description: provides a [Webtoolkit](https://www.webtoolkit.eu/wt) integration for Mapbox GL JS
+  react-mapbox-gl:
+    website: https://github.com/alex3165/react-mapbox-gl
+    description: provides a [React](https://facebook.github.io/react/) integration for Mapbox GL JS
+  angular-mapboxgl-directive:
+    website: https://github.com/Naimikan/angular-mapboxgl-directive
+    description: provides an [Angular](https://angularjs.org/) directive for Mapbox GL JS
+
+Utility Libraries:
+  turf:
+    website: http://turfjs.org/
+    description: provides advanced geospatial analysis tools
+  mapbox-gl-layer-groups:
+    website: https://github.com/mapbox/mapbox-gl-layer-groups
+    description: manages layer groups in Mapbox GL JS
+  simplespec-to-gl-style:
+    website: https://github.com/mapbox/simplespec-to-gl-style
+    description: converts GeoJSON styled with [`simplestyle-spec`](https://github.com/mapbox/simplestyle-spec/) to a Mapbox GL Style
+  mapbox-gl-supported:
+    website: https://github.com/mapbox/mapbox-gl-supported
+    description: determines if the current browser supports Mapbox GL JS
+    example: mapbox-gl-supported
+  mapbox-gl-sync-move:
+    website: https://github.com/mapbox/mapbox-gl-sync-move
+    description: syncs movement between two Mapbox GL JS maps
+
+Development Tools:
+  mapbox-gl-js-mock:
+    website: https://github.com/mapbox/mapbox-gl-js-mock
+    description: is a [mock](https://en.wikipedia.org/wiki/Mock_object) of Mapbox GL JS

docs/_includes/navigation.html

@@ -0,0 +1,15 @@
+<div class='pad2y'>
+  <nav class='contain z10 margin3 col9 fill-gradient space-bottom round small'>
+    <div class='col3 dark round-left keyline-right pad1 center truncate'>
+      <div class='pad0y'>
+        <span class='icon gl fill-lighten0 dot inline pad0'></span> Mapbox GL JS
+      </div>
+    </div>
+    <div class='col9 dark tabs mobile-cols pad1'><!--
+      --><a href='{{site.baseurl}}/api' class='col3 truncate{% if page.category == "api" %} active{% endif %}'>API</a><!--
+      --><a href='{{site.baseurl}}/style-spec' class='col3 truncate{% if page.category == "style-spec" %} active{% endif %}'>Style Specification</a><!--
+      --><a href='{{site.baseurl}}/examples' class='col3 truncate{% if page.category == "example" %} active{% endif %}'>Examples</a><!--
+      --><a href='{{site.baseurl}}/plugins' class='col3 truncate{% if page.category == "plugins" %} active{% endif %}'>Plugins</a>
+    </div>
+  </nav>
+</div>