mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-12-08 00:44:30 +01:00
Compare commits
10 Commits
6853ac6884
...
251b0b4038
Author | SHA1 | Date | |
---|---|---|---|
|
251b0b4038 | ||
a5baffe9eb | |||
1351e4122d | |||
4c69d5a852 | |||
9e840b8dae | |||
59153a7a69 | |||
0a7094005c | |||
12f1d6cdf2 | |||
0d7b33727b | |||
386f407f21 |
@ -1 +1,2 @@
|
||||
TZ=UTC
|
||||
WEBSITE_PORT=3000
|
||||
|
4
.github/workflows/chromatic.yml
vendored
4
.github/workflows/chromatic.yml
vendored
@ -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"
|
||||
|
12
.github/workflows/ci.yml
vendored
12
.github/workflows/ci.yml
vendored
@ -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"
|
||||
|
6
.github/workflows/release.yml
vendored
6
.github/workflows/release.yml
vendored
@ -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"
|
||||
|
7
.vscode/extensions.json
vendored
7
.vscode/extensions.json
vendored
@ -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"
|
||||
]
|
||||
}
|
||||
|
2
.vscode/react.code-snippets
vendored
2
.vscode/react.code-snippets
vendored
@ -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
15
.vscode/settings.json
vendored
@ -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
|
||||
}
|
||||
|
@ -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/)
|
||||
|
@ -1,4 +0,0 @@
|
||||
{
|
||||
"root": true,
|
||||
"extends": ["@repo/eslint-config"]
|
||||
}
|
@ -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",
|
||||
],
|
||||
|
@ -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>
|
||||
|
@ -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) {
|
||||
|
13
apps/storybook/eslint.config.js
Normal file
13
apps/storybook/eslint.config.js
Normal 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,
|
||||
},
|
||||
},
|
||||
})
|
@ -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:"
|
||||
}
|
||||
}
|
||||
|
@ -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 = {}
|
||||
|
||||
|
@ -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],
|
||||
}
|
||||
|
||||
|
7
apps/storybook/tsconfig.json
Normal file
7
apps/storybook/tsconfig.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"]
|
||||
},
|
||||
"include": ["./.storybook/**/*.ts", "./.storybook/**/*.tsx"]
|
||||
}
|
9
apps/storybook/turbo.json
Normal file
9
apps/storybook/turbo.json
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"$schema": "https://turbo.build/schema.json",
|
||||
"extends": ["//"],
|
||||
"tasks": {
|
||||
"test": {
|
||||
"dependsOn": ["^test", "build"]
|
||||
}
|
||||
}
|
||||
}
|
@ -1,3 +1,4 @@
|
||||
TZ=UTC
|
||||
HOSTNAME=0.0.0.0
|
||||
PORT=3000
|
||||
NEXT_TELEMETRY_DISABLED=1
|
||||
|
@ -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
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
@ -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
|
||||
|
@ -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()
|
||||
}
|
||||
|
@ -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()
|
||||
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
}
|
||||
|
@ -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 />
|
||||
}
|
||||
|
@ -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}
|
||||
|
13
apps/website/eslint.config.js
Normal file
13
apps/website/eslint.config.js
Normal 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,
|
||||
},
|
||||
},
|
||||
})
|
@ -1,3 +0,0 @@
|
||||
import i18nConfig from "@repo/i18n/i18n"
|
||||
|
||||
export default i18nConfig
|
3
apps/website/i18n/request.ts
Normal file
3
apps/website/i18n/request.ts
Normal file
@ -0,0 +1,3 @@
|
||||
import i18nRequestConfig from "@repo/i18n/request"
|
||||
|
||||
export default i18nRequestConfig
|
@ -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).*)",
|
||||
],
|
||||
}
|
||||
|
2
apps/website/next-env.d.ts
vendored
2
apps/website/next-env.d.ts
vendored
@ -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.
|
||||
|
@ -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"],
|
||||
|
@ -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:"
|
||||
}
|
||||
}
|
||||
|
@ -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],
|
||||
}
|
||||
|
||||
|
@ -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": {
|
||||
"#*": ["./*"]
|
||||
},
|
||||
|
34
package.json
34
package.json
@ -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:"
|
||||
}
|
||||
}
|
||||
|
@ -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
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
13
packages/blog/eslint.config.js
Normal file
13
packages/blog/eslint.config.js
Normal 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,
|
||||
},
|
||||
},
|
||||
})
|
@ -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:"
|
||||
}
|
||||
}
|
||||
|
@ -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<
|
||||
|
@ -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
|
||||
|
@ -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[]
|
||||
|
@ -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(),
|
||||
|
@ -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",
|
||||
|
@ -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",
|
||||
|
@ -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"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
@ -1,3 +0,0 @@
|
||||
{
|
||||
"extends": ["conventions"]
|
||||
}
|
40
packages/config-eslint/eslint.config.js
Normal file
40
packages/config-eslint/eslint.config.js
Normal 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
7
packages/config-eslint/index.d.ts
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
import type typescriptESLint from "typescript-eslint"
|
||||
|
||||
declare const eslintConfigConventions: ReturnType<
|
||||
typeof typescriptESLint.config
|
||||
>
|
||||
|
||||
export default eslintConfigConventions
|
@ -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."
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
61
packages/config-eslint/nextjs/eslint.config.js
Normal file
61
packages/config-eslint/nextjs/eslint.config.js
Normal 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.",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
)
|
@ -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:"
|
||||
}
|
||||
}
|
||||
|
@ -1,14 +0,0 @@
|
||||
{
|
||||
"root": true,
|
||||
"extends": ["@repo/eslint-config"],
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["*.ts", "*.tsx"],
|
||||
"plugins": ["@typescript-eslint"],
|
||||
"parser": "@typescript-eslint/parser",
|
||||
"parserOptions": {
|
||||
"project": true
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
13
packages/config-tailwind/eslint.config.js
Normal file
13
packages/config-tailwind/eslint.config.js
Normal 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,
|
||||
},
|
||||
},
|
||||
})
|
@ -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:"
|
||||
|
@ -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,
|
||||
|
@ -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: {
|
||||
|
@ -1,10 +1,6 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Bundler",
|
||||
|
||||
"noEmit": true
|
||||
"lib": ["ESNext"]
|
||||
}
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@repo/config-typescript",
|
||||
"version": "4.0.0",
|
||||
"version": "4.1.0",
|
||||
"private": true,
|
||||
"files": [
|
||||
"tsconfig.json"
|
||||
|
@ -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
|
||||
}
|
||||
}
|
||||
|
@ -1,14 +0,0 @@
|
||||
{
|
||||
"root": true,
|
||||
"extends": ["@repo/eslint-config"],
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["*.ts", "*.tsx"],
|
||||
"plugins": ["@typescript-eslint"],
|
||||
"parser": "@typescript-eslint/parser",
|
||||
"parserOptions": {
|
||||
"project": true
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
13
packages/i18n/eslint.config.js
Normal file
13
packages/i18n/eslint.config.js
Normal 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,
|
||||
},
|
||||
},
|
||||
})
|
@ -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:"
|
||||
}
|
||||
|
@ -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>
|
||||
},
|
||||
}
|
@ -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,
|
||||
})
|
@ -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,
|
||||
}
|
||||
})
|
26
packages/i18n/src/routing.ts
Normal file
26
packages/i18n/src/routing.ts
Normal 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)
|
@ -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"
|
||||
}
|
||||
}
|
||||
|
@ -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"
|
||||
}
|
||||
}
|
||||
|
@ -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"]
|
||||
}
|
||||
}
|
||||
|
@ -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
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
13
packages/react-hooks/eslint.config.js
Normal file
13
packages/react-hooks/eslint.config.js
Normal 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,
|
||||
},
|
||||
},
|
||||
})
|
@ -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:"
|
||||
}
|
||||
|
@ -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]
|
||||
|
@ -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", () => {
|
||||
|
@ -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"]
|
||||
}
|
||||
}
|
||||
|
@ -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",
|
||||
},
|
||||
},
|
||||
})
|
||||
|
@ -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
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
13
packages/ui/eslint.config.js
Normal file
13
packages/ui/eslint.config.js
Normal 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,
|
||||
},
|
||||
},
|
||||
})
|
@ -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:"
|
||||
}
|
||||
}
|
||||
|
@ -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",
|
||||
|
@ -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 {}
|
||||
|
||||
|
@ -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>
|
||||
)
|
||||
}
|
||||
|
@ -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"),
|
||||
|
@ -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 {}
|
||||
|
||||
|
@ -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 {}
|
||||
|
||||
|
@ -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 {}
|
||||
|
||||
|
@ -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"),
|
||||
},
|
||||
{
|
||||
|
@ -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",
|
||||
|
@ -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",
|
||||
|
@ -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",
|
||||
|
@ -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> {
|
||||
|
@ -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",
|
||||
|
@ -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",
|
||||
|
@ -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",
|
||||
|
@ -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
Loading…
Reference in New Issue
Block a user