Prepare for #102

Author: pucelle

Diff for: CHANGELOG.md

@@ -1,6 +1,12 @@
 # ChangeLog
 
 
+## [2.3.8]
+
+- When finding references, will exclude current selector from reference list.
+  But you will still find it exist until we can find a way to disable VSCode built-in CSS Reference feature.
+
+
 ## [2.3.7]
 
 - Add `astro` to HTML file extension list.

Diff for: README.md

@@ -78,6 +78,7 @@ You may open workspace symbol popup by `Go / Goto Symbol in Workspace`, or use s
 ### Miscellaneous Features
 
 - Can goto referenced files after clicking url part of `<link href="...">` or `@import "..."`, and several more.
+- Completions sort by numbers, e.g.: `.class1`, `.class2`, `.class10`.
 
 
 
@@ -148,7 +149,7 @@ So please give your feedback, thanks.
 
 ### Should I reload this plugin after changed settings, or modified files?
 
-No need to, this plugin will automatically restart after settings get changed, and reload files after they get changed.
+No need to, this plugin will automatically restart after settings get changed, and reload files after they get changed on VSCode or disk.
 
 But if an imported file is out of current workspace, change it outside of VSCode will cause this plugin can't detect and re-parse it. You may simply open it in VSCode to make current plugin can track it.
 
@@ -161,6 +162,13 @@ A frequently happened problem is css variable completion repetition -- vscode ha
 But this can be avoid by simply set `disableOwnCSSVariableCompletion` to `false`.
 
 
+### By finding references, I found the same selector where I started to find references from
+
+From v2.3.8, this plugin will exclude the selector where you started to find references from.
+But VSCode built in CSS features would still provide references which will include it.
+We are still looking for a way to exclude it, see https://github.com/pucelle/vscode-css-navigation/issues/102
+
+
 ### Can I change definition order to make Sass files are always come before CSS files?
 
 No, VSCode always sort the definition results, seems in name order. If you don't like duplicate css definitions, you can remove the `css` in `activeCSSFileExtensions` option, or compile css file to the same folder, and keep `ignoreSameNameCSSFile` as `true`.

Diff for: client/test/fixture/index.jsx

@@ -19,7 +19,7 @@ class App {
 			}
 		`
 
-		return ( 
+		return (
 			<div>
 				<div id="id1" />
 				<div class="class1" />

Diff for: package.json

@@ -3,7 +3,7 @@
 	"displayName": "CSS Navigation",
 	"description": "Provides CSS Completion, Finding Definition, Finding References, Hover, Workspace Symbols services for HTML, JS, TS, JSX, Vue and more languages across whole workspace",
 	"icon": "images/logo.png",
-	"version": "2.3.7",
+	"version": "2.3.8",
 	"license": "MIT",
 	"publisher": "pucelle",
 	"homepage": "https://github.com/pucelle/vscode-css-navigation",

Diff for: server/src/languages/services/base-service.ts

@@ -299,6 +299,11 @@ export abstract class BaseService {
 
 			for (let part of this.getPartsByType(type)) {
 
+				// No include from part.
+				if (part === fromPart) {
+					continue
+				}
+
 				// Filter by text.
 				if (!PartComparer.isReferenceTextMatch(part, matchDefPart.type, texts)) {
 					continue

Diff for: server/src/languages/trees/html-tree.ts

@@ -176,11 +176,16 @@ export class HTMLTokenTree extends HTMLTokenNode {
 			}
 		}
 
-		// For `Lupos.js`, completion `:class.|name|`
+		// For `Lupos.js`, complete `:class.|name|` with class names.
 		else if (this.isScriptSyntax() && name.startsWith(':class.')) {
 			yield new Part(PartType.Class, attrName.text.slice(7), attrName.start + 7)
 		}
 
+		// For `Lupos.js`, complete `:style.-` with CSS Variables.
+		else if (this.isScriptSyntax() && name.startsWith(':style.-')) {
+			yield new Part(PartType.CSSVariableAssignment, attrName.text.slice(7), attrName.start + 7)
+		}
+
 		// For normal class attribute, or for `JSX`, `Lupos.js`, `Vue.js`
 		else if (name === 'class' || name === 'className' || name === ':class') {
 			if (attrValue) {