Merge pull request #30 from lightning-js/release/1.3.0

Release - v1.3.0

Author: uguraslan

.eslintignore

@@ -0,0 +1,37 @@
+# VSCode
+.vscode/**
+.vscode-test/**
+
+# Build outputs
+out/**
+*.vsix
+*.zip
+
+# Dependencies
+node_modules/**
+
+# Git and CI
+.git/**
+.github/**
+
+# Misc
+.DS_Store
+backup/**
+
+# Config files
+.eslintcache
+.gitignore
+.vscodeignore
+*.map
+jsconfig.json
+.eslintrc.json
+
+# Documentation
+*.md
+vsc-extension-quickstart.md
+
+# workers
+.github/**
+
+# vscode test
+.vscode-test/**

.eslintrc.json

@@ -72,6 +72,15 @@
           "never"
         ]
       }
+    },
+    {
+      "files": [
+        "test/**/*.js"
+      ],
+      "rules": {
+        "no-unused-expressions": "off",
+        "no-undef": "off"
+      }
     }
   ]
 }

.gitignore

@@ -5,4 +5,5 @@ out
 backup
 *.vsix
 *.zip
-test/
+.eslintcache
+.vscode-test/**

.vscodeignore

@@ -11,3 +11,4 @@ vsc-extension-quickstart.md
 backup
 *.vsix
 *.zip
+.vscode-test/**

README.md

@@ -2,44 +2,50 @@
 
 This is the official VSCode extension for the Lightning Blits framework.
 
-It provides syntax highlighting, code completion, error checking, and other features to make working with Blits easier.
+Blits is a **lightweight, high-performance frontend framework** for **Lightning 3 applications**. This VSCode extension enhances the development experience by providing **rich language support** for Blits templates, components, and the `.blits` file format.
 
 ## Features
 
-### Syntax Highlighting
+### **1. Syntax Highlighting**
+- Full support for Blits template syntax inside JavaScript and TypeScript files.
+- Dedicated syntax highlighting for `.blits` files, including **script and template sections**.
 
-This extension enables syntax highlighting for the template in your Blits components.
+### **2. Code Completion (IntelliSense)**
+- Auto-suggestions for Blits **component names, attributes, and built-in directives**.
+- Supports both built-in and custom components inside **template strings and `.blits` files**.
+- Provides **context-aware** suggestions based on cursor position.
 
-### Code Completion
+### **3. Commenting Support**
+- Enables **HTML-style commenting/uncommenting** for template sections.
+- Uses `<!-- -->` for templates and `//` for script sections.
 
-The extension offers context-aware IntelliSense for the Blits framework, focusing specifically on component properties and names within template definitions. For code outside of these templates, the extension defers to VSCode's built-in IntelliSense.
+### **4. Custom `.blits` File Support**
+- Full **language support** for `.blits` files:
+  - **Syntax highlighting**
+  - **IntelliSense** for template and script sections
+  - **Signature help** for component methods
+  - **Hover information** for component props and attributes
+  - **Error diagnostics** for template syntax
 
-The code completion feature is designed to avoid suggesting duplicate component properties, providing a cleaner and more efficient coding experience.
+### **5. Code Formatting**
+- Automatic formatting of **Blits template strings** inside JS/TS files.
+- Auto-formats **entire `.blits` files on save**.
+- Configurable **Prettier-based** formatting settings.
 
-### Commenting
-
-The extension introduces an enhanced commenting feature for the XML-style templates within Blits components. Integrated seamlessly with the standard VSCode commenting shortcuts, this feature activates when the cursor is positioned within a Blits template or when a block of code within a template is selected. It enables rapid toggling of HTML-style comments (`<!--` and `-->`) without the need for manual insertion. 
-
-### Format-on-Save
-
-The extension includes an auto-format feature for the template definitions in Blits components. This feature enhances the development experience by automatically formatting the templates upon saving the file.
-
-When you save a Blits component file (.js or .ts), the extension automatically formats the template sections within the file. This ensures that your templates are consistently styled and easy to read. The formatting applies only to the template parts of your file, leaving the rest of your JavaScript or TypeScript code unchanged.
-
-You can disable this feature by setting the `blits.autoFormat` configuration option to `false`.
+You can disable the auto-formatting feature by setting the `blits.autoFormat` configuration option to `false`.
 
 The extension provides several configuration options to customize the auto-formatting feature. These settings allow you to tailor the formatting to your coding style and preferences.
 
 #### Available Settings
 
 ###### Print Width (`blits.format.printWidth`): 120
-The line length that the printer will wrap on. 
+The line length that the printer will wrap on.
 
 ###### Tab Width (`blits.format.tabWidth`): 2
 Indentation size.
 
 ###### Indent with Tabs (`blits.format.useTabs`): `false`
-When `true`, indents with tabs instead of spaces. 
+When `true`, indents with tabs instead of spaces.
 
 ###### Print Semicolons (`blits.format.semi`): `false`
 Print semicolons at the ends of statements.
@@ -48,13 +54,13 @@ Print semicolons at the ends of statements.
 Use single quotes instead of double quotes.
 
 ###### Quoting Props (`blits.format.quoteProps`): `as-needed`
-When `as-needed`, adds quotes around object properties where required.    
-When `consistent`, adds quotes around object properties where required, but only if your file contains a mix of quoted and unquoted properties.    
-When `preserve`, keeps object properties unquoted.   
+When `as-needed`, adds quotes around object properties where required.
+When `consistent`, adds quotes around object properties where required, but only if your file contains a mix of quoted and unquoted properties.
+When `preserve`, keeps object properties unquoted.
 
 ###### Trailing Comma (`blits.format.trailingComma`): `all`
-When `all`, adds trailing commas wherever possible.    
-When `none`, removes trailing commas.    
+When `all`, adds trailing commas wherever possible.
+When `none`, removes trailing commas.
 When `es5`, adds trailing commas wherever possible, but avoids adding trailing commas to function parameters.
 
 ###### Bracket Spacing (`blits.format.bracketSpacing`): `true`
@@ -70,3 +76,19 @@ To customize these settings, you can either modify the `.vscode/settings.json` f
 - Open your VSCode settings (either user or workspace settings).
 - Search for `Blits` to find all the relevant settings for the Blits extension.
 - Modify the settings as needed. Changes will be applied immediately.
+
+
+## Usage
+Once installed, the extension will automatically detect and provide **language support** for:
+- `.blits` files.
+- Blits templates inside JavaScript and TypeScript files in Blits apps.
+
+### **Commands & Shortcuts**
+- **Toggle Comment** (`Ctrl + /` / `Cmd + /` on Mac): Comment/uncomment Blits template sections.
+
+## Feedback & Contributions
+This extension is **open-source**. If you encounter issues or have feature requests, please visit the [GitHub Repository](https://github.com/lightning-js/blits-vscode-extension) and submit an issue or contribute to the codebase.
+
+---
+
+**Enhance your Blits development experience today! 🚀**

jsconfig.json

@@ -5,7 +5,7 @@
     "resolveJsonModule": true,
 		"module": "commonjs",
 		"target": "ES2020",
-		"checkJs": false,
+		"checkJs": true,
 		"lib": [
 			"ES2020"
 		]

package-lock.json

@@ -3,7 +3,7 @@
   "publisher": "lightningjs",
   "displayName": "Lightning Blits",
   "description": "Template syntax highlighting and code completion for the Lightning Blits framework",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/lightning-js/blits-vscode-extension.git"
@@ -203,6 +203,7 @@
   "dependencies": {
     "@babel/traverse": "^7.23.2",
     "fs-extra": "^11.1.1",
+    "lodash": "^4.17.21",
     "prettier": "^2.8.8",
     "typescript": "^5.6.2"
   },

package.json

@@ -159,12 +159,6 @@ function updateCompilerOptions() {
   tsCompilerOptions = mergeCompilerOptions(baseCompilerOptions, tsSpecificOptions, tsUserConfig)
   jsCompilerOptions = mergeCompilerOptions(baseCompilerOptions, jsSpecificOptions, jsUserConfig)
 
-  log('Updated TypeScript Compiler Options:')
-  console.log(tsCompilerOptions)
-
-  log('Updated JavaScript Compiler Options:')
-  console.log(jsCompilerOptions)
-
   notifyCompilerOptionsChanged()
 }
 

src/blitsFile/config/compilerOptions.js

@@ -51,7 +51,7 @@ function deleteVirtualFilesByUri(uri) {
 }
 
 function getAllVirtualFiles() {
-  return new Map(Array.from(virtualFiles.entries()).map(([key, value]) => [value.fileName, value]))
+  return new Map(Array.from(virtualFiles.entries()).map(([, value]) => [value.fileName, value]))
 }
 
 module.exports = {