Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zebzhao/indent.js
Pure code indentation for jsx, tsx, ts, js, html, css, less, scss.
https://github.com/zebzhao/indent.js
code css html indentation indenter jsx less pug pure scss tsx unopinionated
Last synced: about 17 hours ago
JSON representation
Pure code indentation for jsx, tsx, ts, js, html, css, less, scss.
- Host: GitHub
- URL: https://github.com/zebzhao/indent.js
- Owner: zebzhao
- License: mit
- Created: 2016-11-07T13:33:16.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2020-01-15T06:14:02.000Z (over 4 years ago)
- Last Synced: 2024-04-24T19:22:27.470Z (5 months ago)
- Topics: code, css, html, indentation, indenter, jsx, less, pug, pure, scss, tsx, unopinionated
- Language: JavaScript
- Homepage: https://zebzhao.github.io/indent.js/
- Size: 787 KB
- Stars: 72
- Watchers: 2
- Forks: 9
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# indent.js - pure code indentation for js, jsx, json, ts, tsx, html, css, less, scss
[](https://travis-ci.org/zebzhao/indent.js)
Fast, minimalistic, pure code indentation. Indents JavaScript, JSON, JSX, Typescript, TSX, CSS, LESS, SCSS, and HTML. Unlike JSBeautify, which adds new lines when reformatting code and changes single line expressions, indent.js preserves new lines in when indenting it. Indent.js is coded with simple, but universal, and unopinionated rules.
Indent.js is thoroughly tested to make sure it correctly indents all styles, and types of code.
*If you like this project please leave a star. Your support is greatly appreciated.*
[Online indent.js demo](https://zebzhao.github.io/indent.js/)
You have following options to get indent.js:
1. Install with [bower](http://bower.io): ```bower install indent.js```
2. Install with [npm](https://www.npmjs.com): ```npm install indent.js```
## Download
* [Minified (~2.7 kB) with gzip](https://raw.githubusercontent.com/zebzhao/indent.js/master/lib/indent.min.js)
* [Not minified (~6 kB) with gzip](https://raw.githubusercontent.com/zebzhao/indent.js/master/lib/indent.js)
## Usage
Browser Global
```javascript
var indented = indent.js(code, {tabString: '\t'});
console.log(indented);
```
Browser using AMD
```javascript
define(['indent'] , function (indent) {
var indented = indent.js(code, {tabString: '\t'});
console.log(indented);
});
```
Node/CommonJS
```javascript
var indent = require('indent');
var indented = indent.js(code, {tabString: ' '});
console.log(indented);
```
ES6/ES2015 Modules
```javascript
import indent from 'indent.js';
var indentedJs = indent.js(code); // JSX as well
var indentedTs = indent.ts(code); // TSX as well
var indentedCss = indent.css(code);
var indentedHtml = indent.html(code);
```
## Projects using indent.js:
1. [Spck Editor - Full-fledged code editor for the web](https://spck.io/)
## API Reference
### Methods
```javascript
js(code: String, options: Object): String
ts(code: String, options: Object): String
css(code: String, options: Object): String
html(code: String, options: Object): String
```
#### Options
|Field|Type|Description|
|:--- |:--- |:--- |
|`tabString`|`string`|String to indent the code with. Counts as 1 indent.|
|`indentHtmlTag`|`bool`|Whether to indent contents inside `` tag or not. Valid only for `html(...)`.|
## Languages not supported:
1. CoffeeScript
2. Pug
## Getting the project
1. Clone the repo.
2. Run `npm install` to install dependencies
3. Run `npm test` to run tests in `tests` folder
4. Run `npm run build` to build the project