'use strict';

const { Component } = require('inferno');
const { cacheComponent } = require('../util/cache');

class Tags extends Component {
    render() {
        const {
            tags,
            title,
            showCount
        } = this.props;

        return <div className="card widget">
            <div class="card-content">
                <div class="menu">
                    <h3 class="menu-label">{title}</h3>
                    <div class="field is-grouped is-grouped-multiline">
                        {tags.map(tag => <div class="control">
                            <a class="tags has-addons" href={tag.url}>
                                <span class="tag">{tag.name}</span>
                                {showCount ? <span class="tag is-grey">{tag.count}</span> : null}
                            </a>
                        </div>)}
                    </div>
                </div>
            </div>
        </div>;
    }
}

module.exports = cacheComponent(Tags, 'widget.tags', props => {
    // adapted from hexo/lib/plugins/helper/list_tags.js
    let tags = props.tags || props.site.tags;
    if (!tags.length) {
        return null;
    }
    const { orderBy = 'name', order = 1, amount, url_for, _p } = props;
    const showCount = Object.prototype.hasOwnProperty.call(props, 'show_count') ? props.show_count : true;

    tags = tags.sort(orderBy, order).filter(tag => tag.length);
    if (amount) {
        tags = tags.limit(amount);
    }

    return {
        showCount,
        title: _p('common.tag', Infinity),
        tags: tags.map(tag => ({
            name: tag.name,
            count: tag.length,
            url: url_for(tag.path)
        }))
    };
});