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}}
 <p>
-Here are the supported chrome.* APIs:
+Here are the supported chrome.* APIs stable since the Chrome version.

[mkearney1, 2013/11/01 17:15:37]

Move this <p> after <h3>.

[hukun, 2013/11/04 11:07:26]

Done

 </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>
+<h3 id="stable_apis">
+Stable APIs
+</h3>
+<table>
+  <tr><th>Name</th><th>Description</th><th>Chrome Version</th></tr>

[not at google - send to devlin, 2013/11/02 00:31:48]

I think just "Since" looks better than "Chrome Version".

[hukun, 2013/11/04 11:07:26]

Done

+  {{#stable_apis}}
+   <tr>
+     <td><a href="{{name}}.html">{{name}}</a></td>
+     <td>{{{description}}}</td>
+     <td>{{version}}</td>
+   </tr>
+  {{/stable_apis}}
+</table>
+{{/}}
 
+{{?beta_apis}}
+<p>
+Here are the supported chrome.* APIs available in Chrome Beta only.

[mkearney1, 2013/11/01 17:15:37]

Move this <p> after <h3>.

[hukun, 2013/11/04 11:07:26]

Done.

+</p>
+
+<h3 id="beta_apis">

[mkearney1, 2013/11/01 17:15:37]

Can we have a sentence here: "Here are the supported chrome.* APIs available in
Chrome Beta only." And have it only appear if the table exists?

[hukun, 2013/11/04 11:07:26]

Yes, it should be. I worked well on my local machine. Do you see this sentence
appear when beta table is not shown?

+Beta APIs
+</h3>
+<table>
+  <tr><th>Name</th><th>Description</th></tr>
+  {{#beta_apis}}
+   <tr>
+     <td><a href="{{name}}.html">{{name}}</a></td>
+     <td>{{{description}}}</td>
+   </tr>
+  {{/}}
+</table>
+{{/}}
+
+{{?dev_apis}}
+<p>
+Here are the supported chrome.* APIs available in Chrome Dev only.
+</p>

[mkearney1, 2013/11/01 17:15:37]

Move this <p> to come after <h3>

[hukun, 2013/11/04 11:07:26]

Done

+
+<h3 id="dev_apis">
+Dev APIs
+</h3>
+<table>
+  <tr><th>Name</th><th>Description</th></tr>
+  {{#dev_apis}}
+   <tr>
+     <td><a href="{{name}}.html">{{name}}</a></td>
+     <td>{{{description}}}</td>
+   </tr>
+  {{/}}
+</table>
+{{/}}

[not at google - send to devlin, 2013/11/02 00:31:48]

what about trunk?

perhaps pull this the table into its own template file, passing in the API list,
like:

=== api_table.html ===
<table>
...
{{#apis}}
...
{{/apis}}
</table>

then use here like

{{+api_table apis:beta_apis}}
{{+api_table apis:dev_apis}}
{{+api_table apis:trunk_apis}}
{{+api_table apis:experimental_apis}}

or similar.

[hukun, 2013/11/04 11:07:26]

Done

 <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>