Inkdrop - sidetoc v1.16.0 Release

Inkdrop

https://inkdrop.app

Work with developer-focused features
With its high customizability, extensibility and 100+ plugins, it will stick with your workflow and improve your productivity.

I have moved between various note-taking apps (memo management), but I feel like I have finally settled on Inkdrop. It is designed for developers, and the fact that you can customize every little detail to your liking using JS and styles on Electron is very appealing.

There are many official and community plugins, and the Vim Plugin, which ranks first in downloads, is particularly attractive.

When I first started using it, I hesitated to continue because I could not accept the rendering on Windows, but I have now been a paid user for two full years since I managed to reach a satisfying state by adjusting the fonts and styles.

sidetoc

There was a feature I had wanted for a long time in various note-taking apps, not just Inkdrop. It is the table of contents in the sidebar that you often see on websites (there should be one on the right side of this page as well). This is particularly noticeable when taking meeting minutes; even if you add headers (#) for each agenda item, it becomes difficult to grasp where everything is written once the number of lines grows. It is fine while writing because it is still in your memory, but when looking back at it later, I often could not understand what was written without reading from top to bottom (since I have a poor memory).

As mentioned at the beginning, Inkdrop is a customizable tool for developers. Since you can build and add whatever is missing yourself, I decided to give it a try two years ago.

Although I had plenty of experience writing "good old" JS, I had kept my distance from the modern ecosystem because of its rapid changes. I had a vague knowledge of React and webpack but couldn't really use them. After some trial and error, I released the "sidetoc plugin - Inkdrop."

The implementation details are as shown on GitHub. People who do JS for a living might have some opinions about it, but I managed to get it into shape and release it despite it being a series of "firsts" for me. It seems there are users who use it in their own way, and it currently ranks 8th in terms of download count alone. While the number of downloads tends to increase with the number of releases, it is deeply moving to see it ranked next to the official toc (which displays headers at the top of the note during preview).

The introduction was long, but after steady additions of features and bug fixes, I have released v1.16.0.

This update adds a feature to prevent word wrapping in the header section. Specifically, I've added a setting and a command to toggle the following style on and off.

.sidetoc-pane li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

There is an ON/OFF toggle on the plugin settings page, and you can switch it anytime by defining the following in keymap.cson.

'ctrl-x ctrl-e': 'sidetoc:wraptext-toggle'

Summary

Inkdrop is great. The developer's lifestyle and stance are also inspiring.

Besides the sidetoc plugin - Inkdrop, I have released a few others. Some I only use for myself. I think you can achieve most things that don't require a UI by writing in init.js without making it a plugin. You can also change styles by defining them in styles.less without creating your own UI theme. It's very convenient.

• This is my first (trial) post because I became interested in zenn.dev.