cdt

css-dep-tree

Generates a CSS dependency tree and dependency file/URL lists based on CSS imports

Showing:

Popularity

Downloads/wk

3

GitHub Stars

2

Maintenance

Last Commit

5yrs ago

Contributors

1

Package

Dependencies

2

License

ISC

Type Definitions

Tree-Shakeable

No?

Categories

Readme

css-dep-tree NPM Package

ISC License

Generates a CSS dependency tree and dependency file/URL lists based on CSS imports

Changelog



Install

Project Install

$ npm install --save css-dep-tree

Global Install

$ npm install -g css-dep-tree


Usage

Node Library:

let cssDepTree = require('css-dep-tree');

// `cssDepTree` returns a `Promise`
cssDepTree('main.css').then((results) => {
  console.log(results);
})
.catch((err) => {
  console.error(err);
});

// `cssDepTree` will also accept a callback
cssDepTree('main.css', (err, results) => {
  if (err) {
    console.error(err);
    return;
  }

  console.log(results);
});

Command Line Tool:

$ cssdt -h

  Usage:
    (cssdt|cssdeptree) <cssFile> [options]

  Options:
    -r  --relative       Output files paths relative to current directory

    -l  --files-list     Only show list of file dependencies
    -u  --urls-list      Only show list of URL dependencies

    -L  --exclude-files  Exclude all files from output
    -U  --exclude-urls   Exclude all URL dependencies from output
    -T  --exclude-tree   Exclude dependency tree from output (only file and URL lists will be present)

    -c  --compress       Compress output JSON

    -h  --help           Show this message
    -V  --version        Show version number


API

cssDepTree(filePath, [options], [callback])

Builds a dependency tree and lists of all file and URL dependencies.

Parameters

  • filePath String
    Path to entry CSS file.

  • options Object or Function
    Operation options. (If options is a Function, then it is assumed to be the callback parameter).

    • relative Boolean (Default: false)
      If true, all file paths in results are expressed relative to the current directory.
    • excludeTree Boolean (Default: false)
      If true, full dependency tree object is excluded from results.
    • excludeFiles Boolean (Default: false)
      If true, all file dependency paths are excluded from results.
    • excludeURLs Boolean (Default: false)
      If true, all URL dependency paths are excluded from results.
  • callback(err, results) Function
    Callback function to execute when operation has completed.

Return Value

Type: Promise<Object>

The Object returned by the callback function parameter and Promise resolved callback has three properties:

  • tree Object
    Represents the full dependency tree. (Not present if options.excludeTree is true)

  • urls String[]
    Contains all dependency URL paths found in the dependency tree. (Not present if options.excludeFiles is true)

  • files String[]
    Contains all dependency file paths found in the dependency tree. (Not present if options.excludeURLs is true)

NOTE: Each unique URL and file path will appear only once in the urls & files lists, regardless of how many times it appears ion the dependency tree.

Example Results Object

{
  tree: {
    "file/path/root.css": {
      "urls": [
        "//example.com/my/css/url0.css",
        "http://example.com/my/css/url1.css",
        "https://example.com/my/css/url2.css"
      ],
      files: {
        "file/path/otherRootFile0.css": null,
        "file/path/otherRootFile1.css": null,
        "file/path/otherRootFile2.css": null,
        "file/path/sub-dir/subDirFile.css": {
          urls: [
            "//example.com/my/css/url0.css",
            "//example.com/some/url"
          ],
          files: {
            "file/path/otherRootFile1.css": null
          }
        }
      }
    }
  },
  urls: [
    "//example.com/my/css/url0.css",
    "http://example.com/my/css/url1.css",
    "https://example.com/my/css/url2.css",
    "//example.com/some/url"
  ],
  files: [
    "file/path/otherRootFile0.css",
    "file/path/otherRootFile1.css",
    "file/path/otherRootFile2.css",
    "file/path/sub-dir/subDirFile.css"
  ]
}


cssDepTree.files(filePath, [relative], [callback])

Builds a flat list of all file dependencies found in the dependency tree.

Parameters

  • filePath String
    Path to entry CSS file.

  • relative Boolean or Function (Default: false)
    If true, all file paths in results are expressed relative to the current directory. (If relative is a Function, then it is assumed to be the callback parameter).

  • callback(err, results) Function
    Callback function to execute when operation has completed.

Return Value

Type: Promise<String[]>

NOTE: Each unique file path will appear only once in the returned String[], regardless of how many times it appears ion the dependency tree.



cssDepTree.urls(filePath, [relative], [callback])

Builds a flat list of all URL dependencies found in the dependency tree.

Parameters

  • filePath String
    Path to entry CSS file.

  • relative Boolean or Function (Default: false)
    If true, all file paths in results are expressed relative to the current directory. (If relative is a Function, then it is assumed to be the callback parameter).

  • callback(err, results) Function
    Callback function to execute when operation has completed.

Return Value

Type: Promise<String[]>

NOTE: Each unique URL will appear only once in the returned String[], regardless of how many times it appears ion the dependency tree.




License

ISC License (ISC)

Copyright (c) 2017 Brandon Sara (http://bsara.github.io/)

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial