Code Monkey home page Code Monkey logo

file-tree-alternative's Introduction

Obsidian File Tree Alternative Plugin

GitHub release (latest SemVer) GitHub all releases

The default file explorer of Obsidian has all files and folders in a single view. The File Tree Alternative plugin helps you to have separate views for folders and files.

The plugin is updated quiet regularly. You can see the details of each release using the following link Release Updates

Plugin Features

General

  • You can use Evernote view, which shows folders and file list at the same time. Or simply turn it off to have separate views. The plugin supports splitting the view horizontally or vertically. Make sure that you adjust the plugin settings accordingly.
  • You can use Ribbon Icon to activate the File Tree Leaf in case you close by mistake. You can turn off ribbon icon from the plugin settings. It will only work if you closed the plugin view accidentaly or on purpose to build it back.

Folder Pane Features

  • You can see the number of notes under each folder within the folders view. You have an option if you want to see the number for notes or number of all files. You can also turn this function off completely to remove counts from the display.

  • You can also focus in and out to a certain folder, which will help you to save space in the folder pane by either double clicking the folder name or using the context menu items:

Double Clicking again on the focused folder name will move focus to the parent folder.

  • The plugin remembers last expanded folders and last focused folder state to load for the following session in case you relaunch your vault.

  • You can define certain folder paths in plugin settings to exclude from main folder list. All subfolders are going to be excluded, as well.

  • You can turn on/off root folder within the file tree.

  • You can customize the folder icons. Check the available options from plugin settings:

  • You can expand/collapse all folders using the navigation buttons on the top.

File List Pane Features

  • The plugin lists all files including the files under sub-folders. You can turn off this option from plugin settings if you want to see only the files under the folder you selected. You can also turn on toggle button from the plugin settings and it'll include an additional button (looks like an eye) to toggle files under sub-folders. You can also toggle viewing direct or all files under a folder.

  • The plugin allows you to Pin your favorite files to the top. They are saved for the following sessions.

  • You can define certain file extensions in plugin settings to exclude from listing in file explorer.

  • You can star/unstar your files in case you have Starred plugin turned on.

  • You can drop external files into file list to add the files into current active folder path.

  • You can turn on Search feature from plugin settings to filter files with their names.

    • You can use all: syntax in search box to search files from all folders rather than the active folder.
    • You can use tag: syntax in search box to search files with tag. It will show all files with full or partial match.
  • You can fix the buttons and the header on the top of the file list. Not all themes are compatible with this option. You might need to add custom CSS to use this option effectively:

  • You can sort your files depending on your needs. Current options are File Name, File Size, Creation Time and Update Time. You can sort from both sides using Reverse Order button.

Style Settings

As of version 2.3.2, the plugin supports Custom Style Setings. To be able to use it, you need to install Style Settings plugin. You can customize the size, colors etc.

Sample Images

  • Single Folder View:

  • Pin to Top:

Sample Record

You can also checkout the Youtube video created by Antone Heyward explaining the functionalities of the plugin: Enhance The File Explorer File Tree Alternative Plugin

Contact

If you have any issue or you have any suggestion, please feel free to reach me out directly using contact page of my website ozan.pl/contact/ or directly to [email protected].

Support

If you are enjoying the plugin then you can support my work and enthusiasm by buying me a coffee:

Buy Me a Coffee at ko-fi.com

file-tree-alternative's People

Contributors

banus avatar ozntel avatar walkie avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

file-tree-alternative's Issues

Hints for icon buttons

While it is most obvious for the developer, it is really not clear what all the buttons without captions do. Hovering a cursor over one doe not display a hint label, like all native buttons in Obsidian do. This prevent me from experimenting — what happens if I press the X mark to the left of the folder? Does it delete the folder or removes it from the list, or does it do something else entirely? I don’t know.

[FR] Folder Zoom

So I posted a plugin idea in the forum which is basically from wanting a separate pane to view just one main folder and its subfolders. Like a zoom for folders

I think this could be done using your plugin if I choose in the options to exclude all other folders apart from the one I want to focus on but having to exclude each manually is quiet tedious. And if I want to focus on another main folder I'd have to exclude the current one then revoke the new one's exclusion.

Could there be an option to input a specific folder path instead? so only that folder will be seen in the plugin pane. (and possibly an easier option to switch focused folder)

I hope I explained it well and you could consider! I'm not really knowledgeable in tech stuff :< but I do find your plugin very helpful!

Slight lag

I think this plugin causes a slight periodic lag in typing. This disappears when I disable the plugin.

[Bug] Number arranged in alphabetical order

Normally, number are arranged by number, as : 1/2/3....n.
But, in the plugin, there are like text, and arranged by 1/10/11/12 - 2/20/21....
image
image
I use number to class my file, so it's a problem for me to have that. Maybe add a classification option?

allow display of file in root folder

Files in the root folder are not included in the file list nor are they included in search results, even if the "all:" syntax is used.

Maybe there could be a setting or toolbar button to toggle this?

[Enhancement] Add compatibility with Folder Note

For the moment, when clicked on a folder, it always "just" open it. But, it will be good to have the note opened if we use folder note (+ Open the folder).

The folder note always have the same name of the folder, if it can help.

Links are misplaced everywhere

I can't figure out why, but it happens too often and its weird
Links for other folders appear where you don't expect them

image

This is one example, as you can see in the image with the debug console, the "REIT" folder link appears there

The actual folder of "REIT" exists, like 50-60px below.
So it seems like in this case it got shifted up for some reason

[Enhancement request] Show Files in tree view

Hello,
first these is a cool project of you :)
i would like to request and option to toogle that the files get shown in the tree view instead of the second area and with that the disabling of the second area :)

Hope you can do these

Greetings

[Question / Feature Request] Split Folder Tree and File List

Hello @ozntel! Thank you for this great plugin. But when I started using it, I was hoping that the folder tree and the file list would be displayed in the sidebar separately, one above the other, rather than splitting the same display area.
Did I miss something? Is there any setting now for displaying folders and files in different display areas? If not, would you consider implementing such a feature in the next releases of your awesome plugin?

"Make A Copy" is missing

When I try to make a copy of the existing document with right-click on it I don't have an option to make a copy. If I disable Plugin, option is back.

[FR] Collapse/expand all folders at once

Could there be an option added to collapse/expand all the folders at once? It could be a right-click menu option so that only that folder you rightclicked and its subfolders will be affected by the action?

It could be like this:

  • Expand all folders
  • Collapse all folders
  • Expand all subfolders
  • Collapse all subfolders

Different sort criteria

Hello

Would it be possible to have an option to sort by different criteria?
At the moment, files are sorted by name. It would be very useful to be able to sort by "last changed", so that files that have been recently changed would be at the top of the list.

As far as I can see in the source, that should be quite easy to implement by changing name to something else:

sortedfileList = sortedfileList.sort((a, b) => a.name.localeCompare(b.name, 'en', { numeric: true }));

(and adding a UI for that option ofcourse)

Thank you for your hard work :)

What does the "Open File Tree Leaf" command do?

Hi,

I'm finding this really useful on iPad and iPhone: thank you!

I wanted to add a Left Sidebar icon to open the File Tree pane... I found the "Open File Tree Leaf" command - and added a button to invoke it using the Customizable Sidebar plugin.

But when I execute it, nothing visible happens.

I thought it might either load move open the File Tree view, or even do that and also jump to the open/active file. (Both of which would be useful - as independent commands)

Neither of those happens for me.

What should it do? Many thanks.

keyboard support?

Hi and thx for this great plugin

is it possible to ask for even limited keyboard support like the up/down keys to move forward and backwards in the file list?

best

Z

Show files without subfolders

If I understand this plugin correctly, files from all subfolders will be shown along with the files of the currently active folder if you're in the file view. Is there a way to only show the files of the currently active folder? For example, I have a few files in the root folder, but can never seem to find those because I see every file from everywhere. Is there a setting/toggle for this that I overlooked?

[Enhancement]: Make the Navigation bar static

Hi,

Will it be possible to make the Navigation bar static and be there even if I scroll down in the folder which has lots of notes.
Its really cumbersome when there are lots of notes in an folder and I have to scroll back to top to go back.

Thanks
Rahul

File / directory filtering

Some filtering options would be great. For instance:

  • filter out based on filename and regex
  • filter out directories based on name
  • allow user inputted maximum depth when displaying a certain dir and subdirs

