# front-end-assistant

> front-end-assistant is a gulp assistant for those are working on TFS and sass rtlcss.

Latest version **1.3.3** (published 2023-09-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install front-end-assistant
pnpm add front-end-assistant
yarn add front-end-assistant
bun add front-end-assistant
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.3.3 |
| Published | 2023-09-19 |
| First published | 2019-04-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 19 |
| Unpacked size | 16.3 KB |
| Known vulnerabilities | 0 (+3 in 2 direct dependencies) |
| Install scripts | no |
| Author | Eskandar Hasan |
| Maintainers | exxizor, engmrms |
| Keywords | rtlcss, tfs, sass, asp.net, utility, helper, front-end |

## Links

- npm: https://www.npmjs.com/package/front-end-assistant
- Repository: https://github.com/exxizor/front-end-assistant
- Issues: https://github.com/exxizor/front-end-assistant/issues
- npm.io page: https://npm.io/package/front-end-assistant

## Dependencies (19)

- [fs](https://npm.io/package/fs.md) 0.0.1-security
- [glob](https://npm.io/package/glob.md) 10.3.4
- [gulp](https://npm.io/package/gulp.md) 4.0.2
- [path](https://npm.io/package/path.md) 0.12.7
- [sass](https://npm.io/package/sass.md) ^1.67.0
- [gulp-sass](https://npm.io/package/gulp-sass.md) 5.1.0
- [gulp-chmod](https://npm.io/package/gulp-chmod.md) 3.1.0
- [gulp-color](https://npm.io/package/gulp-color.md) 0.0.2
- [file-exists](https://npm.io/package/file-exists.md) 5.0.1
- [gulp-footer](https://npm.io/package/gulp-footer.md) 2.1.0
- [gulp-rtlcss](https://npm.io/package/gulp-rtlcss.md) ^2.0.0
- [replace-ext](https://npm.io/package/replace-ext.md) 2.0.0
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^9.5.0
- [gulp-plumber](https://npm.io/package/gulp-plumber.md) 1.2.1
- [gulp-postcss](https://npm.io/package/gulp-postcss.md) 9.0.1
- [gulp-imagemin](https://npm.io/package/gulp-imagemin.md) ^5.0.3
- [gulp-sourcemaps](https://npm.io/package/gulp-sourcemaps.md) 3.0.0
- [gulp-tfs-checkout](https://npm.io/package/gulp-tfs-checkout.md) 1.1.2
- [strip-json-comments](https://npm.io/package/strip-json-comments.md) 2.0.1

## Alternatives

- [lodash.assign](https://npm.io/package/lodash.assign.md) — 2.3M weekly downloads
- [lodash.chunk](https://npm.io/package/lodash.chunk.md) — 1.8M weekly downloads
- [react-native-ios-utilities](https://npm.io/package/react-native-ios-utilities.md) — 138.5K weekly downloads
- [@technically/lodash](https://npm.io/package/@technically/lodash.md) — 50.9K weekly downloads
- [@fluid-topics/ft-icon](https://npm.io/package/@fluid-topics/ft-icon.md) — 20.6K weekly downloads

## Recent versions

- 1.3.3 (latest) — 2023-09-19
- 1.3.2 — 2020-02-12
- 1.3.1 — 2020-02-12
- 1.2.7 — 2020-02-12
- 1.2.6 — 2020-02-12
- 1.2.5 — 2020-02-11
- 1.1.5 — 2019-04-26
- 1.1.4 — 2019-04-24
- 1.1.3 — 2019-04-24
- 1.1.2 — 2019-04-21
- 1.1.0 — 2019-04-20
- 1.0.1 — 2019-04-16
- 1.0.0 — 2019-04-12

## README

# front-end-assistant

front-end-assistant is a gulp assistant for those are working on sass, rtlcss, TFS .

**By one task you can do the following on _.scss file_**

- sass to css.
- css to rtlcss.
- checkout file for TFS.

**Features**

- Reduce the number of gulp tasks and Easy to use.
- Deal with postcss and autoprefix.
- Error handling, will display error on console and file its self.
- Configuration file for disable rtlcss or TFS.

## Installation

Use the package manager to install front-end-assistant.

```bash
npm install front-end-assistant
```

## Usage

```javascript
const utility = import(front - end - assistant);

var config = {
  target: "front-end-assistant/Content/SASS/",
  destnation: "front-end-assistant/Content/CSS/",
};

// for multiple files []
gulp.task("sass-all", function () {
  return utility.sass(config, ["**/**.scss"]);
});

// for single file
gulp.task("sass-single", function () {
  return utility.sass(config, "root.scss");
});

// for watching and update effected file only
gulp.task("watch-All", function () {
  return gulp.watch([config.target + "**/**.scss"]).on("change", function (file) {
    var fileName = utility.getFileName(file);
    var pathTarget = file.replace(fileName, "").replace(/\\/g, "/");
    var destTarget = pathTarget.replace("SASS", "CSS");
    return utility.sass(destTarget, pathTarget, fileName);
  });
});
```

## Output

```bash

├───project
│    └───SASS
│    │     ├───Layout.scss
│    │     ├───Modules.scss
│    │     └───Templates.scss

/*auto generated by front-end-assistant*/

│    └───CSS
│		 ├───Layout.css
│		 ├───Modules.css
│		 └───Templates.css
│
│    └───CSS-RTL
│		 ├───Layout.css
│		 ├───Modules.css
│		 └───Templates.css
```

## Configuration

**Configuration can be set using one of the following method**

- Use a special file ui.config.json.

```json
{
  "options": {
    "rtl": true,
    "tfs": true,
    "rtl_path": "-RTL/" /*relative path to original 'config.destnation' path of css file */
  }
}
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## Author

**Eskandar Hassan**

- [twitter/alexandar_hasan](http://twitter.com/alexandar_hasan)

## License

[MIT](https://choosealicense.com/licenses/mit/)

---
_Source: https://npm.io/package/front-end-assistant · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._