54 lines
1.2 KiB
JavaScript
54 lines
1.2 KiB
JavaScript
/**
|
|
* @providesModule Header
|
|
* @jsx React.DOM
|
|
*/
|
|
|
|
var React = require('React');
|
|
|
|
var Header = React.createClass({
|
|
slug: function(string) {
|
|
// var accents = 'àáäâèéëêìíïîòóöôùúüûñç';
|
|
var accents = '\u00e0\u00e1\u00e4\u00e2\u00e8' +
|
|
'\u00e9\u00eb\u00ea\u00ec\u00ed\u00ef' +
|
|
'\u00ee\u00f2\u00f3\u00f6\u00f4\u00f9' +
|
|
'\u00fa\u00fc\u00fb\u00f1\u00e7';
|
|
|
|
var without = 'aaaaeeeeiiiioooouuuunc';
|
|
|
|
return string
|
|
.toString()
|
|
|
|
// Handle uppercase characters
|
|
.toLowerCase()
|
|
|
|
// Handle accentuated characters
|
|
.replace(
|
|
new RegExp('[' + accents + ']', 'g'),
|
|
function (c) { return without.charAt(accents.indexOf(c)); })
|
|
|
|
// Dash special characters
|
|
.replace(/[^a-z0-9]/g, '-')
|
|
|
|
// Compress multiple dash
|
|
.replace(/-+/g, '-')
|
|
|
|
// Trim dashes
|
|
.replace(/^-|-$/g, '');
|
|
},
|
|
|
|
render: function() {
|
|
var slug = this.slug(this.props.toSlug || this.props.children);
|
|
var H = React.DOM['h' + this.props.level];
|
|
|
|
return this.transferPropsTo(
|
|
<H>
|
|
<a className="anchor" name={slug}></a>
|
|
{this.props.children}
|
|
{' '}<a className="hash-link" href={'#' + slug}>#</a>
|
|
</H>
|
|
);
|
|
}
|
|
});
|
|
|
|
module.exports = Header;
|