xml2tss
Version:
Alloy View XML to tss generator
113 lines (76 loc) • 1.69 kB
Markdown
Build an empty tss file from an Alloy view xml file
```
sudo npm install -g xml2tss
```
```
xml2tss [filename.xml]
```
converted file is returned to stdout (so you can build your own editor
plugin)
**NEW**
```
xml2tss [filename.xml] (filename.tss)
```
if a target tss file is supplied it will write the output to the target
tss file. If the file already exists it will _update_ the file appending
to the end the missing ids and/or classes.
### to output to a file
```
xml2tss row.xml > ../styles/row.tss
```
or **new**
```
xml2tss row.xml ../styles/row.tss
```
the second command will create or update the target file with the missing tags
### to clipboard (OS X)
```
xml2tss row.xml | pbcopy
```
## Library Usage
The `convertString`, `convertFile` and `updateFile` functions are available:
e.g.
```
var xml2tss = require("xml2tss");
xml2tss.convertString('<Alloy><Win id="win"/></Alloy>',function(err,data) {
console.log(data);
});
xml2tss.convertFile('row.xml',function(err,data) {
console.log(data);
});
// will create or update the target row.tss
xml2tss.updateFile('row.xml','row.tss', function(err,data) {
console.log(data);
});
```
From this:
```
<Alloy>
<Window id="addWin" title="Add Item" class="container" modal="true">
<TextField id="itemField" hintText="What do you need to do?" />
<Button id="addBtn" class="button again">Add Item</Button>
<Button id="cancelBtn" class="button" class="two">Cancel</Button>
</Window>
</Alloy>
```
Generates this:
```
"#addBtn" : {
}
"#addWin" : {
}
"#cancelBtn" : {
}
"#itemField" : {
}
".again" : {
}
".button" : {
}
".container" : {
}
```