[FEAT] Right-Click Menu v0

[drfarrell]

So much functionality in an editor can be enabled with a right-click menu. It helps abstract away secondary actions.

• The right-click menu will be used for both elements on the canvas and in the toolbars of the browser.
• Right-click actions should also show Hotkeys. If Hotkeys aren't in-production yet, placeholder hotkey labels can be commented-out of the components
• The icons are Radix icons.
• Please use the custom tailwind styles when implementing these so we keep everything on brand 😄

[Kitenite]

I like it! Some good options to stub out:

[Kitenite]

@nicklammo since you're already working on this, please comment on this issue then I can add you as an assignee

[nicklammo]

@Kitenite I gave it a good try anyway

[Kitenite]

@nicklammo delivered a fork, will work on adding it to a PR.

[drfarrell]

Added in some standard menus for right-clicking on a layer or a component on the canvas. New hotkeys for each feature are bolded and italicized.

V0

• [ ] Copy: ⌘C
• [ ] Paste here: ⌘V
• [ ] Cut: ⌘X
• [ ] Duplicate: ⌘D
• [ ] Delete: ⌫
• [ ] Select all: ⌘A
• [ ] Bring to front: ⌘] (in the stack of layers relative to the parent)
• [ ] Bring forward: ]
• [ ] Send to back: ⌘[
• [ ] Send backward: [
• [ ] Add auto layout: ⇧A
• [ ] Show/Hide UI: ⌘.

V1

• [ ] Copy: ⌘C
• [ ] Copy/Paste as:
• [ ] - Paste here: ⌘V
• [ ] - Paste styles: ⌥⌘V
• [ ] Cut: ⌘X
• [ ] Duplicate: ⌘D
• [ ] Delete: ⌫
• [ ] Bring to front: ⌘]
• [ ] Bring forward: ]
• [ ] Send to back: ⌘[
• [ ] Send backward: [
• [ ] Create Div around selection: ⌘G
• [ ] Undo Div around selection: ⇧⌘G
• [ ] Add auto layout: ⇧A
• [ ] Show/Hide UI: ⌘.

V2

• [ ] Copy: ⌘C
• [ ] Copy/Paste as:
• [ ] - Copy as SVG: ⇧⌘C
• [ ] - Copy link to selection: ⌥⌘L
• [ ] - Paste here: ⌘V
• [ ] - Paste styles: ⌥⌘V
• [ ] Cut: ⌘X
• [ ] Duplicate: ⌘D
• [ ] Delete: ⌫
• [ ] Bring to front: ⌘]
• [ ] Bring forward: ]
• [ ] Send to back: ⌘[
• [ ] Send backward: [
• [ ] Create Div around selection: ⌘G
• [ ] Undo Div around selection: ⇧⌘G
• [ ] Rename: ⌘R
• [ ] Add auto layout: ⇧A
• [ ] Create component: ⌥⌘K
• [ ] Show/Hide UI: ⌘.
• [ ] Lock/Unlock: ⌥⌘L

[Kitenite]

Partially implemented in https://github.com/onlook-dev/onlook/pull/206 We don't have the rest of the defined functionalities yet, marking as blocked until further notice.