microsoft / microsoft/TypeScript-TmLanguage

VSCode Syntax highlighting broken when using nullish coalescing operator in jsx

オープン
#908 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
TypeScript
スター
471
フォーク
149
PR マージ指標
30日以内にマージされた PR はありません

説明

TS and JS Grammar Extension version: 0.0.55 / latest

Not a big deal, but in vscode, syntax highlighting breaks when using nullish coalescing operator in jsx. See how the closing tags after the null coalescing operators /> change of color (white, then reddish) :

image

When the correct highlighting should be :

image

Code example:

<InfoTooltip title={tooltip ?? ''}>
  <MenuItem>
    <ListItemIcon>
      <Icon fontSize="small" />
    </ListItemIcon>
    <ListItemText primary={label ?? <Component ref={clickRef} />} />
  </MenuItem>
</InfoTooltip>

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

まず、TypeScript and JavaScript Grammar Extension を使って VS Code で JSX の例を再現し、次に nullish coalescing 式を分類する TypeScript-TmLanguage 文法ファイルを調べます。nullish coalescing 演算子の後にある閉じ JSX タグが、期待される例で示されているものと同じ正しいハイライトを維持すれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
typescript, vscode
領域
tooling
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
42/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。