Merge pull request #1 from Bit-Scripts/feat/redesign-and-eddy-projects

Refonte graphique + ajout de 3 projets d'Eddy

Author: generalentropy

context/GlobalProvider.jsx

@@ -1,6 +1,15 @@
 import { createContext, useState, useEffect } from "react";
-import { fetchReposData } from "../utils/helpers";
-import { ORGNAME } from "../config/globals";
+import { fetchReposData, getRepoFullName } from "../utils/helpers";
+import { cardsData } from "../data/cardsData";
+
+// Propriétaires (orgs ou utilisateurs) des dépôts référencés par les cartes
+const REPO_OWNERS = [
+  ...new Set(
+    cardsData
+      .map((card) => getRepoFullName(card.github)?.split("/")[0])
+      .filter(Boolean),
+  ),
+];
 
 export const GlobalContext = createContext();
 
@@ -10,7 +19,7 @@ const GlobalProvider = ({ children }) => {
 
   useEffect(() => {
     if (!reposData) {
-      fetchReposData(ORGNAME)
+      fetchReposData(REPO_OWNERS)
         .then((res) => {
           if (res) {
             setReposData(res);

data/cardsData.js

@@ -11,7 +11,7 @@
  * @property {string} imageCover - Nom du fichier image avec extension.
  * @property {string} title - Nom du projet affiché sur la carte.
  * @property {string} author - Auteur du projet affiché sur la carte.
- * @property {string} github - lien vers le repo
+ * @property {string} github - lien vers le repo (sert aussi à récupérer langage, licence et date via l'API GitHub)
  * @property {string} demo - URL de démo du projet.
  * @property {Translation[]} translations - Description du projet dans toutes les langues souhaitées. Dans le cas où vous ne fournissez qu'une langue, ce doit être l'anglais.
  */
@@ -22,6 +22,87 @@
  */
 
 export const cardsData = [
+  {
+    githubRepoName: "quillpad-backup-to-markdown",
+    project: "quillpadBackupToMarkdown",
+    imageCover: "quillpad-backup-to-markdown.jpg",
+    title: "Quillpad Backup to Markdown",
+    author: "Eddy",
+    github: "https://github.com/generalentropy/quillpad-backup-to-markdown",
+    demo: "https://quillpad-backup-to-markdown.visualartisan.fr",
+    license: "AGPL-3.0",
+    translations: [
+      {
+        lang: "en",
+        description:
+          "Converts a Quillpad backup archive into one Markdown file per note, with notebooks kept as folders, ready for Obsidian, Logseq or Typora. Runs entirely in the browser.",
+      },
+      {
+        lang: "fr",
+        description:
+          "Convertit une sauvegarde Quillpad en un fichier Markdown par note, en conservant les carnets sous forme de dossiers, prêts pour Obsidian, Logseq ou Typora. Tout se passe dans le navigateur.",
+      },
+      {
+        lang: "es",
+        description:
+          "Convierte una copia de seguridad de Quillpad en un archivo Markdown por nota, conservando los cuadernos como carpetas, listos para Obsidian, Logseq o Typora. Todo ocurre en el navegador.",
+      },
+    ],
+  },
+  {
+    githubRepoName: "entropy-next-blueprint",
+    project: "entropyNextBlueprint",
+    imageCover: "entropy-next-blueprint.jpg",
+    title: "Entropy Next Blueprint",
+    author: "Eddy",
+    github: "https://github.com/generalentropy/entropy-next-blueprint",
+    demo: "https://entropy-next-blueprint.netlify.app",
+    license: "MIT",
+    translations: [
+      {
+        lang: "en",
+        description:
+          "A Next.js 16 starter with TypeScript, Tailwind 4, shadcn/ui, Prisma, React Query and Zustand, with ESLint and Prettier already configured to start a project in minutes.",
+      },
+      {
+        lang: "fr",
+        description:
+          "Un starter Next.js 16 avec TypeScript, Tailwind 4, shadcn/ui, Prisma, React Query et Zustand, ESLint et Prettier déjà configurés pour démarrer un projet en quelques minutes.",
+      },
+      {
+        lang: "es",
+        description:
+          "Una plantilla de Next.js 16 con TypeScript, Tailwind 4, shadcn/ui, Prisma, React Query y Zustand, con ESLint y Prettier ya configurados para empezar un proyecto en minutos.",
+      },
+    ],
+  },
+  {
+    githubRepoName: "catppuccin-vibes",
+    project: "catppuccinVibes",
+    imageCover: "catppuccin-vibes.jpg",
+    title: "Catppuccin Vibes",
+    author: "Eddy",
+    github: "https://github.com/generalentropy/catppuccin-vibes",
+    demo: "",
+    license: "MIT",
+    translations: [
+      {
+        lang: "en",
+        description:
+          "Icons and wallpapers inspired by the Catppuccin palette, in three sets: muted, vibrant and softy peachy.",
+      },
+      {
+        lang: "fr",
+        description:
+          "Icônes et fonds d'écran inspirés de la palette Catppuccin, en trois déclinaisons : muted, vibrant et softy peachy.",
+      },
+      {
+        lang: "es",
+        description:
+          "Iconos y fondos de pantalla inspirados en la paleta Catppuccin, en tres variantes: muted, vibrant y softy peachy.",
+      },
+    ],
+  },
   {
     "githubRepoName": "SocialHubDashboard",
     "project": "socialHubDashboard",

hooks/useProjectInfo.jsx

@@ -1,22 +1,26 @@
 import { useMemo } from "react";
+import { getRepoFullName } from "../utils/helpers";
 
-function useProjectInfo(reposData, githubRepoName) {
-  const findProjectObjectByName = (array, name) => {
+function useProjectInfo(reposData, githubProjectUrl) {
+  const findProjectObjectByFullName = (array, fullName) => {
     if (!array) {
       // console.log("Vous devez fournir un tableau");
       return null;
     }
 
-    if (!name) {
+    if (!fullName) {
       // console.log("Vous devez fournir un élément à rechercher");
       return null;
     }
-    return array.find((item) => item.name === name);
+    return array.find((item) => item.full_name.toLowerCase() === fullName);
   };
 
   const projectInfo = useMemo(() => {
-    return findProjectObjectByName(reposData, githubRepoName);
-  }, [reposData, githubRepoName]);
+    return findProjectObjectByFullName(
+      reposData,
+      getRepoFullName(githubProjectUrl),
+    );
+  }, [reposData, githubProjectUrl]);
 
   return projectInfo;
 }

index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#0a0a0a" />
+    <meta
+      name="description"
+      content="Bit-Scripts — logiciels, scripts et bots open source."
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
     <title>Bit-Scripts</title>
   </head>
   <body>

package.json

@@ -14,29 +14,29 @@
   },
   "dependencies": {
     "@chakra-ui/react": "^2.8.2",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "flowbite-react": "^0.10.1",
     "framer-motion": "^11.2.13",
-    "gh-pages": "^6.1.1",
+    "gh-pages": "^6.3.0",
     "i18next": "^23.11.5",
-    "i18next-browser-languagedetector": "^8.0.0",
+    "i18next-browser-languagedetector": "^8.2.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-i18next": "^14.1.2",
-    "react-icons": "^5.2.1"
+    "react-icons": "^5.7.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.6.2",
     "eslint": "^8.57.0",
-    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
-    "postcss": "^8.4.39",
-    "prettier": "^3.3.2",
+    "postcss": "^8.5.32",
+    "prettier": "^3.9.10",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "tailwindcss": "^3.4.4",
     "vite": "^5.3.1"