var xml = require('xm-el');

var kerouac = xml.element('author');

kerouac.text('Jack Kerouac');

kerouac.attr('literary-movement', 'Beat');

kerouac.stringify();
// '<author literary-movement="Beat">Jack Kerouac</author>'

// create a self-closing element, set 2nd argument to 'true'
var pagebreak = xml.element('br', true);
pagebreak.stringify();
// '<br />'

var svg = xml.element('svg')
  .attr({
    'width': 400,
    'height': 300,
    'viewBox': '0 0 400 300',
    'preserveAspectRatio': 'xMidYMid meet'
  });

xml.element('composer')
  .attr('last-name', 'Reich')
  .attr('genre', 'minimalism')
  .text('Steve Reich')
  .stringify();
// '<composer last-name="Reich" genre="minimalism">Steve Reich</composer>'

// some familiar names
var members = {
  'John Lennon': 'guitar',
  'Paul McCartney': 'bass',
  'George Harrison': 'guitar',
  'Ringo Starr': 'drums'
};
 
// lets say they're in a band
var beatles = xml.element('band')
  .attr('name', 'The Beatles');
 
for (var name in members) {
  // add each member using append()
  beatles.append('member')
    .attr('instrument', members[name])
    .text(name);
}
 
// gotta have a manager
beatles.append('manager')
  .text('Brian Epstein');

// lets create a standalone file out of the beatles example
var declaration = xml.declaration({standalone: 'yes'});
 
// giving an argument to stringify() tidies output with the specified indent
var output = declaration + beatles.stringify(2);
// write to file
require('fs').writeFileSync('/path/to/beatles.xml', output)

// create svg1.1 doctype
var doctype = xml.doctype('svg');
var declaration = xml.declaration();
 
// now lets write a simple svg file
var svg = xml.element('svg')
  .attr('xmlns', 'http://www.w3.org/2000/svg')
  .attr('width', 300)
  .attr('height', 200)
  .attr('viewBox', '0 0 300 200');
 
var g = svg.append('g')
  .attr('class', 'circle-group');
 
// create 10 random circles  
var circles = 10;
while (circles > 0) {
  g.append('circle')
    .attr('cx', Math.floor(Math.random() * 300))
    .attr('cy', Math.floor(Math.random() * 200))
    .attr('r', 4 + Math.floor(Math.random() * 10))
    .attr('stroke-width', 1 + Math.floor(Math.random() * 3))
    .attr('stroke', '#333');
  circles--;
}
 
// output a file
var output = declaration + doctype + svg.stringify(2);
require('fs').writeFileSync('/path/to/circles.svg', output);