43081j / 43081j/postcss-lit

Support for `/*css*/` flags

Open Beginner friendly
#55 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
90
Forks
9
Avg merge
1d 9m
Merged PRs (30d)
3

Description

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.

Contributor guide

No contributing guide indexed for this repository

Research direction

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.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
tooling
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.