Zen Coding support

Author: Ecmel Ercan

README.md

@@ -8,6 +8,7 @@ CSS support for HTML documents.
 - Style attribute completion and hover.
 - Id attribute completion.
 - Class attribute completion.
+- Supports Zen Coding for id and class attributes
 - Scans workspace folder for css files.
 - Supports optional resource.json file for fine tuned resource selection.
 - Uses [vscode-css-languageservice](https://github.com/Microsoft/vscode-css-languageservice).

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vscode-html-css",
   "displayName": "HTML CSS Support",
-  "description": "CSS support in HTML documents",
+  "description": "CSS support for HTML documents",
   "version": "0.0.21",
   "publisher": "ecmel",
   "license": "MIT",

src/extension.ts

@@ -102,14 +102,17 @@ class StyleServer implements vsc.CompletionItemProvider, vsc.HoverProvider {
 
 class ClassServer implements vsc.CompletionItemProvider {
 
-  private regex = [/(class|id)=["|']([^"^']*$)/i, /<style[\s\S]*>([\s\S]*)<\/style>/ig];
+  private regex = [/(class|id)=["|']([^"^']*$)/i, /<style[\s\S]*>([\s\S]*)<\/style>/ig, /(\.|\#)[^\.^\#]*$/i];
 
   provideCompletionItems(document: vsc.TextDocument, position: vsc.Position, token: vsc.CancellationToken): vsc.CompletionList {
     let start = new vsc.Position(0, 0);
     let range = new vsc.Range(start, position);
     let text = document.getText(range);
 
     let tag = this.regex[0].exec(text);
+    if (!tag) {
+      tag = this.regex[2].exec(text);
+    }
     if (tag) {
       let internal: lst.SymbolInformation[] = [];
       let style;
@@ -129,7 +132,7 @@ class ClassServer implements vsc.CompletionItemProvider {
         }
       }
 
-      let id = tag[0].startsWith('id');
+      let id = tag[0].startsWith('id') || tag[0].startsWith('#');
       let ci: vsc.CompletionItem[] = [];
       for (let item in items) {
         if ((id && items[item].kind === hash) || !id && items[item].kind === dot) {