Add context menu #2001

rickycodes · 2017-07-13T19:18:06Z

closes: #265

First stab at creating a right-click context menu...

/cc @leo

rickycodes · 2017-07-15T06:10:26Z

Looking at the original issue, I saw #265 (comment) and decided to add two items to the context menu:

'Open Selection as URL'
'Search the Web for Selection'

/cc @codetheory

timothyis · 2017-07-15T15:10:36Z

This is incredible! Can't wait to have this in! 🎉
cc @matheuss @rauchg @chabou @ppot

rickycodes · 2017-07-15T16:23:22Z

I ended up just using .concat to add the two new items to the end of the menu since splice is problematic (modifies the original) 😓

screenshot for context:

Stanzilla · 2017-07-16T14:46:01Z

This does and will clash with

// if true, on right click selected text will be copied or pasted if no
    // selection is present (true by default on Windows)
    quickEdit: true,

so I guess having it enabled should disable the menu or the other way round

Stanzilla · 2017-07-16T14:48:07Z

Same with

    // set to `true` (without backticks) if you're using a Linux setup that doesn't show native menus
    // default: `false` on Linux, `true` on Windows (ignored on macOS)
    showHamburgerMenu: '',

in the case of Windows or true the right click menu should probably adjust itself to not duplicate items with the hamburger menu

clear buffer command works but is still bugged on Windows (#1808 (comment))
cut undo select all and redo do not work. nothing happens.

rickycodes · 2017-07-16T19:16:42Z

cut undo select all and redo do not work. nothing happens.

do these items behave as expected or differently when using the main menus? (I haven't really been able to get them to work in either case), they should perform the same as the other menus (since they're just duplicated from there)

re: windows settings, I will tweak what I have to make sure there's no conflicts (and test a bit in windows) to see what makes the most sense.

/cc @Stanzilla

Stanzilla · 2017-07-16T19:18:42Z

Yeah, they don't work from the main menu either. Do they work on any OS?

henrikruscon · 2017-07-16T13:56:37Z

lib/components/term.js

+        enabled: !isCollapsed
+      },
+      {
+        label: 'Search the Web for Selection',


Search with Google is more specific and consistent with other context menus ✌️

Is there anyway to open a link with the users default search engine? That would be awesome.
Default search engine probably would come from the default browser > default search engine

Could leave it as Google by default and make it configurable via .hyper.js?

both terminal and iTerm2 have Search with Google

Yeah, I'd like that. I know a few people who'd like not to use Google.

With Mac OS services you should be able to search with default browser and engine but most likely unusable since Hyper also supports other operative systems ✌️

in b3a9d30 I've made this configurable via exposing a new key/value (searchEngineUrl) from config so this can be customized via .hyper.js

defaults to google, but can be anything the user desires.

this would likely need to be addressed in app/config/config-default.js as well (similar to bellSoundURL)

I left the wording as is.

/cc @henrikdahl @codetheory

rickycodes · 2017-07-16T23:19:49Z

Yeah, they don't work from the main menu either. Do they work on any OS?

this is a good question, I'm not sure under what circumstances they are designed to work... the main thing is that this is not a regression on my part 😉

rickycodes · 2017-07-22T18:38:04Z

I nixed the url/google functionality (as I think that should be handled in a different PR, or possibly a plugin?)

@Stanzilla this should account for the items you mentioned quickEdit and showHamburgerMenu. let me know if this makes sense

/cc @codetheory

Stanzilla · 2017-07-22T19:58:47Z

showHamburgerMenu is a bit problematic, the default is '' which is sort of auto, that means it is actually true on Windows even if it is not set to true in the config. That is a problem because a Windows user can't set it to falsewhen he would prefer using your context menu over the hamburger and also makes you checking for it kinda useless since it will never be false on Windows.

My concern was to not duplicate menu entries when both hamburger and context are enabled but since you removed the URL/Google option it's 100% the same anyway, no?

rickycodes · 2017-07-22T21:08:03Z

@Stanzilla what do you think makes the most sense in your opinion? should I just drop the showHamburgerMenu check? I'm not entirely sure what makes the most sense for this as I am not a windows user

maybe I'll fire up a windows VM and see 👁️

Stanzilla · 2017-07-22T21:27:36Z

I'd drop the check, yeah. Makes the most sense to me.

rickycodes · 2017-07-29T16:47:26Z

@Stanzilla I dropped that showHamburgerMenu

lmk if this makes sense

ppot · 2017-08-02T01:45:52Z

@rickycodes Are you binding the menu context with keymaps?

rickycodes · 2017-08-02T20:18:23Z

@ppot I'm just building the context menu from what already exists (combining edit + shell .submenu's here: https://github.com/zeit/hyper/pull/2001/files#diff-ac33cd5e16269e3f364363f9865b9ff5R24)

so yea, they have the same role/accelerator properties, if that's what you mean?

rickycodes · 2017-10-13T15:21:04Z

@chabou this has now been rebased over zeit:canary and is now targeting it

I had to make a couple adjustments to accommodate the new changes

lmk what you think

rickycodes · 2017-10-14T21:21:18Z

app/ui/window.js

+const contextMenuTemplate = createWindow => {
+  return editMenu(commands).submenu.concat({type: 'separator'}, shellMenu(commands, createWindow).submenu);
+};



maybe an alternative to this:

const contextMenuTemplate = createWindow => { const shell = shellMenu(commands, createWindow).submenu const edit = editMenu(commands).submenu return edit.concat({type: 'separator'}, shell); };

rickycodes · 2017-10-20T15:55:24Z

@chabou have you had a chance to look at this? I've actually made some refinements, and have an example where the menu changes/updates based on selection... in this version I've made it so cut and copy are only available if text is selected... text selection also expands two new options: Open Selection as URL and Search the Web for Selection:

you can compare the changes here: rickycodes/hyper@rickycodes:issue-265...add-context-menu

lmk what you think!

chabou

Please remove all right click mentions

chabou · 2017-10-29T16:09:01Z

lib/components/terms.js

  }

