How to use sass-graph - 10 common examples

import { parseFile, parseDir, Graph } from "sass-graph";

// Example copied from readme:
// https://github.com/xzyfer/sass-graph/blob/master/readme.md
const graph1: Graph = parseFile("test/fixtures/main.scss");
const graph2: Graph = parseDir("test/fixtures");

import { parseFile, parseDir, Graph } from "sass-graph";

// Example copied from readme:
// https://github.com/xzyfer/sass-graph/blob/master/readme.md
const graph1: Graph = parseFile("test/fixtures/main.scss");
const graph2: Graph = parseDir("test/fixtures");

function reloadFile(filePath, stat) {
        stat = typeof stat === 'object' ? stat : fs.statSync(filePath);

        var ext = path.extname(filePath);

        if (ext === '.scss') {
            sassGraph.parseDir(directory).index[filePath].importedBy.forEach(reloadFile);
        } else if (ext === '.js') {
            // Clear snockets cache
            snockets.cache = {};
            snockets.concatCache = {};

            snockets.scan(filePath);
            snockets.depGraph.parentsOf(filePath).forEach(reloadFile);
        }

        var relativeUrl = cacheFile(filePath, stat);

        if (stylesheets.includes(relativeUrl)) {
            files[relativeUrl].content = hashifyCss(relativeUrl);
            files[relativeUrl].hash = crypto.createHash('md5').update(files[relativeUrl].content).digest('hex');
        }
    }

/* eslint-disable @typescript-eslint/no-var-requires */
const fs = require('fs');
const sassGraph = require('sass-graph');

const graph = sassGraph.parseFile('./src/components/_index.scss');

const root = Object.keys(graph.index)[0];

const content = recursiveReadSCSS(root, graph.index[root]);

fs.writeFileSync('./dist/theme.scss', content);

function recursiveReadSCSS(branchId, branch) {
  if (branch.imports.length === 0) {
    return fs.readFileSync(branchId, 'utf8');
  }
  const file = fs.readFileSync(branchId, 'utf8');
  const sassFileContent = [];
  branch.imports.forEach((branchId) => {
    const content = recursiveReadSCSS(branchId, graph.index[branchId]);
    sassFileContent.push(content);

task('library:styles', () => {
  const stylesGraph = parseDir(join(buildConfig.libDir, 'style'));

  return src(Object.keys(stylesGraph.index), { base: buildConfig.libDir }).pipe(
    dest(buildConfig.libOutputDir),
  );
});

watcher.reset = function(opts) {
  config = clonedeep(opts || config || {});
  var options = {
    loadPaths: config.includePath,
    extensions: ['scss', 'sass', 'css'],
    follow: config.follow,
  };

  if (config.directory) {
    graph = grapher.parseDir(config.directory, options);
  } else {
    graph = grapher.parseFile(config.src, options);
  }

  return Object.keys(graph.index);
};

const createImportsGraph = function () {
    importsGraph = require('sass-graph').parseDir(
        pathConfig.ui.core.sass.src,
        { loadPaths: [pathConfig.ui.lib.resources] }
    );
};

function rebuildGraph(file, cb) {
		graph = grapher.parseDir(path.join(config.root, sassDir), {
			extensions: ['scss', 'sass']
		});

		if(file) {
			sassyChange(file, cb);
		}
	}

function getImportsGraph(atlasBaseConfig) {
    const sassSrcPath = atlasBaseConfig.scssSrc;
    const sassSrcExternalImportsPath = atlasBaseConfig.scssAdditionalImportsArray;

    return sassGraph.parseDir(sassSrcPath, {loadPaths: sassSrcExternalImportsPath});
}

(aggr, dir) => {
        return aggr.concat(Object.keys(parseDir(dir).index));
      },
      [] as string[],