Update markdown parsing to allow wiki links

Any link inside a item detail page's markdown description which does
not have a URL will be assumed to be the name of an item covered by
Crafting Guide and an URL will be added to reference the appropiate
browse page.

src/coffee/controllers/item_page_controller.coffee

@@ -113,7 +113,7 @@ module.exports = class ItemPageController extends PageController
         return _.extend super,
             'click a.craftingPlan': 'routeLinkClick'
             'click .byline a':      'routeLinkClick'
-            'click .markdown':      'routeLinkClick'
+            'click .markdown a':    'routeLinkClick'
             'click button':         'craftingPlanButtonClicked'
 
     # Private Methods ##############################################################################
@@ -132,9 +132,9 @@ module.exports = class ItemPageController extends PageController
         description = @model.compileDescription()
         if description?
             @$descriptionPanel.html description
-            @show @$descriptionPanel
+            @show @$descriptionSection
         else
-            @hide @$descriptionPanel
+            @hide @$descriptionSection
 
     _refreshRecipes: ->
         @_recipeControllers ?= []

src/coffee/main.coffee

@@ -32,9 +32,10 @@ switch window.location.hostname
         global.env = 'production'
         logger.level = Logger.INFO
 
-global.router = new CraftingGuideRouter
+global.router   = new CraftingGuideRouter
-global.util   = require 'util'
+global.util     = require 'util'
-global.views  = views
+global.views    = views
+global.markdown = global.markdown.markdown
 
 global.feedbackController = new FeedbackController el:'.view__feedback'
 feedbackController.render()

src/coffee/models/item_page.coffee

@@ -8,6 +8,7 @@ All rights reserved.
 BaseModel    = require './base_model'
 CraftingPlan = require './crafting_plan'
 {Event}      = require '../constants'
+{Url}        = require '../constants'
 
 ########################################################################################################################
 
@@ -22,8 +23,33 @@ module.exports = class ItemPage extends BaseModel
 
     compileDescription: ->
         return null unless @item?.description?
-        description = _.parseMarkdown @item.description
+
-        return description
+        tree = markdown.parse @item.description, 'Maruku'
+        refs = tree[1].references
+
+        findLinkRefs = (node)=>
+            logger.debug "inspecting a #{node[0]}"
+            if node[0] is 'link_ref'
+                name = node[2]
+                logger.debug "found a link_ref for #{name}"
+                item = @modPack.findItemByName node[2]
+                if item?
+                    logger.debug "found related item: #{item}"
+                    node[0] = 'link'
+                    node[1].href = Url.item itemSlug:item.slug.item, modSlug:item.slug.mod
+                    delete node[1].ref
+            else
+                for index in [1...node.length]
+                    if _.isArray node[index]
+                        for child in node[index]
+                            logger.indent()
+                            findLinkRefs child
+                            logger.outdent()
+
+        findLinkRefs tree
+
+        html = markdown.renderJsonML markdown.toHTMLTree tree
+        return html
 
     findComponentInItems: ->
         return @_findRecipesMatching (recipe)=> recipe.requires @item.slug

src/scss/main.scss

@@ -75,6 +75,7 @@ $color-error-new:          #CD0000;
 $color-footer:             #3D1D09;
 $color-footer-text:        #FFFFFF;
 $color-link:               #0000FF;
+$color-link-subtle:        #545A99;
 $color-text:               #000000;
 
 // Z-Index Layers //////////////////////////////////////////////////////////////////////////////////

src/scss/markdown.scss

@@ -7,6 +7,16 @@ All rights reserved.
 
 .markdown {
 
+    a {
+        color: $color-link-subtle;
+        text-decoration: none;
+
+        &:hover {
+            color: $color-link;
+            text-decoration: underline;
+        }
+    }
+
     h1 {
         font-family: $font-family-normal;
         font-size: $font-size-large;