Import project .env and fix up SASS_PATH

Author: PsiRadish

package.json

@@ -47,6 +47,7 @@
     "trailingComma": "all"
   },
   "dependencies": {
+    "dotenv": "^8.1.0",
     "icss-utils": "^4.1.1",
     "less": "^3.9.0",
     "lodash": "^4.17.14",
@@ -57,6 +58,7 @@
     "sass": "^1.22.4"
   },
   "devDependencies": {
+    "@types/dotenv": "^6.1.1",
     "@types/jest": "^24.0.15",
     "@types/less": "^3.0.0",
     "@types/lodash": "^4.14.136",

src/index.ts

@@ -9,6 +9,7 @@ import { Options } from './options';
 import { createLogger } from './helpers/logger';
 import * as postcss from 'postcss';
 import * as postcssIcssSelectors from 'postcss-icss-selectors';
+import * as dotenv from 'dotenv';
 
 const removePlugin = postcss.plugin('remove-mixins', () => (css) => {
   css.walkRules((rule) => {
@@ -184,6 +185,26 @@ function init({ typescript: ts }: { typescript: typeof ts_module }) {
       };
     }
 
+    // apply .env file at project root to current process environment ++ TODO: Instead, manually open .env and parse just the SASS_PATH part
+    const projectDir = info.project.getCurrentDirectory();
+    dotenv.config({ path: path.resolve(projectDir, '.env') });
+
+    // manually convert relative paths in SASS_PATH to absolute, lest they be resolved relative to process.cwd which would almost certainly be wrong
+    if (process.env.SASS_PATH) {
+      const sassPaths = process.env.SASS_PATH.split(path.delimiter);
+
+      for (
+        var i = 0, currPath = sassPaths[i];
+        i < sassPaths.length;
+        currPath = sassPaths[++i]
+      ) {
+        if (path.isAbsolute(currPath)) continue;
+        sassPaths[i] = path.resolve(projectDir, currPath); // resolve relative path against project directory
+      }
+      // update SASS_PATH with new paths
+      process.env.SASS_PATH = sassPaths.join(path.delimiter);
+    }
+
     return info.languageService;
   }