Narenj Plugin: Tools for Pin, View and Edit in the Sidebar

Plugins
,
#1

Narenj is a new plugin from kookma library

If you work with a big screen, then you can enjoy the large sidebar area! Narenj is a kookma plugin facilitates the use of sidebar tab for side by side view/edit tiddlers.

image
image695×613 31.4 KB

Code and demo

If you have kookma plugin library! open it in your wiki and install Narenj by a simple click :wink:

Release 0.2.0

  • Apr 23rd, 2023
  • [NEW] Updated to TiddlyWiki 5.2.7
  • [NEW] Rewrite of plugin
  • [NEW] Viewtemplate based on the core viewtemplate
  • [FIXED] Bugs in view toolbar buttons
  • [FIXED] CSS for side editor

Release 0.1.0

  • May 2nd, 2021
  • [NEW] Inspired and adopted from Drift akhater · GitHub
  • [NEW] Add sidebar editor
  • [NEW] Initial beta release

Acknowledgement

  • Akhater: akhater · GitHub the developer behind Drift
  • David Gifford (@DaveGifford) for his idea on edit in sidebar
  • Mat von TWaddle (@twMat) for his idea and plugins on side editor

Screenshot

Pinned to sidebar tab

image
image873×471 21.6 KB

831_msedge
831_msedge698×577 28.1 KB

Edit in side editor

833_msedge
833_msedge783×369 22.5 KB

832_msedge
832_msedge773×477 40.7 KB

See in tutorial: Narenj 0.2.0 — sidebar tools for edit/view tiddlers

Etymology and Story: Narenj (نارنج) is a Persian name for ‌Bitter Orange (Citrus aurantium) which is mainly produced in Pars province (Shiraz) and north province Mazandaran (Iran). At this time of the year (spring), orange trees are full of blossoms, which are called spring orange blossoms, and they are very fragrant. Many travels to Shiraz and its countryside to see these beautiful trees.

image image

Release 0.3.0

  • Apr 25th, 2023
  • [NEW] shift+click close a pinned tiddler and reopen it in the story river
  • [NEW] Settings tab was added to customize the behavior of Narenj
  • [FIXED] Typos in documentation
  • [FIXED] Cleanup code
8 Likes
#2

Very neat Mohammad! In some of my wikis I use an editor in a draggable moveable container for a similar user experience.

1 Like
#3
saqimtiaz
April 24

Very neat Mohammad! In some of my wikis I use an editor in a draggable moveable container for a similar user experience.

Thank you Saq!
A floating editor would give a lot of flexibility! but I assume it needs some JS :wink:

#4

I do indeed use JS in my implementation, however I wonder if it could now be done in wikitext with the $eventcatcher widget. It would be a fun experiment for someone to try! :wink:

#5

Hi Mohammad,

For a long time now, I have been using the simpler version which you cooked up for me years ago. It is nice to see this version which has the editor toolbar, a big advance.

One question: how do you save changes once you have edited the tiddler? I don’t see cancel-save-delete buttons.

1 Like
#6

Narenj is like naranja in Spanish. Easy to remember!

1 Like
#7

Hi David,
The current version has no cancel/save button as it is like a live editor! But as you said, I think it is worth adding a cancel button.
So, for any reason, one can have the option to revert the changes!
Added to my tasks! Thank you

#8

I just downloaded and tried it locally. Now I see that the save button in the page controls is the way to save it. Since that is also the download button on the demo page, there was no way to test that there. That is why I didn’t see it before.

Your “Tutorial Edit” tab would benefit from a short note explaining that the save button in page controls is what is used to save changes.

1 Like
#9

@Mohammad

Played around with the demo this morning and I think I could find this very useful. I am currently using a tweaked version of the Sidebar Editor and might switch to this.

Question: I liked the pin tiddler to sidebar idea. However, once the tiddler is pinned to the sidebar, I would like to see another button that would unpin it from the sidebar and return it the the story river. Would that be possible?

Thanks in advance and great work once again!

#10

Just thought of another question. Would it be possible to have a button in the View Toolbar where it would activate the sidebar editor for that tiddler and populate it?

#11

Thank you Dave, I add this!

#12

That is fair! I add this to my task list to implement it!

#13

This is one of the best. Thank you @twMat. Like you I have a hacked version and I use it!

I like the idea by @saimtiaz to have the side editor movable/draggable.

2 Likes
#14

Do you mean to have several tiddler at the same time in sidebar editor like a river?

#15

See original post!
A new update to address comments by @DaveGifford and @HistoryBuff is pushed!

#16

Thanks @Mohammad. I’m currently on travel and am anxious to try it when I get home in a couple of days.

1 Like