43081j / 43081j/postcss-lit

Support for `/*css*/` flags

Offen Anfängerfreundlich
#55 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
90
Forks
9
Ø Merge
1 T. 9 Min.
Gemergte PRs (30 T.)
3

Beschreibung

Thanks for all the work on this! We just added it to our project and it's working great so far.

There are some situations where we use Lit-style templates without using the actual `lit` template function, like when we're really concerned about performance and don't expect to need to reevaluate the template. For example:

```ts
const mycss = /*css*/`
div {
color: red;
}
`;
```

There are several VSCode plugins that provide syntax highlighting for this syntax ([example](https://marketplace.visualstudio.com/items?itemName=pushqrdx.inline-html)). However to my knowledge there isn't yet a Postcss custom syntax defined for this.

Since the syntax is almost exactly the same, it would be great if this custom syntax supported `/*css*/` as well as `css`. It may be technically outside the scope of a plugin intended for Lit, but there is surely a lot of overlap between the groups that use `/*css*/` and `css`, and it should be a trivial amount of work.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Look at the existing syntax parsing logic in the source code, likely in a file like src/syntax.js or similar. Identify where the 'css' tag is recognized and add support for the '/*css*/' comment flag. Test by running the project's test suite to ensure both syntaxes are handled correctly.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
typescript
Bereich
tooling
Issue-Typ
Feature
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
65/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.