v0.4.1 - fixed TypeScript IntelliSense support and did some cleanup

package.json

@@ -3,7 +3,7 @@
   "publisher": "lightningjs",
   "displayName": "Lightning Blits",
   "description": "Template syntax highlighting and code completion for the Lightning Blits framework",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/lightning-js/blits-vscode-extension.git"
@@ -42,41 +42,13 @@
     "grammars": [
       {
         "injectTo": [
-          "source.js"
-        ],
-        "scopeName": "inline.custom-blits-html",
-        "path": "./syntaxes/embedded-html.json"
-      },
-      {
-        "injectTo": [
+          "source.js",
           "source.ts"
         ],
         "scopeName": "inline.custom-blits-html",
         "path": "./syntaxes/embedded-html.json"
       }
     ],
-    "languages": [
-      {
-        "id": "javascript",
-        "extensions": [
-          ".js"
-        ],
-        "aliases": [
-          "JavaScript",
-          "javascript"
-        ]
-      },
-      {
-        "id": "typescript",
-        "extensions": [
-          ".ts"
-        ],
-        "aliases": [
-          "TypeScript",
-          "typescript"
-        ]
-      }
-    ],
     "keybindings": [
       {
         "key": "ctrl+/",

src/completionItems/componentProps.js

@@ -56,6 +56,7 @@ module.exports = async (tag, attributes, doc, docAst) => {
             completionItem.insertText = new vscode.SnippetString(
               `${prop.key}="$0"`
             )
+            completionItem.sortText = '0' + prop.key
             completionItems.push(completionItem)
           }
 
@@ -69,6 +70,7 @@ module.exports = async (tag, attributes, doc, docAst) => {
             reactiveCompletionItem.insertText = new vscode.SnippetString(
               `${prop.key}="${prop.default ? prop.default : ''}$0"`
             )
+            reactiveCompletionItem.sortText = '0' + `:${prop.key}`
             completionItems.push(reactiveCompletionItem)
           }
         })

src/completionProviders/templateAttributes.js

@@ -21,12 +21,13 @@ const completionItems = require('../completionItems')
 const parse = require('../parsers')
 
 module.exports = vscode.languages.registerCompletionItemProvider(
-  { language: 'javascript' },
+  [{ language: 'javascript' }, { language: 'typescript' }],
   {
     // eslint-disable-next-line no-unused-vars
     async provideCompletionItems(document, position, token, context) {
       const currentDoc = document.getText()
-      const currentDocAst = parse.AST(currentDoc)
+      const fileExtension = document.uri.fsPath.split('.').pop()
+      const currentDocAst = parse.AST(currentDoc, fileExtension)
 
       if (
         templateHelper.isCursorInsideTemplate(document, currentDocAst, position)

src/parsers/ast.js

@@ -17,10 +17,16 @@
 
 const parser = require('@babel/parser')
 
-module.exports = (code) => {
+module.exports = (code, fileExtension) => {
+  let plugins = []
+  if (fileExtension === 'ts') {
+    plugins.push('typescript')
+  }
+
   try {
     return parser.parse(code, {
       sourceType: 'module',
+      plugins: plugins,
     })
   } catch (e) {
     console.error('error parsing AST')