Fix default_theme to render all parameter properties.

    - Split the parameter property template portion into its own partial.
    - Have the new partial recursively call itself if there are sub-properties.

Author: MichelSimonot

src/default_theme/index._

@@ -97,7 +97,8 @@
             <%= renderSection({
               section: s,
               renderSection: renderSection,
-              renderSectionList: renderSectionList
+              renderSectionList: renderSectionList,
+              renderParamProperty: renderParamProperty
             }) %>
           <% } else { %>
             <div class='keyline-top-not py2'><%=renderNote({ note: s })%></div>

src/default_theme/index.js

@@ -22,12 +22,13 @@ module.exports = function(
   comments: Array<Comment>,
   config: DocumentationConfig
 ) {
-  var linkerStack = new LinkerStack(
-    config
-  ).namespaceResolver(comments, function(namespace) {
-    var slugger = new GithubSlugger();
-    return '#' + slugger.slug(namespace);
-  });
+  var linkerStack = new LinkerStack(config).namespaceResolver(
+    comments,
+    function(namespace) {
+      var slugger = new GithubSlugger();
+      return '#' + slugger.slug(namespace);
+    }
+  );
 
   var formatters = createFormatters(linkerStack.link);
 
@@ -98,6 +99,10 @@ module.exports = function(
     fs.readFileSync(path.join(__dirname, 'note._'), 'utf8'),
     sharedImports
   );
+  sharedImports.imports.renderParamProperty = _.template(
+    fs.readFileSync(path.join(__dirname, 'paramProperty._'), 'utf8'),
+    sharedImports
+  );
 
   var pageTemplate = _.template(
     fs.readFileSync(path.join(__dirname, 'index._'), 'utf8'),

src/default_theme/paramProperty._

@@ -0,0 +1,15 @@
+<tr>
+  <td class='break-word'><span class='code bold'><%- property.name %></span> <code class='quiet'><%= formatType(property.type) %></code>
+  <% if (property.default) { %>
+    (default <code><%- property.default %></code>)
+  <% } %></td>
+  <td class='break-word'><span><%= md(property.description, true) %></span></td>
+  <% if(property.properties && property.properties.length) { %>
+    <% property.properties.forEach(function(childProperty) { %>
+        <%= renderParamProperty({
+            property: childProperty,
+            renderParamProperty: renderParamProperty
+        }) %>
+    <% }) %>
+  <% } %>
+</tr>

src/default_theme/section._

@@ -66,13 +66,9 @@
             </thead>
             <tbody class='mt1'>
               <% param.properties.forEach(function(property) { %>
-                <tr>
-                  <td class='break-word'><span class='code bold'><%- property.name %></span> <code class='quiet'><%= formatType(property.type) %></code>
-                  <% if (property.default) { %>
-                    (default <code><%- property.default %></code>)
-                  <% } %></td>
-                  <td class='break-word'><span><%= md(property.description, true) %></span></td>
-                </tr>
+                <%- renderParamProperty({
+                  property: property
+                }) %>
               <% }) %>
             </tbody>
           </table>
@@ -137,16 +133,16 @@
 
   <% if (section.members.static && section.members.static.length) { %>
     <div class='py1 quiet mt1 prose-big'>Static Members</div>
-    <%= renderSectionList({ members: section.members.static, renderSection: renderSection, noun: 'Static Member' }) %>
+    <%= renderSectionList({ members: section.members.static, renderSection: renderSection, renderParamProperty: renderParamProperty, noun: 'Static Member' }) %>
   <% } %>
 
   <% if (section.members.instance && section.members.instance.length) { %>
     <div class='py1 quiet mt1 prose-big'>Instance Members</div>
-    <%= renderSectionList({ members: section.members.instance, renderSection: renderSection, noun: 'Instance Member' }) %>
+    <%= renderSectionList({ members: section.members.instance, renderSection: renderSection, renderParamProperty: renderParamProperty, noun: 'Instance Member' }) %>
   <% } %>
 
   <% if (section.members.events && section.members.events.length) { %>
     <div class='py1 quiet mt1 prose-big'>Events</div>
-    <%= renderSectionList({ members: section.members.events, renderSection: renderSection, noun: 'Event' }) %>
+    <%= renderSectionList({ members: section.members.events, renderSection: renderSection, renderParamProperty: renderParamProperty, noun: 'Event' }) %>
   <% } %>
 </section>

src/default_theme/section_list._

@@ -11,7 +11,8 @@
         <%= renderSection({
           section: member,
           renderSection: renderSection,
-	  nested: true
+          renderParamProperty: renderParamProperty,
+     	  nested: true
         }) %>
       </div>
     </div>