vscode-language-csjs

A CSJS syntax highlighter for Visual Studio Code.

Introduction

CSJS is a JavaScript library that lets you write inline CSS in your JavaScript code. The CSS goes in a string, however, so you don't get any syntax highlighting. This extension adds regular CSS highlighting inside any CSJS block.

Installation

You can find it on the Extensions Marketplace under the name CSJS Syntax Highlighter.

Usage

This extension will automatically highlight any file with the extension .csjs.js. You can also use Change Language Mode from the Command Palette to set the mode manually.

License

MIT license. See LICENSE for more details.

Credit

This extension is a partial port of language-csjs.

What I Changed

csjs.tmLanguage.json is extremely similar to css.tmLanguage.json file from Visual Studio Code. I added the expression rule from language-csjs to repositories and added it to #rule-list-innards in two places. I also made a similar rule at the top level to detect unscoped ${} blocks.