♻️ Refactor icon picker (#724)

src/pages/api/getLocalImages.ts

@@ -1,27 +0,0 @@
-import { NextApiRequest, NextApiResponse } from 'next';
-import fs from 'fs';
-
-function Get(req: NextApiRequest, res: NextApiResponse) {
-  // Get the name of all the files in the /public/icons folder handle if the folder doesn't exist
-  if (!fs.existsSync('./public/icons')) {
-    return res.status(200).json({
-      files: [],
-    });
-  }
-  const files = fs.readdirSync('./public/icons');
-  // Return the list of files with the /public/icons prefix
-  return res.status(200).json({
-    files: files.map((file) => `/icons/${file}`),
-  });
-}
-
-export default async (req: NextApiRequest, res: NextApiResponse) => {
-  // Filter out if the reuqest is a POST or a GET
-  if (req.method === 'GET') {
-    return Get(req, res);
-  }
-  return res.status(405).json({
-    statusCode: 405,
-    message: 'Method not allowed',
-  });
-};

src/pages/api/icons/index.ts

@@ -0,0 +1,27 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import { JsdelivrIconsRepository } from '../../../tools/server/images/jsdelivr-icons-repository';
+import { LocalIconsRepository } from '../../../tools/server/images/local-icons-repository';
+import { UnpkgIconsRepository } from '../../../tools/server/images/unpkg-icons-repository';
+
+const Get = async (request: NextApiRequest, response: NextApiResponse) => {
+  const respositories = [
+    new LocalIconsRepository(),
+    new JsdelivrIconsRepository(JsdelivrIconsRepository.tablerRepository, 'Walkxcode Dashboard Icons', 'Walkxcode on Github'),
+    new UnpkgIconsRepository(UnpkgIconsRepository.tablerRepository, 'Tabler Icons', 'Tabler Icons - GitHub (MIT)'),
+    new JsdelivrIconsRepository(JsdelivrIconsRepository.papirusRepository, 'Papirus Icons', 'Papirus Development Team on GitHub (Apache 2.0)'),
+    new JsdelivrIconsRepository(JsdelivrIconsRepository.homelabSvgAssetsRepository, 'Homelab Svg Assets', 'loganmarchione on GitHub (MIT)'),
+  ];
+  const fetches = respositories.map((rep) => rep.fetch());
+  const data = await Promise.all(fetches);
+  return response.status(200).json(data);
+};
+
+export default async (request: NextApiRequest, response: NextApiResponse) => {
+  if (request.method === 'GET') {
+    return Get(request, response);
+  }
+  return response.status(405).json({
+    statusCode: 405,
+    message: 'Method not allowed',
+  });
+};

src/pages/api/imageproxy.ts

@@ -1,10 +0,0 @@
-import { NextApiRequest, NextApiResponse } from 'next';
-
-export default async (req: NextApiRequest, res: NextApiResponse) => {
-  const url = decodeURIComponent(req.query.url as string);
-  const result = await fetch(url);
-  const body = await result.body;
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  body.pipe(res);
-};