UX experiment - editor tools / autocomplete / Streams

[Saq Imtiaz]

It's another round of an hour's worth of distracted conference call experiments from today.

This is an idea I've had for quite some time in various contexts: a UX for triggering actions in Streams like converting a node into a "to do" item with a checkbox, an autocomplete solution for links to tiddlers etc.

The menu is triggered by typing / which isn't very apparent in the video. The menu contents themselves are just re-using core UI components, as 60 minutes only go so far. :)

I'd like to pursue this if I can find the time. However if anyone feels inspired by the idea and wants to run with it that would be fantastic! At the heart of it all is the keyboard-driven-input macro.

Cheers,

Saq

[Saq Imtiaz]

Here is a Google drive hosted version of the video so you don't need to download it:

https://drive.google.com/file/d/1ZuXRh3ZHF2tglGakaYq0gh4kBQDibB_m/view?usp=sharing

[Mat]

Oh cools stuff! You know I'm really excited about this (ref the EditorMagic thing we worked on some months ago before TiddlySpot shut down). Does this version of yours allow the user to add custom triggers for custom "popup-templates"?

<:-)

[Saq Imtiaz]

@Matt definitely some similarities but somewhat different goals than EditorMagic.

EditorMagic was about guessing what the user was typing and trying to offer help to autocomplete that.

This prototype is about having a single shortcut to trigger a menu, which can be extended via tags etc, which offers different commands you can invoke. All usable via the keyboard alone, naturally.

Since the primary use case in my mind was Streams, for things like adding tags and converting to different node types,  this approach makes more sense since there wouldn't be anything to autocomplete. However I have spent all of one distracted hour on this, so if I do get to work on it further not sure what direction it will take. :) 

Once we get this implemented it will open up a lot of possibilities for exploration.

Cheers,
Saq

[Mat]

Saq Imtiaz wrote:

Once we get this implemented it will open up a lot of possibilities for exploration.

Yes, that sounds spot-on! But your demo in this thread also has some form of "at-caret-position" - is this some totally other implementation?

Hope you have a lot of boring conference calls ;-)

<:-)

[Saq Imtiaz]

 

Yes, that sounds spot-on! But your demo in this thread also has some form of "at-caret-position" - is this some totally other implementation?

It is code from the beginnings of a PR to add this ability to the core. However, there is need to discuss some technical implementation details first before I can proceed.

[TW Tones]

Saq,

Looking at your demo does make me think of other text fields being enabled in the same way.

However of more importance with your idea, in some ways, is like when using streams, when editing an item, having access to add tag or other actions can obviate the need to have buttons and other UI space consuming elements, whilst allowing information to be entered.

The custom markup work with pmario is another way, we mush ensure they can work together.

Could one cause the same to occur on existing text?

Regards

Tony

[msameen99]

This is amazing Saq, I was looking for a similar functionality to add a title to a "list field" inside the current edited tiddler. 

for example,  consider the "related-to" field, it'll be very useful while editing a tiddler to quickly append a title related to it before loosing my train of thoughts. 

I think this function will be similar to your adding tags functionality. 

I was  VERY excited while watching your video 

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/50990bf5-1c00-4e40-be9d-1e51e663b9abn%40googlegroups.com.

[Mohammad Rahmani]

Hi Saq,

This is very exciting! I also love the https://github.com/Jermolene/TiddlyWiki5/pull/5699#issuecomment-844464079 (Drag and drop images in the editor to import and insert)

I think you are making an Smart Editor!

With curiosity I follow this!

Best wishes

Mohammad

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/bdbb3e36-114d-47c9-8371-3f403c09c854n%40googlegroups.com.

[Saq Imtiaz]

Hi @Tony, @Mohamed and @Mohammad, replies inline below:

 

Could one cause the same to occur on existing text?

@Tony : the mechanism is a shortcut that shows a menu, in which menu items can invoke actions. It really does not care about the text, its nature or absence or presence.

> consider the "related-to" field, it'll be very useful while editing a tiddler to quickly append a title related to it before loosing my train of thoughts. 

@Mohamed yes the idea is that the menu should be extendable by adding a tagged tiddler, with the actions that it should invoke. So you could add a menu item with an action to add titles to the related-to field.

> I think you are making an Smart Editor!

@Mohammad hmm. I like that term. If not a smart editor, then I at least think we have the opportunity to provide tools to make the editing experience smarter and more intuitive. 

The concept of a menu invoked by / or a similar shortcut is rather commonplace, so the UX should be familiar to most.

Cheers,
Saq

[TW Tones]

Saq,

I do not know if you looked at the custom markup project of Marios?. The key function is to enter a custom markup glyph at the beginning of a line or wrap text in line. The designer can build complex markup to use subsequently in the text fields. From as simple as a color to automatic checkboxes and whole layouts.

I can imagine with such "rapid entry" tools such as this and a few others soon we will have whole websites written in a few hundred key strokes. That what I call smart.

Add to this the ability to edit a tiddler and drag "modules" of code from the side bar Wix and Squarespace  may loose their shine :)

Tones

[Mohammad Rahmani]

On Thu, May 20, 2021 at 11:52 AM Saq Imtiaz <saq.i...@gmail.com> wrote:

Hi @Tony, @Mohamed and @Mohammad, replies inline below:

 

Could one cause the same to occur on existing text?

@Tony : the mechanism is a shortcut that shows a menu, in which menu items can invoke actions. It really does not care about the text, its nature or absence or presence.

> consider the "related-to" field, it'll be very useful while editing a tiddler to quickly append a title related to it before loosing my train of thoughts. 

@Mohamed yes the idea is that the menu should be extendable by adding a tagged tiddler, with the actions that it should invoke. So you could add a menu item with an action to add titles to the related-to field.

> I think you are making an Smart Editor!

@Mohammad hmm. I like that term. If not a smart editor, then I at least think we have the opportunity to provide tools to make the editing experience smarter and more intuitive. 

Yes! smart editing! smart editor!

I assume it would be configurable, different shortcuts bring different menus! I know fewer is simpler, simpler is better!

The concept of a menu invoked by / or a similar shortcut is rather commonplace, so the UX should be familiar to most.

Cheers,
Saq

--

You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c10acc97-5413-4221-8d84-510192a35e73n%40googlegroups.com.