<h1 id="11-better-tree-view">11 Better Tree View<a aria-hidden="true" class="anchor-heading icon-link" href="#11-better-tree-view"></a></h1>
<h2 id="overview">Overview<a aria-hidden="true" class="anchor-heading icon-link" href="#overview"></a></h2>
<ul>
<li>status: draft</li>
</ul>
<h2 id="goals">Goals<a aria-hidden="true" class="anchor-heading icon-link" href="#goals"></a></h2>
<p>Create better tree view experience </p>
<h2 id="context">Context<a aria-hidden="true" class="anchor-heading icon-link" href="#context"></a></h2>
<p>The current tree view is built using VSCode's tree view component. This limits customization of the tree view and makes certain features like drag-and-drop impossible to implement natively. </p>
<h2 id="proposal">Proposal<a aria-hidden="true" class="anchor-heading icon-link" href="#proposal"></a></h2>
<p>Implement the Dendron tree view as a web view. </p>
<h2 id="details">Details<a aria-hidden="true" class="anchor-heading icon-link" href="#details"></a></h2>
<h2 id="iteration">Iteration<a aria-hidden="true" class="anchor-heading icon-link" href="#iteration"></a></h2>
<h3 id="phase-i---migrate-existing-functionality">Phase I - Migrate existing functionality<a aria-hidden="true" class="anchor-heading icon-link" href="#phase-i---migrate-existing-functionality"></a></h3>
<ul class="contains-task-list">
<li>due: May 2021

</li>
<li class="task-list-item"><input type="checkbox" disabled> migrate existing tree view functionality into web view
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" disabled> click top open</li>
<li class="task-list-item"><input type="checkbox" disabled> navigate and reveal</li>
<li class="task-list-item"><input type="checkbox" disabled> toggle all </li>
<li class="task-list-item"><input type="checkbox" disabled> open stub </li>
<li class="task-list-item"><input type="checkbox" disabled> display schema hints</li>
</ul>
</li>
</ul>
<h3 id="phase-ii---add-new-functionality">Phase II - Add new functionality<a aria-hidden="true" class="anchor-heading icon-link" href="#phase-ii---add-new-functionality"></a></h3>
<ul class="contains-task-list">
<li>due: June 2021

</li>
<li class="task-list-item"><input type="checkbox" disabled> drag and drop images</li>
<li class="task-list-item"><input type="checkbox" disabled> drag and drop arbitrary files,  see <a href="https://github.com/dendronhq/dendron/issues/575">issue</a></li>
</ul>
<h2 id="example">Example<a aria-hidden="true" class="anchor-heading icon-link" href="#example"></a></h2>
<h2 id="tradeoffs">Tradeoffs<a aria-hidden="true" class="anchor-heading icon-link" href="#tradeoffs"></a></h2>
<h2 id="discussion">Discussion<a aria-hidden="true" class="anchor-heading icon-link" href="#discussion"></a></h2>
<hr>
<strong>Backlinks</strong>
<ul>
<li><a href="/notes/f143ca38-dcc6-4cd3-b84b-997aec1160ef">Rfc</a></li>
</ul>

11 Better Tree View

dendron.dendron.docs


Welcome to the Dendron Developer Docs 

This contains all packages used in [Dendron](https://github.com/dendronhq/dendron).

The docs are organized into the following hierarchies:
- [[Development|dendron://dendron.docs/dev]] (`dev.*`): general development docs 
- [[Packages|dendron://dendron.docs/pkg]] (`pkg.*`): package specific docs
- [[Rfc|dendron://dendron.docs/rfc]] (`rfc.*`): proposals of new features from the Dendron Team and Community
