list apis by channel info, e.g. dev, stable

chrome/common/extensions/docs/templates/articles/api_index.html

 <h1 class="page_title">Chrome Platform APIs</h1>
-{{?is_apps}}
 <p class="doc-family apps">
 Chrome provides many special-purpose APIs like
 <code>chrome.runtime</code> and <code>chrome.alarms</code>
 to Chrome Apps.
 </p>
-{{:is_apps}}
-<p class="doc-family extensions">
-Chrome provides APIs such as
-<code>chrome.bookmarks</code> and <code>chrome.tab</code>
-so that extensions can interact with the browser.
-</p>
-{{/is_apps}}
 
 <h2 id="supported">Supported APIs</h2>
+{{?stable_apis}}
+<h3 id="stable_apis">

[not at google - send to devlin, 2013/11/05 01:02:02]

Let's kill the "Supported APIs" header and make each of the "Stable", "Beta",
and "Dev" APIs a <h2> rather than a <h3>

[hukun, 2013/11/06 08:56:19]

Done

+Stable APIs
+</h3>
+<p>
+Here are the supported chrome.* APIs stable since the Chrome version.
+</p>
+{{+partials.api_table apis:stable_apis is_stable:true}}
+{{/}}
+
+{{?beta_apis}}
+<h3 id="beta_apis">
+Beta APIs
+</h3>
+<p>
+Here are the supported chrome.* APIs available in Chrome Beta only.
+</p>
+{{+partials.api_table apis:beta_apis is_stable:false}}
+{{/}}
+
+{{?dev_apis}}
+<h3 id="dev_apis">
+Dev APIs
+</h3>
 
 <p>
-Here are the supported chrome.* APIs:
+Here are the supported chrome.* APIs available in Chrome Dev only.
 </p>
-
-<ul>
-  {{?is_apps}}
-  {{#api_list.apps.chrome}}
-  <li><a href="{{name}}.html">{{name}}</a></li>
-  {{/api_list.apps.chrome}}
-  {{:is_apps}}
-  {{#api_list.extensions.chrome}}
-  <li><a href="{{name}}.html">{{name}}</a></li>
-  {{/api_list.extensions.chrome}}
-  {{/is_apps}}
-</ul>
-
+{{+partials.api_table apis:dev_apis is_stable:false}}
+{{/}}
 <h2 id="experimental">Experimental APIs</h2>
 
 <p>
 Chrome also has
 <a href="experimental.html">experimental APIs</a>,
 some of which will become supported APIs
 in future releases of Chrome.
 </p>
 
 <h2 id="conventions">API conventions</h2>
 
 <p>
 Unless the doc says otherwise,
 methods in the chrome.* APIs are <b>asynchronous</b>:
 they return immediately,
 without waiting for the operation to finish.
 If you need to know the outcome of an operation,
 then you pass a callback function into the method.
 For more information, watch this video:
 </p>
 
 <p class="doc-family extensions">
 <iframe title="YouTube video player" width="640" height="390" src="//www.youtube.com/embed/bmxr75CV36A?rel=0" frameborder="0" allowfullscreen></iframe>
 </p>