mirror of
https://github.com/theoludwig/theoludwig.git
synced 2025-10-11 17:06:21 +02:00
Compare commits
4 Commits
Author | SHA1 | Date | |
---|---|---|---|
338741d252
|
|||
be738a1c8d
|
|||
9c20844d89
|
|||
eceeca8b69
|
2
.github/workflows/chromatic.yml
vendored
2
.github/workflows/chromatic.yml
vendored
@@ -25,7 +25,7 @@ jobs:
|
||||
- uses: "pnpm/action-setup@v4.1.0"
|
||||
|
||||
- name: "Setup Node.js"
|
||||
uses: "actions/setup-node@v4.4.0"
|
||||
uses: "actions/setup-node@v5.0.0"
|
||||
with:
|
||||
node-version: "24.x"
|
||||
cache: "pnpm"
|
||||
|
2
.github/workflows/ci.yml
vendored
2
.github/workflows/ci.yml
vendored
@@ -23,7 +23,7 @@ jobs:
|
||||
- uses: "pnpm/action-setup@v4.1.0"
|
||||
|
||||
- name: "Setup Node.js"
|
||||
uses: "actions/setup-node@v4.4.0"
|
||||
uses: "actions/setup-node@v5.0.0"
|
||||
with:
|
||||
node-version: "24.x"
|
||||
cache: "pnpm"
|
||||
|
1
.vscode/react.code-snippets
vendored
1
.vscode/react.code-snippets
vendored
@@ -4,7 +4,6 @@
|
||||
"prefix": "rfc",
|
||||
"body": [
|
||||
"export interface ${1:ComponentName}Props {}",
|
||||
"",
|
||||
"export const ${1:ComponentName}: React.FC<${1:ComponentName}Props> = () => {",
|
||||
" return (",
|
||||
" <div>",
|
||||
|
@@ -28,7 +28,7 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
|
||||
### Prerequisites
|
||||
|
||||
- [Node.js](https://nodejs.org/) >= v24.0.0 [(`nvm install 24`)](https://nvm.sh)
|
||||
- [pnpm](https://pnpm.io/) v10.15.1 [(`npm install --global corepack@0.34.0 && corepack enable`)](https://github.com/nodejs/corepack)
|
||||
- [pnpm](https://pnpm.io/) v10.18.2 [(`npm install --global corepack@0.34.0 && corepack enable`)](https://github.com/nodejs/corepack)
|
||||
- [Docker](https://www.docker.com/)
|
||||
|
||||
### Installation
|
||||
|
@@ -1,7 +1,8 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default typescriptESLint.config(...config, {
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
|
@@ -1,4 +1,4 @@
|
||||
FROM node:24.7.0-slim AS node-pnpm
|
||||
FROM node:24.10.0-slim AS node-pnpm
|
||||
ENV PNPM_HOME="/pnpm"
|
||||
ENV PATH="$PNPM_HOME:$PATH"
|
||||
RUN npm install --global corepack@0.34.0 && corepack enable
|
||||
@@ -9,7 +9,7 @@ WORKDIR /usr/src/app
|
||||
|
||||
FROM node-pnpm AS builder
|
||||
COPY ./ ./
|
||||
RUN pnpm install --global turbo@2.5.6
|
||||
RUN pnpm install --global turbo@2.5.8
|
||||
RUN turbo prune @repo/website --docker
|
||||
|
||||
FROM node-pnpm AS installer
|
||||
@@ -23,7 +23,7 @@ COPY --from=builder /usr/src/app/out/full/ ./
|
||||
COPY turbo.json turbo.json
|
||||
|
||||
ARG VERSION="0.0.0-develop"
|
||||
RUN pnpm install --global replace-in-files-cli@3.0.0
|
||||
RUN pnpm install --global replace-in-files-cli@4.0.0
|
||||
RUN VERSION_STRIPPED=${VERSION#v} && replace-in-files --regex='version": *"[^"]*' --replacement='"version": "'"$VERSION_STRIPPED"'"' '**/package.json' '!**/node_modules/**'
|
||||
RUN pnpm --filter=@repo/website... exec turbo run build
|
||||
|
||||
|
@@ -1,7 +1,8 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default typescriptESLint.config(...config, {
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
|
@@ -11,7 +11,7 @@
|
||||
"build": "next build --turbopack",
|
||||
"start": "next start --port 3000",
|
||||
"typegen": "next typegen",
|
||||
"lint:eslint": "eslint . --max-warnings 0",
|
||||
"lint:eslint": "eslint app --max-warnings 0",
|
||||
"lint:typescript": "next typegen && tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
|
Binary file not shown.
Before Width: | Height: | Size: 945 KiB After Width: | Height: | Size: 1.2 MiB |
@@ -4,9 +4,6 @@
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"types": ["@total-typescript/ts-reset", "@repo/i18n/messages.d.ts"],
|
||||
"allowJs": true,
|
||||
"paths": {
|
||||
"#*": ["./*"]
|
||||
},
|
||||
"plugins": [
|
||||
{
|
||||
"name": "next"
|
||||
|
@@ -2,42 +2,32 @@ import nextPlugin from "@next/eslint-plugin-next"
|
||||
import configConventions from "eslint-config-conventions"
|
||||
import importXPlugin from "eslint-plugin-import-x"
|
||||
import reactPlugin from "eslint-plugin-react"
|
||||
import reactHooksPlugin from "eslint-plugin-react-hooks"
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import reactHooks from "eslint-plugin-react-hooks"
|
||||
import { defineConfig, globalIgnores } from "eslint/config"
|
||||
|
||||
export default typescriptESLint.config(
|
||||
export default defineConfig(
|
||||
...configConventions,
|
||||
reactHooksPlugin.configs.recommended,
|
||||
reactPlugin.configs.flat.recommended,
|
||||
{
|
||||
ignores: [
|
||||
".next",
|
||||
"**/next.config.ts",
|
||||
"**/eslint.config.js",
|
||||
"**/tailwind.config.js",
|
||||
"**/postcss.config.js",
|
||||
"**/kysely.config.ts",
|
||||
],
|
||||
},
|
||||
globalIgnores(["**/kysely.config.ts"]),
|
||||
{
|
||||
name: "config-eslint",
|
||||
settings: {
|
||||
react: {
|
||||
version: "19.1.1",
|
||||
version: "19.2.0",
|
||||
},
|
||||
},
|
||||
plugins: {
|
||||
"@next/next": nextPlugin,
|
||||
"import-x": importXPlugin,
|
||||
"react-hooks": reactHooks,
|
||||
},
|
||||
rules: {
|
||||
...nextPlugin.configs.recommended.rules,
|
||||
...nextPlugin.configs["core-web-vitals"].rules,
|
||||
...reactHooks.configs.recommended.rules,
|
||||
"@next/next/no-html-link-for-pages": "off",
|
||||
"@next/next/no-img-element": "off",
|
||||
|
||||
"react-hooks/react-compiler": "error",
|
||||
|
||||
"react/jsx-no-target-blank": "off",
|
||||
"react/no-unknown-property": "off",
|
||||
"react/react-in-jsx-scope": "off",
|
||||
|
8
configs/config-eslint/index.d.ts
vendored
8
configs/config-eslint/index.d.ts
vendored
@@ -1,7 +1,5 @@
|
||||
import type typescriptESLint from "typescript-eslint"
|
||||
import type { defineConfig } from "eslint/config"
|
||||
|
||||
declare const eslintConfigConventions: ReturnType<
|
||||
typeof typescriptESLint.config
|
||||
>
|
||||
declare const eslintConfig: ReturnType<typeof defineConfig>
|
||||
|
||||
export default eslintConfigConventions
|
||||
export default eslintConfig
|
||||
|
@@ -1,7 +1,8 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default typescriptESLint.config(...config, {
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
|
@@ -74,6 +74,10 @@
|
||||
@apply font-semibold italic;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 87%;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -250,8 +254,8 @@ code .line::before {
|
||||
padding: 10px 0;
|
||||
}
|
||||
.profile-pic img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
|
@@ -17,6 +17,7 @@
|
||||
"isolatedModules": true,
|
||||
"esModuleInterop": true,
|
||||
"allowImportingTsExtensions": true,
|
||||
"allowArbitraryExtensions": true,
|
||||
"skipLibCheck": true,
|
||||
"jsx": "preserve",
|
||||
"incremental": false,
|
||||
|
@@ -3,7 +3,7 @@
|
||||
"version": "0.0.0-develop",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"packageManager": "pnpm@10.15.1+sha512.34e538c329b5553014ca8e8f4535997f96180a1d0f614339357449935350d924e22f8614682191264ec33d1462ac21561aff97f6bb18065351c162c7e8f6de67",
|
||||
"packageManager": "pnpm@10.18.2+sha512.9fb969fa749b3ade6035e0f109f0b8a60b5d08a1a87fdf72e337da90dcc93336e2280ca4e44f2358a649b83c17959e9993e777c2080879f3801e6f0d999ad3dd",
|
||||
"engines": {
|
||||
"node": ">=24.0.0"
|
||||
},
|
||||
|
@@ -1,7 +1,8 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default typescriptESLint.config(...config, {
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
|
@@ -17,7 +17,6 @@
|
||||
"@repo/utils": "workspace:*",
|
||||
"@repo/i18n": "workspace:*",
|
||||
"@repo/ui": "workspace:*",
|
||||
"@repo/react-hooks": "workspace:*",
|
||||
"@giscus/react": "catalog:",
|
||||
"@shikijs/rehype": "catalog:",
|
||||
"@mdx-js/mdx": "catalog:",
|
||||
|
@@ -1,7 +1,8 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default typescriptESLint.config(...config, {
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
|
@@ -7,6 +7,7 @@
|
||||
"en-US": "English",
|
||||
"fr-FR": "French"
|
||||
},
|
||||
"fr-FR-main": "French (primary language)",
|
||||
"loading": "Loading...",
|
||||
"errors": {
|
||||
"error": "Error",
|
||||
@@ -24,7 +25,7 @@
|
||||
"description": "I constantly wonder how to improve our present, to make our future better, particularly thanks to the advancements in computer science. <br></br> My priority is to craft intuitive user experiences (UX), that meet the needs of the users in the most efficient way possible.",
|
||||
"title": "About"
|
||||
},
|
||||
"description": "Developer Full Stack • Student",
|
||||
"description": "Developer Full Stack • French Student",
|
||||
"education": {
|
||||
"cnam": {
|
||||
"institution": "Conservatoire National des Arts et Métiers (CNAM), in Eckbolsheim - UIMM Alsace - ITII Alsace",
|
||||
@@ -45,7 +46,7 @@
|
||||
"2021-2022": {
|
||||
"courses": {
|
||||
"java": "Object Oriented Development in Java",
|
||||
"sql": "Relational database and SQL language",
|
||||
"sql": "<strong>Relational database and SQL language</strong>",
|
||||
"systems-c": "Systems programming in C (Memory allocation, Pointers, Structures)",
|
||||
"windows-forms": "Windows Forms (.NET Framework) Application Development in C#"
|
||||
},
|
||||
@@ -54,10 +55,10 @@
|
||||
},
|
||||
"2022-2023": {
|
||||
"courses": {
|
||||
"clean-code": "Design Patterns and Principles (Maintainable and Reusable Code) in UML",
|
||||
"clean-code": "Design Patterns and Principles (<strong>Maintainable and Reusable Code</strong>) in UML",
|
||||
"sql-security": "Securing database access and PL/SQL",
|
||||
"systems-c": "Systems programming in C (Multi-Thread, Server/Client UDP/TCP)",
|
||||
"tests": "Development Quality and Automated Testing",
|
||||
"systems-c": "Systems programming in <strong>C (Multi-Thread, Server/Client UDP/TCP)</strong>",
|
||||
"tests": "<strong>Development Quality and Automated Testing</strong>",
|
||||
"web": "Web development with the Laravel framework in PHP"
|
||||
},
|
||||
"description": "2nd year",
|
||||
@@ -68,7 +69,7 @@
|
||||
"ci-cd": "Continuous Integration/Deployment (CI/CD) and Docker",
|
||||
"complexity-algorithms": "Theoretical and Practical Algorithmic Complexity in C++",
|
||||
"no-sql": "NoSQL database (Redis, MongoDB, Cassandra)",
|
||||
"web": "Web development in Node.js and React.js"
|
||||
"web": "<strong>Web development in Node.js and React.js</strong>"
|
||||
},
|
||||
"description": "3rd year",
|
||||
"title": "2023 - 2024"
|
||||
@@ -90,7 +91,7 @@
|
||||
"interests": {
|
||||
"title": "Interests & hobbies",
|
||||
"fusey": "<link>Fusey (fusey.gg)</link>: website I'm developing for the game ARK that tracks the number of players connected to the servers in real time and has <strong>over ~5,000 visitors each month, ~100,000 members on Discord, and ~120,000 followers on X/Twitter</strong>.",
|
||||
"open-source": "Open-Source Enthusiast"
|
||||
"open-source": "<strong>Open-Source Contributor</strong>: publishing and <strong>contributing to npm packages</strong> and <link-github>GitHub</link-github> repositories, notably with <link-markdownlint>markdownlint-rule-relative-links</link-markdownlint> (around 20,000 downloads per week), contributions to <link-leon>Leon</link-leon>, an open-source personal assistant, among other projects."
|
||||
},
|
||||
"work": {
|
||||
"ircad": {
|
||||
@@ -98,12 +99,12 @@
|
||||
"position": "Full Stack Web Developer Apprentice",
|
||||
"tasks": {
|
||||
"WebSurg": "Development of WebSurg, a virtual university dedicated to medical-surgical training, built with React.js/Next.js and API Platform with Symfony.",
|
||||
"Figma": "Integration of Figma mockups for WebSurg, website dedicated to medical-surgical training.",
|
||||
"Figma": "<strong>Integration of Figma mockups</strong> for WebSurg, website dedicated to medical-surgical training.",
|
||||
"IRCAD-Core": "IRCAD Core, an internal tool for managing medical training sessions and their requirements (anatomical models, medications, staff training, etc.).",
|
||||
"feature-logs": "History and traceability of data modifications (what? who? when?) in IRCAD Core.",
|
||||
"feature-permissions": "Advanced permissions system and OAuth2 authentication, with read, write, and delete access restricted for specific users of the IRCAD Core application.",
|
||||
"feature-search": "Search engine with filters, sorting, and customizable display for each user of IRCAD Core.",
|
||||
"feature-architecture": "IRCAD Core project architecture in TypeScript Monorepo with Turborepo, automatic deployment (CI/CD) and self-hosted internally with Docker Compose."
|
||||
"feature-permissions": "<strong>Advanced permissions system and OAuth2 authentication</strong>, with read, write, and delete access restricted for specific users of the IRCAD Core application.",
|
||||
"feature-search": "<strong>Search engine with filters, sorting, and customizable display</strong> for each user of IRCAD Core.",
|
||||
"feature-architecture": "IRCAD Core project architecture in <strong>TypeScript Monorepo</strong> with Turborepo, <strong>automatic deployment (CI/CD)</strong> and <strong>self-hosted internally with Docker Compose</strong>."
|
||||
}
|
||||
},
|
||||
"numerize": {
|
||||
@@ -175,7 +176,10 @@
|
||||
"others": "Others",
|
||||
"programming-languages": "Programming languages",
|
||||
"software-tools": "Software and tools",
|
||||
"title": "Skills"
|
||||
"title": "Skills",
|
||||
|
||||
"rust-advent-of-code": " (as hobby and <link-aoc>Advent Of Code</link-aoc>)",
|
||||
"go-basics": " (basics and fundamentals)"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -7,6 +7,7 @@
|
||||
"en-US": "Anglais",
|
||||
"fr-FR": "Français"
|
||||
},
|
||||
"fr-FR-main": "Français (langue principale)",
|
||||
"loading": "Chargement...",
|
||||
"errors": {
|
||||
"error": "Erreur",
|
||||
@@ -45,7 +46,7 @@
|
||||
"2021-2022": {
|
||||
"courses": {
|
||||
"java": "Développement Orientée Objet en Java",
|
||||
"sql": "Base de données relationnelles et langage SQL",
|
||||
"sql": "<strong>Base de données relationnelles et langage SQL</strong>",
|
||||
"systems-c": "Programmation systèmes en C (Allocation mémoire, Pointeurs, Structures)",
|
||||
"windows-forms": "Développement d'application Windows Forms (.NET Framework) en C#"
|
||||
},
|
||||
@@ -54,10 +55,10 @@
|
||||
},
|
||||
"2022-2023": {
|
||||
"courses": {
|
||||
"clean-code": "Patrons et Principes de conceptions (Code maintenable et réutilisable) en UML",
|
||||
"clean-code": "Patrons et Principes de conceptions (<strong>Code maintenable et réutilisable</strong>) en UML",
|
||||
"sql-security": "Sécurisation des accès à la base de données et PL/SQL",
|
||||
"systems-c": "Programmation systèmes en C (Multi-Thread, Serveur/Client UDP/TCP)",
|
||||
"tests": "Qualité de développement et Tests automatisés",
|
||||
"systems-c": "Programmation systèmes en <strong>C (Multi-Thread, Serveur/Client UDP/TCP)</strong>",
|
||||
"tests": "<strong>Qualité de développement et Tests automatisés</strong>",
|
||||
"web": "Développement Web avec le framework Laravel en PHP"
|
||||
},
|
||||
"description": "2ème année",
|
||||
@@ -68,7 +69,7 @@
|
||||
"ci-cd": "Intégration/Déploiement Continue et Docker",
|
||||
"complexity-algorithms": "Complexité Algorithmique Théorique et Pratique en C++",
|
||||
"no-sql": "Base de données NoSQL (Redis, MongoDB, Cassandra)",
|
||||
"web": "Développement Web en Node.js et React.js"
|
||||
"web": "<strong>Développement Web en Node.js et React.js</strong>"
|
||||
},
|
||||
"description": "3ème année",
|
||||
"title": "2023 - 2024"
|
||||
@@ -90,7 +91,7 @@
|
||||
"interests": {
|
||||
"title": "Intérêts & loisirs",
|
||||
"fusey": "<link>Fusey (fusey.gg)</link> : site web que je développe pour le jeu ARK qui permet de suivre en temps réel le nombre de joueurs connectés sur les serveurs et a plus de <strong>~5 000 visiteurs chaque mois, ~100 000 membres sur Discord et ~120 000 followers sur X/Twitter</strong>.",
|
||||
"open-source": "Enthousiaste de l'Open-Source"
|
||||
"open-source": "<strong>Contributeur de l'Open-Source</strong> : publications et <strong>contributions sur npm</strong> et <link-github>GitHub</link-github> avec notamment <link-markdownlint>markdownlint-rule-relative-links</link-markdownlint> avec ~20 000 téléchargements par semaine, contributions à <link-leon>Leon</link-leon>, un assistant personnel open source, parmis d'autres projets."
|
||||
},
|
||||
"work": {
|
||||
"ircad": {
|
||||
@@ -98,12 +99,12 @@
|
||||
"position": "Apprenti Développeur Web Full Stack",
|
||||
"tasks": {
|
||||
"WebSurg": "Développement de WebSurg, une université virtuelle consacrée à la formation médico-chirurgicale, en React.js/Next.js et API Platform avec Symfony.",
|
||||
"Figma": "Intégration des maquettes Figma pour WebSurg, site web consacrée à la formation médico-chirurgicale.",
|
||||
"Figma": "<strong>Intégration des maquettes Figma</strong> pour WebSurg, site web consacrée à la formation médico-chirurgicale.",
|
||||
"IRCAD-Core": "IRCAD Core, outil interne de gestion des formations médicales et leurs besoins (modèles anatomiques, médicaments, formations du personnel, etc.).",
|
||||
"feature-logs": "Historique et traçabilité des modifications des données (quoi? qui? quand?) dans IRCAD Core.",
|
||||
"feature-permissions": "Système de permissions avancé et authentification OAuth2, avec accès en lecture, écriture et suppression restreint pour des utilisateurs spécifiques de l'application IRCAD Core.",
|
||||
"feature-search": "Moteur de recherche avec filtres, tris et ordre d'affichage personnalisable pour IRCAD Core.",
|
||||
"feature-architecture": "Architecture du projet IRCAD Core en Monorepo TypeScript avec Turborepo, déploiement automatique (CI/CD) et hébergé en interne avec Docker Compose."
|
||||
"feature-permissions": "<strong>Système de permissions avancé</strong> et authentification OAuth2, avec accès en lecture, écriture et suppression restreint pour des utilisateurs spécifiques de l'application IRCAD Core.",
|
||||
"feature-search": "<strong>Moteur de recherche avec filtres, tris et ordre d'affichage personnalisable</strong> pour IRCAD Core.",
|
||||
"feature-architecture": "Architecture du projet IRCAD Core en <strong>Monorepo TypeScript</strong> avec Turborepo, <strong>déploiement automatique (CI/CD)</strong> et <strong>hébergé en interne avec Docker Compose</strong>."
|
||||
}
|
||||
},
|
||||
"numerize": {
|
||||
@@ -175,7 +176,10 @@
|
||||
"others": "Autres",
|
||||
"programming-languages": "Langages de programmation",
|
||||
"software-tools": "Logiciels et outils",
|
||||
"title": "Compétences"
|
||||
"title": "Compétences",
|
||||
|
||||
"rust-advent-of-code": " (pendant temps libre et <link-aoc>Advent Of Code</link-aoc>)",
|
||||
"go-basics": " (bases et fondamentaux)"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -1,13 +0,0 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default typescriptESLint.config(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
@@ -1,29 +0,0 @@
|
||||
{
|
||||
"name": "@repo/react-hooks",
|
||||
"version": "0.0.0-develop",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"exports": {
|
||||
"./useBoolean": "./src/useBoolean.ts",
|
||||
"./useIsMounted": "./src/useIsMounted.ts"
|
||||
},
|
||||
"scripts": {
|
||||
"lint:eslint": "eslint src --max-warnings 0",
|
||||
"lint:typescript": "tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
"react": "catalog:",
|
||||
"react-dom": "catalog:"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@repo/config-eslint": "workspace:*",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@types/react": "catalog:",
|
||||
"@types/react-dom": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"playwright": "catalog:",
|
||||
"typescript": "catalog:",
|
||||
"typescript-eslint": "catalog:"
|
||||
}
|
||||
}
|
@@ -1,15 +0,0 @@
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
export interface UseIsMountedOutput {
|
||||
isMounted: boolean
|
||||
}
|
||||
|
||||
export const useIsMounted = (): UseIsMountedOutput => {
|
||||
const [isMounted, setIsMounted] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
setIsMounted(true)
|
||||
}, [])
|
||||
|
||||
return { isMounted }
|
||||
}
|
@@ -1,7 +0,0 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"types": ["@total-typescript/ts-reset"]
|
||||
}
|
||||
}
|
@@ -1,7 +1,8 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default typescriptESLint.config(...config, {
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
|
@@ -30,7 +30,6 @@
|
||||
"@repo/config-tailwind": "workspace:*",
|
||||
"@repo/utils": "workspace:*",
|
||||
"@repo/i18n": "workspace:*",
|
||||
"@repo/react-hooks": "workspace:*",
|
||||
"cva": "catalog:",
|
||||
"next": "catalog:",
|
||||
"next-intl": "catalog:",
|
||||
|
@@ -33,7 +33,14 @@ export const CurriculumVitaeEducation: React.FC<
|
||||
// t(
|
||||
// "curriculum-vitae.education.iut.years.2021-2022.courses.windows-forms",
|
||||
// ),
|
||||
t("curriculum-vitae.education.iut.years.2021-2022.courses.sql"),
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2021-2022.courses.sql",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
},
|
||||
),
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -41,13 +48,30 @@ export const CurriculumVitaeEducation: React.FC<
|
||||
title: t("curriculum-vitae.education.iut.years.2022-2023.title"),
|
||||
courses: [
|
||||
t("curriculum-vitae.education.iut.years.2022-2023.courses.web"),
|
||||
t("curriculum-vitae.education.iut.years.2022-2023.courses.tests"),
|
||||
t(
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2022-2023.courses.tests",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
},
|
||||
),
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2022-2023.courses.clean-code",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
},
|
||||
),
|
||||
// t("curriculum-vitae.education.iut.years.2022-2023.courses.sql-security"),
|
||||
t(
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2022-2023.courses.systems-c",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
},
|
||||
),
|
||||
],
|
||||
},
|
||||
@@ -55,7 +79,14 @@ export const CurriculumVitaeEducation: React.FC<
|
||||
year: t("curriculum-vitae.education.iut.years.2023-2024.description"),
|
||||
title: t("curriculum-vitae.education.iut.years.2023-2024.title"),
|
||||
courses: [
|
||||
t("curriculum-vitae.education.iut.years.2023-2024.courses.web"),
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2023-2024.courses.web",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
},
|
||||
),
|
||||
t("curriculum-vitae.education.iut.years.2023-2024.courses.ci-cd"),
|
||||
t(
|
||||
"curriculum-vitae.education.iut.years.2023-2024.courses.complexity-algorithms",
|
||||
@@ -114,8 +145,8 @@ export const CurriculumVitaeEducation: React.FC<
|
||||
paddingInlineStart: 20,
|
||||
}}
|
||||
>
|
||||
{courses.map((course) => {
|
||||
return <li key={course}>{course}</li>
|
||||
{courses.map((course, index) => {
|
||||
return <li key={index}>{course}</li>
|
||||
})}
|
||||
</ul>
|
||||
</li>
|
||||
|
@@ -10,9 +10,44 @@ export const CurriculumVitaeInterests: React.FC<
|
||||
const t = useTranslations()
|
||||
|
||||
const interests = [
|
||||
<strong key="open-source">
|
||||
{t("curriculum-vitae.interests.open-source")}
|
||||
</strong>,
|
||||
t.rich("curriculum-vitae.interests.open-source", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
"link-github": (children) => {
|
||||
return (
|
||||
<a
|
||||
href="https://github.com/theoludwig"
|
||||
target="_blank"
|
||||
className="font-semibold"
|
||||
>
|
||||
{children}
|
||||
</a>
|
||||
)
|
||||
},
|
||||
"link-leon": (children) => {
|
||||
return (
|
||||
<a
|
||||
href="https://github.com/leon-ai/leon"
|
||||
target="_blank"
|
||||
className="font-semibold"
|
||||
>
|
||||
{children}
|
||||
</a>
|
||||
)
|
||||
},
|
||||
"link-markdownlint": (children) => {
|
||||
return (
|
||||
<a
|
||||
href="https://www.npmjs.com/package/markdownlint-rule-relative-links"
|
||||
target="_blank"
|
||||
className="font-semibold"
|
||||
>
|
||||
{children}
|
||||
</a>
|
||||
)
|
||||
},
|
||||
}),
|
||||
t.rich("curriculum-vitae.interests.fusey", {
|
||||
link: (children) => {
|
||||
return (
|
||||
|
@@ -21,16 +21,18 @@ export const CurriculumVitaeProfile: React.FC<
|
||||
<Image
|
||||
className="mx-auto block"
|
||||
alt={t("meta.title")}
|
||||
src="/images/logo_background.webp"
|
||||
width={400}
|
||||
height={400}
|
||||
src="/images/logo.webp"
|
||||
width={450}
|
||||
height={450}
|
||||
/>
|
||||
</div>
|
||||
<div className="name-and-profession text-center">
|
||||
<h1 className="h3 my-1!">
|
||||
<strong>{t("meta.title")}</strong>
|
||||
</h1>
|
||||
<h2 className="text-muted h5">{t("curriculum-vitae.description")}</h2>
|
||||
<h2 className="text-muted h5 font-semibold">
|
||||
{t("curriculum-vitae.description")}
|
||||
</h2>
|
||||
<h2 className="text-muted h5">
|
||||
<BirthDate />
|
||||
</h2>
|
||||
@@ -39,17 +41,13 @@ export const CurriculumVitaeProfile: React.FC<
|
||||
</div>
|
||||
<div className="flex justify-center">
|
||||
<div className="relative px-3">
|
||||
<strong className="info">
|
||||
<a className="" href="mailto:contact@theoludwig.fr">
|
||||
contact@theoludwig.fr
|
||||
</a>
|
||||
<strong className="info font-bold">
|
||||
<a href="mailto:contact@theoludwig.fr">contact@theoludwig.fr</a>
|
||||
</strong>
|
||||
</div>
|
||||
<div className="detail">
|
||||
<strong className="info">
|
||||
<Link className="" href="/">
|
||||
https://theoludwig.fr
|
||||
</Link>
|
||||
<strong className="info font-bold">
|
||||
<Link href="/">https://theoludwig.fr</Link>
|
||||
</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
@@ -23,7 +23,11 @@ export const CurriculumVitaeSkills: React.FC<
|
||||
}),
|
||||
{
|
||||
category: "others",
|
||||
skillNames: [t("locales.en-US"), t("home.skills.driving-license")],
|
||||
skillNames: [
|
||||
t("fr-FR-main"),
|
||||
t("locales.en-US"),
|
||||
t("home.skills.driving-license"),
|
||||
],
|
||||
},
|
||||
] as const
|
||||
|
||||
@@ -45,6 +49,23 @@ export const CurriculumVitaeSkills: React.FC<
|
||||
return (
|
||||
<p key={skillName} className="label label-keyword">
|
||||
{skillName}
|
||||
{skillName === "Rust"
|
||||
? t.rich("home.skills.rust-advent-of-code", {
|
||||
"link-aoc": (children) => {
|
||||
return (
|
||||
<a
|
||||
href="https://github.com/theoludwig/advent_of_code"
|
||||
target="_blank"
|
||||
className="no-underline"
|
||||
>
|
||||
{children}
|
||||
</a>
|
||||
)
|
||||
},
|
||||
})
|
||||
: skillName === "Go"
|
||||
? t("home.skills.go-basics")
|
||||
: ""}
|
||||
</p>
|
||||
)
|
||||
})}
|
||||
|
@@ -17,12 +17,28 @@ export const CurriculumVitaeWork: React.FC<CurriculumVitaeWorkProps> = () => {
|
||||
duration: t("curriculum-vitae.work.ircad.duration"),
|
||||
tasks: [
|
||||
// t("curriculum-vitae.work.ircad.tasks.WebSurg"),
|
||||
t("curriculum-vitae.work.ircad.tasks.Figma"),
|
||||
t.rich("curriculum-vitae.work.ircad.tasks.Figma", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
}),
|
||||
t("curriculum-vitae.work.ircad.tasks.IRCAD-Core"),
|
||||
t("curriculum-vitae.work.ircad.tasks.feature-logs"),
|
||||
t("curriculum-vitae.work.ircad.tasks.feature-permissions"),
|
||||
t("curriculum-vitae.work.ircad.tasks.feature-search"),
|
||||
t("curriculum-vitae.work.ircad.tasks.feature-architecture"),
|
||||
t.rich("curriculum-vitae.work.ircad.tasks.feature-permissions", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
}),
|
||||
t.rich("curriculum-vitae.work.ircad.tasks.feature-search", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
}),
|
||||
t.rich("curriculum-vitae.work.ircad.tasks.feature-architecture", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
}),
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -74,8 +90,8 @@ export const CurriculumVitaeWork: React.FC<CurriculumVitaeWorkProps> = () => {
|
||||
}}
|
||||
className="space-y-1"
|
||||
>
|
||||
{workExperience.tasks.map((task) => {
|
||||
return <li key={task}>{task}</li>
|
||||
{workExperience.tasks.map((task, index) => {
|
||||
return <li key={index}>{task}</li>
|
||||
})}
|
||||
</ul>
|
||||
) : (
|
||||
|
@@ -6,9 +6,9 @@ import { LOCALES } from "@repo/utils/constants"
|
||||
import { useLocale } from "next-intl"
|
||||
import { useEffect, useRef } from "react"
|
||||
|
||||
import { useBoolean } from "@repo/react-hooks/useBoolean"
|
||||
import { Arrow } from "./Arrow.tsx"
|
||||
import { LocaleFlag } from "./LocaleFlag.tsx"
|
||||
import { useBoolean } from "../../../hooks/useBoolean.ts"
|
||||
|
||||
export interface LocalesProps {}
|
||||
|
||||
|
@@ -1,13 +1,13 @@
|
||||
"use client"
|
||||
|
||||
import { classNames } from "@repo/config-tailwind/classNames"
|
||||
import { useIsMounted } from "@repo/react-hooks/useIsMounted"
|
||||
import type { Theme } from "@repo/utils/constants"
|
||||
import { THEME_DEFAULT } from "@repo/utils/constants"
|
||||
import {
|
||||
ThemeProvider as NextThemeProvider,
|
||||
useTheme as useNextTheme,
|
||||
} from "next-themes"
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
export interface ThemeProviderProps extends React.PropsWithChildren {
|
||||
forcedTheme?: Theme
|
||||
@@ -35,7 +35,12 @@ export interface UseThemeOutput {
|
||||
|
||||
export const useTheme = (): UseThemeOutput => {
|
||||
const { setTheme, theme: themeData } = useNextTheme()
|
||||
const { isMounted } = useIsMounted()
|
||||
const [isMounted, setIsMounted] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
// eslint-disable-next-line react-hooks/set-state-in-effect
|
||||
setIsMounted(true)
|
||||
}, [])
|
||||
|
||||
const theme = isMounted ? (themeData as Theme) : THEME_DEFAULT
|
||||
|
||||
|
@@ -1,7 +1,8 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default typescriptESLint.config(...config, {
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
|
2793
pnpm-lock.yaml
generated
2793
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -7,30 +7,30 @@ catalogMode: "strict"
|
||||
|
||||
catalog:
|
||||
# Turborepo
|
||||
"turbo": "2.5.6"
|
||||
"turbo": "2.5.8"
|
||||
|
||||
# TypeScript
|
||||
"typescript": "5.9.2"
|
||||
"typescript": "5.9.3"
|
||||
"@total-typescript/ts-reset": "0.6.1"
|
||||
"@types/node": "24.3.1"
|
||||
"@types/node": "24.7.2"
|
||||
|
||||
# Utils
|
||||
"mime": "4.0.7"
|
||||
"mime": "4.1.0"
|
||||
|
||||
# React.js/Next.js
|
||||
"next": &next "15.5.2"
|
||||
"next-intl": "4.3.7"
|
||||
"next": &next "15.5.4"
|
||||
"next-intl": "4.3.12"
|
||||
"next-themes": "0.4.6"
|
||||
"react": "19.1.1"
|
||||
"react-dom": "19.1.1"
|
||||
"@types/react": "19.1.12"
|
||||
"@types/react-dom": "19.1.9"
|
||||
"react": "19.2.0"
|
||||
"react-dom": "19.2.0"
|
||||
"@types/react": "19.2.2"
|
||||
"@types/react-dom": "19.2.1"
|
||||
"react-icons": "5.5.0"
|
||||
|
||||
# Blog
|
||||
"@giscus/react": "3.1.0"
|
||||
"gray-matter": "4.0.3"
|
||||
"katex": "0.16.22"
|
||||
"katex": "0.16.23"
|
||||
"next-mdx-remote": "5.0.0"
|
||||
"@mdx-js/mdx": "3.1.1"
|
||||
"rehype-katex": "7.0.1"
|
||||
@@ -47,16 +47,16 @@ catalog:
|
||||
"markdownlint-rule-relative-links": "4.2.0"
|
||||
|
||||
# ESLint
|
||||
"globals": "16.3.0"
|
||||
"typescript-eslint": "8.43.0"
|
||||
"eslint": "9.35.0"
|
||||
"eslint-config-conventions": "20.2.0"
|
||||
"globals": "16.4.0"
|
||||
"typescript-eslint": "8.46.0"
|
||||
"eslint": "9.37.0"
|
||||
"eslint-config-conventions": "21.0.3"
|
||||
"eslint-plugin-promise": "7.2.1"
|
||||
"eslint-plugin-unicorn": "61.0.2"
|
||||
"eslint-plugin-import-x": "4.16.1"
|
||||
"@next/eslint-plugin-next": *next
|
||||
"eslint-plugin-react": "7.37.5"
|
||||
"eslint-plugin-react-hooks": "6.0.0-rc.1"
|
||||
"eslint-plugin-react-hooks": "7.0.0"
|
||||
|
||||
# Prettier
|
||||
"prettier": "3.6.2"
|
||||
@@ -64,29 +64,29 @@ catalog:
|
||||
"editorconfig-checker": "6.1.0"
|
||||
|
||||
# Storybook
|
||||
"storybook": &storybook "9.1.5"
|
||||
"storybook": &storybook "9.1.10"
|
||||
"@storybook/addon-docs": *storybook
|
||||
"@storybook/addon-a11y": *storybook
|
||||
"@storybook/nextjs": *storybook
|
||||
"@storybook/addon-themes": *storybook
|
||||
"@storybook/test-runner": "0.23.0"
|
||||
"@chromatic-com/storybook": "4.1.1"
|
||||
"chromatic": "13.1.4"
|
||||
"chromatic": "13.3.0"
|
||||
|
||||
# Testing
|
||||
"playwright": &playwright "1.55.0"
|
||||
"playwright": &playwright "1.56.0"
|
||||
"@playwright/test": *playwright
|
||||
"start-server-and-test": "2.1.0"
|
||||
"start-server-and-test": "2.1.2"
|
||||
|
||||
# CSS
|
||||
"postcss": "8.5.6"
|
||||
"@tailwindcss/postcss": "4.1.13"
|
||||
"@tailwindcss/typography": "0.5.16"
|
||||
"tailwindcss": "4.1.13"
|
||||
"@tailwindcss/postcss": "4.1.14"
|
||||
"@tailwindcss/typography": "0.5.19"
|
||||
"tailwindcss": "4.1.14"
|
||||
"tailwind-merge": "3.3.1"
|
||||
"clsx": "2.1.1"
|
||||
"cva": "1.0.0-beta.4"
|
||||
"@fontsource/montserrat": "5.2.7"
|
||||
"@fontsource/montserrat": "5.2.8"
|
||||
|
||||
onlyBuiltDependencies:
|
||||
- "@swc/core"
|
||||
|
Reference in New Issue
Block a user