1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-12-08 00:44:30 +01:00

Compare commits

...

10 Commits

150 changed files with 4842 additions and 5718 deletions

View File

@ -1 +1,2 @@
TZ=UTC
WEBSITE_PORT=3000

View File

@ -11,14 +11,14 @@ jobs:
timeout-minutes: 30
runs-on: "ubuntu-latest"
steps:
- uses: "actions/checkout@v4.1.7"
- uses: "actions/checkout@v4.2.2"
with:
fetch-depth: 0
- uses: "pnpm/action-setup@v4.0.0"
- name: "Setup Node.js"
uses: "actions/setup-node@v4.0.3"
uses: "actions/setup-node@v4.1.0"
with:
node-version: "22.x"
cache: "pnpm"

View File

@ -11,12 +11,12 @@ jobs:
timeout-minutes: 30
runs-on: "ubuntu-latest"
steps:
- uses: "actions/checkout@v4.1.7"
- uses: "actions/checkout@v4.2.2"
- uses: "pnpm/action-setup@v4.0.0"
- name: "Setup Node.js"
uses: "actions/setup-node@v4.0.3"
uses: "actions/setup-node@v4.1.0"
with:
node-version: "22.x"
cache: "pnpm"
@ -29,15 +29,15 @@ jobs:
- run: "node --run lint:editorconfig"
- run: "node --run lint:markdown"
- run: "node --run lint:prettier"
- run: "node --run lint:eslint"
- run: "node --run lint:typescript"
- run: "node --run lint:eslint"
- run: "node --run lint:prettier"
- run: "node --run test"
- run: "node --run build"
commitlint:
runs-on: "ubuntu-latest"
steps:
- uses: "actions/checkout@v4.1.7"
- uses: "actions/checkout@v4.2.2"
- uses: "wagoid/commitlint-github-action@v6.0.1"
- uses: "wagoid/commitlint-github-action@v6.1.2"

View File

@ -14,13 +14,13 @@ jobs:
pull-requests: "write"
id-token: "write"
steps:
- uses: "actions/checkout@v4.1.7"
- uses: "actions/checkout@v4.2.2"
with:
fetch-depth: 0
persist-credentials: false
- name: "Import GPG key"
uses: "crazy-max/ghaction-import-gpg@v6.0.0"
uses: "crazy-max/ghaction-import-gpg@v6.1.0"
with:
gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
git_user_signingkey: true
@ -29,7 +29,7 @@ jobs:
- uses: "pnpm/action-setup@v4.0.0"
- name: "Setup Node.js"
uses: "actions/setup-node@v4.0.3"
uses: "actions/setup-node@v4.1.0"
with:
node-version: "22.x"
cache: "pnpm"

1
.npmrc
View File

@ -1 +0,0 @@
save-exact = true

View File

@ -1,12 +1,13 @@
{
"recommendations": [
"Vercel.turbo-vsc",
"editorconfig.editorconfig",
"esbenp.prettier-vscode",
"dbaeumer.vscode-eslint",
"davidanson.vscode-markdownlint",
"bradlc.vscode-tailwindcss",
"mikestead.dotenv",
"davidanson.vscode-markdownlint",
"ms-azuretools.vscode-docker"
"ms-azuretools.vscode-docker",
"antfu.pnpm-catalog-lens",
"Lokalise.i18n-ally"
]
}

View File

@ -22,7 +22,7 @@
"body": [
"import type { Meta, StoryObj } from \"@storybook/react\"",
"",
"import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}\"",
"import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}.tsx\"",
"",
"const meta = {",
" title: \"${1:ComponentName}\",",

15
.vscode/settings.json vendored
View File

@ -7,14 +7,17 @@
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll": "explicit",
"source.organizeImports": "explicit"
"source.organizeImports": "never"
},
"eslint.options": {
"ignorePath": ".gitignore"
},
"prettier.ignorePath": ".gitignore",
"tailwindCSS.experimental.classRegex": [
["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
]
],
"i18n-ally.localesPaths": ["./packages/i18n/src/translations/"],
"i18n-ally.keystyle": "nested",
"i18n-ally.sortKeys": true,
"i18n-ally.sourceLanguage": "en-US",
"i18n-ally.displayLanguage": "en-US",
"i18n-ally.enabledFrameworks": ["next-intl", "general"],
"i18n-ally.extract.autoDetect": true
}

View File

