question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bad flow highlighting

See original GitHub issue

I was looking through react-native’s source, and I found that ReactNativeMount.js was not being highlighted properly, and that in fact it was breaking highlighting for any code that follows.

Here’s a reduced example:

var object =  {
  getNode: function<T>(id: T): T {
    return id
  }
}
module.exports = object

Here’s what ReactNativeMount.js looks like when I open it:

image of incorrect syntax highlighting

Version information:

EDIT: I apologize in advance for the terrible issue title, I’m not sure how to refer to these type annotations.

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:7
  • Comments:37 (12 by maintainers)

github_iconTop GitHub Comments

11reactions
dozoischcommented, Jul 12, 2016

@zertosh thanks a lot 😃 looking forward to see full flow support!

9reactions
borelacommented, Oct 5, 2016

I was having some trouble with the syntax so I wrote one that combines ES2015, FlowType and React’s JSX, it’s broken into multiple files so it should be easier to debug too. The package is available in here or here. The color choice might not be best (it looks like fruit salad but I am used to it already…) so any help creating color schemes is highly appreciated.

candyman-1

Read more comments on GitHub >

github_iconTop Results From Across the Web

Video: Rescue-gone-wrong highlights importance of flow path ...
The intense radiant heat of the fire below is what made rescuers fall or jump in a desperate attempt to escape the heat....
Read more >
How to Identify Problems with Flow Cytometry Panel Design
In the first post of the “bad data” series, I mostly discussed how to identify problems with cytometer settings and compensation by looking ......
Read more >
Ditch syntax highlighting for better technical writing
Ditching syntax highlighting leads to more concise snippets, more thought to be put to find a minimal example and better overall flow in ......
Read more >
What Chemicals Are in Highlighters & How Are They Made?
You can't go wrong using a highlighter made from triphenylmethane. It will produce a blue ink that ... The ink will flow out...
Read more >
Optimizations in Syntax Highlighting, a Visual Studio Code Story
Optimizations in tokenization and syntax highlighting in the Visual Studio ... .monaco-editor.vs .token.keyword.flow { color: #AF00DB; } .
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found