js-in-string support for javascript in string literals

This very basic VSCode extension supports syntax highlighting for .js and .ts files extensions which contains javascript, css or html code in backtick-quoted string literals. (It would be better names code-in-string, but it started just supporting javascript.)

For example:

export const code= /* js */ `
const x = 1;

export const f = (arr) => {
    arr.forEach((el) => {
        console.log(el);
    });
};
`;

(Naturally the code between the backticks shouldn't contain backtick-quoted strings.)

In the above code, the entire code between the backticks would be correctly syntax-highlighted by this extension.

This is useful for embedding javascript code inside other javascript files, however without this extension, all the important code is highlighted as a string.

Other supported languages are CSS and HTML:

export const cssCode= /* css */ `
p {
  color: red;
}
`;

export const htmlCode= /* html */ `
<html>
<body>
<p>Hello World!</p>
</body>
</html>
`;

Features

Simple syntax highlighting.

Syntax highlighting

Release Notes

2.0.0

Now using an injection grammar rather than a regular one.

1.1.0

Added support for CSS and HTML.
Added support for .str.ts files.

1.0.0

Initial release of this extension.

js-in-string