fix(build): remove things that should not be here

fixes #0

.gitignore

@@ -16,6 +16,8 @@
 /public/assets/profile-*.avif
 /public/assets/contributors/*.webp
 /public/assets/contributors/*.avif
+/public/assets/tools/*.webp
+/public/assets/tools/*.avif
 /public/assets/*-*.min.css
 /dump.txt
 /.env

package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "start": "npm run build && npm run serve",
     "dev": "irfbrgr && vite",
-    "build": "npm run drop-dist && npm run routes && npm run language && npm run contributors && vite build && irfbrgf",
+    "build": "npm run drop-dist && npm run routes && npm run language && npm run contributors && npm run tools && vite build && irfbrgf",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "lint-fix": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
     "preview": "vite preview",
@@ -31,6 +31,7 @@
     "postinstall": "irfbrgr && npm run language && npm run simple-git-hooks",
     "routes": "irfbrgr",
     "contributors": "node tools/load-contributors.js",
+    "tools": "node tools/prepare-tools.js",
     "language": "itlfy generate",
     "check-language": "itlfy check",
     "pure-build": "npm run drop-dist && vite build && irfbrgf",

src/components/tool.tsx

@@ -1,30 +1,32 @@
 import React from 'react';
+import Lang from './lang.tsx';
+import languageKey from '../locales/language-key.ts';
 
 interface ToolType {
   name: string;
-  imgSrc?: string;
-  desc: string;
   link: string
 }
 
 const Tool = ({
-  name, imgSrc, desc, link,
-}: ToolType,) => {
-
-  const Image = imgSrc ? <img src={imgSrc} alt={name}/> : '';
-
-  return <div>
-    <a
-      href={link}
-      target='_blank'
-      rel='noreferrer'
-    >
-      <h3>{name}</h3>
-    </a>
-    {Image}
-    <p>{desc}</p>
-  </div>;
-};
+  name,
+  link,
+}: ToolType,) => <div>
+  <a
+    href={link}
+    target='_blank'
+    rel='noreferrer'
+  >
+    <h3><Lang lnkey={`tools.${ name }.title` as languageKey}/></h3>
+    <picture>
+      <source srcSet={`/assets/tools/${ name }.avif`} type="image/avif"/>
+      <source srcSet={`/assets/tools/${ name }.webp`} type="image/webp"/>
+      <img src={`/assets/tools/${ name }.png`} alt={name}/>
+    </picture>
+  </a>
+  <p>
+    <Lang lnkey={`tools.${ name }.description` as languageKey}/>
+  </p>
+</div>;
 
 export default Tool;
 

tools/constants.js

@@ -1,8 +1,9 @@
 export const EXIT_FAILURE = 1;
 export const CONTRIBUTOR_PAGE_SIZE = 30;
-const ORGANIZATION_NAME = 'Idrinth-api-bench';
-export const ORGANIZATION_REPOS_URL = `https://api.github.com/orgs/${ ORGANIZATION_NAME }/repos`;
+export const ORGANIZATION_REPOS_URL = 'https://api.github.com/orgs/idrinth-api-bench/repos';
 export const EXIT_SUCCESS = 0;
 export const ERROR_FTA_SCORE = 60;
 export const WARNING_FTA_SCORE = 60;
 export const PADDING_DEFAULT = 1;
+export const WEBP_QUALITY = 90;
+export const MAX_PROFILE_SIZE = 200;

tools/load-contributors.js

@@ -8,7 +8,9 @@ import {
 import crypto from 'crypto';
 import {
   CONTRIBUTOR_PAGE_SIZE,
+  MAX_PROFILE_SIZE,
   ORGANIZATION_REPOS_URL,
+  WEBP_QUALITY,
 } from './constants.js';
 import {
   Transformer,
@@ -18,7 +20,6 @@ import dotenv from 'dotenv';
 const defaultBio = 'An awesome person helping others in their time off work, ' +
   'but who doesn\'t yet have a personalized bio.';
 const MILLISECONDS_PER_DAY = 86400000;
-const WEBP_QUALITY = 90;
 const users = {};
 const FILE = './src/pages/contributing/contributors/code-contributors.json';
 
@@ -78,7 +79,9 @@ if (! process.env.CI) {
     };
     const jpeg = Buffer.from(
       new Uint8Array(
-        await (await fetch(user.avatar_url,)).arrayBuffer(),
+        await (await fetch(
+          user.avatar_url + '?s=' + MAX_PROFILE_SIZE,
+        )).arrayBuffer(),
       ),
     );
     const transformer = new Transformer(jpeg,);
@@ -143,6 +146,7 @@ for (const file of readdirSync('./public/assets/contributors', 'utf8',)) {
     const transformer = new Transformer(
       readFileSync('./public/assets/contributors/' + file,),
     );
+    transformer.resize(MAX_PROFILE_SIZE, MAX_PROFILE_SIZE,);
     writeFileSync(
       './public/assets/contributors/' + file.replace(/jpg$/u, 'webp',),
       transformer.webpSync(WEBP_QUALITY,),