+  componentDidMount() {
+    window.addEventListener('contextmenu', () => {


I didn't know/see there was this event.
In this case, please remove any mention of right click notion. We should only speak about context menu.

chabou · 2017-10-29T16:27:46Z

I love the idea to pass selection in redux action.
Please make it happen 🙏

rickycodes · 2017-10-30T00:35:55Z

@chabou I've made the requested changes

chabou · 2017-10-30T13:00:02Z

I have a problem with selection with your PR.
When I right click to show contextMenu at a point "P", when I discard contextMenu, xterm is on SelectionMode starting on this point "P" (but I haven't any mouse button pressed).
See:

chabou · 2017-10-30T13:01:53Z

Can you remove "Open Selection as URL" and "Search the webfor Selection"? I don't think it should be a core feature. But it is perfect to filter Copy/Cut in contextMenu depending on selection presence.

rickycodes · 2017-10-30T16:16:52Z

@chabou I've removed the extended menu with the additional options. I noticed canary has the ability to click on URLs anyway, so maybe Open Selection as URL isn't so useful now

we can discuss creating plugins to accomplish those items once this lands/how to expand on this so plugin authors can modify the context menu

Stanzilla · 2017-10-30T18:11:55Z

The CircleCI failure looks unrelated.

rickycodes · 2017-10-30T18:27:37Z

@Stanzilla yea i noticed that, but it seems unrelated (the build was passing earlier and I haven't made any adjustments that would have changed that)

chabou · 2017-11-03T06:47:11Z

I can't reproduce #2001 (comment) anymore 🤔

Let's merge this. We'll fix bugs if needed: not a big deal.

chabou · 2017-11-03T08:45:37Z

@rickycodes I can't push to your branch. Did you allow maintainers to modify your branch?
I resolved conflicts (in GitHub interface) and Github doesn't see my last commit 😞.
Can you push a empty commit to trigger it ?

rauchg · 2017-11-03T17:39:14Z

This feature is 🔥

chabou · 2017-11-03T20:25:09Z

Thank you so much for your help and your awesome work 🙏
Really sorry for the multiple delays along this PR.

timothyis added the 👩‍🔬 Status: In Progress Issue or PR is currently active and work is in progress label Jul 13, 2017

rickycodes force-pushed the issue-265 branch from a80d48e to 1ba79c5 Compare July 14, 2017 02:10

rickycodes changed the title ~~Add context menu (WIP)~~ Add context menu Jul 14, 2017

timothyis removed the 👩‍🔬 Status: In Progress Issue or PR is currently active and work is in progress label Jul 14, 2017

timothyis requested a review from chabou July 14, 2017 17:52

rickycodes force-pushed the issue-265 branch 2 times, most recently from c91943e to 34b4738 Compare July 15, 2017 14:18

timothyis requested a review from matheuss July 15, 2017 15:10

rickycodes force-pushed the issue-265 branch from 82337d2 to 725ae4b Compare July 15, 2017 15:22

rickycodes force-pushed the issue-265 branch from 7b8512a to d1d41dd Compare July 15, 2017 20:21

henrikruscon self-requested a review July 16, 2017 13:42

henrikruscon reviewed Jul 16, 2017

View reviewed changes

rickycodes force-pushed the issue-265 branch 2 times, most recently from b3a9d30 to 70f4aec Compare July 18, 2017 18:53

rickycodes force-pushed the issue-265 branch from 811585d to 742d7c9 Compare July 22, 2017 21:41

rickycodes force-pushed the issue-265 branch from 11e4231 to 81c87c0 Compare October 13, 2017 01:13

rickycodes added 2 commits October 13, 2017 03:05

Add contextmenu event

fadf81b

Remove setTimeout

4128d51

rickycodes force-pushed the issue-265 branch from bb9baa6 to 4128d51 Compare October 13, 2017 07:06

rickycodes commented Oct 14, 2017

View reviewed changes

rickycodes added 3 commits October 15, 2017 12:57

support selection + only display cut/copy when there is one

69b0861

Add contextmenu.js

33cce8c

Add extendedMenu

1177cc8

chabou suggested changes Oct 29, 2017

View reviewed changes

Remove all notion of "RightClick"

0d3237e

contextMenu -> openContextMenu

8444bac

Remove extendedMenu

033c9b5

Merge branch 'canary' into issue-265

5311831

Merge branch 'canary' into issue-265

f6acf8f

chabou approved these changes Nov 3, 2017

View reviewed changes

chabou merged commit 62e29ef into vercel:canary Nov 3, 2017

rickycodes deleted the issue-265 branch January 20, 2018 06:23

Add context menu #2001

Add context menu #2001

Uh oh!

Conversation

rickycodes commented Jul 13, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

rickycodes commented Jul 15, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

timothyis commented Jul 15, 2017

Uh oh!

rickycodes commented Jul 15, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Stanzilla commented Jul 16, 2017

Uh oh!

Stanzilla commented Jul 16, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

rickycodes commented Jul 16, 2017

Uh oh!

Stanzilla commented Jul 16, 2017

Uh oh!

henrikruscon Jul 16, 2017

Choose a reason for hiding this comment

Uh oh!

timothyis Jul 16, 2017

Choose a reason for hiding this comment

Uh oh!

rickycodes Jul 16, 2017

Choose a reason for hiding this comment

Uh oh!

rickycodes Jul 16, 2017

Choose a reason for hiding this comment

Uh oh!

timothyis Jul 17, 2017

Choose a reason for hiding this comment

Uh oh!

henrikruscon Jul 17, 2017

Choose a reason for hiding this comment

Uh oh!

rickycodes Jul 17, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rickycodes commented Jul 16, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

rickycodes commented Jul 22, 2017

Uh oh!

Stanzilla commented Jul 22, 2017

Uh oh!

rickycodes commented Jul 22, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Stanzilla commented Jul 22, 2017

Uh oh!

rickycodes commented Jul 29, 2017

Uh oh!

ppot commented Aug 2, 2017

Uh oh!

rickycodes commented Aug 2, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

rickycodes commented Oct 13, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

rickycodes Oct 14, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rickycodes commented Oct 20, 2017 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

chabou left a comment

Choose a reason for hiding this comment

Uh oh!

chabou Oct 29, 2017

Choose a reason for hiding this comment

rickycodes commented Jul 13, 2017 •

edited

Loading

rickycodes commented Jul 15, 2017 •

edited

Loading

rickycodes commented Jul 15, 2017 •

edited

Loading

Stanzilla commented Jul 16, 2017 •

edited

Loading

rickycodes Jul 17, 2017 •

edited

Loading

rickycodes commented Jul 16, 2017 •

edited

Loading

rickycodes commented Jul 22, 2017 •

edited

Loading

rickycodes commented Aug 2, 2017 •

edited

Loading

rickycodes commented Oct 13, 2017 •

edited

Loading

rickycodes Oct 14, 2017 •

edited

Loading

rickycodes commented Oct 20, 2017 •

edited

Loading