fix: ignore imports incomplete paths #97

Author: phoenisx

TASKS.md

@@ -15,6 +15,7 @@
   - Doing this still shows `open-props/open-props.min.css` in the autocomplete/definition-provider list.
 - Support variable defaults syntax as well, like the following:
   - `color: var(--color, #333)`, this is a valid syntax.
+- `cssvar.enable` disables the extension entirely. It is not scoped for each root folder.
 
 
 ## Notes:

examples/css-imports/index.css

@@ -10,7 +10,9 @@
 /* Following is very specific to webpack/react projects */
 /* I won't be supporting this in this extension, as a user can import */
 /* such css files from extension settings */
-/* @import '~open-props/open-props.min.css' */
+/* But's it's wise to ignore such imports */
+@import '~open-props/open-props.min.css';
+@import 'modern-normalize/modern-normalize.css';
 
 @import url('node_modules/open-props/red.min.css') layer(utilities) print, screen;
 
@@ -29,4 +31,5 @@ body {
   background-color: var(--c-blue);
   border-top-color: var(--orange-2);
   box-shadow: 0 0 3px 0 var(--violet-2);
+  margin: var(--size-10);
 }

examples/recursion/testing-temp.css

@@ -0,0 +1,9 @@
+:root {
+   --pop: violet;
+   --chop1: var(--pop);
+   --chop2: var(--chop1);
+}
+
+body {
+   color: var(--chop2);
+}

src/parser.ts

@@ -290,7 +290,9 @@ const parseFile = async function (
             }, {} as CSSVarLocation);
           }
           if (acceptedFile && !allLocalFiles.includes(acceptedFile.local)) {
-            resolvedPaths.push(acceptedFile);
+            if (Object.keys(acceptedFile).length !== 0) {
+              resolvedPaths.push(acceptedFile);
+            }
           }
         }
       }