popcodeorg / popcodeorg/popcode

Highlight CSS selectors that match 0 elements

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

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

feature
主要言語
JavaScript
スター
191
フォーク
143
平均マージ
4日 11時間
マージ済み PR(30日)
5

説明

If the user writes a CSS selector that doesn't match any elements of the page, then it's quite likely that they made a mistake/typo and that something in their project doesn't work as a result. We should highlight these selectors with:

  1. A yellow/orange squiggly underline
  2. A warning symbol (triangle with exclamation mark) in the gutter (like we do for errors but with a different symbol)
  3. A popup with explanatory text when you hover either the symbol in the gutter (like we do for errors) or the underlined text

To start with, we could just do the gutter symbol with hover text, since we already do that for errors, so there's prior art.

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

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

はじめの一歩

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

調査の方向性

まず、issue が先行例として挙げている既存のエラーガターシンボルとホバー動作を追跡し、次にエディター内で CSS セレクターが評価される場所を見つけます。セレクターがページ上の要素に 1 つも一致しない場合に、提案された警告処理が適用され、まずガターシンボルと説明用のホバーテキストが表示されれば完了です。

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

評価

技術スタック
css, javascript
領域
frontend, tooling, web-dev
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

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

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