Static Code Climate examples

[PyvesB]

We've hit a wall in #1518, our Code Climate badges have been unreliable for months now.

This pull request aims at sparing some of our limited API quota by switching to static examples on the homepage.

I'm not willing to migrate the badges to the new service architecture at this point as we've already put in quite a lot of investigation and development effort in these badges. The least we can say is that @codeclimate have not been very cooperative and have been dragging their feet since one of our users first contacted them back in April.

[shields-ci]

	Warnings
⚠️	This PR modified service code for codeclimate but not its test code. That's okay so long as it's refactoring existing code.

	Messages
📖	✨ Thanks for your contribution to Shields, @PyvesB!
📖	Thanks for contributing to our documentation. We ❤️ our documentarians!

Generated by 🚫 dangerJS

[PyvesB]

I have deployed a review app, everything seems fine apart from the static examples not showing up. Am I being thick here? 😄

[chris48s]

I think if you want to use staticExample in all-badge-examples.js, you need to define it as a static badge URL instead of just a javascript object because its not going though any of this:

shields/services/base.js

Lines 90 to 106 in 95f1b50

	static _makeStaticExampleUrl(serviceData) {
	const badgeData = this._makeBadgeData({}, serviceData)
	const color = badgeData.colorscheme || badgeData.colorB
	return this._makeStaticExampleUrlFromTextAndColor(
	badgeData.text[0],
	badgeData.text[1],
	color
	)
	}
	static _makeStaticExampleUrlFromTextAndColor(text1, text2, color) {
	return `/badge/${encodeURIComponent(
	text1.replace('-', '--')
	)}-${encodeURIComponent(text2).replace('-', '--')}-${encodeURIComponent(
	color
	)}`
	}

I've not checked if this works, but given LegacyService extends BaseService, you can probably move the examples out of all-badge-examples.js and into the service class without having to do a full refactor of the service class. You might also need to define url() in there so you've got a base..

[PyvesB]

@chris48s thank you for your help! This piece of work should now be ready for review.

[chris48s]

No probs. Approach looks good, but 3 of the examples look a bit odd because the colour doesn't match with the value on the badge.

[chris48s]

This should be green (or a lower value)

[chris48s]

this should be brightgreen (or a lower value)

[chris48s]

this should also be brightgreen (or a lower value)

[PyvesB]

You're right, I got confused with the shades of green!

[chris48s]

sorted - cheers

[shields-deployment]

This pull request was merged to master branch. This change is now waiting for deployment, which will usually happen within a few days. Stay tuned by joining our #ops channel on Discord!

After deployment, changes are copied to gh-pages branch:

[RedSparr0w]

Nice work, hopefully this reduces the API hits a fair amount.