Commit something which kinda works

This commit is contained in:
Jake Howard 2023-04-20 20:19:53 +01:00
commit 8c49e0fbc2
Signed by: jake
GPG Key ID: 57AFB45680EDD477
7 changed files with 4387 additions and 0 deletions

146
.gitignore vendored Normal file
View File

@ -0,0 +1,146 @@
# Created by https://www.toptal.com/developers/gitignore/api/node
# Edit at https://www.toptal.com/developers/gitignore?templates=node
### Node ###
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
*.lcov
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# Snowpack dependency directory (https://snowpack.dev/)
web_modules/
# TypeScript cache
*.tsbuildinfo
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional stylelint cache
.stylelintcache
# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local
# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache
# Next.js build output
.next
out
# Nuxt.js build / generate output
.nuxt
dist
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public
# vuepress build output
.vuepress/dist
# vuepress v2.x temp and cache directory
.temp
# Docusaurus cache and generated files
.docusaurus
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
# TernJS port file
.tern-port
# Stores VSCode versions used for testing VSCode extensions
.vscode-test
# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*
### Node Patch ###
# Serverless Webpack directories
.webpack/
# Optional stylelint cache
# SvelteKit build / generate output
.svelte-kit
# End of https://www.toptal.com/developers/gitignore/api/node
dist/

6
.stylelintrc Normal file
View File

@ -0,0 +1,6 @@
{
"extends": ["stylelint-config-standard-scss", "stylelint-config-standard"],
"rules": {
"color-hex-length": null
}
}

4154
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

23
package.json Normal file
View File

@ -0,0 +1,23 @@
{
"name": "linguist-css",
"version": "1.0.0",
"description": "",
"main": "index.js",
"type": "module",
"scripts": {
"build:data": "node scripts/build.js",
"lint:output": "stylelint dist/out.scss dist/out.css"
},
"author": "",
"license": "ISC",
"dependencies": {
"change-case": "^4.1.2",
"handlebars": "^4.7.7",
"mkdirp": "^3.0.0",
"node-fetch": "^3.3.1",
"slugify": "^1.6.6",
"stylelint-config-standard": "^33.0.0",
"stylelint-config-standard-scss": "^8.0.0",
"yaml": "^2.2.1"
}
}

50
scripts/build.js Normal file
View File

@ -0,0 +1,50 @@
import fetch from 'node-fetch';
import { parse, stringify } from 'yaml';
import slugify from 'slugify';
import { paramCase } from 'change-case';
import { writeFile, readFile } from 'node:fs/promises';
import Handlebars from 'handlebars';
import { mkdirp } from 'mkdirp'
const LINGUIST_URL = "https://raw.githubusercontent.com/github/linguist/master/lib/linguist/languages.yml";
function slugifyLanguage(language) {
return paramCase(language.replace("#", " Sharp").replace("++", " Plus Plus"));
}
async function main() {
await mkdirp("dist");
const response = await fetch(LINGUIST_URL);
const body = parse(await response.text());
const colours = {};
for (const [key, value] of Object.entries(body)) {
if (!value.color) {
continue;
}
const languageName = slugifyLanguage(key);
if (languageName in colours) {
throw "CONFLICT" + key;
}
colours[key] = {
slug: languageName,
color: value.color
};
}
await writeFile("dist/out.json", JSON.stringify(colours));
const cssTemplate = Handlebars.compile((await readFile("scripts/templates/template.css")).toString());
await writeFile("dist/out.css", cssTemplate({data: Object.values(colours)}));
const scssTemplate = Handlebars.compile((await readFile("scripts/templates/template.scss")).toString());
await writeFile("dist/out.scss", scssTemplate({data: Object.values(colours)}));
}
main();

View File

@ -0,0 +1,5 @@
:root {
{{#data}}
--linguist-{{ slug }}: {{ color }};
{{/data}}
}

View File

@ -0,0 +1,3 @@
{{#data}}
$linguist-{{ slug }}: {{ color }};
{{/data}}