feat(plugins): Add dedicated plugin pages

Author: keithamus

.gitignore

@@ -20,3 +20,4 @@ _data
 chai.js
 _site
 .sass-cache
+plugins/*.md

_layouts/plugin.html

@@ -0,0 +1,44 @@
+---
+layout: default
+bodyClass: plugin
+---
+{% assign plugin = site.data.plugins[page.pluginName] %}
+<div id="plugin" class="row">
+  <div class="banner grid_4">
+    <div class="wrap">
+      <div class="title">
+        <h2 class="plain">{{ plugin.name }}</h2>
+      </div>
+      <div class="desc">{{ plugin.description }}</div>
+      <h3 class="link">
+        {% if plugin.repository.url contains "github.com" %}
+        <a href="https://{{ plugin.repository.url | replace: '[email protected]', 'github.com' | replace: 'git+ssh://', '' | replace: 'git+https://', '' | replace: 'git://', '' | replace: 'http://', '' | replace: 'https://', '' | replace: 'github.com:', 'github.com/' }}">
+          View the Project on GitHub
+          <span>{{ plugin.repository.url | split: 'github.com:' | last | split: 'github.com/' | last | replace: '.git', '' }}</span>
+        </a>
+        {% endif %}
+      </h3>
+      {% unless plugin.keywords contains 'browser-only' %}
+      <div class="platform supported">
+        <div class="icon">✓</div>
+        node.js supported
+        <pre><code>npm install {{ plugin.name }}</code></pre>
+      </div>
+      {% endunless %}
+      {% if plugin.keywords contains 'browser' %}
+      <div class="platform supported">
+        <div class="icon">✓</div>
+        browser supported
+      </div>
+      {% endif %}
+      <div class="people">
+        <div class="author">Project maintained by {{ plugin.author.name }}</div>
+      </div>
+    </div>
+  </div>
+  <div class="readme grid_8">
+    <div class="wrap">
+      {{ content }}
+    </div>
+  </div>
+</div>

_scripts/build-plugin-pages.js

@@ -0,0 +1,16 @@
+var fs = require('fs');
+var files = fs.readdirSync('_data/plugins');
+files.filter(function (file) {
+  return file.slice(-5) === '.json';
+}).forEach(function (file) {
+  try {
+    var name = file.slice(0, -5);
+    var pluginJson = JSON.parse(fs.readFileSync('_data/plugins/' + file, 'utf8'));
+    var contents = '---\nlayout: plugin\npermalink: plugins/' + name + '/\npluginName: ' + name + '\n---\n\n' + pluginJson.readme;
+    fs.writeFileSync(__dirname + '/../plugins/' + name + '.md', contents, 'utf8');
+    console.log('Wrote', 'plugins/' + file + '.md')
+  } catch(e) {
+    console.error(e.stack || e);
+    process.exit(1);
+  }
+});

plugins/index.html

@@ -19,7 +19,7 @@
     {% for plugin_hash in site.data.plugins %}
     {% assign plugin = plugin_hash[1] %}
     <article id="{{ plugin.name }}" class="grid_3 contrast plugin-box_s">
-      <a href="/plugins/{{ plugin.name }}" class="ablock">
+      <a href="{{ site.baseurl }}/plugins/{{ plugin.name }}" class="ablock">
         <div class="wrap">
           <h3 class="fancy">{{ plugin.name }}</h3>
           <p>{{ plugin.description }}</p>