andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve usage share count (#138)

Browse Source 
* Improve usage share

* Remove 'No caveats' note from all snippets

* Fix transform-centering usage: #search -> #feat

* transform -> transforms2d

* Add missing link for multiline truncate
This commit is contained in:
atomiks
2019-02-18 04:35:48 +11:00
committed by GitHub
parent 0d77e55c37
commit 39b676c125
33 changed files with 1860 additions and 2478 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
scripts/build.js
View File

@ -95,7 +95,16 @@ for (const snippetFile of fs.readdirSync(SNIPPETS_PATH)) {
const featUsageShares = (snippetData.match(/https?:\/\/caniuse\.com\/#feat=.*/g) || []).map(
feat => {
const featData = caniuseDb.data[feat.match(/#feat=(.*)/)[1]]
return featData ? Number(featData.usage_perc_y + featData.usage_perc_a) : 100
// caniuse doesn't count "untracked" users, which makes the overall share appear much lower
// than it probably is. Most of these untracked browsers probably support these features.
// Currently it's around 5.3% untracked, so we'll use 4% as probably supporting the feature.
// Also the npm package appears to be show higher usage % than the main website, this shows
// about 0.2% lower than the main website when selecting "tracked users" (as of Feb 2019).
const UNTRACKED_PERCENT = 4
const usage = featData
? Number(featData.usage_perc_y + featData.usage_perc_a) + UNTRACKED_PERCENT
: 100
return Math.min(100, usage)
}
)
const browserSupportHeading = snippetEl.querySelector('h4:last-of-type')
@ -103,7 +112,7 @@ for (const snippetFile of fs.readdirSync(SNIPPETS_PATH)) {
createElement(`
<div>
<div class="snippet__browser-support">
${featUsageShares.length ? Math.min(...featUsageShares).toPrecision(3) : '99+'}%
${featUsageShares.length ? Math.min(...featUsageShares).toPrecision(3) : 100}%
</div>
</div>
`)