borela / naomi

Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
Other
558 stars 18 forks source link

jsx uncomment not work #23

Open luckmonkey opened 6 years ago

luckmonkey commented 6 years ago

jsx uncomment not work

borela commented 6 years ago

I sent some commits on the master branch to fix the issue for single line comments. Unfortunately for multi line comments I still have no solution.

faiwer commented 6 years ago

img_16_01_11 38 31_be6ef9f6e8f In-tag comments isn't highlighted (as comments) too :)

borela commented 6 years ago

I'll have to use python scripts to fix the comment toggle. I'll give it a shot this week.

borela commented 6 years ago

@faiwer Is that valid syntax? Normally on JSX you would have to do something like: {/* comment */}

faiwer commented 6 years ago

@borela, I don't know exactly, but it works in babel :) Aslo eslint shows the parsing error: unexpected token in the next code:

<Tag {/* comment */}/>

How do you can comment line in an attribute jsx section another way?

borela commented 6 years ago

@faiwer Babel is indeed parsing comments directly, love it!

I released a patch https://github.com/borela/naomi/releases/tag/v3.1.0 that will highlight // and //* near attributes.

Comment toggling is wrong yet specially for attributes.

faiwer commented 6 years ago

Thank you!

Ding-Fan commented 6 years ago

JSX toggle comment still can't work

image image
borela commented 6 years ago

@Ding-Fan I am researching the sublime api to fix this one through a plugin.

borela commented 6 years ago

I created a plugin https://github.com/borela/naomi/pull/92 that should be able to toggle JS/JSX comments, the code is here https://github.com/borela/naomi/blob/feature/comment-toggle-plugin/plugin/ToggleJsxComment.py

I would love feedback before merging and realeasing it, can you guys take a look at it? I did some tests locally and tried to fine tune it to get the UX right (it turns out, coding such feature is not intuitive at all).

@luckmonkey @faiwer @Ding-Fan

Ding-Fan commented 6 years ago

I don't know how to use the single .py file with sublime3 so I removed Naomi through "Package Control: Remove Package", followed Manual Installation installed it, restarted Sublime3.

Nothing changed.

borela commented 6 years ago

@Ding-Fan You need to clone the repository or download the package through github https://github.com/borela/naomi/archive/feature/comment-toggle-plugin.zip at the directory:

borela commented 6 years ago

I am doing some final tweaks, it looks like I got most edge cases, almost ready to release it.

borela commented 6 years ago

I did some tests and it looks like it is detecting correctly when to add the braces even for block comments, released it: https://github.com/borela/naomi/releases/tag/v3.8.0 package control should pick the update in about ~2h.

Feel free to reopen this issue or open new ones if it causes regression.

franciscolourenco commented 6 years ago

Not working at all for me 🤔

naomi-jsx-comments

Naomi 3.10.1

borela commented 6 years ago

@franciscolourenco I'll take a look at it at the office.

borela commented 6 years ago

@franciscolourenco Please check if the console (View > Show Console) shows an error when you try to comment, I am not able to reproduce it on my machine.

franciscolourenco commented 6 years ago

@borela no errors. I'm using Sublime 3133, what about you?

borela commented 6 years ago

3157 I'll try with an older version.

franciscolourenco commented 6 years ago

Just tried with 3143 but got the same results

borela commented 6 years ago

Found the issue, I forgot to override the shortcut for macs, the line https://github.com/borela/naomi/blob/master/Default.sublime-keymap#L229 only works for Linux and Windows while the default package uses:

    { "keys": ["super+forward_slash"], "command": "toggle_comment", "args": { "block": false } },
    { "keys": ["super+alt+forward_slash"], "command": "toggle_comment", "args": { "block": true } },

for mac.

I'll publish the patch in a minute.

borela commented 6 years ago

@franciscolourenco https://github.com/borela/naomi/compare/v3.10.1...v3.10.2 published the patch, as the shortcut for OSX was not replaced, in your case, it was using sublime's default behavior. It should be working now.

boycce commented 2 years ago

In Sublime 4 you can't uncomment a rxjs line when your cursor position is at the end, it simply recomments that line image