webextensions/live-css-editor

Feature Requests

maxwellhibbert opened this issue · 3 comments

maxwellhibbert commented

Thanks for your hard work putting this extension together. I've been using it heavily for the last week or so and it has been great overall. It's so nice to have a live editor with emmet and SCSS.

Here are a few feature requests (mostly for things I've been missing from vscode):

  • Code Folding
  • Allow over-scroll of the editor when in external window
  • Highlight other occurrences of current selection (not sure if the editor supports this)
  • Find & Replace
  • Option to disable Escape shortcut that closes the external window
  • Keyboard shortcut to evoke beautify code command
  • Integration into the devtools area of Chrome

Keyboard shortcuts

  • Select all occurrences of current selection
  • Jump to matching bracket
  • Indent line (from anywhere within the line)
webextensions commented

@maxwellhibbert
Thank you for your feedback 🙂

Please find our comments/responses inline:

Feature requests:

  • Code Folding (May take some time before we implement this because the effort for it may depend on some of the refactoring that we wish to do)
  • Allow over-scroll of the editor when in external window (Do you mean letting the long lines wrap instead of having horizontal scroll bar?)
  • Highlight other occurrences of current selection (not sure if the editor supports this) (Ctrl+D shortcut should already be handling that)
  • Find & Replace (May take some time before we implement this because the effort for it may depend on some of the refactoring that we wish to do)
  • Option to disable Escape shortcut that closes the external window (Can you describe the use-case? Maybe it is just a habit thing which would stop happening automatically as muscle-memory remembers not to press Esc key.)
  • Keyboard shortcut to evoke beautify code command (We will add that 👍 )
  • Integration into the devtools area of Chrome (May take some time to implement this new functionality)

Keyboard shortcuts:

  • Select all occurrences of current selection (We shall check about it in the CodeMirror editor/plugins, but for the time being, pressing and holding Ctrl+D should work fine since we don't expect very large code being edited by most of the users)
  • Jump to matching bracket (Ctrl+M shortcut should already be handling that)
  • Indent line (from anywhere within the line) (Can you elaborate that a bit?)
maxwellhibbert commented

Thanks for the response. I get that quite a few of those requests aren't trivial ;)

Overscroll is just allowing to scroll past the bottom of the document. Not important.

The jump to matching bracket shortcut ctrl+m isn't working for me - does that work on your end?

Often to fix indentation I use shortcuts to quickly shift lines around. Pressing shift+tab will reduce the indentation no matter where your cursor is in the line, but I can't find a shortcut to increase the indentation without moving cursor to the start of the line and then tabbing. A beautify code shortcut would probably remove my need for this.

Find & Replace would probably be my biggest 'want' from the list, mostly for just getting around a long document easier.

webextensions commented
  • Overscroll - Understand it now. Yes, it is a nice feature (much more useful for maximized editors like VS code, Notepad++ etc). Should be doable at some point of time since CodeMirror seems to support it well (Ref: https://codemirror.net/docs/ref/#view.scrollPastEnd).
  • Ctrl+M (Cmd+M) - We will check and test it across different OS
  • Shift+Tab from anywhere in the line - Should be doable at some point of time since CodeMirror seems to support it well (Ref: https://codemirror.net/5/mode/css/)
  • Beautify code shortcut - We will add that soon
  • Find & Replace - While it would be doable (Ref: https://codemirror.net/5/demo/search.html), but, it would be relatively low priority feature for the time being for this extension (at least for the next few months). Primarily because majority of the users are expected to be using relatively less amount of CSS code and Ctrl+D shortcut of multi-cursor might help in most of the cases. Also, identifying a good UI/UX for this feature might not be straight-forward. Just to mention explicitly, there are no reasons against this feature apart from available bandwidth / prioritization (considering all other changes we wish to implement).

As and when we implement updates related to the points mentioned here, we will keep adding comments in this thread 👍