@parcel/transformer-stylus 2.0.0-beta.1 → 2.0.0-nightly.1002

package/lib/StylusTransformer.js

@@ -5,17 +5,111 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _plugin = require("@parcel/plugin");
+function _plugin() {
+  const data = require("@parcel/plugin");
 
-var _utils = require("@parcel/utils");
+  _plugin = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _utils() {
+  const data = require("@parcel/utils");
+
+  _utils = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _path() {
+  const data = _interopRequireDefault(require("path"));
+
+  _path = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _fs() {
+  const data = _interopRequireDefault(require("fs"));
+
+  _fs = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _stylus() {
+  const data = _interopRequireDefault(require("stylus"));
+
+  _stylus = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _parser() {
+  const data = _interopRequireDefault(require("stylus/lib/parser"));
+
+  _parser = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _depsResolver() {
+  const data = _interopRequireDefault(require("stylus/lib/visitor/deps-resolver"));
+
+  _depsResolver = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _nodes() {
+  const data = _interopRequireDefault(require("stylus/lib/nodes"));
 
-var _path = _interopRequireDefault(require("path"));
+  _nodes = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _utils2() {
+  const data = _interopRequireDefault(require("stylus/lib/utils"));
+
+  _utils2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _evaluator() {
+  const data = _interopRequireDefault(require("stylus/lib/visitor/evaluator"));
+
+  _evaluator = function () {
+    return data;
+  };
+
+  return data;
+}
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const URL_RE = /^(?:url\s*\(\s*)?['"]?(?:[#/]|(?:https?:)?\/\/)/i;
 
-var _default = new _plugin.Transformer({
+var _default = new (_plugin().Transformer)({
   async loadConfig({
     config
   }) {
@@ -24,27 +118,18 @@ var _default = new _plugin.Transformer({
     });
 
     if (configFile) {
-      let isJavascript = _path.default.extname(configFile.filePath) === '.js';
+      let isJavascript = _path().default.extname(configFile.filePath) === '.js';
 
       if (isJavascript) {
-        config.shouldInvalidateOnStartup();
-        config.shouldReload();
-      }
+        config.invalidateOnStartup();
+      } // Resolve relative paths from config file
 
-      config.setResult({
-        contents: configFile.contents,
-        isSerialisable: !isJavascript
-      });
-    }
-  },
 
-  preSerializeConfig({
-    config
-  }) {
-    if (!config.result) return; // Ensure we dont try to serialise functions
+      if (configFile.contents.paths) {
+        configFile.contents.paths = configFile.contents.paths.map(p => _path().default.resolve(_path().default.dirname(configFile.filePath), p));
+      }
 
-    if (!config.result.isSerialisable) {
-      config.result.contents = {};
+      return configFile.contents;
     }
   },
 
@@ -54,21 +139,27 @@ var _default = new _plugin.Transformer({
     config,
     options
   }) {
-    let stylusConfig = config ? config.contents : {}; // stylus should be installed locally in the module that's being required
-
-    let stylus = await options.packageManager.require('stylus', asset.filePath, {
-      autoinstall: options.autoinstall
-    });
+    let stylusConfig = config !== null && config !== void 0 ? config : {};
     let code = await asset.getCode();
-    let style = stylus(code, stylusConfig);
+    let style = (0, _stylus().default)(code, { ...stylusConfig
+    });
     style.set('filename', asset.filePath);
     style.set('include css', true); // Setup a handler for the URL function so we add dependencies for linked assets.
 
     style.define('url', node => {
-      let filename = asset.addURLDependency(node.val, node.filename);
-      return new stylus.nodes.Literal(`url(${JSON.stringify(filename)})`);
+      let filename = asset.addURLDependency(node.val, {
+        loc: (0, _utils().createDependencyLocation)({
+          line: node.lineno,
+          column: node.column
+        }, node.val)
+      });
+      return new (_stylus().default.nodes.Literal)(`url(${JSON.stringify(filename)})`);
     });
-    style.set('Evaluator', (await createEvaluator(code, asset, resolve, style.options, options)));
+    let {
+      resolved: stylusPath
+    } = await options.packageManager.resolve('stylus', __filename);
+    let nativeGlob = await options.packageManager.require('glob', stylusPath);
+    style.set('Evaluator', await createEvaluator(code, asset, resolve, style.options, options, nativeGlob));
     asset.type = 'css';
     asset.setCode(style.render());
     asset.meta.hasDependencies = false;
@@ -79,31 +170,48 @@ var _default = new _plugin.Transformer({
 
 exports.default = _default;
 
-async function getDependencies(code, filepath, asset, resolve, options, parcelOptions, seen = new Set()) {
+function attemptResolve(importedPath, filepath, asset, resolve, deps) {
+  if (deps.has(importedPath)) {
+    return;
+  }
+
+  if ((0, _utils().isGlob)(importedPath)) {
+    // Invalidate when new files are created that match the glob pattern.
+    let absoluteGlob = _path().default.resolve(_path().default.dirname(filepath), importedPath);
+
+    asset.invalidateOnFileCreate({
+      glob: absoluteGlob
+    });
+    deps.set(importedPath, (0, _utils().glob)(absoluteGlob, asset.fs, {
+      onlyFiles: true
+    }).then(entries => Promise.all(entries.map(entry => resolve(filepath, './' + _path().default.relative(_path().default.dirname(filepath), entry))))));
+  } else {
+    deps.set(importedPath, resolve(filepath, importedPath));
+  }
+}
+
+async function getDependencies(code, filepath, asset, resolve, options, parcelOptions, nativeGlob, seen = new Set(), includeImports = true) {
   seen.add(filepath);
-  const [Parser, DepsResolver, nodes, utils] = await Promise.all(['parser', 'visitor/deps-resolver', 'nodes', 'utils'].map(dep => parcelOptions.packageManager.require('stylus/lib/' + dep, filepath, {
-    autoinstall: options.autoinstall
-  })));
-  nodes.filename = asset.filePath;
-  let parser = new Parser(code, options);
+  _nodes().default.filename = asset.filePath;
+  let parser = new (_parser().default)(code, options);
   let ast = parser.parse();
   let deps = new Map();
-  new class ImportVisitor extends DepsResolver {
+
+  if (includeImports && options.imports) {
+    for (let importedPath of options.imports) {
+      attemptResolve(importedPath, filepath, asset, resolve, deps);
+    }
+  }
+
+  class ImportVisitor extends _depsResolver().default {
     visitImport(imported) {
       let importedPath = imported.path.first.string;
-
-      if (!deps.has(importedPath)) {
-        if ((0, _utils.isGlob)(importedPath)) {
-          deps.set(importedPath, (0, _utils.glob)(_path.default.resolve(_path.default.dirname(filepath), importedPath), parcelOptions.inputFS, {
-            onlyFiles: true
-          }).then(entries => Promise.all(entries.map(entry => resolve(filepath, './' + _path.default.relative(_path.default.dirname(filepath), entry))))));
-        } else {
-          deps.set(importedPath, resolve(filepath, importedPath));
-        }
-      }
+      attemptResolve(importedPath, filepath, asset, resolve, deps);
     }
 
-  }(ast, options).visit(ast); // Recursively process depdendencies, and return a map with all resolved paths.
+  }
+
+  new ImportVisitor(ast, options).visit(ast); // Recursively process depdendencies, and return a map with all resolved paths.
 
   let res = new Map();
   await Promise.all(Array.from(deps.entries()).map(async ([importedPath, resolved]) => {
@@ -115,7 +223,7 @@ async function getDependencies(code, filepath, asset, resolve, options, parcelOp
 
     let found;
 
-    if (resolved) {
+    if (resolved && (!Array.isArray(resolved) || resolved.length > 0)) {
       found = Array.isArray(resolved) ? resolved : [resolved];
       res.set(importedPath, resolved);
     } else {
@@ -126,13 +234,20 @@ async function getDependencies(code, filepath, asset, resolve, options, parcelOp
 
       if (!/\.styl$/i.test(importedPath)) {
         importedPath += '.styl';
-      }
+      } // Patch the native FS so we use Parcel's FS, and track files that are
+      // checked so we invalidate the cache when they are created.
 
-      let paths = (options.paths || []).concat(_path.default.dirname(filepath || '.'));
-      found = utils.find(importedPath, paths, filepath);
+
+      let restore = patchNativeFS(asset.fs, nativeGlob);
+      let paths = [...new Set((options.paths || []).concat(_path().default.dirname(filepath || '.')))];
+      found = _utils2().default.find(importedPath, paths, filepath);
 
       if (!found) {
-        found = utils.lookupIndex(originalPath, paths, filepath);
+        found = _utils2().default.lookupIndex(originalPath, paths, filepath);
+      }
+
+      for (let invalidation of restore()) {
+        asset.invalidateOnFileCreate(invalidation);
       }
 
       if (!found) {
@@ -143,12 +258,10 @@ async function getDependencies(code, filepath, asset, resolve, options, parcelOp
 
     for (let resolved of found) {
       if (!seen.has(resolved)) {
-        await asset.addIncludedFile({
-          filePath: resolved
-        });
+        await asset.invalidateOnFileChange(resolved);
         let code = await asset.fs.readFile(resolved, 'utf8');
 
-        for (let [path, resolvedPath] of await getDependencies(code, resolved, asset, resolve, options, parcelOptions, seen)) {
+        for (let [path, resolvedPath] of await getDependencies(code, resolved, asset, resolve, options, parcelOptions, nativeGlob, seen, false)) {
           res.set(path, resolvedPath);
         }
       }
@@ -157,13 +270,12 @@ async function getDependencies(code, filepath, asset, resolve, options, parcelOp
   return res;
 }
 
-async function createEvaluator(code, asset, resolve, options, parcelOptions) {
-  const deps = await getDependencies(code, asset.filePath, asset, resolve, options, parcelOptions);
-  const Evaluator = await parcelOptions.packageManager.require('stylus/lib/visitor/evaluator', asset.filePath); // This is a custom stylus evaluator that extends stylus with support for the node
+async function createEvaluator(code, asset, resolve, options, parcelOptions, nativeGlob) {
+  const deps = await getDependencies(code, asset.filePath, asset, resolve, options, parcelOptions, nativeGlob); // This is a custom stylus evaluator that extends stylus with support for the node
   // require resolution algorithm. It also adds all dependencies to the parcel asset
   // tree so the file watcher works correctly, etc.
 
-  return class CustomEvaluator extends Evaluator {
+  class CustomEvaluator extends _evaluator().default {
     visitImport(imported) {
       let node = this.visit(imported.path).first;
       let path = node.string;
@@ -181,16 +293,86 @@ async function createEvaluator(code, asset, resolve, options, parcelOptions) {
             // replace it with a separate import node for each file
             return mergeBlocks(resolved.map(resolvedPath => {
               node.string = resolvedPath;
-              return super.visitImport(imported.clone());
+              let restore = patchNativeFS(asset.fs, nativeGlob);
+              let res = super.visitImport(imported.clone());
+              restore();
+              return res;
             }));
           }
         }
-      } // Done. Let stylus do its thing.
+      } // Patch the native FS so stylus uses Parcel's FS to read the file.
+
+
+      let restore = patchNativeFS(asset.fs, nativeGlob); // Done. Let stylus do its thing.
 
+      let res = super.visitImport(imported);
+      restore();
+      return res;
+    }
+
+  }
+
+  return CustomEvaluator;
+}
+
+function patchNativeFS(fs, nativeGlob) {
+  let invalidations = [];
+
+  let readFileSync = _fs().default.readFileSync;
 
-      return super.visitImport(imported);
+  let statSync = _fs().default.statSync; // $FlowFixMe
+
+
+  _fs().default.readFileSync = (filename, encoding) => {
+    return fs.readFileSync(filename, encoding);
+  }; // $FlowFixMe
+
+
+  _fs().default.statSync = p => {
+    try {
+      return fs.statSync(p);
+    } catch (err) {
+      // Track files that were checked but don't exist so that we watch for their creation.
+      if (!p.includes(`node_modules${_path().default.sep}stylus`)) {
+        invalidations.push({
+          filePath: p
+        });
+      }
+
+      throw err;
     }
+  }; // Patch the `glob` module as well so we use the Parcel FS and track invalidations.
+
+
+  let glob = nativeGlob.sync;
+
+  nativeGlob.sync = p => {
+    let res = (0, _utils().globSync)(p, fs);
+
+    if (!p.includes(`node_modules${_path().default.sep}stylus`)) {
+      // Sometimes stylus passes file paths with no glob parts to the `glob` module.
+      // We want to avoid treating these as globs for performance.
+      if ((0, _utils().isGlob)(p)) {
+        invalidations.push({
+          glob: p
+        });
+      } else if (res.length === 0) {
+        invalidations.push({
+          filePath: p
+        });
+      }
+    }
+
+    return res;
+  };
+
+  return () => {
+    // $FlowFixMe
+    _fs().default.readFileSync = readFileSync; // $FlowFixMe
 
+    _fs().default.statSync = statSync;
+    nativeGlob.sync = glob;
+    return invalidations;
   };
 }
 /**

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@parcel/transformer-stylus",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-nightly.1002+5530a6ef",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/parcel"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/parcel-bundler/parcel.git"
@@ -12,15 +16,13 @@
   "main": "lib/StylusTransformer.js",
   "source": "src/StylusTransformer.js",
   "engines": {
-    "node": ">= 10.0.0",
-    "parcel": "^2.0.0-alpha.1.1"
+    "node": ">= 12.0.0",
+    "parcel": "2.0.0-nightly.1000+5530a6ef"
   },
   "dependencies": {
-    "@parcel/plugin": "2.0.0-beta.1",
-    "@parcel/utils": "2.0.0-beta.1"
-  },
-  "devDependencies": {
-    "stylus": "^0.54.5"
+    "@parcel/plugin": "2.0.0-nightly.1002+5530a6ef",
+    "@parcel/utils": "2.0.0-nightly.1002+5530a6ef",
+    "stylus": "^0.55.0"
   },
-  "gitHead": "74335525be92e23bac4ed1bf30595443cfb238e3"
+  "gitHead": "5530a6eff8b619873353baeb0457ae4ec591e9fa"
 }

package/src/StylusTransformer.js

@@ -1,12 +1,19 @@
 // @flow
 
 import {Transformer} from '@parcel/plugin';
-import {isGlob, glob} from '@parcel/utils';
+import {createDependencyLocation, isGlob, glob, globSync} from '@parcel/utils';
 import path from 'path';
+import nativeFS from 'fs';
+import stylus from 'stylus';
+import Parser from 'stylus/lib/parser';
+import DepsResolver from 'stylus/lib/visitor/deps-resolver';
+import nodes from 'stylus/lib/nodes';
+import utils from 'stylus/lib/utils';
+import Evaluator from 'stylus/lib/visitor/evaluator';
 
 const URL_RE = /^(?:url\s*\(\s*)?['"]?(?:[#/]|(?:https?:)?\/\/)/i;
 
-export default new Transformer({
+export default (new Transformer({
   async loadConfig({config}) {
     let configFile = await config.getConfig(['.stylusrc', '.stylusrc.js'], {
       packageKey: 'stylus',
@@ -15,47 +22,53 @@ export default new Transformer({
     if (configFile) {
       let isJavascript = path.extname(configFile.filePath) === '.js';
       if (isJavascript) {
-        config.shouldInvalidateOnStartup();
-        config.shouldReload();
+        config.invalidateOnStartup();
       }
 
-      config.setResult({
-        contents: configFile.contents,
-        isSerialisable: !isJavascript,
-      });
-    }
-  },
-
-  preSerializeConfig({config}) {
-    if (!config.result) return;
+      // Resolve relative paths from config file
+      if (configFile.contents.paths) {
+        configFile.contents.paths = configFile.contents.paths.map(p =>
+          path.resolve(path.dirname(configFile.filePath), p),
+        );
+      }
 
-    // Ensure we dont try to serialise functions
-    if (!config.result.isSerialisable) {
-      config.result.contents = {};
+      return configFile.contents;
     }
   },
 
   async transform({asset, resolve, config, options}) {
-    let stylusConfig = config ? config.contents : {};
-    // stylus should be installed locally in the module that's being required
-    let stylus = await options.packageManager.require(
-      'stylus',
-      asset.filePath,
-      {autoinstall: options.autoinstall},
-    );
-
+    let stylusConfig = config ?? {};
     let code = await asset.getCode();
-    let style = stylus(code, stylusConfig);
+    let style = stylus(code, {...stylusConfig});
     style.set('filename', asset.filePath);
     style.set('include css', true);
     // Setup a handler for the URL function so we add dependencies for linked assets.
-    style.define('url', node => {
-      let filename = asset.addURLDependency(node.val, node.filename);
+    style.define('url', (node: stylus.nodes.String | stylus.nodes.Literal) => {
+      let filename = asset.addURLDependency(node.val, {
+        loc: createDependencyLocation(
+          {line: node.lineno, column: node.column},
+          node.val,
+        ),
+      });
       return new stylus.nodes.Literal(`url(${JSON.stringify(filename)})`);
     });
+
+    let {resolved: stylusPath} = await options.packageManager.resolve(
+      'stylus',
+      __filename,
+    );
+    let nativeGlob = await options.packageManager.require('glob', stylusPath);
+
     style.set(
       'Evaluator',
-      await createEvaluator(code, asset, resolve, style.options, options),
+      await createEvaluator(
+        code,
+        asset,
+        resolve,
+        style.options,
+        options,
+        nativeGlob,
+      ),
     );
 
     asset.type = 'css';
@@ -63,7 +76,37 @@ export default new Transformer({
     asset.meta.hasDependencies = false;
     return [asset];
   },
-});
+}): Transformer);
+
+function attemptResolve(importedPath, filepath, asset, resolve, deps) {
+  if (deps.has(importedPath)) {
+    return;
+  }
+
+  if (isGlob(importedPath)) {
+    // Invalidate when new files are created that match the glob pattern.
+    let absoluteGlob = path.resolve(path.dirname(filepath), importedPath);
+    asset.invalidateOnFileCreate({glob: absoluteGlob});
+
+    deps.set(
+      importedPath,
+      glob(absoluteGlob, asset.fs, {
+        onlyFiles: true,
+      }).then(entries =>
+        Promise.all(
+          entries.map(entry =>
+            resolve(
+              filepath,
+              './' + path.relative(path.dirname(filepath), entry),
+            ),
+          ),
+        ),
+      ),
+    );
+  } else {
+    deps.set(importedPath, resolve(filepath, importedPath));
+  }
+}
 
 async function getDependencies(
   code,
@@ -72,16 +115,11 @@ async function getDependencies(
   resolve,
   options,
   parcelOptions,
+  nativeGlob,
   seen = new Set(),
+  includeImports = true,
 ) {
   seen.add(filepath);
-  const [Parser, DepsResolver, nodes, utils] = await Promise.all(
-    ['parser', 'visitor/deps-resolver', 'nodes', 'utils'].map(dep =>
-      parcelOptions.packageManager.require('stylus/lib/' + dep, filepath, {
-        autoinstall: options.autoinstall,
-      }),
-    ),
-  );
 
   nodes.filename = asset.filePath;
 
@@ -89,35 +127,16 @@ async function getDependencies(
   let ast = parser.parse();
   let deps = new Map();
 
+  if (includeImports && options.imports) {
+    for (let importedPath of options.imports) {
+      attemptResolve(importedPath, filepath, asset, resolve, deps);
+    }
+  }
+
   class ImportVisitor extends DepsResolver {
     visitImport(imported) {
       let importedPath = imported.path.first.string;
-
-      if (!deps.has(importedPath)) {
-        if (isGlob(importedPath)) {
-          deps.set(
-            importedPath,
-            glob(
-              path.resolve(path.dirname(filepath), importedPath),
-              parcelOptions.inputFS,
-              {
-                onlyFiles: true,
-              },
-            ).then(entries =>
-              Promise.all(
-                entries.map(entry =>
-                  resolve(
-                    filepath,
-                    './' + path.relative(path.dirname(filepath), entry),
-                  ),
-                ),
-              ),
-            ),
-          );
-        } else {
-          deps.set(importedPath, resolve(filepath, importedPath));
-        }
-      }
+      attemptResolve(importedPath, filepath, asset, resolve, deps);
     }
   }
 
@@ -134,7 +153,7 @@ async function getDependencies(
       }
 
       let found;
-      if (resolved) {
+      if (resolved && (!Array.isArray(resolved) || resolved.length > 0)) {
         found = Array.isArray(resolved) ? resolved : [resolved];
         res.set(importedPath, resolved);
       } else {
@@ -147,12 +166,24 @@ async function getDependencies(
           importedPath += '.styl';
         }
 
-        let paths = (options.paths || []).concat(path.dirname(filepath || '.'));
+        // Patch the native FS so we use Parcel's FS, and track files that are
+        // checked so we invalidate the cache when they are created.
+        let restore = patchNativeFS(asset.fs, nativeGlob);
+
+        let paths = [
+          ...new Set(
+            (options.paths || []).concat(path.dirname(filepath || '.')),
+          ),
+        ];
         found = utils.find(importedPath, paths, filepath);
         if (!found) {
           found = utils.lookupIndex(originalPath, paths, filepath);
         }
 
+        for (let invalidation of restore()) {
+          asset.invalidateOnFileCreate(invalidation);
+        }
+
         if (!found) {
           throw new Error('failed to locate file ' + originalPath);
         }
@@ -161,7 +192,7 @@ async function getDependencies(
       // Recursively process resolved files as well to get nested deps
       for (let resolved of found) {
         if (!seen.has(resolved)) {
-          await asset.addIncludedFile({filePath: resolved});
+          await asset.invalidateOnFileChange(resolved);
 
           let code = await asset.fs.readFile(resolved, 'utf8');
           for (let [path, resolvedPath] of await getDependencies(
@@ -171,7 +202,9 @@ async function getDependencies(
             resolve,
             options,
             parcelOptions,
+            nativeGlob,
             seen,
+            false,
           )) {
             res.set(path, resolvedPath);
           }
@@ -183,7 +216,14 @@ async function getDependencies(
   return res;
 }
 
-async function createEvaluator(code, asset, resolve, options, parcelOptions) {
+async function createEvaluator(
+  code,
+  asset,
+  resolve,
+  options,
+  parcelOptions,
+  nativeGlob,
+) {
   const deps = await getDependencies(
     code,
     asset.filePath,
@@ -191,10 +231,7 @@ async function createEvaluator(code, asset, resolve, options, parcelOptions) {
     resolve,
     options,
     parcelOptions,
-  );
-  const Evaluator = await parcelOptions.packageManager.require(
-    'stylus/lib/visitor/evaluator',
-    asset.filePath,
+    nativeGlob,
   );
 
   // This is a custom stylus evaluator that extends stylus with support for the node
@@ -219,21 +256,79 @@ async function createEvaluator(code, asset, resolve, options, parcelOptions) {
             return mergeBlocks(
               resolved.map(resolvedPath => {
                 node.string = resolvedPath;
-                return super.visitImport(imported.clone());
+                let restore = patchNativeFS(asset.fs, nativeGlob);
+                let res = super.visitImport(imported.clone());
+                restore();
+                return res;
               }),
             );
           }
         }
       }
 
+      // Patch the native FS so stylus uses Parcel's FS to read the file.
+      let restore = patchNativeFS(asset.fs, nativeGlob);
+
       // Done. Let stylus do its thing.
-      return super.visitImport(imported);
+      let res = super.visitImport(imported);
+
+      restore();
+      return res;
     }
   }
 
   return CustomEvaluator;
 }
 
+function patchNativeFS(fs, nativeGlob) {
+  let invalidations = [];
+  let readFileSync = nativeFS.readFileSync;
+  let statSync = nativeFS.statSync;
+
+  // $FlowFixMe
+  nativeFS.readFileSync = (filename, encoding) => {
+    return fs.readFileSync(filename, encoding);
+  };
+
+  // $FlowFixMe
+  nativeFS.statSync = p => {
+    try {
+      return fs.statSync(p);
+    } catch (err) {
+      // Track files that were checked but don't exist so that we watch for their creation.
+      if (!p.includes(`node_modules${path.sep}stylus`)) {
+        invalidations.push({filePath: p});
+      }
+      throw err;
+    }
+  };
+
+  // Patch the `glob` module as well so we use the Parcel FS and track invalidations.
+  let glob = nativeGlob.sync;
+  nativeGlob.sync = p => {
+    let res = globSync(p, fs);
+    if (!p.includes(`node_modules${path.sep}stylus`)) {
+      // Sometimes stylus passes file paths with no glob parts to the `glob` module.
+      // We want to avoid treating these as globs for performance.
+      if (isGlob(p)) {
+        invalidations.push({glob: p});
+      } else if (res.length === 0) {
+        invalidations.push({filePath: p});
+      }
+    }
+    return res;
+  };
+
+  return () => {
+    // $FlowFixMe
+    nativeFS.readFileSync = readFileSync;
+    // $FlowFixMe
+    nativeFS.statSync = statSync;
+    nativeGlob.sync = glob;
+    return invalidations;
+  };
+}
+
 /**
  * Puts the content of all given node blocks into the first one, essentially merging them.
  */