The main motivation is that I put attachment in a /resources sub-dir in every one of my vault's directory, but I don't want the images showing up in the file tree

Control the height of the folder list area and the “evernote” like file list area

First, amazing plugin. So nicely done!

I don’t have many folders and would prefer to see more files listed. My request is to make the height of the sections in the view adjustable, so that I can display more files.

Of course drag and drop of the bar that separates the would be the nice, but even some value to set in settings, such a percentage of height, or lines to show in the explorer section, leaving the rest to be files.

Thanks!

Cannot drag a file into the Note

Dragging a file into a note does nothing. It does not link/embed it like the normal built in file browser does.
This has got to be a user error..

[Bug] Long folder name covers filenames

image
As you can see in the attached image, long folder names wraps around on top of the filenames. Maybe a nice solution could be to cut off the long folder name (and it'd show the full folder name when you hover over it).

[Enhancement] Allow manually reorder the files or folders

I hope there is such functionality to sort order the files or folders on our own preferences. For example, I could put the file "test" between "Untitled 5" and "Untitled Kanban ."
image

A similar function in marginnote may be a prototype.
CleanShot 2021-06-30 at 12 22 08@2x

Files missing in other plugins

Sorry for the double issue but I also noticed that the files can no longer be seen in other plugins:

  • Starred Files (Core plugin)
  • Recent Files (Community plugin)

Screen Shot 2021-06-11 at 11 28 41 AM

Screen Shot 2021-06-11 at 11 27 48 AM

Folders added into excluded folders via context menu doesn't appear in section in settings, files still visible

Great plugin, it is really useful.
Hoever I have a small problem.
Folders added into excluded folders via context menu doesn't appear in the section "Excluded folders" in settings,
and files contained in the excluded folders are still visible in the "preview" second window, when opening containing it folder

Below I exluded folder where I build pdf via Pandoc and TeX, all temporary files are still visible
image

Title Header is too light in light mode

This plugin looks really incredible and I can't wait to see your next update with it. I don't know if these changes will be made in your next release but I noticed that the title header is too light for light mode. I see that the class .oz-file-tree-header's color property is set to text-on-accent. I think setting it to text-normal would be better for both light and dark mode.

Screen Shot 2021-06-11 at 11 26 34 AM

[Enhancement] Could there be a toggle directly in the file-list to control show/hide files in sub-folders...

I came here to say thanks for this plugin, and please would you consider adding a button in the file listing, to directly turn off and on files in sub-folders...

It seems like there is space for a new button:

This would behave exactly the same as the setting "Include files from sub-folders to the file list" setting - but remove the need to break the flow to go in to the settings and back out again...

If you would be comfortable with having this but don't have time to do it, I would offer making this my first PR to a plugin, as I think lots of users would likely appreciate it.

It turns out I am echoing this comment from an earlier ticket:

Neat! That certainly helps! I wonder if it could be a quicker toggle than going all the way to the config? Hotkeyable, for example?

Originally posted by @Trinsec in #10 (comment)

Slight lag every few seconds when typing

Similarly to #39 I experience a slight lag every few seconds when typing. I had 71 plugins active and bisected it down to this one, disabling half of them each try.

Here's a screencast that shows it.

obsidian.mp4

[Feature] Enable Preview upon Hover/ Ctrl+Hover

I find hovering / ctrl+hovering to popup a preview of a note pretty important to my work. When I have many panes open, I don't want to clutter my workspace unless it's the note I want. If you could implement this that would be great!

Apologies if this was already requested, I wasn't able to find an issue covering this topic.

New Feature: Add more features to the Filter icon the File View pane

There is Filter, Search, and New Note icons in the toolbar under the File View pane.

Currently, the Filter command only do one thing which is to show disable filtering. Can you more options to the Filter command such as:

  • Show only markdown documents. (Show all .md files)
  • Show any files that is no markdown documents. (Show all assets)
  • Show audio only
  • Show image only
  • Show video only

Could there be a command equivalent to "Reveal active file in navigation"

Background

For the built in File Explorer, there is the command "Reveal active file in navigation" .

This is useful in situations where you have already opened a note, such as via "Quick Switcher", or "Recent Files", or following a link, or any other ways...

And then you want to see it in the Navigator, perhaps to open nearby files... There are many other reasons to do this.

The JetBrains IDEs call it "Select Open File" and it has a really convenient icon at the top of their Project view - which is their analog of the Navigator...

image

Request

For those who mainly use the File Tree - or switch often between Navigator and File Tree, depending on context, it would be really helpful to also have a command something like "Reveal active file in File Tree".

Suggested detail

This would do the following (in no particular order):

  • Load the File Tree pane
  • for the folder view:
    • Expand the folder view, to mark/select the folder containing the active file
    • Scroll the folder view, to ensure the selected folder is visible
  • for the file list:
    • Mark/select the name of the active file
    • Scroll the file list, to ensure the selected file is visible

I think effectively it's saying:

Whatever the contents of the File Tree looks like if someone has browsed to a folder and opened a file - that's what it should look like if someone opened the active file via a different route, and then said "Reveal active file in File Tree".

For the icon: A target-like icon for the new command - similar to the JetBrains image above - would be familiar to many users of the JetBrains tools.

[Enhancement] Little cross in search box

Hi Ozan, I installed the plug-in 2 days ago after Chetachi inadvertently drew my attention to it with a GIF she posted in the csschannel. I like this plug-in, find it a useful addition.

I use the search box regularly, and 1 thing I would like is to have a little cross to delete the search term easily, like in the main file explorer search box.

image

[Enhancement] Add data path for folder

If it's possible, as in the original file tree, add a way to add some specific CSS to a folder.
For example, in the original folder tree, I can add some icon with this css :

.nav-folder-title[data-path^="1. Archive"] .nav-folder-title-content::before
.nav-folder-title[data-path^="1. Archive/Fiches"] .nav-folder-title-content::before {

I can also change the icon for normal file, extern file with :

.nav-file-title[data-path*="10. Template/Templater"] .nav-file-title-content:only-child:before,
.search-result-collapse-indicator+span:before,
.nav-file-icon:before 

Hotkey doesn't work

I tried to assign different hotkeys to open file tree panel but it doesn't work.

Obsidian 0.12.15, mac os
File Tree Alternative 1.5.3

Folder name is not visible in themes with light editor pane and dark nav pane

When I use a CSS theme in which editor pane has lighter background color and file navigation pane has darker color such as Red Graphite or Dark Graphite Pie (light mode), folder name is not visible. File name has no problem. The color of folder name seems to be determined by --text-normal.
Is there any way to use your plugin with such themes?

Divider line reposition tolerance

It’s incredibly difficult to aim at a divider line between sections to reposition it. It requires 1px precision, which is barely humane. Please make it more usable, somewhat like 5px.

[Enhancement] UI Customizations

Hello @ozntel !

First of all, thank you very for this amazing plug-in. This is my first day using and I'm having a great time.

I saw the positive comments from the amazing @chetachiezikeuzor about this plug-in on Discord and I decide to give it a shot.

Since I use the fantastic ITS Theme from @SlRvb, which has a powerful customization settings, my suggestions is related to change the colors and decorations of the File Tree to match to customizations I made on ITS

I have some features suggestions for your appreciation. I hope you like!

1 Customization [+] [-]

A. Option to change the color of [+] and [-]

B. Option define to specific colors to [+] and [-]

C. Add a different background-color when hover
---> Option to customize the color

D. Option to change the color of the dashed - - - relationship line

Information: the Style Settings Plugin from @mgmeyers is a plugin used by many themes (ITS and Yin and Yang) as customization tool. Maybe is good ideia to use this for File Tree Alternative customizations

Would be a great combo with @Mara-Li suggestions! #6

2 Wrap Text

Wrap the name of long folder
Screen Shot 2021-06-13 at 15 58 48

3 File Extension on the right

Change the position of the file extension from external files makes the UI more pleasant
Screen Shot 2021-06-13 at 16 02 55

4 Tools on the Right Side of Vault name

A button to apply some features(utilities) in the folders. My 2 first features are:
Screen Shot 2021-06-13 at 16 47 06

1- collapse and uncollapse all
2- sort by lastest date modified

Thanks for reading this! Let me know if need any clarification about the items.

Have a great day!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.