Tss-formatter NPM

tss-formatter

IMPORTANT

tss-formatter in development. There is a possibility to destroy the tss files. Please be ahead, --dryrun or --diff.

Description

Titanium Alloy .tss files formatter, order, beautifier for your coding standards.

Before

"Label": {
   layout: "vertical",
  color:'#ffffff',
	 width:120,
  backgroundColor: '#000000',
	left: "100dp",
			 borderColor: "#ff0000",
  borderWidth: 1,
top:10,
  height: "200",
}

After

'Label': {
	top: 10,
	left: 100,
	width: 120,
	height: 200,
	backgroundColor: '#000000',
	borderWidth: 1,
	borderColor: "#ff0000",
	color: '#ffffff',
	layout: 'vertical'
}

Install

$ npm install tss-formatter -g

Usage

Please put the .tssrc file to the project directory.

$ cd /path/to/projectDir
$ tssf

Specified project directory

$ tssf --project-dir /path/to

Diff

$ tssf --diff

Dry run

$ tssf --dryrun

.tssrc

Default .tssrc.

{
	"titanium": "Ti",             // or Titanium
	"eof": "",                    // or \n
	"quote": "'",                 // or \"
	"indent": "\t",               // or spaces
	"strip_defaultunit": true,    // or false
	"strip_comment": false,       // or true
	"concatenation_comma": false, // or true
	"color_format": "hex",        // or rgb, Unspecified are origin
	"color_hex_uppercase": true,  // or false, Unspecified are origin
	"guess_number": [
		"top",
		"right",
		"bottom",
		"left",
		"width",
		"height",
		"borderWidth",
		"borderRadius",
		"fontSize"
	],
	"guess_color": [
		"color",
		"backgroundColor",
		"backgroundDisabledColor",
		"backgroundFocusedColor",
		"backgroundSelectedColor",
		"selectedBackgroundColor",
		"selectedColor",
		"foregroundColor",
		"borderColor",
		"pullBackgroundColor",
		"viewShadowColor",
		"hintTextColor",
		"tintColor",
		"onTintColor",
		"thumbTintColor",
		"barColor",
		"keyboardToolbarColor",
		"pincolor",
		"tabsBackgroundColor",
		"disabledColor",
		"selectedColor",
		"shadowColor"
	],
	"order": [
		"top",
		"right",
		"bottom",
		"left",
		"width",
		"height",
		"backgroundColor",
		"backgroundImage",
		"backgroundRepeat",
		"barColor",
		"barImage",
		"borderWidth",
		"borderRadius",
		"borderColor",
		"icon",
		"image",
		"title",
		"text",
		"textAlign",
		"verticalAlign",
		"font",
		"color",
		"opacity",
		"enabled",
		"touchEnabled",
		"layout",
		"zIndex"
	]
}