title: Using JsDoc3 for large apps, How to group modules into sections/categories/submodules
body: <p>I am working on an app which will become quite huge in time. I have decided to use <code>JsDoc3</code> and <code>DocStrap</code> to document all modules. Modules are defined via require.js and in some places they are nested up to 3 or 4 levels deep.</p>
  <p>Until now I understand that JsDoc documentation is split into four main sections: Modules, Classes, Tutorials, Globals. Each section has a header dropdown menu and a sidebar each of them listing all of the modules in linear fashion, alphabetically.</p>
  <p>I was wondering if there are options to display/group modules and Classes somehow to reflect the project structure. I saw a git repository that document all the classes with lots of slashes <code>module1/submodule1/class1</code>, but it feels really though to digest this type of navigation. Not to mention that the layout was having trouble with long titles overflowing from the sidebar.</p>
  <p>Currently I have a project layout similar to the schema from bellow. It's wide and deep and I expect it to grow further.</p>
  <pre><code>/Editor
  ---/Services
  ------/UI
  ------...
  ---...
  ---editorApp.js
  /Engine
  ---/Core
  ------/...
  ---/Entities
  ------/...
  ---/Graphics
  ------/...
  ---/...
  ...
  engine.js
  /Web
  ---/Services
  ------/UI
  ------...
  ---...
  ---webApp.js
  </code></pre>