123 lines
2.9 KiB
JavaScript
123 lines
2.9 KiB
JavaScript
'use strict'
|
|
|
|
const { starRating, metric } = require('../text-formatters')
|
|
const { floorCount } = require('../color-formatters')
|
|
const BaseWordpress = require('./wordpress-base')
|
|
|
|
const extensionData = {
|
|
plugin: {
|
|
capt: 'Plugin',
|
|
exampleSlug: 'bbpress',
|
|
},
|
|
theme: {
|
|
capt: 'Theme',
|
|
exampleSlug: 'twentyseventeen',
|
|
},
|
|
}
|
|
|
|
class WordpressRatingBase extends BaseWordpress {
|
|
static get category() {
|
|
return 'rating'
|
|
}
|
|
|
|
static get defaultBadgeData() {
|
|
return { label: 'rating' }
|
|
}
|
|
}
|
|
|
|
function RatingForExtensionType(extensionType) {
|
|
const { capt, exampleSlug } = extensionData[extensionType]
|
|
|
|
return class WordpressRating extends WordpressRatingBase {
|
|
static get name() {
|
|
return `Wordpress${capt}Rating`
|
|
}
|
|
|
|
static get route() {
|
|
return {
|
|
base: `wordpress/${extensionType}/rating`,
|
|
pattern: ':slug',
|
|
}
|
|
}
|
|
|
|
static get examples() {
|
|
return [
|
|
{
|
|
title: `WordPress ${capt} Rating`,
|
|
namedParams: { slug: exampleSlug },
|
|
staticPreview: this.render({
|
|
rating: 80,
|
|
numRatings: 100,
|
|
}),
|
|
},
|
|
]
|
|
}
|
|
|
|
static render({ rating, numRatings }) {
|
|
const scaledAndRounded = ((rating / 100) * 5).toFixed(1)
|
|
return {
|
|
message: `${scaledAndRounded}/5 (${metric(numRatings)})`,
|
|
color: floorCount(scaledAndRounded, 2, 3, 4),
|
|
}
|
|
}
|
|
|
|
async handle({ slug }) {
|
|
const { rating, num_ratings: numRatings } = await this.fetch({
|
|
extensionType,
|
|
slug,
|
|
})
|
|
return this.constructor.render({ rating, numRatings })
|
|
}
|
|
}
|
|
}
|
|
|
|
function StarsForExtensionType(extensionType) {
|
|
const { capt, exampleSlug } = extensionData[extensionType]
|
|
|
|
return class WordpressStars extends WordpressRatingBase {
|
|
static get name() {
|
|
return `Wordpress${capt}Stars`
|
|
}
|
|
|
|
static get route() {
|
|
return {
|
|
base: `wordpress/${extensionType}`,
|
|
pattern: '(stars|r)/:slug',
|
|
}
|
|
}
|
|
|
|
static get examples() {
|
|
return [
|
|
{
|
|
title: `WordPress ${capt} Rating`,
|
|
pattern: 'stars/:slug',
|
|
namedParams: { slug: exampleSlug },
|
|
staticPreview: this.render({
|
|
rating: 80,
|
|
}),
|
|
documentation: 'There is an alias <code>/r/:slug.svg</code> as well.',
|
|
},
|
|
]
|
|
}
|
|
|
|
static render({ rating }) {
|
|
const scaled = (rating / 100) * 5
|
|
return { message: starRating(scaled), color: floorCount(scaled, 2, 3, 4) }
|
|
}
|
|
|
|
async handle({ slug }) {
|
|
const { rating } = await this.fetch({
|
|
extensionType,
|
|
slug,
|
|
})
|
|
return this.constructor.render({ rating })
|
|
}
|
|
}
|
|
}
|
|
|
|
const ratingsServices = ['plugin', 'theme'].map(RatingForExtensionType)
|
|
const starsServices = ['plugin', 'theme'].map(StarsForExtensionType)
|
|
const modules = [...ratingsServices, ...starsServices]
|
|
|
|
module.exports = modules
|