Add support for pug jade handlebars

ecmel · ecmel · commit 7d866f9af273 · 2017-04-07T19:16:33.000+03:00
diff --git a/README.md b/README.md
@@ -19,6 +19,9 @@ Missing CSS support for HTML documents.
 - laravel-blade
 - razor
 - vue
+- pug
+- jade
+- hbs
 
 ## Optional resource.json
 
diff --git a/package.json b/package.json
@@ -31,7 +31,10 @@
     "onLanguage:laravel-blade",
     "onLanguage:razor",
     "onLanguage:vue",
-    "onLanguage:blade"
+    "onLanguage:blade",
+    "onLanguage:pug",
+    "onLanguage:jade",
+    "onLanguage:handlebars"
   ],
   "contributes": {
     "jsonValidation": [
diff --git a/src/extension.ts b/src/extension.ts
@@ -242,7 +242,7 @@ export function activate(context: vsc.ExtensionContext) {
   let classServer = new ClassServer();
 
   context.subscriptions.push(vsc.languages.registerCompletionItemProvider(
-    ['html', 'laravel-blade', 'razor', 'vue', 'blade'], classServer));
+    ['html', 'laravel-blade', 'razor', 'vue', 'blade', 'pug', 'jade', 'handlebars'], classServer));
 
   //  https://github.com/Microsoft/vscode/issues/13675
   let wp = /(-?\d*\.\d\w*)|([^\`\~\!\@\#\%\^\&\*\(\)\=\+\[\{\]\}\\\|\;\:\'\.\"\,\<\>\/\?\s]+)/g;
@@ -266,6 +266,18 @@ export function activate(context: vsc.ExtensionContext) {
   context.subscriptions.push(vsc.languages.setLanguageConfiguration('blade', {
     wordPattern: wp
   }));
+
+  context.subscriptions.push(vsc.languages.setLanguageConfiguration('pug', {
+    wordPattern: wp
+  }));
+
+  context.subscriptions.push(vsc.languages.setLanguageConfiguration('jade', {
+    wordPattern: wp
+  }));
+
+  context.subscriptions.push(vsc.languages.setLanguageConfiguration('handlebars', {
+    wordPattern: wp
+  }));
 }
 
 export function deactivate() {
diff --git a/test/test.hbs b/test/test.hbs
@@ -0,0 +1,33 @@
+<html>
+
+<head>
+  <style>
+    .internal {
+      color: red;
+    }
+    
+    .internal-test1 .internal-test2 {
+      color: red;
+    }
+    
+    #internal_id {
+      color: red;
+    }
+    
+    #internal_id-test1 #internal_id-test2 {
+      color: red;
+    }
+  </style>
+</head>
+
+<body>
+  <a href="#" id="external_id" style="color: white;" class="external">TEST</a>
+  <a href="#" id="internal_id" style="
+    color: white; 
+    background-color: red;" class="
+  external 
+  internal
+  ">TEST</a>
+</body>
+
+</html>
diff --git a/test/test.jade b/test/test.jade
@@ -0,0 +1 @@
+a(class='external-test1' href='google.com') Google
diff --git a/test/test.pug b/test/test.pug
@@ -0,0 +1 @@
+a(class='external-test1' href='google.com') Google

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+a(class='external-test1' href='google.com') Google`