allanhortle / jsx Goto Github PK

I use harmony when working with JSX files, which doesn't fit well with this language definition. I was trying then to use JavaScriptNext but, as pointed out here, without the support of JSX I can't use jsxhint. Ideas?

Here's a sanitized code snippet that still exhibits the problem. Notice that in Sublime Text, the final '}' is yellow. The rest of the file this was taken from stays like that. I'm using ST 3.0, build 3143.

if (row.foo === BAR) {
  xyzzy.push({ key: 'fnord', label: 'glorp', isDisabled: isDisabled || isCompleted, onClick: e => this.doTheTHing(row, e) });
}

Whenever I use dynamic IDs like
<MyComponent id={ dynamicId } boolAttr={ true } className="string" ...
Everything between id= and the opening quotes for "string" are not highlighted properly
Here's a picture:

There was a problem with syntax highlighting！！！！

Hi Allan. Your entry for the key bindings for Emmet support does not seem to work for me, and does not work for at least one other person? Check this thread: http://stackoverflow.com/questions/26089802/in-sublime-text-3-how-do-you-enable-emmet-for-jsx-files ... is there some small syntax issue in your key-binding snippet that I am not smart enough to edit?? :) Thanks in advance.

Seems that the updated package no longer hints PropTypes, something that I used quite extensively. Was this an intended change?

Multi-line comments are broken.

• Nested object in array in embedded js breaks on first }.

<FilterToggleSetNumber
    options={[{label: 'S', value: '0'},'1','2','3','4','5']}
    onChange={this.onChange('bedrooms')}
    value={bedrooms}
>

• Comments in embedded js should not have {}

fillPaint={{
    "fill-opacity": .5,
    "fill-color": {
        {/*property: column,*/}
        type: 'exponential',
        stops: data.getUniqueValues(column).sort().map((rr, ii) => [rr, scale(rr)]).toArray()
    }
}}

	var x = (a) => {
		var y = x;
	}

	var x = (a)=> {
		var y = x;
	}

there will be a highlighting problem if you remove space before => .

Every time i open a .jsx file i have to set the syntax manually, sublime thinks it's an ordinary javascript file.

See second example, the yellow is bleeding.

:(

I'm setting up a new machine with ST3 and tried installing JSX using Package Control and JSX is not showing up as an installable package. https://packagecontrol.io/packages/JSX lists that the package is missing.

An interim solution is to add this repo to the repositories list in your Package Control.sublime-settings file.

{
	"repositories":
	[
		"https://github.com/allanhortle/JSX"
	]
}

Then run Package Control: Install Package > JSX.

It would be great if the snippets could be broken out into a separate package, that way users could install them, or not, at their preference.

Whenever I type things that I'm used to being autocompleted (Sublime will autocomplete based on the words already found in the current document), all I get is all the React suggestions.

For example, I used to be able to type func and hit tab and it would autocomplete to function. Now it autocompletes to React.PropTypes.func.

What the heck? I don't WANT this. Any way to just turn it off? All I want is proper syntax highlighting.

.jumbotron should expand to <div className="jumbotron"></div> with emmet support.

A couple of days ago, there was a correct highlighting of attributes. Now there is no :(

Hello )
I've stumbled upon a problem with autocompletion in ST3 and it is like this:

• first I see autocompletion from the JSX plugin
• only when there are no options from JSX plugin autocompletion - I do start seeing normal ST autocompletion

For example in my test.js file I am typing descr when I want to type describe and this is what I see

and only when I type descri I do start seeing a suggestion to enter describe

Expected behavior would be to see a mix of 2 autocompletions.
Or to be able to disable autocompletion for JSX plugin.

1. function color (definition and also notice the arguments)

javascript:

jsx:

2. const color

javascript:

jsx:

And that's only what I see on first look.

(class should be colored in both)

flow worked pretty well before, but now seems pretty broken in many aspects. As a workaround, I've added to Package Control.sublime-settings:

"auto_upgrade_ignore": [
		"JSX",
	],

...and then unzipping this in ~/Library/Application\ Support/Sublime\ Text\ 3/Installed\ Packages/JSX.sublime-package
JSX.sublime-package.zip

(it also seems to break sublimelinter... might be my specific setup...)

thanks for the plugin :)

Try this code:

class My_component extends React.Component {
    render() {
        <Other_component />
    }
}

see Checkbox_plusminus component name

Thank you for answering my question on Stack Overflow!

Here's the issue I had: I haven't recently tried, but last time I tried, I believe that unmatched quotes in a block (can't remember or single or double) would mess up the entire file for syntax highlighting.

You may have already fixed this, and if so, sorry!

Rolling back to https://github.com/allanhortle/JSX/tree/v2.0.2 works perfectly fine.

It worked then it didn't. Uninstalled and reinstalled and no dice. Any ideas?

In the list of packages is there. But is not in View->Syntax. And not highlight *.jsx files.

See: https://www.sublimetext.com/docs/3/syntax.html#testing
https://github.com/sublimehq/Packages