Re-factor ajax calls in docs

Author: Ian Egner

docs/js/docs.js

@@ -1,17 +1,5 @@
 var pug = require('pug')
 
-/**
- * On page load fetch the parameters via ajax
- * and save them to window object. Set up mixins object
- */
-$(document).ready(function () {
-  $.get('docs/pug/_parameters.pug', function (response) {
-    window.codeMixins = response
-  })
-
-  window.mixins = {}
-})
-
 /**
  * Show code blocks when a show code button is clicked
  * No JS Fallback: ✅ // Don't show code buttons if js is disabled
@@ -48,13 +36,9 @@ function openCode (component) {
     $component.find('.result').first().appendTo($html)
   }
 
-  $.get(schema.mixinPath || 'pug/components/_' + component + '.pug', function (mixin) {
-    window.mixins[component] = mixin
-
-    updateMixin(component, $component)
+  updateMixin(component, $component)
 
-    $component.removeClass('loading')
-  })
+  $component.removeClass('loading')
 }
 
 /**
@@ -136,7 +120,7 @@ function camelToTitle (camelCase) {
  */
 function renderEnum (params) {
   return pug.render(
-    window.codeMixins + '\n' +
+    window.components._parameters + '\n' +
     '+docs_select(name, title, id, description, options, selected)',
     params
   )
@@ -149,7 +133,7 @@ function renderEnum (params) {
  */
 function renderBoolean (params) {
   return pug.render(
-    window.codeMixins + '\n' +
+    window.components._parameters + '\n' +
     '+docs_radio(name, title, id, description, options, selected)',
     params
   )
@@ -162,7 +146,7 @@ function renderBoolean (params) {
  */
 function renderString (params) {
   return pug.render(
-    window.codeMixins + '\n' +
+    window.components._parameters + '\n' +
     '+docs_text(name, title, id, description, value)',
     params
   )
@@ -175,7 +159,7 @@ function renderString (params) {
  */
 function renderNumber (params) {
   return pug.render(
-    window.codeMixins + '\n' +
+    window.components._parameters + '\n' +
     '+docs_number(name, title, id, description, value, null, null, 1)',
     params
   )
@@ -188,7 +172,7 @@ function renderNumber (params) {
  */
 function renderJSON (params) {
   return pug.render(
-    window.codeMixins + '\n' +
+    window.components._parameters + '\n' +
     '+docs_json(name, title, id, description)' + '\n' +
     '  |' + JSON.stringify(params.value),
     params
@@ -320,7 +304,7 @@ function writeMixinCall (component, $component) {
  */
 function renderMixin (component, mixinCall) {
   return pug.render(
-    window.mixins[component] + '\n' + mixinCall,
+    window.components[component].mixin + '\n' + mixinCall,
     { pretty: '  ' }
   )
 }

gulpfile.js

@@ -149,6 +149,8 @@ gulp.task('pug', function () {
     data.menuLinks = buildMenu(data.menu, data.components)
   }
 
+  data.components._parameters = fs.readFileSync('./docs/pug/_parameters.pug', 'utf-8')
+
   var pkg = JSON.parse(fs.readFileSync('./package.json'))
   data.version = pkg.version
 
@@ -240,6 +242,7 @@ function extractComponent (component) {
   if (schema.params || schema.mixinPath) {
     try {
       mixin = fs.readFileSync(schema.mixinPath || './pug/components/_' + component + '.pug') + '\n'
+      schema.mixin = mixin
     } catch (e) {
       console.log(e)
     }

index.html

@@ -16,9 +16,7 @@
     "gulp-sass-lint": "^1.3.2",
     "gulp-standard": "^9.0.0",
     "gulp-webserver": "^0.9.1",
-
     "husky": "^0.13.2",
-
     "pug-lint": "^2.3.0",
     "sass-lint": "^1.10.2",
     "standard": "^9.0.2"
@@ -40,15 +38,10 @@
   "scripts": {
     "build": "gulp build",
     "lint": "gulp lint",
-
-
-
     "precommit": "npm test && gulp dist && git add dist && git add docs && git add index.html",
     "prepush": "npm test",
     "postmerge": "npm install && npm run build",
-
-    "test": "npm run lint",
-
+    "test": "npm run lint && npm run build",
     "start": "gulp"
   },
   "standard": {