feat: add extends detection (#243) (#259)

package.json

@@ -64,6 +64,7 @@
     "eslint": "8.47.0",
     "h3": "^1.8.0",
     "jquery": "^3.7.0",
+    "lit": "^2.8.0",
     "typescript": "^5.1.6",
     "unbuild": "^1.2.1",
     "vitest": "^0.34.2",

src/utils.ts

@@ -19,10 +19,10 @@ export const excludeRE = [
 export const importAsRE = /^.*\sas\s+/
 export const separatorRE = /[,[\]{}\n]|\bimport\b/g
 
-/**                                                           |       |
- *                    destructing   case&ternary    non-call  |  id   |
- *                         ↓             ↓             ↓      |       |*/
-export const matchRE = /(^|\.\.\.|(?:\bcase|\?)\s+|[^\w_$\/)])([\w_$]+)\s*(?=[.()[\]}:;?+\-*&|`<>,\n]|\b(?:instanceof|in)\b|$)/g
+/**                                                                            |       |
+ *                    destructing   case&ternary    non-call     inheritance   |  id   |
+ *                         ↓             ↓             ↓             ↓         |       |*/
+export const matchRE = /(^|\.\.\.|(?:\bcase|\?)\s+|[^\w_$\/)]|(?:\bextends)\s+)([\w_$]+)\s*(?=[.()[\]}}:;?+\-*&|`<>,\n]|\b(?:instanceof|in)\b|$|(?<=extends\s+\w+)\s+{)/g
 
 const regexRE = /\/[^\s]*?(?<!\\)(?<!\[[^\]]*)\/[gimsuy]*/g
 

test/cases.test.ts

@@ -37,6 +37,10 @@ describe('cases', () => {
           }
         ]
       },
+      {
+        from: 'lit',
+        imports: ['LitElement']
+      },
       {
         from: 'three',
         imports: [['*', 'THREE']]

test/cases/positive/extends.output.ts

@@ -0,0 +1,2 @@
+import { LitElement } from 'lit';
+class MyElement extends LitElement {}

test/cases/positive/extends.ts

@@ -0,0 +1 @@
+class MyElement extends LitElement {}