@ -32,7 +32,8 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
### Prerequisites
- [Node.js](https://nodejs.org/) >= 22.0.0
- [pnpm](https://pnpm.io/) >= 9.5.0
- [pnpm](https://pnpm.io/) >= 9.12.3 [(`corepack enable`)](https://nodejs.org/docs/latest-v22.x/api/corepack.html)
- [Docker](https://www.docker.com/)
### Installation
@ -40,6 +41,9 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
# Clone the repository
git clone git@github.com:theoludwig/theoludwig.git
# Go to the project root
cd theoludwig
# Configure environment variables
cp .env.example .env
cp apps/website/.env.example apps/website/.env
@ -60,15 +64,19 @@ node --run dev
# Lint
node --run lint:editorconfig
node --run lint:markdown
node --run lint:prettier
node --run lint:eslint
node --run lint:typescript
node --run lint:eslint
node --run lint:prettier
# Tests
node --run test
# Build
node --run build
# To execute a command in a specific package (e.g: packages/utils)
cd packages/utils
node --run test
```
### Production environment with [Docker](https://www.docker.com/)

View File

@ -1,4 +0,0 @@
{
"root": true,
"extends": ["@repo/eslint-config"]
}

View File

@ -7,13 +7,16 @@ const config: StorybookConfig = {
docs: {
defaultName: "Documentation",
},
stories: ["../../../packages/**/*.stories.tsx", "../stories/*.mdx"],
stories: [
"../../../packages/ui/src/**/*.stories.tsx",
"../../../packages/blog/src/**/*.stories.tsx",
"../stories/*.mdx",
],
addons: [
"@chromatic-com/storybook",
"@storybook/addon-essentials",
"@storybook/addon-storysource",
"@storybook/addon-a11y",
"@storybook/addon-links",
"@chromatic-com/storybook",
"@storybook/addon-interactions",
"storybook-dark-mode",
],

View File

@ -1,6 +1,6 @@
import "@repo/config-tailwind/styles.css"
import { defaultTranslationValues, Locale } from "@repo/i18n/config"
import i18nMessagesEnglish from "@repo/i18n/translations/en-US.json"
import i18nMessages from "@repo/i18n/translations/en-US.json"
import { LOCALE_DEFAULT, TIMEZONE } from "@repo/utils/constants"
import type { Preview } from "@storybook/react"
import { NextIntlClientProvider } from "next-intl"
import { ThemeProvider as NextThemeProvider } from "next-themes"
@ -24,22 +24,21 @@ const preview: Preview = {
stylePreview: true,
},
controls: {
disableSaveFromUI: true,
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
date: /date$/i,
},
},
},
decorators: [
(Story) => {
const locale = "en-US" satisfies Locale
return (
<NextThemeProvider enableColorScheme={false}>
<NextIntlClientProvider
messages={i18nMessagesEnglish}
locale={locale}
defaultTranslationValues={defaultTranslationValues}
messages={i18nMessages}
locale={LOCALE_DEFAULT}
timeZone={TIMEZONE}
>
<Story />
</NextIntlClientProvider>

View File

@ -5,7 +5,6 @@ import { checkA11y, configureAxe, injectAxe } from "axe-playwright"
/*
* See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
* to learn more about the test-runner hooks API.
*/
const config: TestRunnerConfig = {
async preVisit(page) {

View File

@ -0,0 +1,13 @@
import typescriptESLint from "typescript-eslint"
import config from "@repo/eslint-config"
export default typescriptESLint.config(...config, {
files: ["**/*.ts", "**/*.tsx"],
languageOptions: {
parser: typescriptESLint.parser,
parserOptions: {
projectService: true,
tsconfigRootDir: import.meta.dirname,
},
},
})

View File

@ -1,21 +1,22 @@
{
"name": "@repo/storybook",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"type": "module",
"scripts": {
"build": "storybook build",
"dev": "storybook dev --port 6006 --no-open",
"start": "http-server \"storybook-static\" --port 6006 --silent",
"test": "start-server-and-test \"dev\" http://127.0.0.1:6006 \"test:storybook\"",
"test:storybook": "test-storybook",
"test:storybook-coverage": "test-storybook --coverage",
"test": "start-server-and-test \"start\" http://127.0.0.1:6006 \"test:storybook\"",
"test:dev": "start-server-and-test \"dev\" http://127.0.0.1:6006 \"test:storybook\"",
"test:storybook": "test-storybook --testTimeout=60000 --maxWorkers=2",
"chromatic": "chromatic"
},
"dependencies": {
"@repo/config-tailwind": "workspace:*",
"@repo/i18n": "workspace:*",
"@repo/ui": "workspace:*",
"@repo/utils": "workspace:*",
"@repo/blog": "workspace:*",
"next": "catalog:",
"next-intl": "catalog:",
@ -25,13 +26,13 @@
},
"devDependencies": {
"@repo/eslint-config": "workspace:*",
"@repo/config-typescript": "workspace:*",
"@chromatic-com/storybook": "catalog:",
"@playwright/test": "catalog:",
"@storybook/addon-a11y": "catalog:",
"@storybook/addon-essentials": "catalog:",
"@storybook/addon-interactions": "catalog:",
"@storybook/addon-links": "catalog:",
"@storybook/addon-storysource": "catalog:",
"@storybook/addon-a11y": "catalog:",
"@storybook/addon-interactions": "catalog:",
"@storybook/addon-themes": "catalog:",
"@storybook/blocks": "catalog:",
"@storybook/nextjs": "catalog:",
@ -50,6 +51,7 @@
"storybook-dark-mode": "catalog:",
"postcss": "catalog:",
"tailwindcss": "catalog:",
"typescript-eslint": "catalog:",
"typescript": "catalog:"
}
}

View File

@ -6,7 +6,7 @@ import tailwindConfig from "@repo/config-tailwind"
<Title>Colors</Title>
<ColorPalette>
{Object.entries(tailwindConfig.theme.colors).map(
{Object.entries(tailwindConfig.theme.extend.colors).map(
([colorName, colorValue]) => {
const colors = {}

View File

@ -2,7 +2,11 @@ import sharedConfig from "@repo/config-tailwind"
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
const config = {
content: [".storybook/preview.tsx", "../../packages/**/*.tsx"],
content: [
".storybook/preview.tsx",
"../../packages/ui/src/**/*.tsx",
"../../packages/blog/src/**/*.tsx",
],
presets: [sharedConfig],
}

View File

@ -0,0 +1,7 @@
{
"extends": "@repo/config-typescript/tsconfig.json",
"compilerOptions": {
"lib": ["DOM", "DOM.Iterable", "ESNext"]
},
"include": ["./.storybook/**/*.ts", "./.storybook/**/*.tsx"]
}

View File

@ -0,0 +1,9 @@
{
"$schema": "https://turbo.build/schema.json",
"extends": ["//"],
"tasks": {
"test": {
"dependsOn": ["^test", "build"]
}
}
}

View File

@ -1,3 +1,4 @@
TZ=UTC
HOSTNAME=0.0.0.0
PORT=3000
NEXT_TELEMETRY_DISABLED=1

View File

@ -1,15 +0,0 @@
{
"root": true,
"extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
"ignorePatterns": ["public/"],
"overrides": [
{
"files": ["*.ts", "*.tsx"],
"plugins": ["@typescript-eslint"],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"project": true
}
}
]
}

View File

@ -1,12 +1,14 @@
FROM node:22.4.1-slim AS node-pnpm
FROM node:22.11.0-slim AS node-pnpm
ENV PNPM_HOME="/pnpm"
ENV PATH="$PNPM_HOME:$PATH"
RUN corepack enable
ENV TURBO_TELEMETRY_DISABLED=1
ENV DO_NOT_TRACK=1
WORKDIR /usr/src/app
FROM node-pnpm AS builder
RUN pnpm install --global turbo@2.0.10
COPY ./ ./
RUN pnpm install --global turbo@2.2.3
RUN turbo prune @repo/website --docker
FROM node-pnpm AS installer

View File

@ -3,20 +3,21 @@ import { notFound } from "next/navigation"
import { getBlogPostBySlug, getBlogPosts } from "@repo/blog"
import { BlogPostUI } from "@repo/blog/BlogPostUI"
import type { Locale } from "@repo/i18n/config"
import { unstable_setRequestLocale } from "next-intl/server"
import type { Locale } from "@repo/utils/constants"
import { setRequestLocale } from "next-intl/server"
interface BlogPostPageProps {
params: {
params: Promise<{
slug: string
locale: Locale
}
}>
}
export const generateMetadata = async (
props: BlogPostPageProps,
): Promise<Metadata> => {
const blogPost = await getBlogPostBySlug(props.params.slug)
const { slug } = await props.params
const blogPost = await getBlogPostBySlug(slug)
if (blogPost == null) {
return notFound()
}
@ -50,10 +51,11 @@ export const generateStaticParams = async (): Promise<
const BlogPostPage: React.FC<BlogPostPageProps> = async (props) => {
const { params } = props
const { locale, slug } = await params
// Enable static rendering
unstable_setRequestLocale(params.locale)
setRequestLocale(locale)
const blogPost = await getBlogPostBySlug(params.slug)
const blogPost = await getBlogPostBySlug(slug)
if (blogPost == null) {
return notFound()
}

View File

@ -1,14 +1,15 @@
import { getBlogPosts } from "@repo/blog"
import { BlogPosts } from "@repo/blog/BlogPosts"
import { LOCALE_DEFAULT, type LocaleProps } from "@repo/i18n/config"
import type { LocaleProps } from "@repo/i18n/routing"
import { MainLayout } from "@repo/ui/Layout/MainLayout"
import {
Section,
SectionDescription,
SectionTitle,
} from "@repo/ui/Layout/Section"
import { LOCALE_DEFAULT } from "@repo/utils/constants"
import type { Metadata } from "next"
import { unstable_setRequestLocale } from "next-intl/server"
import { setRequestLocale } from "next-intl/server"
const title = "Blog | Théo LUDWIG"
const description =
@ -35,8 +36,9 @@ interface BlogPageProps extends LocaleProps {}
const BlogPage: React.FC<BlogPageProps> = async (props) => {
const { params } = props
const { locale } = await params
// Enable static rendering
unstable_setRequestLocale(params.locale)
setRequestLocale(locale)
const posts = await getBlogPosts()

View File

@ -1,18 +1,19 @@
import "@repo/config-tailwind/styles.css"
import type { LocaleProps } from "@repo/i18n/config"
import type { LocaleProps } from "@repo/i18n/routing"
import { Footer } from "@repo/ui/Layout/Footer"
import { Header } from "@repo/ui/Layout/Header"
import { ThemeProvider } from "@repo/ui/Layout/Header/SwitchTheme"
import { VERSION } from "@repo/utils/constants"
import { unstable_setRequestLocale } from "next-intl/server"
import { setRequestLocale } from "next-intl/server"
interface MainLayoutProps extends React.PropsWithChildren, LocaleProps {}
const MainLayout: React.FC<MainLayoutProps> = async (props) => {
const { children, params } = props
const { locale } = await params
// Enable static rendering
unstable_setRequestLocale(params.locale)
setRequestLocale(locale)
return (
<ThemeProvider>

View File

@ -1,4 +1,4 @@
import type { LocaleProps } from "@repo/i18n/config"
import type { LocaleProps } from "@repo/i18n/routing"
import { About } from "@repo/ui/Home/About"
import { Interests } from "@repo/ui/Home/Interests"
import { OpenSource } from "@repo/ui/Home/OpenSource"
@ -6,15 +6,16 @@ import { Portfolio } from "@repo/ui/Home/Portfolio"
import { Skills } from "@repo/ui/Home/Skills"
import { MainLayout } from "@repo/ui/Layout/MainLayout"
import { RevealFade } from "@repo/ui/Layout/Section"
import { unstable_setRequestLocale } from "next-intl/server"
import { setRequestLocale } from "next-intl/server"
interface HomePageProps extends LocaleProps {}
const HomePage: React.FC<HomePageProps> = (props) => {
const HomePage: React.FC<HomePageProps> = async (props) => {
const { params } = props
const { locale } = await params
// Enable static rendering
unstable_setRequestLocale(params.locale)
setRequestLocale(locale)
return (
<MainLayout>

View File

@ -1,7 +1,7 @@
import "@repo/config-tailwind/styles.css"
import type { LocaleProps } from "@repo/i18n/config"
import type { LocaleProps } from "@repo/i18n/routing"
import { ThemeProvider } from "@repo/ui/Layout/Header/SwitchTheme"
import { unstable_setRequestLocale } from "next-intl/server"
import { setRequestLocale } from "next-intl/server"
interface CurriculumVitaeLayoutProps
extends React.PropsWithChildren,
@ -12,8 +12,9 @@ const CurriculumVitaeLayout: React.FC<CurriculumVitaeLayoutProps> = async (
) => {
const { children, params } = props
const { locale } = await params
// Enable static rendering
unstable_setRequestLocale(params.locale)
setRequestLocale(locale)
return <ThemeProvider forcedTheme="light">{children}</ThemeProvider>
}

View File

@ -1,14 +1,15 @@
import type { LocaleProps } from "@repo/i18n/config"
import type { LocaleProps } from "@repo/i18n/routing"
import { CurriculumVitae } from "@repo/ui/CurriculumVitae"
import { unstable_setRequestLocale } from "next-intl/server"
import { setRequestLocale } from "next-intl/server"
interface CurriculumVitaeProps extends LocaleProps {}
const CurriculumVitaePage: React.FC<CurriculumVitaeProps> = (props) => {
const CurriculumVitaePage: React.FC<CurriculumVitaeProps> = async (props) => {
const { params } = props
const { locale } = await params
// Enable static rendering
unstable_setRequestLocale(params.locale)
setRequestLocale(locale)
return <CurriculumVitae />
}

View File

@ -1,23 +1,25 @@
import "@repo/config-tailwind/styles.css"
import type { Locale, LocaleProps } from "@repo/i18n/config"
import { LOCALES } from "@repo/i18n/config"
import type { LocaleProps } from "@repo/i18n/routing"
import type { Locale } from "@repo/utils/constants"
import { LOCALES } from "@repo/utils/constants"
import type { Metadata } from "next"
import { NextIntlClientProvider } from "next-intl"
import {
getMessages,
getTranslations,
unstable_setRequestLocale,
setRequestLocale,
} from "next-intl/server"
export const generateMetadata = async ({
params,
}: LocaleProps): Promise<Metadata> => {
const t = await getTranslations({ locale: params.locale })
const { locale } = await params
const t = await getTranslations({ locale })
const title = t("meta.title")
const description = `${title} - ${t("meta.description")}`
const image = "/images/logo.webp"
const url = new URL("https://theoludwig.fr")
const locale = LOCALES.join(", ")
const locales = LOCALES.join(", ")
return {
title,
@ -35,7 +37,7 @@ export const generateMetadata = async ({
height: 96,
},
],
locale,
locale: locales,
type: "website",
},
twitter: {
@ -60,13 +62,14 @@ interface LocaleLayoutProps extends React.PropsWithChildren, LocaleProps {}
const LocaleLayout: React.FC<LocaleLayoutProps> = async (props) => {
const { children, params } = props
const { locale } = await params
// Enable static rendering
unstable_setRequestLocale(params.locale)
setRequestLocale(locale)
const messages = await getMessages()
return (
<html lang={params.locale} suppressHydrationWarning>
<html lang={locale} suppressHydrationWarning>
<body>
<NextIntlClientProvider messages={messages}>
{children}

View File

@ -0,0 +1,13 @@
import typescriptESLint from "typescript-eslint"
import configNextjs from "@repo/eslint-config/nextjs"
export default typescriptESLint.config(...configNextjs, {
files: ["**/*.ts", "**/*.tsx"],
languageOptions: {
parser: typescriptESLint.parser,
parserOptions: {
projectService: true,
tsconfigRootDir: import.meta.dirname,
},
},
})

View File

@ -1,3 +0,0 @@
import i18nConfig from "@repo/i18n/i18n"
export default i18nConfig

View File

@ -0,0 +1,3 @@
import i18nRequestConfig from "@repo/i18n/request"
export default i18nRequestConfig

View File

@ -1,25 +1,26 @@
import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/i18n/config"
import createMiddleware from "next-intl/middleware"
import { routing } from "@repo/i18n/routing"
import createIntlMiddleware from "next-intl/middleware"
export default createMiddleware({
locales: LOCALES,
defaultLocale: LOCALE_DEFAULT,
localePrefix: LOCALE_PREFIX,
})
const intlMiddleware = createIntlMiddleware(routing)
export default intlMiddleware
export const config = {
matcher: [
// Enable a redirect to a matching locale at the root
"/",
// Set a cookie to remember the previous locale for
// all requests that have a locale prefix
// Next.js issue, middleware matcher should support template literals:
// https://github.com/vercel/next.js/issues/56398
"/(en-US|fr-FR)/:path*",
// Enable redirects that add missing locales
// (e.g. `/pathnames` -> `/en/pathnames`)
"/((?!_next|_vercel|.*\\..*).*)",
/*
* Match all request paths except for the ones starting with:
* - api (API routes)
* - _next/static (static files)
* - _next/image (image optimization files)
* - favicon.ico (favicon file)
*/
"/((?!api|_next/static|_next/image|images|favicon.ico).*)",
],
}

View File

@ -2,4 +2,4 @@
/// <reference types="next/image-types/global" />
// NOTE: This file should not be edited
// see https://nextjs.org/docs/basic-features/typescript for more information.
// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

View File

@ -5,6 +5,10 @@ const IS_STANDALONE = process.env.IS_STANDALONE === "true"
/** @type {import('next').NextConfig} */
const nextConfig = {
output: IS_STANDALONE ? "standalone" : undefined,
images: {
unoptimized: true,
},
compress: false,
// https://github.com/hashicorp/next-mdx-remote/issues/436#issuecomment-2066971842
transpilePackages: ["next-mdx-remote", "shiki"],

View File

@ -1,16 +1,16 @@
{
"name": "@repo/website",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"type": "module",
"imports": {
"#*": "./*"
},
"scripts": {
"dev": "next dev --port 3000 --turbo",
"dev": "next dev --port 3000 --turbopack",
"build": "next build",
"start": "next start --port 3000",
"lint:eslint": "eslint . --max-warnings 0 --report-unused-disable-directives",
"lint:eslint": "eslint . --max-warnings 0",
"lint:typescript": "tsc --noEmit"
},
"dependencies": {
@ -22,8 +22,7 @@
"next": "catalog:",
"next-intl": "catalog:",
"react": "catalog:",
"react-dom": "catalog:",
"sharp": "catalog:"
"react-dom": "catalog:"
},
"devDependencies": {
"@repo/eslint-config": "workspace:*",
@ -35,6 +34,7 @@
"eslint": "catalog:",
"postcss": "catalog:",
"tailwindcss": "catalog:",
"typescript-eslint": "catalog:",
"typescript": "catalog:"
}
}

View File

@ -2,7 +2,11 @@ import sharedConfig from "@repo/config-tailwind"
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
const config = {
content: ["./**/*.tsx", "../../packages/**/*.tsx"],
content: [
"./app/**/*.tsx",
"../../packages/ui/src/**/*.tsx",
"../../packages/blog/src/**/*.tsx",
],
presets: [sharedConfig],
}

View File

@ -1,16 +1,9 @@
{
"extends": "@repo/config-typescript/tsconfig.json",
"compilerOptions": {
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "Bundler",
"resolveJsonModule": true,
"lib": ["DOM", "DOM.Iterable", "ESNext"],
"types": ["@total-typescript/ts-reset", "@repo/i18n/messages.d.ts"],
"incremental": true,
"noEmit": true,
"allowJs": true,
"jsx": "preserve",
"paths": {
"#*": ["./*"]
},

View File

@ -1,12 +1,12 @@
{
"name": "repo",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"type": "module",
"packageManager": "pnpm@9.5.0+sha512.140036830124618d624a2187b50d04289d5a087f326c9edfc0ccd733d76c4f52c3a313d4fc148794a2a9d81553016004e6742e8cf850670268a7387fc220c903",
"packageManager": "pnpm@9.12.3+sha512.cce0f9de9c5a7c95bef944169cc5dfe8741abfb145078c0d508b868056848a87c81e626246cb60967cbd7fd29a6c062ef73ff840d96b3c86c40ac92cf4a813ee",
"engines": {
"node": ">=22.0.0",
"pnpm": ">=9.5.0"
"pnpm": ">=9.12.3"
},
"scripts": {
"build": "turbo run build",
@ -15,25 +15,25 @@
"test": "turbo run test",
"lint:editorconfig": "editorconfig-checker",
"lint:markdown": "markdownlint-cli2",
"lint:prettier": "prettier . --check",
"lint:eslint": "turbo run lint:eslint",
"lint:typescript": "turbo run lint:typescript",
"lint:eslint": "turbo run lint:eslint",
"lint:prettier": "prettier . --check",
"release": "semantic-release"
},
"devDependencies": {
"@saithodev/semantic-release-backmerge": "4.0.1",
"@semantic-release/exec": "6.0.3",
"@semantic-release/git": "10.0.1",
"editorconfig-checker": "5.1.8",
"@saithodev/semantic-release-backmerge": "catalog:",
"@semantic-release/exec": "catalog:",
"@semantic-release/git": "catalog:",
"editorconfig-checker": "catalog:",
"playwright": "catalog:",
"prettier": "3.3.3",
"prettier-plugin-tailwindcss": "0.6.5",
"markdownlint-cli2": "0.13.0",
"markdownlint": "0.34.0",
"markdownlint-rule-relative-links": "3.0.0",
"replace-in-files-cli": "3.0.0",
"semantic-release": "23.1.1",
"turbo": "2.0.10",
"prettier": "catalog:",
"prettier-plugin-tailwindcss": "catalog:",
"markdownlint-cli2": "catalog:",
"markdownlint": "catalog:",
"markdownlint-rule-relative-links": "catalog:",
"replace-in-files-cli": "catalog:",
"semantic-release": "catalog:",
"turbo": "catalog:",
"typescript": "catalog:"
}
}

View File

@ -1,14 +0,0 @@
{
"root": true,
"extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
"overrides": [
{
"files": ["*.ts", "*.tsx"],
"plugins": ["@typescript-eslint"],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"project": true
}
}
]
}

View File

@ -0,0 +1,13 @@
import typescriptESLint from "typescript-eslint"
import configNextjs from "@repo/eslint-config/nextjs"
export default typescriptESLint.config(...configNextjs, {
files: ["**/*.ts", "**/*.tsx"],
languageOptions: {
parser: typescriptESLint.parser,
parserOptions: {
projectService: true,
tsconfigRootDir: import.meta.dirname,
},
},
})

View File

@ -1,6 +1,6 @@
{
"name": "@repo/blog",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"type": "module",
"exports": {
@ -9,7 +9,7 @@
"./BlogPostUI": "./src/BlogPostUI.tsx"
},
"scripts": {
"lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
"lint:eslint": "eslint src --max-warnings 0",
"lint:typescript": "tsc --noEmit"
},
"dependencies": {
@ -49,6 +49,7 @@
"eslint": "catalog:",
"postcss": "catalog:",
"tailwindcss": "catalog:",
"typescript-eslint": "catalog:",
"typescript": "catalog:"
}
}

View File

@ -9,9 +9,9 @@ import rehypeSlug from "rehype-slug"
import remarkGfm from "remark-gfm"
import remarkMath from "remark-math"
import { Link } from "@repo/i18n/navigation"
import { Link } from "@repo/i18n/routing"
import "katex/dist/katex.min.css"
import { BlogPostComments } from "./BlogPostComments"
import { BlogPostComments } from "./BlogPostComments.tsx"
const Heading: React.FC<
React.DetailedHTMLProps<

View File

@ -3,8 +3,8 @@ import "katex/dist/katex.min.css"
import { Typography } from "@repo/ui/Design/Typography"
import { MainLayout } from "@repo/ui/Layout/MainLayout"
import type { BlogPost } from "./BlogPost"
import { BlogPostContent } from "./BlogPostContent"
import type { BlogPost } from "./BlogPost.tsx"
import { BlogPostContent } from "./BlogPostContent.tsx"
export interface BlogPostUIProps {
blogPost: BlogPost

View File

@ -1,8 +1,8 @@
import { Link } from "@repo/i18n/navigation"
import { Link } from "@repo/i18n/routing"
import { Typography } from "@repo/ui/Design/Typography"
import { Section, SectionContent } from "@repo/ui/Layout/Section"
import { getISODate } from "@repo/utils/dates"
import type { BlogPost } from "./BlogPost"
import type { BlogPost } from "./BlogPost.tsx"
export interface BlogPostsProps {
posts: BlogPost[]

View File

@ -2,7 +2,7 @@ import fs from "node:fs"
import path from "node:path"
import matter from "gray-matter"
import type { BlogPost, FrontMatter } from "./BlogPost"
import type { BlogPost, FrontMatter } from "./BlogPost.tsx"
export const BLOG_POSTS_PATH = path.join(
process.cwd(),

View File

@ -1,7 +1,7 @@
import type { Meta, StoryObj } from "@storybook/react"
import { BLOG_POST_MOCK } from "../BlogPost"
import { BlogPostUI as BlogPostUIComponent } from "../BlogPostUI"
import { BLOG_POST_MOCK } from "../BlogPost.ts"
import { BlogPostUI as BlogPostUIComponent } from "../BlogPostUI.tsx"
const meta = {
title: "Blog/BlogPostUI",

View File

@ -1,7 +1,7 @@
import type { Meta, StoryObj } from "@storybook/react"
import { BLOG_POST_MOCK } from "../BlogPost"
import { BlogPosts as BlogPostsComponent } from "../BlogPosts"
import { BLOG_POST_MOCK } from "../BlogPost.ts"
import { BlogPosts as BlogPostsComponent } from "../BlogPosts.tsx"
const meta = {
title: "Blog/BlogPosts",

View File

@ -1,18 +1,11 @@
{
"extends": "@repo/config-typescript/tsconfig.json",
"compilerOptions": {
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "Bundler",
"resolveJsonModule": true,
"lib": ["DOM", "DOM.Iterable", "ESNext"],
"types": [
"@total-typescript/ts-reset",
"@repo/i18n/messages.d.ts",
"@types/node"
],
"jsx": "preserve",
"noEmit": true
"@types/node",
"@repo/i18n/messages.d.ts"
]
}
}

View File

@ -1,3 +0,0 @@
{
"extends": ["conventions"]
}

View File

@ -0,0 +1,40 @@
import typescriptESLint from "typescript-eslint"
import configConventions from "eslint-config-conventions"
import importX from "eslint-plugin-import-x"
import unicorn from "eslint-plugin-unicorn"
export default typescriptESLint.config(
{
ignores: [
".next",
"**/next.config.js",
"**/eslint.config.js",
"**/tailwind.config.js",
"**/postcss.config.js",
"**/vitest.config.ts",
"**/kysely.config.ts",
],
},
...configConventions,
{
name: "config-eslint",
plugins: {
"import-x": importX,
unicorn,
},
rules: {
"import-x/extensions": [
"error",
"ignorePackages",
{
ts: "always",
tsx: "always",
js: "never",
jsx: "never",
},
],
"unicorn/explicit-length-check": "error",
"unicorn/consistent-destructuring": "off",
},
},
)

7
packages/config-eslint/index.d.ts vendored Normal file
View File

@ -0,0 +1,7 @@
import type typescriptESLint from "typescript-eslint"
declare const eslintConfigConventions: ReturnType<
typeof typescriptESLint.config
>
export default eslintConfigConventions

View File

@ -1,57 +0,0 @@
{
"extends": [
"conventions",
"next/core-web-vitals",
"plugin:tailwindcss/recommended",
"plugin:storybook/recommended"
],
"ignorePatterns": [
"next.config.js",
"tailwind.config.js",
"postcss.config.js",
"vitest.config.ts"
],
"settings": {
"tailwindcss": {
"callees": ["classNames", "cva"]
},
"react": {
"version": "detect"
}
},
"rules": {
"tailwindcss/classnames-order": "off",
"tailwindcss/no-custom-classname": "off",
"@next/next/no-html-link-for-pages": "off",
"react/self-closing-comp": [
"error",
{
"component": true,
"html": true
}
],
"react/void-dom-elements-no-children": "error",
"react/jsx-boolean-value": "error",
"no-restricted-imports": [
"error",
{
"paths": [
{
"name": "next/link",
"message": "Please import from `@repo/i18n/navigation` instead."
},
{
"name": "next/navigation",
"importNames": [
"redirect",
"permanentRedirect",
"useRouter",
"usePathname"
],
"message": "Please import from `@repo/i18n/navigation` instead."
}
]
}
]
}
}

View File

@ -0,0 +1,61 @@
import { FlatCompat } from "@eslint/eslintrc"
import storybook from "eslint-plugin-storybook"
import tailwind from "eslint-plugin-tailwindcss"
import typescriptESLint from "typescript-eslint"
import config from "../eslint.config.js"
const flatCompat = new FlatCompat()
export default typescriptESLint.config(
...config,
...flatCompat.extends("next/core-web-vitals"),
...tailwind.configs["flat/recommended"],
...storybook.configs["flat/recommended"],
{
name: "config-eslint/nextjs",
settings: {
tailwindcss: {
callees: ["classNames", "cva"],
},
react: {
version: "detect",
},
},
rules: {
"tailwindcss/classnames-order": "off",
"tailwindcss/no-custom-classname": "off",
"@next/next/no-html-link-for-pages": "off",
"@next/next/no-img-element": "off",
"react/self-closing-comp": [
"error",
{
component: true,
html: true,
},
],
"react/void-dom-elements-no-children": "error",
"react/jsx-boolean-value": "error",
"no-restricted-imports": [
"error",
{
paths: [
{
name: "next/link",
message: "Please import from `@repo/i18n/routing` instead.",
},
{
name: "next/navigation",
importNames: [
"redirect",
"permanentRedirect",
"useRouter",
"usePathname",
],
message: "Please import from `@repo/i18n/routing` instead.",
},
],
},
],
},
},
)

View File

@ -1,15 +1,25 @@
{
"name": "@repo/eslint-config",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"main": ".eslintrc.json",
"files": [
".eslintrc.json",
"nextjs/.eslintrc.json"
],
"type": "module",
"exports": {
".": {
"types": "./index.d.ts",
"import": "./eslint.config.js",
"require": "./eslint.config.js",
"default": "./eslint.config.js"
},
"./nextjs": {
"types": "./index.d.ts",
"import": "./nextjs/eslint.config.js",
"require": "./nextjs/eslint.config.js",
"default": "./nextjs/eslint.config.js"
}
},
"devDependencies": {
"@typescript-eslint/eslint-plugin": "catalog:",
"@typescript-eslint/parser": "catalog:",
"@eslint/eslintrc": "catalog:",
"typescript-eslint": "catalog:",
"eslint": "catalog:",
"eslint-config-conventions": "catalog:",
"eslint-plugin-promise": "catalog:",
@ -17,6 +27,8 @@
"eslint-config-next": "catalog:",
"eslint-plugin-storybook": "catalog:",
"eslint-plugin-tailwindcss": "catalog:",
"typescript": "catalog:"
"eslint-plugin-import-x": "catalog:",
"typescript": "catalog:",
"globals": "catalog:"
}
}

View File

@ -1,14 +0,0 @@
{
"root": true,
"extends": ["@repo/eslint-config"],
"overrides": [
{
"files": ["*.ts", "*.tsx"],
"plugins": ["@typescript-eslint"],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"project": true
}
}
]
}

View File

@ -0,0 +1,13 @@
import typescriptESLint from "typescript-eslint"
import config from "@repo/eslint-config"
export default typescriptESLint.config(...config, {
files: ["**/*.ts", "**/*.tsx"],
languageOptions: {
parser: typescriptESLint.parser,
parserOptions: {
projectService: true,
tsconfigRootDir: import.meta.dirname,
},
},
})

View File

@ -1,6 +1,6 @@
{
"name": "@repo/config-tailwind",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"type": "module",
"main": "./tailwind.config.js",
@ -24,6 +24,7 @@
"@repo/eslint-config": "workspace:*",
"@repo/config-typescript": "workspace:*",
"@tailwindcss/typography": "catalog:",
"typescript-eslint": "catalog:",
"eslint": "catalog:",
"postcss": "catalog:",
"tailwindcss": "catalog:"

View File

@ -9,6 +9,10 @@
@tailwind utilities;
@layer base {
* {
min-width: 0;
}
b,
strong {
@apply font-semibold;
@ -36,11 +40,11 @@
@apply italic tracking-wider;
}
blockquote {
@apply border-gray border-l-4 pl-3 italic;
@apply border-gray-lighter border-l-4 pl-3 italic;
}
kbd {
@apply bg-gray rounded-md px-2 dark:text-black;
@apply bg-gray-lighter rounded-md px-2 dark:text-black;
}
mark {
@ -82,7 +86,7 @@ body {
}
.prose {
@apply dark:text-gray !max-w-5xl scroll-smooth text-black;
@apply dark:text-gray-lighter !max-w-5xl scroll-smooth text-black;
}
.prose p {
@ -107,7 +111,7 @@ body {
}
.prose strong {
@apply dark:text-gray text-black;
@apply dark:text-gray-lighter text-black;
}
.prose h2,

View File

@ -3,8 +3,9 @@ import { fontFamily } from "tailwindcss/defaultTheme"
/** @type {Omit<import('tailwindcss').Config, "content">} */
const config = {
darkMode: "class",
darkMode: "selector",
theme: {
extend: {
colors: {
primary: {
DEFAULT: "#0056b3",
@ -14,17 +15,12 @@ const config = {
DEFAULT: "#fff",
dark: "#181818",
},
white: "#fff",
black: "#000",
gray: "#d1d5db",
"gray-lighter": "#d1d5db",
"gray-darker": {
DEFAULT: "#4b5563",
dark: "#9ca3af",
},
yellow: "#fef08a",
transparent: "transparent",
inherit: "inherit",
current: "currentColor",
},
boxShadow: {
dark: "0px 0px 2px 2px rgba(0, 0, 0, 0.25)",
@ -35,7 +31,6 @@ const config = {
fontFamily: {
sans: ["'Montserrat'", ...fontFamily.sans],
},
extend: {
typography: {
DEFAULT: {
css: {

View File

@ -1,10 +1,6 @@
{
"extends": "@repo/config-typescript/tsconfig.json",
"compilerOptions": {
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "Bundler",
"noEmit": true
"lib": ["ESNext"]
}
}

View File

@ -1,6 +1,6 @@
{
"name": "@repo/config-typescript",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"files": [
"tsconfig.json"

View File

@ -6,15 +6,24 @@
"noFallthroughCasesInSwitch": true,
"noImplicitOverride": true,
"noImplicitReturns": true,
"noPropertyAccessFromIndexSignature": true,
"noImplicitThis": true,
"noImplicitAny": true,
"noUncheckedIndexedAccess": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"verbatimModuleSyntax": true,
"isolatedModules": true,
"esModuleInterop": true,
"allowImportingTsExtensions": true,
"skipLibCheck": true,
"jsx": "preserve",
"incremental": true
"incremental": true,
"noEmit": true,
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "Bundler",
"resolveJsonModule": true
}
}

View File

@ -1,14 +0,0 @@
{
"root": true,
"extends": ["@repo/eslint-config"],
"overrides": [
{
"files": ["*.ts", "*.tsx"],
"plugins": ["@typescript-eslint"],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"project": true
}
}
]
}

View File

@ -0,0 +1,13 @@
import typescriptESLint from "typescript-eslint"
import config from "@repo/eslint-config"
export default typescriptESLint.config(...config, {
files: ["**/*.ts", "**/*.tsx"],
languageOptions: {
parser: typescriptESLint.parser,
parserOptions: {
projectService: true,
tsconfigRootDir: import.meta.dirname,
},
},
})

View File

@ -1,21 +1,21 @@
{
"name": "@repo/i18n",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"type": "module",
"exports": {
"./translations/*.json": "./src/translations/*.json",
"./config": "./src/config.tsx",
"./i18n": "./src/i18n.ts",
"./messages.d.ts": "./src/messages.d.ts",
"./navigation": "./src/navigation.ts"
"./request": "./src/request.ts",
"./routing": "./src/routing.ts"
},
"scripts": {
"lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
"lint:eslint": "eslint src --max-warnings 0",
"lint:typescript": "tsc --noEmit",
"test": "vitest run"
},
"dependencies": {
"@repo/utils": "workspace:*",
"deepmerge": "catalog:",
"next": "catalog:",
"next-intl": "catalog:",
@ -29,6 +29,7 @@
"@types/react-dom": "catalog:",
"@total-typescript/ts-reset": "catalog:",
"eslint": "catalog:",
"typescript-eslint": "catalog:",
"typescript": "catalog:",
"vitest": "catalog:"
}

View File

@ -1,30 +0,0 @@
import type { RichTranslationValues } from "next-intl"
export const LOCALES = ["en-US", "fr-FR"] as const
export type Locale = (typeof LOCALES)[number]
export const LOCALE_DEFAULT = "en-US" satisfies Locale
export const LOCALE_PREFIX = "never"
export interface LocaleProps {
params: {
locale: Locale
}
}
export const defaultTranslationValues: RichTranslationValues = {
br: () => {
return <br />
},
strong: (children) => {
return <strong>{children}</strong>
},
em: (children) => {
return <em>{children}</em>
},
s: (children) => {
return <s>{children}</s>
},
u: (children) => {
return <u>{children}</u>
},
}

View File

@ -1,9 +0,0 @@
import { createSharedPathnamesNavigation } from "next-intl/navigation"
import { LOCALES, LOCALE_PREFIX } from "./config"
export const { Link, redirect, usePathname, useRouter, permanentRedirect } =
createSharedPathnamesNavigation({
locales: LOCALES,
localePrefix: LOCALE_PREFIX,
})

View File

@ -1,14 +1,14 @@
import deepmerge from "deepmerge"
import type { AbstractIntlMessages } from "next-intl"
import { getRequestConfig } from "next-intl/server"
import { notFound } from "next/navigation"
import type { Locale } from "./config"
import { defaultTranslationValues, LOCALE_DEFAULT, LOCALES } from "./config"
import type { Locale } from "@repo/utils/constants"
import { LOCALE_DEFAULT, LOCALES } from "@repo/utils/constants"
export default getRequestConfig(async ({ locale }) => {
export default getRequestConfig(async ({ requestLocale }) => {
let locale = await requestLocale
if (!LOCALES.includes(locale as Locale)) {
return notFound()
locale = LOCALE_DEFAULT
}
const userMessages = (await import(`./translations/${locale}.json`)).default
@ -21,7 +21,7 @@ export default getRequestConfig(async ({ locale }) => {
)
return {
locale,
messages,
defaultTranslationValues,
}
})

View File

@ -0,0 +1,26 @@
import { createNavigation } from "next-intl/navigation"
import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/utils/constants"
import { defineRouting } from "next-intl/routing"
import type { Locale } from "@repo/utils/constants"
export interface LocaleProps {
params: Promise<{
locale: Locale
}>
}
export const routing = defineRouting({
locales: LOCALES,
defaultLocale: LOCALE_DEFAULT,
localePrefix: LOCALE_PREFIX,
})
export const {
Link,
redirect,
usePathname,
useRouter,
getPathname,
permanentRedirect,
} = createNavigation(routing)

View File

@ -1,151 +1,162 @@
{
"meta": {
"title": "Théo LUDWIG",
"description": "Developer Full Stack • Open-Source Enthusiast"
},
"locales": {
"en-US": "English",
"fr-FR": "French"
},
"footer": {
"all-rights-reserved": "All rights reserved"
},
"errors": {
"error": "Error",
"page-doesnt-exist": "This page doesn't exist!",
"not-found": "Not Found",
"server-error": "Internal Server Error!",
"return-to-home-page": "Return to the home page?",
"try-again": "Try again?"
},
"home": {
"about": {
"pronouns": {
"label": "Pronouns",
"value": "He/Him"
},
"birth-date": {
"label": "Birth date",
"value": "{birthDate} ({age} years old)"
},
"nationality": {
"label": "Nationality",
"value": "Alsace, France"
},
"email": {
"label": "Email",
"value": "{email}"
},
"description": "I constantly wonder how to <strong>improve our present, to make our future better</strong>, particularly thanks to the advancements in <strong>computer science</strong>."
},
"interests": {
"title": "Interests",
"code": {
"title": "Developer Full Stack",
"description": "My priority is to craft <strong>intuitive user experiences (<abbr-ux>UX</abbr-ux>)</strong>, that meet the needs of the users <strong>in the most efficient way possible</strong>. <br></br> Mainly focused on the development of <strong>Web solutions</strong>. <br></br> I am also interested in mobile and desktop application development, among other areas within the field of computer science."
},
"open-source": {
"title": "Open-Source Enthusiast",
"description": "I value the <strong>sharing of knowledge and collaboration</strong> to collectively resolve problems. <br></br> The source code of the website is available on <github-link>GitHub</github-link>."
}
},
"skills": {
"title": "Skills",
"programming-languages": "Programming languages",
"frontend": "Frontend",
"backend": "Backend",
"software-tools": "Software and tools",
"others": "Others",
"driving-license": "Driving license"
},
"portfolio": {
"title": "Portfolio",
"carolo": {
"title": "Carolo",
"description": "Strategy board game similar to chess which allows grandiose moves (only available in French)."
},
"leon": {
"title": "Leon",
"description": "Leon is your open-source personal assistant."
}
},
"open-source": {
"title": "Open-Source",
"description": "Most famous open source projects I contributed to."
}
},
"curriculum-vitae": {
"description": "Developer Full Stack • Student",
"about": {
"title": "About",
"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."
"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",
"education": {
"title": "Studies",
"iut": {
"study-type": "University Bachelor of Technology (BUT) Computer Science",
"institution": "IUT Robert Schuman in Illkirch-Graffenstaden",
"cnam": {
"institution": "Conservatoire National des Arts et Métiers (CNAM), in Eckbolsheim - UIMM Alsace - ITII Alsace",
"study-type": "Engineer in Computer Science and Information Systems (IS)",
"years": {
"2023-2024": {
"title": "2023 - 2024",
"description": "3rd year",
"courses": {
"web": "Web development in Node.js and React.js",
"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)"
}
},
"2022-2023": {
"title": "2022 - 2023",
"description": "2nd year",
"courses": {
"web": "Web development with the Laravel framework in PHP",
"tests": "Development Quality and Automated Testing",
"clean-code": "Design Patterns and Principles (Maintainable and Reusable Code) in UML",
"systems-c": "Systems programming in C (Multi-Thread, Server/Client UDP/TCP)",
"sql-security": "Securing database access and PL/SQL"
"2024-2027": {
"courses": {},
"description": "",
"title": "2024 - 2027"
}
}
},
"iut": {
"institution": "IUT Robert Schuman in Illkirch-Graffenstaden",
"study-type": "University Bachelor of Technology (BUT) Computer Science",
"years": {
"2021-2022": {
"title": "2021 - 2022",
"description": "1st year",
"courses": {
"java": "Object Oriented Development in Java",
"sql": "Relational database and SQL language",
"systems-c": "Systems programming in C (Memory allocation, Pointers, Structures)",
"windows-forms": "Windows Forms (.NET Framework) Application Development in C#",
"sql": "Relational database and SQL language"
}
"windows-forms": "Windows Forms (.NET Framework) Application Development in C#"
},
"description": "1st year",
"title": "2021 - 2022"
},
"2022-2023": {
"courses": {
"clean-code": "Design Patterns and Principles (Maintainable and Reusable Code) 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",
"web": "Web development with the Laravel framework in PHP"
},
"description": "2nd year",
"title": "2022 - 2023"
},
"2023-2024": {
"courses": {
"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"
},
"description": "3rd year",
"title": "2023 - 2024"
}
}
},
"lycee": {
"study-type": "General Baccalaureate (Mathematics and Computer Science)",
"institution": "Heinrich Nessel High School in Haguenau",
"score": "Mention Quite Good",
"study-type": "General Baccalaureate (Mathematics and Computer Science)",
"years": {
"2019-2021": {
"title": "2019 - 2021"
}
}
}
},
"title": "Studies"
},
"interests": {
"high-tech": "Passionate about High-Tech",
"open-source": "Open-Source Enthusiast"
},
"work": {
"title": "Work experiences",
"ircad": {
"summary": "Development of WebSurg, a virtual university dedicated to medical-surgical training, in React.js/Next.js and API Platform with Symfony.",
"duration": "4 ans",
"position": "Full Stack Web Developer Apprentice",
"duration": "1 year"
"summary": "Development of WebSurg, a virtual university dedicated to medical-surgical training, in React.js/Next.js and API Platform with Symfony."
},
"numerize": {
"summary": "Development of an DMS (Document Management System) tool in React.js, Laravel and GraphQL.",
"duration": "4 months",
"position": "Full Stack Web Developer Intern",
"duration": "4 months"
"summary": "Development of an DMS (Document Management System) tool in React.js, Laravel and GraphQL."
},
"title": "Work experiences"
}
},
"errors": {
"error": "Error",
"not-found": "Not Found",
"page-doesnt-exist": "This page doesn't exist!",
"return-to-home-page": "Return to the home page?",
"server-error": "Internal Server Error!",
"try-again": "Try again?"
},
"footer": {
"all-rights-reserved": "All rights reserved"
},
"home": {
"about": {
"birth-date": {
"label": "Birth date",
"value": "{birthDate} ({age} years old)"
},
"description": "I constantly wonder how to <strong>improve our present, to make our future better</strong>, particularly thanks to the advancements in <strong>computer science</strong>.",
"email": {
"label": "Email",
"value": "{email}"
},
"nationality": {
"label": "Nationality",
"value": "Alsace, France"
},
"pronouns": {
"label": "Pronouns",
"value": "He/Him"
}
},
"interests": {
"open-source": "Open-Source Enthusiast",
"high-tech": "Passionate about High-Tech"
}
"code": {
"description": "My priority is to craft <strong>intuitive user experiences (<abbr-ux>UX</abbr-ux>)</strong>, that meet the needs of the users <strong>in the most efficient way possible</strong>. <br></br> Mainly focused on the development of <strong>Web solutions</strong>. <br></br> I am also interested in mobile and desktop application development, among other areas within the field of computer science.",
"title": "Developer Full Stack"
},
"open-source": {
"description": "I value the <strong>sharing of knowledge and collaboration</strong> to collectively resolve problems. <br></br> The source code of the website is available on <github-link>GitHub</github-link>.",
"title": "Open-Source Enthusiast"
},
"title": "Interests"
},
"open-source": {
"description": "Most famous open source projects I contributed to.",
"title": "Open-Source"
},
"portfolio": {
"carolo": {
"description": "Strategy board game similar to chess which allows grandiose moves (only available in French).",
"title": "Carolo"
},
"leon": {
"description": "Leon is your open-source personal assistant.",
"title": "Leon"
},
"title": "Portfolio"
},
"skills": {
"backend": "Backend",
"driving-license": "Driving license",
"frontend": "Frontend",
"others": "Others",
"programming-languages": "Programming languages",
"software-tools": "Software and tools",
"title": "Skills"
}
},
"locales": {
"en-US": "English",
"fr-FR": "French"
},
"meta": {
"description": "Developer Full Stack • Open-Source Enthusiast",
"title": "Théo LUDWIG"
}
}

View File

@ -1,151 +1,162 @@
{
"meta": {
"title": "Théo LUDWIG",
"description": "Développeur Full Stack • Enthousiaste de l'Open-Source"
},
"locales": {
"en-US": "Anglais",
"fr-FR": "Français"
},
"footer": {
"all-rights-reserved": "Tous droits réservés"
},
"errors": {
"error": "Erreur",
"page-doesnt-exist": "Cette page n'existe pas !",
"not-found": "Introuvable",
"server-error": "Erreur interne du serveur !",
"return-to-home-page": "Retour à la page d'accueil ?",
"try-again": "Réessayer ?"
},
"home": {
"about": {
"pronouns": {
"label": "Pronoms",
"value": "Il/Lui"
},
"birth-date": {
"label": "Date de naissance",
"value": "{birthDate} ({age} ans)"
},
"nationality": {
"label": "Nationalité",
"value": "Alsace, France"
},
"email": {
"label": "Email",
"value": "{email}"
},
"description": "Je me demande constamment comment <strong>améliorer notre présent, afin de rendre notre futur meilleur</strong>, particulièrement grâce aux progrès de <strong>l'informatique</strong>."
},
"interests": {
"title": "Intérêts",
"code": {
"title": "Développeur Full Stack",
"description": "Ma priorité réside dans la création <strong>d'expériences utilisateurs (<abbr-ux>UX</abbr-ux>) intuitives</strong>, répondant aux besoins des utilisateurs de la <strong>manière la plus efficace que possible</strong>. <br></br> Principalement axé sur l'élaboration de <strong>solutions en Développement Web</strong>. <br></br> Je suis également intéressé par le développement d'applications mobiles parmis d'autres domaines de l'informatique."
},
"open-source": {
"title": "Enthousiaste de l'Open-Source",
"description": "J'apprécie le <strong>partage des connaissances et la collaboration</strong> pour résoudre des défis collectivement. <br></br> Le code source du site est accessible sur <github-link>GitHub</github-link>."
}
},
"skills": {
"title": "Compétences",
"programming-languages": "Langages de programmation",
"frontend": "Frontend",
"backend": "Backend",
"software-tools": "Logiciels et outils",
"others": "Autres",
"driving-license": "Permis B"
},
"portfolio": {
"title": "Portfolio",
"carolo": {
"title": "Carolo",
"description": "Jeu de plateau stratégique similaire aux échecs qui permet des coups grandioses, reposant sur des enchaînements remarquables."
},
"leon": {
"title": "Leon",
"description": "Leon est votre assistant personnel open source."
}
},
"open-source": {
"title": "Open-Source",
"description": "Projets open source les plus célèbres auxquels j'ai contribué."
}
},
"curriculum-vitae": {
"description": "Développeur Full Stack • Étudiant",
"about": {
"title": "À propos",
"description": "Je me demande constamment comment améliorer notre présent, afin de rendre notre futur meilleur, particulièrement grâce aux progrès de l'informatique. <br></br> Ma priorité réside dans la création d'expériences utilisateurs (UX) intuitives, répondant aux besoins des utilisateurs de la manière la plus efficace que possible."
"description": "Je me demande constamment comment améliorer notre présent, afin de rendre notre futur meilleur, particulièrement grâce aux progrès de l'informatique. <br></br> Ma priorité réside dans la création d'expériences utilisateurs (UX) intuitives, répondant aux besoins des utilisateurs de la manière la plus efficace que possible.",
"title": "À propos"
},
"description": "Développeur Full Stack • Étudiant",
"education": {
"title": "Études",
"iut": {
"study-type": "Bachelor Universitaire de Technologie (BUT) Informatique",
"institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
"cnam": {
"institution": "Conservatoire National des Arts et Métiers (CNAM) à Eckbolsheim - UIMM Alsace - ITII Alsace",
"study-type": "Ingénieur en Informatique et Systèmes d'Information (SI)",
"years": {
"2023-2024": {
"title": "2023 - 2024",
"description": "3ème année",
"courses": {
"web": "Développement Web en Node.js et React.js",
"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)"
}
},
"2022-2023": {
"title": "2022 - 2023",
"description": "2ème année",
"courses": {
"web": "Développement Web avec le framework Laravel en PHP",
"tests": "Qualité de développement et Tests automatisés",
"clean-code": "Patrons et Principes de conceptions (Code maintenable et réutilisable) en UML",
"systems-c": "Programmation systèmes en C (Multi-Thread, Serveur/Client UDP/TCP)",
"sql-security": "Sécurisation des accès à la base de données et PL/SQL"
"2024-2027": {
"courses": {},
"description": "",
"title": "2024 - 2027"
}
}
},
"iut": {
"institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
"study-type": "Bachelor Universitaire de Technologie (BUT) Informatique",
"years": {
"2021-2022": {
"title": "2021 - 2022",
"description": "1ère année",
"courses": {
"java": "Développement Orientée Objet en Java",
"sql": "Base de données relationnelles et langage SQL",
"systems-c": "Programmation systèmes en C (Allocation mémoire, Pointeurs, Structures)",
"windows-forms": "Développement d'application Windows Forms (.NET Framework) en C#",
"sql": "Base de données relationnelles et langage SQL"
}
"windows-forms": "Développement d'application Windows Forms (.NET Framework) en C#"
},
"description": "1ère année",
"title": "2021 - 2022"
},
"2022-2023": {
"courses": {
"clean-code": "Patrons et Principes de conceptions (Code maintenable et réutilisable) 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",
"web": "Développement Web avec le framework Laravel en PHP"
},
"description": "2ème année",
"title": "2022 - 2023"
},
"2023-2024": {
"courses": {
"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"
},
"description": "3ème année",
"title": "2023 - 2024"
}
}
},
"lycee": {
"study-type": "Baccalauréat Général (Mathématiques et Numériques Sciences Informatiques)",
"institution": "Lycée Heinrich Nessel à Haguenau",
"score": "Mention Assez Bien",
"study-type": "Baccalauréat Général (Mathématiques et Numériques Sciences Informatiques)",
"years": {
"2019-2021": {
"title": "2019 - 2021"
}
}
}
},
"title": "Études"
},
"interests": {
"high-tech": "Passionné de High-Tech",
"open-source": "Enthousiaste de l'Open-Source"
},
"work": {
"title": "Expériences professionnelles",
"ircad": {
"summary": "Développement de WebSurg, une université virtuelle consacrée à la formation médico-chirurgicale, en React.js/Next.js et API Platform avec Symfony.",
"duration": "4 ans",
"position": "Apprenti Développeur Web Full Stack",
"duration": "1 an"
"summary": "Développement de WebSurg, une université virtuelle consacrée à la formation médico-chirurgicale, en React.js/Next.js et API Platform avec Symfony."
},
"numerize": {
"summary": "Développement d'un outil GED (Gestion Électronique de Documents) en React.js, Laravel et GraphQL.",
"duration": "4 mois",
"position": "Stagiaire Développeur Web Full Stack",
"duration": "4 mois"
"summary": "Développement d'un outil GED (Gestion Électronique de Documents) en React.js, Laravel et GraphQL."
},
"title": "Expériences professionnelles"
}
},
"errors": {
"error": "Erreur",
"not-found": "Introuvable",
"page-doesnt-exist": "Cette page n'existe pas !",
"return-to-home-page": "Retour à la page d'accueil ?",
"server-error": "Erreur interne du serveur !",
"try-again": "Réessayer ?"
},
"footer": {
"all-rights-reserved": "Tous droits réservés"
},
"home": {
"about": {
"birth-date": {
"label": "Date de naissance",
"value": "{birthDate} ({age} ans)"
},
"description": "Je me demande constamment comment <strong>améliorer notre présent, afin de rendre notre futur meilleur</strong>, particulièrement grâce aux progrès de <strong>l'informatique</strong>.",
"email": {
"label": "Email",
"value": "{email}"
},
"nationality": {
"label": "Nationalité",
"value": "Alsace, France"
},
"pronouns": {
"label": "Pronoms",
"value": "Il/Lui"
}
},
"interests": {
"open-source": "Enthousiaste de l'Open-Source",
"high-tech": "Passionné de High-Tech"
}
"code": {
"description": "Ma priorité réside dans la création <strong>d'expériences utilisateurs (<abbr-ux>UX</abbr-ux>) intuitives</strong>, répondant aux besoins des utilisateurs de la <strong>manière la plus efficace que possible</strong>. <br></br> Principalement axé sur l'élaboration de <strong>solutions en Développement Web</strong>. <br></br> Je suis également intéressé par le développement d'applications mobiles parmis d'autres domaines de l'informatique.",
"title": "Développeur Full Stack"
},
"open-source": {
"description": "J'apprécie le <strong>partage des connaissances et la collaboration</strong> pour résoudre des défis collectivement. <br></br> Le code source du site est accessible sur <github-link>GitHub</github-link>.",
"title": "Enthousiaste de l'Open-Source"
},
"title": "Intérêts"
},
"open-source": {
"description": "Projets open source les plus célèbres auxquels j'ai contribué.",
"title": "Open-Source"
},
"portfolio": {
"carolo": {
"description": "Jeu de plateau stratégique similaire aux échecs qui permet des coups grandioses, reposant sur des enchaînements remarquables.",
"title": "Carolo"
},
"leon": {
"description": "Leon est votre assistant personnel open source.",
"title": "Leon"
},
"title": "Portfolio"
},
"skills": {
"backend": "Backend",
"driving-license": "Permis B",
"frontend": "Frontend",
"others": "Autres",
"programming-languages": "Langages de programmation",
"software-tools": "Logiciels et outils",
"title": "Compétences"
}
},
"locales": {
"en-US": "Anglais",
"fr-FR": "Français"
},
"meta": {
"description": "Développeur Full Stack • Enthousiaste de l'Open-Source",
"title": "Théo LUDWIG"
}
}

View File

@ -1,14 +1,7 @@
{
"extends": "@repo/config-typescript/tsconfig.json",
"compilerOptions": {
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "Bundler",
"resolveJsonModule": true,
"lib": ["DOM", "DOM.Iterable", "ESNext"],
"types": ["@total-typescript/ts-reset"],
"jsx": "preserve",
"noEmit": true
"types": ["@total-typescript/ts-reset"]
}
}

View File

@ -1,14 +0,0 @@
{
"root": true,
"extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
"overrides": [
{
"files": ["*.ts", "*.tsx"],
"plugins": ["@typescript-eslint"],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"project": true
}
}
]
}

View File

@ -0,0 +1,13 @@
import typescriptESLint from "typescript-eslint"
import configNextjs from "@repo/eslint-config/nextjs"
export default typescriptESLint.config(...configNextjs, {
files: ["**/*.ts", "**/*.tsx"],
languageOptions: {
parser: typescriptESLint.parser,
parserOptions: {
projectService: true,
tsconfigRootDir: import.meta.dirname,
},
},
})

View File

@ -1,6 +1,6 @@
{
"name": "@repo/react-hooks",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"type": "module",
"exports": {
@ -8,7 +8,7 @@
"./useIsMounted": "./src/useIsMounted.ts"
},
"scripts": {
"lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
"lint:eslint": "eslint src --max-warnings 0",
"lint:typescript": "tsc --noEmit",
"test": "vitest run --browser.headless",
"test:ui": "vitest --ui --no-open"
@ -25,10 +25,11 @@
"@types/react-dom": "catalog:",
"@total-typescript/ts-reset": "catalog:",
"@vitest/browser": "catalog:",
"@vitest/coverage-istanbul": "catalog:",
"@vitest/coverage-v8": "catalog:",
"@vitest/ui": "catalog:",
"eslint": "catalog:",
"playwright": "catalog:",
"typescript-eslint": "catalog:",
"typescript": "catalog:",
"vitest": "catalog:"
}

View File

@ -1,7 +1,7 @@
import { act, renderHook } from "@testing-library/react"
import { describe, expect, it } from "vitest"
import { useBoolean } from "../useBoolean"
import { useBoolean } from "../useBoolean.ts"
describe("useBoolean", () => {
const initialValues = [true, false]

View File

@ -1,7 +1,7 @@
import { renderHook } from "@testing-library/react"
import { describe, expect, it } from "vitest"
import { useIsMounted } from "../useIsMounted"
import { useIsMounted } from "../useIsMounted.ts"
describe("useIsMounted", () => {
it("should return true", () => {

View File

@ -1,17 +1,7 @@
{
"extends": "@repo/config-typescript/tsconfig.json",
"compilerOptions": {
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "Bundler",
"resolveJsonModule": true,
"lib": ["DOM", "DOM.Iterable", "ESNext"],
"types": [
"@total-typescript/ts-reset",
"@vitest/browser/providers/playwright"
],
"jsx": "preserve",
"noEmit": true
"types": ["@total-typescript/ts-reset"]
}
}

View File

@ -1,15 +1,19 @@
import { defineConfig } from "vitest/config"
export default defineConfig({
optimizeDeps: {
include: ["@vitest/coverage-v8/browser"],
},
test: {
browser: {
provider: "playwright",
enabled: true,
name: "chromium",
screenshotFailures: false,
},
coverage: {
enabled: true,
provider: "istanbul",
provider: "v8",
},
},
})

View File

@ -1,14 +0,0 @@
{
"root": true,
"extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
"overrides": [
{
"files": ["*.ts", "*.tsx"],
"plugins": ["@typescript-eslint"],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"project": true
}
}
]
}

View File

@ -0,0 +1,13 @@
import typescriptESLint from "typescript-eslint"
import configNextjs from "@repo/eslint-config/nextjs"
export default typescriptESLint.config(...configNextjs, {
files: ["**/*.ts", "**/*.tsx"],
languageOptions: {
parser: typescriptESLint.parser,
parserOptions: {
projectService: true,
tsconfigRootDir: import.meta.dirname,
},
},
})

View File

@ -1,6 +1,6 @@
{
"name": "@repo/ui",
"version": "4.0.0",
"version": "4.1.0",
"private": true,
"type": "module",
"exports": {
@ -23,7 +23,7 @@
"./Layout/Section": "./src/Layout/Section/Section.tsx"
},
"scripts": {
"lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
"lint:eslint": "eslint src --max-warnings 0",
"lint:typescript": "tsc --noEmit"
},
"dependencies": {
@ -51,6 +51,7 @@
"eslint": "catalog:",
"postcss": "catalog:",
"tailwindcss": "catalog:",
"typescript-eslint": "catalog:",
"typescript": "catalog:"
}
}

View File

@ -1,6 +1,6 @@
import type { Meta, StoryObj } from "@storybook/react"
import { CurriculumVitae as CurriculumVitaeComponent } from "./CurriculumVitae"
import { CurriculumVitae as CurriculumVitaeComponent } from "./CurriculumVitae.tsx"
const meta = {
title: "Curriculum Vitae/CurriculumVitae",

View File

@ -1,9 +1,9 @@
import { CurriculumVitaeAbout } from "./CurriculumVitaeAbout"
import { CurriculumVitaeEducation } from "./CurriculumVitaeEducation"
import { CurriculumVitaeInterests } from "./CurriculumVitaeInterests"
import { CurriculumVitaeProfile } from "./CurriculumVitaeProfile"
import { CurriculumVitaeSkills } from "./CurriculumVitaeSkills"
import { CurriculumVitaeWork } from "./CurriculumVitaeWork"
import { CurriculumVitaeAbout } from "./CurriculumVitaeAbout.tsx"
import { CurriculumVitaeEducation } from "./CurriculumVitaeEducation.tsx"
import { CurriculumVitaeInterests } from "./CurriculumVitaeInterests.tsx"
import { CurriculumVitaeProfile } from "./CurriculumVitaeProfile.tsx"
import { CurriculumVitaeSkills } from "./CurriculumVitaeSkills.tsx"
import { CurriculumVitaeWork } from "./CurriculumVitaeWork.tsx"
export interface CurriculumVitaeProps {}

View File

@ -1,6 +1,6 @@
import { useTranslations } from "next-intl"
import { FaUser } from "react-icons/fa"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
export interface CurriculumVitaeAboutProps {}
@ -13,7 +13,13 @@ export const CurriculumVitaeAbout: React.FC<CurriculumVitaeAboutProps> = () => {
title={t("curriculum-vitae.about.title")}
icon={<FaUser size={24} />}
>
<p>{t.rich("curriculum-vitae.about.description")}</p>
<p>
{t.rich("curriculum-vitae.about.description", {
br: () => {
return <br />
},
})}
</p>
</CurriculumVitaeSection>
)
}

View File

@ -1,6 +1,6 @@
import { useTranslations } from "next-intl"
import { FaGraduationCap } from "react-icons/fa"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
export interface CurriculumVitaeEducationProps {}
@ -10,6 +10,13 @@ export const CurriculumVitaeEducation: React.FC<
const t = useTranslations()
const educations = [
{
years: t("curriculum-vitae.education.cnam.years.2024-2027.title"),
studyType: t("curriculum-vitae.education.cnam.study-type"),
institution: t("curriculum-vitae.education.cnam.institution"),
score: t("curriculum-vitae.education.cnam.years.2024-2027.description"),
courses: [],
},
{
years: t("curriculum-vitae.education.iut.years.2023-2024.title"),
studyType: t("curriculum-vitae.education.iut.study-type"),

View File

@ -1,6 +1,6 @@
import { useTranslations } from "next-intl"
import { FaHeart } from "react-icons/fa"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
export interface CurriculumVitaeInterestsProps {}

View File

@ -1,8 +1,8 @@
import { Link } from "@repo/i18n/navigation"
import { Link } from "@repo/i18n/routing"
import { useTranslations } from "next-intl"
import Image from "next/image"
import { BirthDate } from "../Home/About/AboutList/BirthDate"
import { Locales } from "../Layout/Header/Locales/Locales"
import { BirthDate } from "../Home/About/AboutList/BirthDate.tsx"
import { Locales } from "../Layout/Header/Locales/Locales.tsx"
export interface CurriculumVitaeProfileProps {}

View File

@ -3,8 +3,8 @@ import { FaToolbox } from "react-icons/fa"
import {
SKILL_CATEGORIES,
SKILL_NAMES_BY_CATEGORY,
} from "../Home/Skills/skills"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
} from "../Home/Skills/skills.ts"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
export interface CurriculumVitaeSkillsProps {}

View File

@ -1,6 +1,6 @@
import { useTranslations } from "next-intl"
import { MdWork } from "react-icons/md"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
export interface CurriculumVitaeWorkProps {}
@ -14,7 +14,7 @@ export const CurriculumVitaeWork: React.FC<CurriculumVitaeWorkProps> = () => {
name: "IRCAD",
location: "1 Place de l'Hôpital, FR-67000 Strasbourg",
position: t("curriculum-vitae.work.ircad.position"),
dates: "28/08/2023 - 02/09/2024",
dates: "28/08/2023 - 31/08/2027",
duration: t("curriculum-vitae.work.ircad.duration"),
},
{

View File

@ -2,8 +2,8 @@ import type { Meta, StoryObj } from "@storybook/react"
import { expect, fn, userEvent, within } from "@storybook/test"
import { FaCheck } from "react-icons/fa"
import type { ButtonLinkProps } from "./Button"
import { Button } from "./Button"
import type { ButtonLinkProps } from "./Button.tsx"
import { Button } from "./Button.tsx"
const meta = {
title: "Design System/Button",

View File

@ -1,10 +1,10 @@
import { classNames } from "@repo/config-tailwind/classNames"
import { Link as NextLink } from "@repo/i18n/navigation"
import { Link as NextLink } from "@repo/i18n/routing"
import type { VariantProps } from "cva"
import { cva } from "cva"
import { Spinner } from "../Spinner/Spinner"
import { Ripple } from "./Ripple"
import { Spinner } from "../Spinner/Spinner.tsx"
import { Ripple } from "./Ripple.tsx"
const buttonVariants = cva({
base: "relative inline-flex items-center justify-center overflow-hidden rounded-md text-base font-semibold transition duration-150 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
@ -12,7 +12,7 @@ const buttonVariants = cva({
variant: {
solid: "bg-primary hover:bg-primary/80 text-white",
outline:
"dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark border-primary/60 text-primary hover:border-primary hover:bg-gray border bg-transparent dark:hover:bg-transparent",
"dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark border-primary/60 text-primary hover:border-primary hover:bg-primary border bg-transparent hover:text-white",
},
size: {
small: "h-9 rounded-md px-3",

View File

@ -1,6 +1,6 @@
import type { Meta, StoryObj } from "@storybook/react"
import { Link } from "./Link"
import { Link } from "./Link.tsx"
const meta = {
title: "Design System/Link",

View File

@ -1,5 +1,5 @@
import { classNames } from "@repo/config-tailwind/classNames"
import { Link as NextLink } from "@repo/i18n/navigation"
import { Link as NextLink } from "@repo/i18n/routing"
import { FiExternalLink } from "react-icons/fi"
export interface LinkProps extends React.ComponentProps<typeof NextLink> {

View File

@ -1,6 +1,6 @@
import type { Meta, StoryObj } from "@storybook/react"
import { Spinner } from "./Spinner"
import { Spinner } from "./Spinner.tsx"
const meta = {
title: "Design System/Spinner",

View File

@ -1,7 +1,7 @@
import type { Meta, StoryObj } from "@storybook/react"
import type { TypographyProps } from "./Typography"
import { Typography } from "./Typography"
import type { TypographyProps } from "./Typography.tsx"
import { Typography } from "./Typography.tsx"
const meta = {
title: "Design System/Typography",

View File

@ -1,6 +1,6 @@
import type { Meta, StoryObj } from "@storybook/react"
import { ErrorNotFound as ErrorNotFoundComponent } from "./ErrorNotFound"
import { ErrorNotFound as ErrorNotFoundComponent } from "./ErrorNotFound.tsx"
const meta = {
title: "Errors/ErrorNotFound",

View File

@ -1,8 +1,8 @@
import { useTranslations } from "next-intl"
import { Link } from "../../Design/Link/Link"
import { Typography } from "../../Design/Typography/Typography"
import { MainLayout } from "../../Layout/MainLayout/MainLayout"
import { Section } from "../../Layout/Section/Section"
import { Link } from "../../Design/Link/Link.tsx"
import { Typography } from "../../Design/Typography/Typography.tsx"
import { MainLayout } from "../../Layout/MainLayout/MainLayout.tsx"
import { Section } from "../../Layout/Section/Section.tsx"
export interface ErrorNotFoundProps {}

Some files were not shown because too many files have changed in this diff Show More