mirror of
https://github.com/theoludwig/theoludwig.git
synced 2026-02-20 03:09:20 +01:00
chore: migrate from ESLint/Prettier to Oxc
This commit is contained in:
10
.github/workflows/chromatic.yml
vendored
10
.github/workflows/chromatic.yml
vendored
@@ -18,23 +18,25 @@ jobs:
|
||||
NEXT_TELEMETRY_DISABLED: "1"
|
||||
STORYBOOK_DISABLE_TELEMETRY: "1"
|
||||
steps:
|
||||
- uses: "actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8" # v6.0.1
|
||||
- uses: "actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd" # v6.0.2
|
||||
with:
|
||||
fetch-depth: 0
|
||||
|
||||
- uses: "pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061" # v4.2.0
|
||||
|
||||
- uses: "pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061" # v4.2.0
|
||||
|
||||
- name: "Setup Node.js"
|
||||
uses: "actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f" # v6.1.0
|
||||
uses: "actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238" # v6.2.0
|
||||
with:
|
||||
node-version: "24.11.1"
|
||||
node-version: "24.13.1"
|
||||
cache: "pnpm"
|
||||
|
||||
- name: "Install dependencies"
|
||||
run: "pnpm install --frozen-lockfile"
|
||||
|
||||
- name: "Run Chromatic"
|
||||
uses: "chromaui/action@ac86f2ff0a458ffbce7b40698abd44c0fa34d4b6" # latest
|
||||
uses: "chromaui/action@07791f8243f4cb2698bf4d00426baf4b2d1cb7e0" # latest
|
||||
with:
|
||||
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
|
||||
workingDir: "apps/storybook"
|
||||
|
||||
13
.github/workflows/ci.yml
vendored
13
.github/workflows/ci.yml
vendored
@@ -18,14 +18,14 @@ jobs:
|
||||
NEXT_TELEMETRY_DISABLED: "1"
|
||||
STORYBOOK_DISABLE_TELEMETRY: "1"
|
||||
steps:
|
||||
- uses: "actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8" # v6.0.1
|
||||
- uses: "actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd" # v6.0.2
|
||||
|
||||
- uses: "pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061" # v4.2.0
|
||||
|
||||
- name: "Setup Node.js"
|
||||
uses: "actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f" # v6.1.0
|
||||
uses: "actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238" # v6.2.0
|
||||
with:
|
||||
node-version: "24.11.1"
|
||||
node-version: "24.13.1"
|
||||
cache: "pnpm"
|
||||
|
||||
- name: "Install dependencies"
|
||||
@@ -36,8 +36,9 @@ jobs:
|
||||
|
||||
- run: "node --run lint:editorconfig"
|
||||
- run: "node --run lint:markdown"
|
||||
- run: "node --run lint:typescript"
|
||||
- run: "node --run lint:eslint"
|
||||
- run: "node --run lint:prettier"
|
||||
- run: "node --run lint:turbo"
|
||||
# - run: "node --run lint:typescript" # already covered by oxlint
|
||||
- run: "node --run lint:oxlint"
|
||||
- run: "node --run lint:oxfmt"
|
||||
- run: "node --run test"
|
||||
- run: "node --run build"
|
||||
|
||||
9
.oxfmtrc.json
Normal file
9
.oxfmtrc.json
Normal file
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"$schema": "./node_modules/oxfmt/configuration_schema.json",
|
||||
"ignorePatterns": ["pnpm-lock.yaml"],
|
||||
"semi": false,
|
||||
"experimentalTailwindcss": {
|
||||
"stylesheet": "./configs/config-tailwind/styles.css",
|
||||
"functions": ["classNames"]
|
||||
}
|
||||
}
|
||||
16
.oxlintrc.json
Normal file
16
.oxlintrc.json
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"$schema": "./node_modules/oxlint/configuration_schema.json",
|
||||
"extends": ["node_modules/eslint-config-conventions/.oxlintrc.json"],
|
||||
"rules": {
|
||||
"import-x/extensions": [
|
||||
"error",
|
||||
"ignorePackages",
|
||||
{
|
||||
"ts": "always",
|
||||
"tsx": "always",
|
||||
"js": "never",
|
||||
"jsx": "never"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -1,13 +0,0 @@
|
||||
{
|
||||
"semi": false,
|
||||
"plugins": ["prettier-plugin-tailwindcss"],
|
||||
"tailwindFunctions": ["classNames", "cva"],
|
||||
"overrides": [
|
||||
{
|
||||
"files": "pnpm-lock.yaml",
|
||||
"options": {
|
||||
"rangeEnd": 0
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
3
.vscode/extensions.json
vendored
3
.vscode/extensions.json
vendored
@@ -1,8 +1,7 @@
|
||||
{
|
||||
"recommendations": [
|
||||
"editorconfig.editorconfig",
|
||||
"prettier.prettier-vscode",
|
||||
"dbaeumer.vscode-eslint",
|
||||
"oxc.oxc-vscode",
|
||||
"davidanson.vscode-markdownlint",
|
||||
"bradlc.vscode-tailwindcss",
|
||||
"antfu.pnpm-catalog-lens",
|
||||
|
||||
28
.vscode/settings.json
vendored
28
.vscode/settings.json
vendored
@@ -2,31 +2,29 @@
|
||||
"typescript.tsdk": "node_modules/typescript/lib",
|
||||
"editor.bracketPairColorization.enabled": true,
|
||||
"editor.wordWrap": "on",
|
||||
"prettier.configPath": ".prettierrc.json",
|
||||
"editor.defaultFormatter": "prettier.prettier-vscode",
|
||||
"editor.formatOnSave": true,
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll": "explicit",
|
||||
"source.fixAll": "never",
|
||||
"source.organizeImports": "never"
|
||||
},
|
||||
"eslint.workingDirectories": [
|
||||
{
|
||||
"mode": "auto"
|
||||
}
|
||||
],
|
||||
"files.associations": {
|
||||
"*.css": "tailwindcss"
|
||||
},
|
||||
"oxc.enable": true,
|
||||
"oxc.typeAware": true,
|
||||
"oxc.unusedDisableDirectives": "deny",
|
||||
"editor.defaultFormatter": "oxc.oxc-vscode",
|
||||
"editor.formatOnSave": true,
|
||||
"typescript.experimental.useTsgo": false,
|
||||
"editor.quickSuggestions": {
|
||||
"strings": "on"
|
||||
},
|
||||
"tailwindCSS.classFunctions": ["classNames", "cva"],
|
||||
"files.associations": {
|
||||
"*.css": "tailwindcss"
|
||||
},
|
||||
"tailwindCSS.classFunctions": ["classNames"],
|
||||
"tailwindCSS.experimental.configFile": "./configs/config-tailwind/styles.css",
|
||||
"i18n-ally.localesPaths": ["./packages/i18n/src/translations/"],
|
||||
"i18n-ally.keystyle": "nested",
|
||||
"i18n-ally.sortKeys": false,
|
||||
"i18n-ally.sourceLanguage": "en-US",
|
||||
"i18n-ally.displayLanguage": "en-US",
|
||||
"i18n-ally.sourceLanguage": "fr-FR",
|
||||
"i18n-ally.displayLanguage": "fr-FR",
|
||||
"i18n-ally.enabledFrameworks": ["next-intl", "general"],
|
||||
"i18n-ally.extract.autoDetect": true
|
||||
}
|
||||
|
||||
@@ -28,7 +28,7 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
|
||||
### Prerequisites
|
||||
|
||||
- [Node.js](https://nodejs.org/) >= v24.0.0 [(`nvm install 24`)](https://nvm.sh)
|
||||
- [pnpm](https://pnpm.io/) v10.25.0 [(`npm install --global corepack@0.34.5 && corepack enable`)](https://github.com/nodejs/corepack)
|
||||
- [pnpm](https://pnpm.io/) [(`npm install --global corepack@0.34.6 && corepack enable`)](https://github.com/nodejs/corepack)
|
||||
- [Docker](https://www.docker.com/)
|
||||
|
||||
### Installation
|
||||
@@ -60,9 +60,10 @@ node --run dev
|
||||
# Lint
|
||||
node --run lint:editorconfig
|
||||
node --run lint:markdown
|
||||
node --run lint:typescript
|
||||
node --run lint:eslint
|
||||
node --run lint:prettier
|
||||
node --run lint:turbo
|
||||
# node --run lint:typescript # already covered by oxlint
|
||||
node --run lint:oxlint
|
||||
node --run lint:oxfmt
|
||||
|
||||
# Tests
|
||||
node --run test
|
||||
|
||||
24
README.md
24
README.md
@@ -35,29 +35,9 @@
|
||||
"tRPC/oRPC",
|
||||
"PostgreSQL"
|
||||
],
|
||||
"sys-admin": [
|
||||
"Docker",
|
||||
"Proxmox",
|
||||
"Caddy",
|
||||
"GitHub Actions",
|
||||
"GitLab CI/CD"
|
||||
],
|
||||
"software-tools": [
|
||||
"GNU/Linux",
|
||||
"Arch Linux",
|
||||
"Visual Studio Code",
|
||||
"Git"
|
||||
],
|
||||
"sys-admin": ["Docker", "Proxmox", "Caddy", "GitHub Actions", "GitLab CI/CD"],
|
||||
"software-tools": ["GNU/Linux", "Arch Linux", "Visual Studio Code", "Git"],
|
||||
"systems-programming": ["C/C++", "Rust", "Go"]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
<hr />
|
||||
|
||||
## Statistics
|
||||
|
||||
<p align=center>
|
||||
<img height=175 align="center" src="https://github-readme-stats.vercel.app/api?username=theoludwig&show_icons=true&theme=dark" alt="Théo LUDWIG's GitHub Stats" />
|
||||
<img height=175 align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=theoludwig&hide=html,css,javascript&langs_count=8&layout=compact&theme=dark" alt="Théo LUDWIG's Programming Languages" />
|
||||
</p>
|
||||
|
||||
@@ -12,11 +12,7 @@ const config: StorybookConfig = {
|
||||
"../../../packages/blog/src/**/*.stories.tsx",
|
||||
"../stories/*.mdx",
|
||||
],
|
||||
addons: [
|
||||
"@chromatic-com/storybook",
|
||||
"@storybook/addon-docs",
|
||||
"@storybook/addon-a11y",
|
||||
],
|
||||
addons: ["@chromatic-com/storybook", "@storybook/addon-docs", "@storybook/addon-a11y"],
|
||||
framework: {
|
||||
name: "@storybook/nextjs",
|
||||
options: {},
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
@@ -76,9 +76,7 @@ server.listen(
|
||||
port,
|
||||
},
|
||||
() => {
|
||||
console.log(
|
||||
`HTTP Server is listening at ${util.styleText("cyan", serverURL)}`,
|
||||
)
|
||||
console.log(`HTTP Server is listening at ${util.styleText("cyan", serverURL)}`)
|
||||
console.log(`Serving files from: \`${basePath}\``)
|
||||
},
|
||||
)
|
||||
|
||||
@@ -13,39 +13,36 @@
|
||||
"chromatic": "chromatic"
|
||||
},
|
||||
"dependencies": {
|
||||
"@repo/blog": "workspace:*",
|
||||
"@repo/config-tailwind": "workspace:*",
|
||||
"@repo/i18n": "workspace:*",
|
||||
"@repo/ui": "workspace:*",
|
||||
"@repo/utils": "workspace:*",
|
||||
"@repo/blog": "workspace:*",
|
||||
"mime": "catalog:",
|
||||
"next": "catalog:",
|
||||
"next-intl": "catalog:",
|
||||
"next-themes": "catalog:",
|
||||
"react": "catalog:",
|
||||
"react-dom": "catalog:",
|
||||
"mime": "catalog:"
|
||||
"react-dom": "catalog:"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@repo/config-eslint": "workspace:*",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@chromatic-com/storybook": "catalog:",
|
||||
"@playwright/test": "catalog:",
|
||||
"@storybook/addon-docs": "catalog:",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@storybook/addon-a11y": "catalog:",
|
||||
"@storybook/addon-docs": "catalog:",
|
||||
"@storybook/addon-themes": "catalog:",
|
||||
"@storybook/nextjs": "catalog:",
|
||||
"@storybook/test-runner": "catalog:",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"@types/node": "catalog:",
|
||||
"@types/react": "catalog:",
|
||||
"@types/react-dom": "catalog:",
|
||||
"chromatic": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"postcss": "catalog:",
|
||||
"start-server-and-test": "catalog:",
|
||||
"storybook": "catalog:",
|
||||
"postcss": "catalog:",
|
||||
"tailwindcss": "catalog:",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"typescript-eslint": "catalog:",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,9 +1,4 @@
|
||||
import {
|
||||
Meta,
|
||||
Title,
|
||||
ColorPalette,
|
||||
ColorItem,
|
||||
} from "@storybook/addon-docs/blocks"
|
||||
import { Meta, Title, ColorPalette, ColorItem } from "@storybook/addon-docs/blocks"
|
||||
import tailwindConfig from "@repo/config-tailwind"
|
||||
|
||||
<Meta title="Design System/Colors" />
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
FROM node:24.11.1-slim@sha256:0afb7822fac7bf9d7c1bf3b6e6c496dee6b2b64d8dfa365501a3c68e8eba94b2 AS node-pnpm
|
||||
FROM node:24.13.1-slim@sha256:a81a03dd965b4052269a57fac857004022b522a4bf06e7a739e25e18bce45af2 AS node-pnpm
|
||||
ENV PNPM_HOME="/pnpm"
|
||||
ENV PATH="$PNPM_HOME:$PATH"
|
||||
RUN npm install --global corepack@0.34.5 && corepack enable
|
||||
RUN npm install --global corepack@0.34.6 && corepack enable
|
||||
ENV TURBO_TELEMETRY_DISABLED=1
|
||||
ENV NEXT_TELEMETRY_DISABLED=1
|
||||
ENV DO_NOT_TRACK=1
|
||||
@@ -9,7 +9,7 @@ WORKDIR /usr/src/app
|
||||
|
||||
FROM node-pnpm AS builder
|
||||
COPY ./ ./
|
||||
RUN pnpm install --global turbo@2.6.3
|
||||
RUN pnpm install --global turbo@2.8.9
|
||||
RUN turbo prune @repo/website --docker
|
||||
|
||||
FROM node-pnpm AS installer
|
||||
|
||||
@@ -13,9 +13,7 @@ interface BlogPostPageProps {
|
||||
}>
|
||||
}
|
||||
|
||||
export const generateMetadata = async (
|
||||
props: BlogPostPageProps,
|
||||
): Promise<Metadata> => {
|
||||
export const generateMetadata = async (props: BlogPostPageProps): Promise<Metadata> => {
|
||||
const { slug } = await props.params
|
||||
const blogPost = await getBlogPostBySlug(slug)
|
||||
if (blogPost == null) {
|
||||
@@ -37,9 +35,7 @@ export const generateMetadata = async (
|
||||
}
|
||||
}
|
||||
|
||||
export const generateStaticParams = async (): Promise<
|
||||
Array<{ slug: string }>
|
||||
> => {
|
||||
export const generateStaticParams = async (): Promise<Array<{ slug: string }>> => {
|
||||
const posts = await getBlogPosts()
|
||||
return posts.map((post) => {
|
||||
return {
|
||||
|
||||
@@ -2,18 +2,13 @@ import { getBlogPosts } from "@repo/blog"
|
||||
import { BlogPosts } from "@repo/blog/BlogPosts"
|
||||
import type { LocaleProps } from "@repo/i18n/routing"
|
||||
import { MainLayout } from "@repo/ui/Layout/MainLayout"
|
||||
import {
|
||||
Section,
|
||||
SectionDescription,
|
||||
SectionTitle,
|
||||
} from "@repo/ui/Layout/Section"
|
||||
import { Section, SectionDescription, SectionTitle } from "@repo/ui/Layout/Section"
|
||||
import { LOCALE_DEFAULT } from "@repo/utils/constants"
|
||||
import type { Metadata } from "next"
|
||||
import { setRequestLocale } from "next-intl/server"
|
||||
|
||||
const title = "Blog | Théo LUDWIG"
|
||||
const description =
|
||||
"The latest news about my journey of learning computer science."
|
||||
const description = "The latest news about my journey of learning computer science."
|
||||
|
||||
export const generateMetadata = async (): Promise<Metadata> => {
|
||||
return {
|
||||
|
||||
@@ -9,9 +9,7 @@ interface CurriculumVitaeLayoutProps extends React.PropsWithChildren {
|
||||
}>
|
||||
}
|
||||
|
||||
const CurriculumVitaeLayout: React.FC<CurriculumVitaeLayoutProps> = async (
|
||||
props,
|
||||
) => {
|
||||
const CurriculumVitaeLayout: React.FC<CurriculumVitaeLayoutProps> = async (props) => {
|
||||
const { children, params } = props
|
||||
|
||||
const { locale } = await params
|
||||
|
||||
@@ -3,11 +3,7 @@ import type { Locale } from "@repo/utils/constants"
|
||||
import { LOCALES } from "@repo/utils/constants"
|
||||
import type { Metadata, Viewport } from "next"
|
||||
import { NextIntlClientProvider } from "next-intl"
|
||||
import {
|
||||
getMessages,
|
||||
getTranslations,
|
||||
setRequestLocale,
|
||||
} from "next-intl/server"
|
||||
import { getMessages, getTranslations, setRequestLocale } from "next-intl/server"
|
||||
import Script from "next/script"
|
||||
|
||||
const DOMAIN = "theoludwig.fr"
|
||||
@@ -85,14 +81,9 @@ const LocaleLayout: React.FC<LocaleLayoutProps> = async (props) => {
|
||||
return (
|
||||
<html lang={locale} suppressHydrationWarning>
|
||||
<body>
|
||||
<NextIntlClientProvider messages={messages}>
|
||||
{children}
|
||||
</NextIntlClientProvider>
|
||||
<NextIntlClientProvider messages={messages}>{children}</NextIntlClientProvider>
|
||||
|
||||
<Script
|
||||
async
|
||||
src="https://analytics.theoludwig.fr/js/pa-MToGPBn2iXgorPLkh6f_s.js"
|
||||
/>
|
||||
<Script async src="https://analytics.theoludwig.fr/js/pa-MToGPBn2iXgorPLkh6f_s.js" />
|
||||
<Script id="analytics-init">
|
||||
{`
|
||||
window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
@@ -14,9 +14,6 @@ const nextConfig: NextConfig = {
|
||||
typescript: {
|
||||
ignoreBuildErrors: true,
|
||||
},
|
||||
experimental: {
|
||||
turbopackFileSystemCacheForDev: true,
|
||||
},
|
||||
}
|
||||
|
||||
const withNextIntl = createNextIntlPlugin({
|
||||
|
||||
@@ -11,35 +11,31 @@
|
||||
"build": "next build",
|
||||
"start": "next start --port 3000",
|
||||
"typegen": "next typegen",
|
||||
"lint:eslint": "eslint app --max-warnings 0",
|
||||
"lint:typescript": "next typegen && tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
"@mdx-js/mdx": "catalog:",
|
||||
"@repo/blog": "workspace:*",
|
||||
"@repo/config-tailwind": "workspace:*",
|
||||
"@repo/utils": "workspace:*",
|
||||
"@repo/i18n": "workspace:*",
|
||||
"@repo/ui": "workspace:*",
|
||||
"@mdx-js/mdx": "catalog:",
|
||||
"next-mdx-remote": "catalog:",
|
||||
"shiki": "catalog:",
|
||||
"@repo/utils": "workspace:*",
|
||||
"next": "catalog:",
|
||||
"next-intl": "catalog:",
|
||||
"next-mdx-remote": "catalog:",
|
||||
"react": "catalog:",
|
||||
"react-dom": "catalog:"
|
||||
"react-dom": "catalog:",
|
||||
"shiki": "catalog:"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@repo/config-eslint": "workspace:*",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"@types/node": "catalog:",
|
||||
"@types/react": "catalog:",
|
||||
"@types/react-dom": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"postcss": "catalog:",
|
||||
"tailwindcss": "catalog:",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"typescript-eslint": "catalog:",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,75 +0,0 @@
|
||||
import nextPlugin from "@next/eslint-plugin-next"
|
||||
import configConventions from "eslint-config-conventions"
|
||||
import importXPlugin from "eslint-plugin-import-x"
|
||||
import reactPlugin from "eslint-plugin-react"
|
||||
import reactHooks from "eslint-plugin-react-hooks"
|
||||
import { defineConfig, globalIgnores } from "eslint/config"
|
||||
|
||||
export default defineConfig(
|
||||
...configConventions,
|
||||
reactPlugin.configs.flat.recommended,
|
||||
globalIgnores(["**/kysely.config.ts"]),
|
||||
{
|
||||
name: "config-eslint",
|
||||
settings: {
|
||||
react: {
|
||||
version: "19.2.0",
|
||||
},
|
||||
},
|
||||
plugins: {
|
||||
"@next/next": nextPlugin,
|
||||
"import-x": importXPlugin,
|
||||
"react-hooks": reactHooks,
|
||||
},
|
||||
rules: {
|
||||
...nextPlugin.configs.recommended.rules,
|
||||
...nextPlugin.configs["core-web-vitals"].rules,
|
||||
...reactHooks.configs.recommended.rules,
|
||||
"@next/next/no-html-link-for-pages": "off",
|
||||
"@next/next/no-img-element": "off",
|
||||
|
||||
"react/jsx-no-target-blank": "off",
|
||||
"react/no-unknown-property": "off",
|
||||
"react/react-in-jsx-scope": "off",
|
||||
"react/prop-types": "off",
|
||||
"react/self-closing-comp": [
|
||||
"error",
|
||||
{
|
||||
component: true,
|
||||
html: true,
|
||||
},
|
||||
],
|
||||
"react/void-dom-elements-no-children": "error",
|
||||
"react/jsx-boolean-value": "error",
|
||||
"react/iframe-missing-sandbox": "off",
|
||||
|
||||
"no-restricted-imports": [
|
||||
"error",
|
||||
{
|
||||
paths: [
|
||||
{
|
||||
name: "next/navigation",
|
||||
importNames: [
|
||||
"redirect",
|
||||
"permanentRedirect",
|
||||
"useRouter",
|
||||
"usePathname",
|
||||
],
|
||||
message: "Please import from `@repo/i18n/routing` instead.",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
"import-x/extensions": [
|
||||
"error",
|
||||
"ignorePackages",
|
||||
{
|
||||
ts: "always",
|
||||
tsx: "always",
|
||||
js: "never",
|
||||
jsx: "never",
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
)
|
||||
5
configs/config-eslint/index.d.ts
vendored
5
configs/config-eslint/index.d.ts
vendored
@@ -1,5 +0,0 @@
|
||||
import type { defineConfig } from "eslint/config"
|
||||
|
||||
declare const eslintConfig: ReturnType<typeof defineConfig>
|
||||
|
||||
export default eslintConfig
|
||||
@@ -1,27 +0,0 @@
|
||||
{
|
||||
"name": "@repo/config-eslint",
|
||||
"version": "0.0.0-develop",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./index.d.ts",
|
||||
"import": "./eslint.config.js",
|
||||
"require": "./eslint.config.js",
|
||||
"default": "./eslint.config.js"
|
||||
}
|
||||
},
|
||||
"devDependencies": {
|
||||
"typescript-eslint": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"eslint-config-conventions": "catalog:",
|
||||
"eslint-plugin-promise": "catalog:",
|
||||
"eslint-plugin-unicorn": "catalog:",
|
||||
"eslint-plugin-import-x": "catalog:",
|
||||
"@next/eslint-plugin-next": "catalog:",
|
||||
"eslint-plugin-react": "catalog:",
|
||||
"eslint-plugin-react-hooks": "catalog:",
|
||||
"typescript": "catalog:",
|
||||
"globals": "catalog:"
|
||||
}
|
||||
}
|
||||
@@ -1,14 +0,0 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
@@ -21,13 +21,10 @@
|
||||
"tailwind-merge": "catalog:"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@repo/config-eslint": "workspace:*",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"@tailwindcss/typography": "catalog:",
|
||||
"typescript-eslint": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"postcss": "catalog:",
|
||||
"tailwindcss": "catalog:",
|
||||
"@tailwindcss/postcss": "catalog:"
|
||||
"tailwindcss": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,11 +7,11 @@
|
||||
@source "../../packages/ui/src";
|
||||
@source "../../packages/blog/src";
|
||||
|
||||
@import "@fontsource/montserrat/400.css" layer(base);
|
||||
@import "@fontsource/montserrat/500.css" layer(base);
|
||||
@import "@fontsource/montserrat/600.css" layer(base);
|
||||
@import "@fontsource/montserrat/700.css" layer(base);
|
||||
@import "@fontsource/montserrat/800.css" layer(base);
|
||||
@import "@fontsource/montserrat/400.css";
|
||||
@import "@fontsource/montserrat/500.css";
|
||||
@import "@fontsource/montserrat/600.css";
|
||||
@import "@fontsource/montserrat/700.css";
|
||||
@import "@fontsource/montserrat/800.css";
|
||||
|
||||
@layer base {
|
||||
[type="search"]::-webkit-search-decoration,
|
||||
|
||||
31
package.json
31
package.json
@@ -3,30 +3,33 @@
|
||||
"version": "0.0.0-develop",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"packageManager": "pnpm@10.25.0+sha512.5e82639027af37cf832061bcc6d639c219634488e0f2baebe785028a793de7b525ffcd3f7ff574f5e9860654e098fe852ba8ac5dd5cefe1767d23a020a92f501",
|
||||
"engines": {
|
||||
"node": ">=24.0.0"
|
||||
},
|
||||
"scripts": {
|
||||
"dev": "turbo run dev --parallel",
|
||||
"start": "turbo run start --parallel",
|
||||
"build": "turbo run build",
|
||||
"test": "turbo run test",
|
||||
"lint:editorconfig": "editorconfig-checker",
|
||||
"lint:markdown": "markdownlint-cli2",
|
||||
"lint:turbo": "turbo boundaries",
|
||||
"lint:typescript": "turbo run lint:typescript",
|
||||
"lint:eslint": "turbo run lint:eslint",
|
||||
"lint:prettier": "prettier . --check"
|
||||
"lint:oxlint": "turbo run typegen && oxlint . --type-aware --type-check --deny-warnings --report-unused-disable-directives",
|
||||
"lint:oxfmt": "oxfmt . --check",
|
||||
"oxfmt": "oxfmt .",
|
||||
"test": "turbo run test",
|
||||
"build": "turbo run build"
|
||||
},
|
||||
"devDependencies": {
|
||||
"editorconfig-checker": "catalog:",
|
||||
"playwright": "catalog:",
|
||||
"prettier": "catalog:",
|
||||
"prettier-plugin-tailwindcss": "catalog:",
|
||||
"markdownlint-cli2": "catalog:",
|
||||
"eslint-config-conventions": "catalog:",
|
||||
"markdownlint": "catalog:",
|
||||
"markdownlint-cli2": "catalog:",
|
||||
"markdownlint-rule-relative-links": "catalog:",
|
||||
"oxfmt": "catalog:",
|
||||
"oxlint": "catalog:",
|
||||
"oxlint-tsgolint": "catalog:",
|
||||
"playwright": "catalog:",
|
||||
"turbo": "catalog:",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=24.0.0"
|
||||
},
|
||||
"packageManager": "pnpm@10.29.3+sha512.498e1fb4cca5aa06c1dcf2611e6fafc50972ffe7189998c409e90de74566444298ffe43e6cd2acdc775ba1aa7cc5e092a8b7054c811ba8c5770f84693d33d2dc"
|
||||
}
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
@@ -9,46 +9,42 @@
|
||||
"./BlogPostUI": "./src/BlogPostUI.tsx"
|
||||
},
|
||||
"scripts": {
|
||||
"lint:eslint": "eslint src --max-warnings 0",
|
||||
"lint:typescript": "tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
"@giscus/react": "catalog:",
|
||||
"@mdx-js/mdx": "catalog:",
|
||||
"@repo/config-tailwind": "workspace:*",
|
||||
"@repo/utils": "workspace:*",
|
||||
"@repo/i18n": "workspace:*",
|
||||
"@repo/ui": "workspace:*",
|
||||
"@giscus/react": "catalog:",
|
||||
"@repo/utils": "workspace:*",
|
||||
"@shikijs/rehype": "catalog:",
|
||||
"@mdx-js/mdx": "catalog:",
|
||||
"gray-matter": "catalog:",
|
||||
"katex": "catalog:",
|
||||
"next": "catalog:",
|
||||
"next-intl": "catalog:",
|
||||
"next-mdx-remote": "catalog:",
|
||||
"react": "catalog:",
|
||||
"react-dom": "catalog:",
|
||||
"react-icons": "catalog:",
|
||||
"rehype-katex": "catalog:",
|
||||
"rehype-raw": "catalog:",
|
||||
"rehype-slug": "catalog:",
|
||||
"remark-gfm": "catalog:",
|
||||
"remark-math": "catalog:",
|
||||
"shiki": "catalog:",
|
||||
"next": "catalog:",
|
||||
"next-mdx-remote": "catalog:",
|
||||
"next-intl": "catalog:",
|
||||
"react": "catalog:",
|
||||
"react-dom": "catalog:",
|
||||
"react-icons": "catalog:"
|
||||
"shiki": "catalog:"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@repo/config-eslint": "workspace:*",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@storybook/nextjs": "catalog:",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"@types/node": "catalog:",
|
||||
"@types/react": "catalog:",
|
||||
"@types/react-dom": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"storybook": "catalog:",
|
||||
"@storybook/nextjs": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"postcss": "catalog:",
|
||||
"storybook": "catalog:",
|
||||
"tailwindcss": "catalog:",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"typescript-eslint": "catalog:",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -173,10 +173,7 @@ We have to keep it as simple as possible, not to implement features that are not
|
||||
import fs from "node:fs"
|
||||
import path from "node:path"
|
||||
|
||||
const createFile = async (
|
||||
name: string,
|
||||
isTemporary: boolean = false,
|
||||
): Promise<void> => {
|
||||
const createFile = async (name: string, isTemporary: boolean = false): Promise<void> => {
|
||||
if (isTemporary) {
|
||||
return await fs.promises.writeFile(path.join("temporary", name), "")
|
||||
}
|
||||
|
||||
@@ -17,8 +17,7 @@ export const BLOG_POST_MOCK = {
|
||||
"\nHello, world! 👋\n\n## Introduction\n\nThis blog is here to document my journey of learning computer science.",
|
||||
frontmatter: {
|
||||
title: "👋 Hello, world!",
|
||||
description:
|
||||
"First post of the blog, introduction and explanation of how this blog is made.",
|
||||
description: "First post of the blog, introduction and explanation of how this blog is made.",
|
||||
isPublished: true,
|
||||
publishedOn: "2022-02-20T08:00:18.758Z",
|
||||
},
|
||||
|
||||
@@ -14,10 +14,9 @@ import "katex/dist/katex.min.css"
|
||||
import { BlogPostComments } from "./BlogPostComments.tsx"
|
||||
|
||||
const Heading: React.FC<
|
||||
React.DetailedHTMLProps<
|
||||
React.HTMLAttributes<HTMLHeadingElement>,
|
||||
HTMLHeadingElement
|
||||
> & { as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" }
|
||||
React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> & {
|
||||
as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
|
||||
}
|
||||
> = (props) => {
|
||||
const { children, as, id = "", ...rest } = props
|
||||
|
||||
@@ -37,9 +36,7 @@ export interface BlogPostContentProps {
|
||||
content: string
|
||||
}
|
||||
|
||||
export const BlogPostContent: React.FC<BlogPostContentProps> = async (
|
||||
props,
|
||||
) => {
|
||||
export const BlogPostContent: React.FC<BlogPostContentProps> = async (props) => {
|
||||
const { content } = props
|
||||
|
||||
return (
|
||||
@@ -90,13 +87,7 @@ export const BlogPostContent: React.FC<BlogPostContentProps> = async (
|
||||
const source = src.replace("../../../apps/website/public/", "/")
|
||||
return (
|
||||
<span className="flex flex-col items-center justify-center">
|
||||
<Image
|
||||
src={source}
|
||||
alt={alt}
|
||||
width={1000}
|
||||
height={1000}
|
||||
className="size-auto"
|
||||
/>
|
||||
<Image src={source} alt={alt} width={1000} height={1000} className="size-auto" />
|
||||
</span>
|
||||
)
|
||||
},
|
||||
@@ -109,9 +100,7 @@ export const BlogPostContent: React.FC<BlogPostContentProps> = async (
|
||||
if (hrefString.startsWith("../posts/")) {
|
||||
return (
|
||||
<Link
|
||||
href={hrefString
|
||||
.replace("../posts/", "/blog/")
|
||||
.replace(".md", "")}
|
||||
href={hrefString.replace("../posts/", "/blog/").replace(".md", "")}
|
||||
{...rest}
|
||||
/>
|
||||
)
|
||||
|
||||
@@ -19,9 +19,7 @@ export const BlogPostUI: React.FC<BlogPostUIProps> = (props) => {
|
||||
<Typography variant="h2" as="h1">
|
||||
{blogPost.frontmatter.title}
|
||||
</Typography>
|
||||
<p className="mt-2">
|
||||
{getISODate(new Date(blogPost.frontmatter.publishedOn))}
|
||||
</p>
|
||||
<p className="mt-2">{getISODate(new Date(blogPost.frontmatter.publishedOn))}</p>
|
||||
</div>
|
||||
<BlogPostContent content={blogPost.content} />
|
||||
</MainLayout>
|
||||
|
||||
@@ -14,9 +14,7 @@ export const BlogPosts: React.FC<BlogPostsProps> = (props) => {
|
||||
return (
|
||||
<ul className="list-none">
|
||||
{posts.map((post) => {
|
||||
const postPublishedOn = getISODate(
|
||||
new Date(post.frontmatter.publishedOn),
|
||||
)
|
||||
const postPublishedOn = getISODate(new Date(post.frontmatter.publishedOn))
|
||||
|
||||
return (
|
||||
<li key={post.slug}>
|
||||
|
||||
@@ -4,14 +4,7 @@ import path from "node:path"
|
||||
import matter from "gray-matter"
|
||||
import type { BlogPost, FrontMatter } from "./BlogPost.tsx"
|
||||
|
||||
export const BLOG_POSTS_PATH = path.join(
|
||||
process.cwd(),
|
||||
"..",
|
||||
"..",
|
||||
"packages",
|
||||
"blog",
|
||||
"posts",
|
||||
)
|
||||
export const BLOG_POSTS_PATH = path.join(process.cwd(), "..", "..", "packages", "blog", "posts")
|
||||
|
||||
export const getBlogPosts = async (): Promise<BlogPost[]> => {
|
||||
const blogPosts = await fs.promises.readdir(BLOG_POSTS_PATH)
|
||||
@@ -48,9 +41,7 @@ export const getBlogPosts = async (): Promise<BlogPost[]> => {
|
||||
return blogPostsSortedByPublicationDate
|
||||
}
|
||||
|
||||
export const getBlogPostBySlug = async (
|
||||
slug: string,
|
||||
): Promise<BlogPost | undefined> => {
|
||||
export const getBlogPostBySlug = async (slug: string): Promise<BlogPost | undefined> => {
|
||||
const blogPosts = await getBlogPosts()
|
||||
const blogPost = blogPosts.find((blogPost) => {
|
||||
return blogPost.slug === slug
|
||||
|
||||
@@ -2,10 +2,6 @@
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"types": [
|
||||
"@total-typescript/ts-reset",
|
||||
"@types/node",
|
||||
"@repo/i18n/messages.d.ts"
|
||||
]
|
||||
"types": ["@total-typescript/ts-reset", "@types/node", "@repo/i18n/messages.d.ts"]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
@@ -10,7 +10,6 @@
|
||||
"./routing": "./src/routing.ts"
|
||||
},
|
||||
"scripts": {
|
||||
"lint:eslint": "eslint src --max-warnings 0",
|
||||
"lint:typescript": "tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
@@ -21,13 +20,10 @@
|
||||
"react-dom": "catalog:"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@repo/config-eslint": "workspace:*",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"@types/react": "catalog:",
|
||||
"@types/react-dom": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"typescript-eslint": "catalog:",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,18 +8,11 @@ import { deepMerge } from "@repo/utils/objects"
|
||||
|
||||
export default getRequestConfig(async ({ requestLocale }) => {
|
||||
const requested = await requestLocale
|
||||
const locale = hasLocale(routing.locales, requested)
|
||||
? requested
|
||||
: routing.defaultLocale
|
||||
const locale = hasLocale(routing.locales, requested) ? requested : routing.defaultLocale
|
||||
|
||||
const userMessages = (await import(`./translations/${locale}.json`)).default
|
||||
const defaultMessages = (
|
||||
await import(`./translations/${LOCALE_DEFAULT}.json`)
|
||||
).default
|
||||
const messages = deepMerge<AbstractIntlMessages>(
|
||||
defaultMessages,
|
||||
userMessages,
|
||||
)
|
||||
const defaultMessages = (await import(`./translations/${LOCALE_DEFAULT}.json`)).default
|
||||
const messages = deepMerge<AbstractIntlMessages>(defaultMessages, userMessages)
|
||||
|
||||
return {
|
||||
locale,
|
||||
|
||||
@@ -23,11 +23,5 @@ export const routing = defineRouting({
|
||||
localePrefix: LOCALE_PREFIX,
|
||||
})
|
||||
|
||||
export const {
|
||||
Link,
|
||||
redirect,
|
||||
usePathname,
|
||||
useRouter,
|
||||
getPathname,
|
||||
permanentRedirect,
|
||||
} = createNavigation(routing)
|
||||
export const { Link, redirect, usePathname, useRouter, getPathname, permanentRedirect } =
|
||||
createNavigation(routing)
|
||||
|
||||
@@ -164,13 +164,7 @@
|
||||
"name": "Backend",
|
||||
},
|
||||
{
|
||||
"keywords": [
|
||||
"GNU/Linux",
|
||||
"Arch Linux",
|
||||
"Visual Studio Code",
|
||||
"Git",
|
||||
"Docker",
|
||||
],
|
||||
"keywords": ["GNU/Linux", "Arch Linux", "Visual Studio Code", "Git", "Docker"],
|
||||
"name": "Logiciels et outils",
|
||||
},
|
||||
{
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
@@ -23,14 +23,12 @@
|
||||
"./Layout/Section": "./src/Layout/Section/Section.tsx"
|
||||
},
|
||||
"scripts": {
|
||||
"lint:eslint": "eslint src --max-warnings 0",
|
||||
"lint:typescript": "tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
"@repo/config-tailwind": "workspace:*",
|
||||
"@repo/utils": "workspace:*",
|
||||
"@repo/i18n": "workspace:*",
|
||||
"cva": "catalog:",
|
||||
"@repo/utils": "workspace:*",
|
||||
"next": "catalog:",
|
||||
"next-intl": "catalog:",
|
||||
"next-themes": "catalog:",
|
||||
@@ -39,18 +37,15 @@
|
||||
"react-icons": "catalog:"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@repo/config-eslint": "workspace:*",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@storybook/nextjs": "catalog:",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"@types/react": "catalog:",
|
||||
"@types/react-dom": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"storybook": "catalog:",
|
||||
"@storybook/nextjs": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"postcss": "catalog:",
|
||||
"storybook": "catalog:",
|
||||
"tailwindcss": "catalog:",
|
||||
"@tailwindcss/postcss": "catalog:",
|
||||
"typescript-eslint": "catalog:",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,9 +4,7 @@ import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
|
||||
|
||||
export interface CurriculumVitaeEducationProps {}
|
||||
|
||||
export const CurriculumVitaeEducation: React.FC<
|
||||
CurriculumVitaeEducationProps
|
||||
> = () => {
|
||||
export const CurriculumVitaeEducation: React.FC<CurriculumVitaeEducationProps> = () => {
|
||||
const t = useTranslations()
|
||||
|
||||
const educations = [
|
||||
@@ -27,20 +25,15 @@ export const CurriculumVitaeEducation: React.FC<
|
||||
title: t("curriculum-vitae.education.iut.years.2021-2022.title"),
|
||||
courses: [
|
||||
t("curriculum-vitae.education.iut.years.2021-2022.courses.java"),
|
||||
t(
|
||||
"curriculum-vitae.education.iut.years.2021-2022.courses.systems-c",
|
||||
),
|
||||
t("curriculum-vitae.education.iut.years.2021-2022.courses.systems-c"),
|
||||
// t(
|
||||
// "curriculum-vitae.education.iut.years.2021-2022.courses.windows-forms",
|
||||
// ),
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2021-2022.courses.sql",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
t.rich("curriculum-vitae.education.iut.years.2021-2022.courses.sql", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
),
|
||||
}),
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -48,49 +41,35 @@ export const CurriculumVitaeEducation: React.FC<
|
||||
title: t("curriculum-vitae.education.iut.years.2022-2023.title"),
|
||||
courses: [
|
||||
t("curriculum-vitae.education.iut.years.2022-2023.courses.web"),
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2022-2023.courses.tests",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
t.rich("curriculum-vitae.education.iut.years.2022-2023.courses.tests", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
),
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2022-2023.courses.clean-code",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
}),
|
||||
t.rich("curriculum-vitae.education.iut.years.2022-2023.courses.clean-code", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
),
|
||||
}),
|
||||
// t("curriculum-vitae.education.iut.years.2022-2023.courses.sql-security"),
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2022-2023.courses.systems-c",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
t.rich("curriculum-vitae.education.iut.years.2022-2023.courses.systems-c", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
),
|
||||
}),
|
||||
],
|
||||
},
|
||||
{
|
||||
year: t("curriculum-vitae.education.iut.years.2023-2024.description"),
|
||||
title: t("curriculum-vitae.education.iut.years.2023-2024.title"),
|
||||
courses: [
|
||||
t.rich(
|
||||
"curriculum-vitae.education.iut.years.2023-2024.courses.web",
|
||||
{
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
t.rich("curriculum-vitae.education.iut.years.2023-2024.courses.web", {
|
||||
strong: (children) => {
|
||||
return <strong>{children}</strong>
|
||||
},
|
||||
),
|
||||
}),
|
||||
t("curriculum-vitae.education.iut.years.2023-2024.courses.ci-cd"),
|
||||
t(
|
||||
"curriculum-vitae.education.iut.years.2023-2024.courses.complexity-algorithms",
|
||||
),
|
||||
t("curriculum-vitae.education.iut.years.2023-2024.courses.complexity-algorithms"),
|
||||
t("curriculum-vitae.education.iut.years.2023-2024.courses.no-sql"),
|
||||
],
|
||||
},
|
||||
|
||||
@@ -4,9 +4,7 @@ import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
|
||||
|
||||
export interface CurriculumVitaeInterestsProps {}
|
||||
|
||||
export const CurriculumVitaeInterests: React.FC<
|
||||
CurriculumVitaeInterestsProps
|
||||
> = () => {
|
||||
export const CurriculumVitaeInterests: React.FC<CurriculumVitaeInterestsProps> = () => {
|
||||
const t = useTranslations()
|
||||
|
||||
const interests = [
|
||||
@@ -16,22 +14,14 @@ export const CurriculumVitaeInterests: React.FC<
|
||||
},
|
||||
"link-github": (children) => {
|
||||
return (
|
||||
<a
|
||||
href="https://github.com/theoludwig"
|
||||
target="_blank"
|
||||
className="font-semibold"
|
||||
>
|
||||
<a href="https://github.com/theoludwig" target="_blank" className="font-semibold">
|
||||
{children}
|
||||
</a>
|
||||
)
|
||||
},
|
||||
"link-leon": (children) => {
|
||||
return (
|
||||
<a
|
||||
href="https://github.com/leon-ai/leon"
|
||||
target="_blank"
|
||||
className="font-semibold"
|
||||
>
|
||||
<a href="https://github.com/leon-ai/leon" target="_blank" className="font-semibold">
|
||||
{children}
|
||||
</a>
|
||||
)
|
||||
|
||||
@@ -6,9 +6,7 @@ import { Locales } from "../Layout/Header/Locales/Locales.tsx"
|
||||
|
||||
export interface CurriculumVitaeProfileProps {}
|
||||
|
||||
export const CurriculumVitaeProfile: React.FC<
|
||||
CurriculumVitaeProfileProps
|
||||
> = () => {
|
||||
export const CurriculumVitaeProfile: React.FC<CurriculumVitaeProfileProps> = () => {
|
||||
const t = useTranslations()
|
||||
|
||||
return (
|
||||
@@ -30,9 +28,7 @@ export const CurriculumVitaeProfile: React.FC<
|
||||
<h1 className="h3 my-1!">
|
||||
<strong>{t("meta.title")}</strong>
|
||||
</h1>
|
||||
<h2 className="text-muted h5 font-semibold">
|
||||
{t("curriculum-vitae.description")}
|
||||
</h2>
|
||||
<h2 className="text-muted h5 font-semibold">{t("curriculum-vitae.description")}</h2>
|
||||
<h2 className="text-muted h5">
|
||||
<BirthDate />
|
||||
</h2>
|
||||
|
||||
@@ -4,9 +4,7 @@ export interface CurriculumVitaeSectionProps extends React.PropsWithChildren {
|
||||
title: string
|
||||
}
|
||||
|
||||
export const CurriculumVitaeSection: React.FC<CurriculumVitaeSectionProps> = (
|
||||
props,
|
||||
) => {
|
||||
export const CurriculumVitaeSection: React.FC<CurriculumVitaeSectionProps> = (props) => {
|
||||
const { id, icon, title, children } = props
|
||||
|
||||
return (
|
||||
|
||||
@@ -1,16 +1,11 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { FaToolbox } from "react-icons/fa"
|
||||
import {
|
||||
SKILL_CATEGORIES,
|
||||
SKILL_NAMES_BY_CATEGORY,
|
||||
} from "../Home/Skills/skills.ts"
|
||||
import { SKILL_CATEGORIES, SKILL_NAMES_BY_CATEGORY } from "../Home/Skills/skills.ts"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
|
||||
|
||||
export interface CurriculumVitaeSkillsProps {}
|
||||
|
||||
export const CurriculumVitaeSkills: React.FC<
|
||||
CurriculumVitaeSkillsProps
|
||||
> = () => {
|
||||
export const CurriculumVitaeSkills: React.FC<CurriculumVitaeSkillsProps> = () => {
|
||||
const t = useTranslations()
|
||||
|
||||
const skills = [
|
||||
@@ -23,11 +18,7 @@ export const CurriculumVitaeSkills: React.FC<
|
||||
}),
|
||||
{
|
||||
category: "others",
|
||||
skillNames: [
|
||||
t("fr-FR-main"),
|
||||
t("locales.en-US"),
|
||||
t("home.skills.driving-license"),
|
||||
],
|
||||
skillNames: [t("fr-FR-main"), t("locales.en-US"), t("home.skills.driving-license")],
|
||||
},
|
||||
] as const
|
||||
|
||||
|
||||
@@ -136,10 +136,7 @@ export const LinkWithIcons: Story = {
|
||||
<Button leftIcon={<FaCheck size={18} />} {...(args as ButtonLinkProps)}>
|
||||
Link Left Icon
|
||||
</Button>
|
||||
<Button
|
||||
rightIcon={<FaCheck size={18} />}
|
||||
{...(args as ButtonLinkProps)}
|
||||
>
|
||||
<Button rightIcon={<FaCheck size={18} />} {...(args as ButtonLinkProps)}>
|
||||
Link Right Icon
|
||||
</Button>
|
||||
</ButtonContainer>
|
||||
|
||||
@@ -1,32 +1,37 @@
|
||||
import { classNames } from "@repo/config-tailwind/classNames"
|
||||
import { Link as NextLink } from "@repo/i18n/routing"
|
||||
import type { VariantProps } from "cva"
|
||||
import { cva } from "cva"
|
||||
|
||||
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:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
||||
variants: {
|
||||
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-primary border bg-transparent hover:text-white",
|
||||
},
|
||||
size: {
|
||||
small: "h-9 rounded-md px-3",
|
||||
medium: "h-10 px-4 py-2",
|
||||
large: "h-11 rounded-md px-8",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "solid",
|
||||
size: "medium",
|
||||
},
|
||||
})
|
||||
const BUTTON_VARIANTS = ["solid", "outline"] as const
|
||||
type ButtonVariant = (typeof BUTTON_VARIANTS)[number]
|
||||
|
||||
const BUTTON_SIZES = ["small", "medium", "large"] as const
|
||||
type ButtonSize = (typeof BUTTON_SIZES)[number]
|
||||
|
||||
const buttonVariants = (options?: { variant?: ButtonVariant; size?: ButtonSize }): string => {
|
||||
const { variant = "solid", size = "medium" } = options ?? {}
|
||||
return classNames(
|
||||
"relative inline-flex items-center justify-center overflow-hidden rounded-md text-base font-semibold transition duration-150 ease-in-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
||||
{
|
||||
"bg-primary text-white hover:bg-primary/80": variant === "solid",
|
||||
|
||||
"border border-primary/60 bg-transparent text-primary hover:border-primary hover:bg-primary hover:text-white dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark":
|
||||
variant === "outline",
|
||||
},
|
||||
{
|
||||
"h-9 rounded-md px-3": size === "small",
|
||||
"h-10 px-4 py-2": size === "medium",
|
||||
"h-11 rounded-md px-8": size === "large",
|
||||
},
|
||||
)
|
||||
}
|
||||
|
||||
interface ButtonBaseProps {
|
||||
variant?: ButtonVariant
|
||||
size?: ButtonSize
|
||||
|
||||
interface ButtonBaseProps extends VariantProps<typeof buttonVariants> {
|
||||
leftIcon?: React.ReactNode
|
||||
rightIcon?: React.ReactNode
|
||||
disabled?: boolean
|
||||
@@ -34,14 +39,10 @@ interface ButtonBaseProps extends VariantProps<typeof buttonVariants> {
|
||||
}
|
||||
|
||||
interface ButtonElementProps extends React.ComponentPropsWithoutRef<"button"> {}
|
||||
interface LinkElementProps extends React.ComponentPropsWithoutRef<
|
||||
typeof NextLink
|
||||
> {}
|
||||
interface LinkElementProps extends React.ComponentPropsWithoutRef<typeof NextLink> {}
|
||||
|
||||
export type ButtonLinkProps = ButtonBaseProps &
|
||||
LinkElementProps & { href: string }
|
||||
export type ButtonButtonProps = ButtonBaseProps &
|
||||
ButtonElementProps & { href?: never }
|
||||
export type ButtonLinkProps = ButtonBaseProps & LinkElementProps & { href: string }
|
||||
export type ButtonButtonProps = ButtonBaseProps & ButtonElementProps & { href?: never }
|
||||
|
||||
export type ButtonProps = ButtonButtonProps | ButtonLinkProps
|
||||
|
||||
@@ -51,18 +52,13 @@ export type ButtonProps = ButtonButtonProps | ButtonLinkProps
|
||||
* @returns
|
||||
*/
|
||||
export const Button: React.FC<ButtonProps> = (props) => {
|
||||
const rippleColor =
|
||||
props.variant === "outline" ? "rgb(30, 64, 175)" : "rgb(229, 231, 235)"
|
||||
const rippleColor = props.variant === "outline" ? "rgb(30, 64, 175)" : "rgb(229, 231, 235)"
|
||||
|
||||
if (typeof props.href === "string") {
|
||||
const { variant, size, leftIcon, rightIcon, className, children, ...rest } =
|
||||
props
|
||||
const { variant, size, leftIcon, rightIcon, className, children, ...rest } = props
|
||||
|
||||
return (
|
||||
<NextLink
|
||||
className={classNames(buttonVariants({ variant, size }), className)}
|
||||
{...rest}
|
||||
>
|
||||
<NextLink className={classNames(buttonVariants({ variant, size }), className)} {...rest}>
|
||||
{leftIcon != null ? <span className="mr-2">{leftIcon}</span> : null}
|
||||
<span>{children}</span>
|
||||
{rightIcon != null ? <span className="ml-2">{rightIcon}</span> : null}
|
||||
@@ -98,13 +94,9 @@ export const Button: React.FC<ButtonProps> = (props) => {
|
||||
disabled={isDisabled}
|
||||
{...rest}
|
||||
>
|
||||
{leftIconElement != null ? (
|
||||
<span className="mr-2">{leftIconElement}</span>
|
||||
) : null}
|
||||
{leftIconElement != null ? <span className="mr-2">{leftIconElement}</span> : null}
|
||||
<span>{children}</span>
|
||||
{rightIcon != null && !isLoading ? (
|
||||
<span className="ml-2">{rightIcon}</span>
|
||||
) : null}
|
||||
{rightIcon != null && !isLoading ? <span className="ml-2">{rightIcon}</span> : null}
|
||||
|
||||
<Ripple color={rippleColor} />
|
||||
</button>
|
||||
|
||||
@@ -17,7 +17,7 @@ export const Link: React.FC<LinkProps> = (props) => {
|
||||
return (
|
||||
<NextLink
|
||||
className={classNames(
|
||||
"text-primary dark:text-primary-dark inline-flex items-center gap-1 font-semibold hover:underline focus:rounded-md focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
|
||||
"inline-flex items-center gap-1 font-semibold text-primary hover:underline focus:rounded-md focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none dark:text-primary-dark",
|
||||
className,
|
||||
)}
|
||||
target={target}
|
||||
@@ -25,11 +25,7 @@ export const Link: React.FC<LinkProps> = (props) => {
|
||||
>
|
||||
{children}
|
||||
|
||||
{target === "_blank" && isExternal ? (
|
||||
<FiExternalLink size={16} strokeWidth={2.5} />
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{target === "_blank" && isExternal ? <FiExternalLink size={16} strokeWidth={2.5} /> : <></>}
|
||||
</NextLink>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -20,7 +20,7 @@ export const Spinner: React.FC<SpinnerProps> = (props) => {
|
||||
height: size,
|
||||
}}
|
||||
className={classNames(
|
||||
"text-primary dark:text-primary-dark flex animate-spin rounded-full border-2 border-current border-t-transparent",
|
||||
"flex animate-spin rounded-full border-2 border-current border-t-transparent text-primary dark:text-primary-dark",
|
||||
className,
|
||||
)}
|
||||
role="status"
|
||||
|
||||
@@ -67,8 +67,7 @@ export const Variants: Story = {
|
||||
</Typography>
|
||||
|
||||
<Typography as="p" variant="text1">
|
||||
<abbr title="Cascading Style Sheets">CSS</abbr> (Abbreviation or
|
||||
Acronym)
|
||||
<abbr title="Cascading Style Sheets">CSS</abbr> (Abbreviation or Acronym)
|
||||
</Typography>
|
||||
|
||||
<Typography as="p" variant="text1">
|
||||
@@ -76,8 +75,8 @@ export const Variants: Story = {
|
||||
</Typography>
|
||||
|
||||
<Typography as="p" variant="text1">
|
||||
A <dfn id="def-validator">validator</dfn> is a program that checks for
|
||||
syntax errors in code or documents. (Definition)
|
||||
A <dfn id="def-validator">validator</dfn> is a program that checks for syntax errors in
|
||||
code or documents. (Definition)
|
||||
</Typography>
|
||||
|
||||
<Typography as="blockquote" variant="text1">
|
||||
|
||||
@@ -1,26 +1,27 @@
|
||||
import { classNames } from "@repo/config-tailwind/classNames"
|
||||
import type { VariantProps } from "cva"
|
||||
import { cva } from "cva"
|
||||
|
||||
const typographyVariants = cva({
|
||||
variants: {
|
||||
variant: {
|
||||
h1: "text-primary dark:text-primary-dark text-4xl font-semibold",
|
||||
h2: "text-primary dark:text-primary-dark text-3xl font-semibold",
|
||||
h3: "text-primary dark:text-primary-dark text-2xl font-semibold",
|
||||
h4: "text-primary dark:text-primary-dark text-xl font-semibold",
|
||||
h5: "text-primary dark:text-primary-dark text-xl font-medium",
|
||||
h6: "text-primary dark:text-primary-dark text-lg font-medium",
|
||||
text1: "text-base break-words",
|
||||
text2: "text-sm break-words",
|
||||
},
|
||||
},
|
||||
})
|
||||
const TYPOGRAPHY_VARIANTS = ["h1", "h2", "h3", "h4", "h5", "h6", "text1", "text2"] as const
|
||||
type TypographyVariant = (typeof TYPOGRAPHY_VARIANTS)[number]
|
||||
|
||||
const typographyVariants = (options?: { variant?: TypographyVariant }): string => {
|
||||
const { variant = "text1" } = options ?? {}
|
||||
return classNames({
|
||||
"text-4xl font-semibold text-primary dark:text-primary-dark": variant === "h1",
|
||||
"text-3xl font-semibold text-primary dark:text-primary-dark": variant === "h2",
|
||||
"text-2xl font-semibold text-primary dark:text-primary-dark": variant === "h3",
|
||||
"text-xl font-semibold text-primary dark:text-primary-dark": variant === "h4",
|
||||
"text-xl font-medium text-primary dark:text-primary-dark": variant === "h5",
|
||||
"text-lg font-medium text-primary dark:text-primary-dark": variant === "h6",
|
||||
"text-base wrap-break-word": variant === "text1",
|
||||
"text-sm wrap-break-word": variant === "text2",
|
||||
})
|
||||
}
|
||||
|
||||
export type TypographyProps<Component extends React.ElementType = "p"> = {
|
||||
as?: Component
|
||||
} & React.ComponentPropsWithoutRef<Component> &
|
||||
VariantProps<typeof typographyVariants>
|
||||
} & React.ComponentPropsWithoutRef<Component> & {
|
||||
variant?: TypographyVariant
|
||||
}
|
||||
|
||||
/**
|
||||
* Typography and styling abstraction component used to ensure consistency and standardize text throughout your application.
|
||||
@@ -35,10 +36,7 @@ export const Typography = <Component extends React.ElementType = "p">(
|
||||
const ComponentAs = as
|
||||
|
||||
return (
|
||||
<ComponentAs
|
||||
className={classNames(typographyVariants({ variant }), className)}
|
||||
{...rest}
|
||||
>
|
||||
<ComponentAs className={classNames(typographyVariants({ variant }), className)} {...rest}>
|
||||
{children}
|
||||
</ComponentAs>
|
||||
)
|
||||
|
||||
@@ -17,8 +17,7 @@ export const ErrorNotFound: React.FC<ErrorNotFoundProps> = () => {
|
||||
</Typography>
|
||||
|
||||
<Typography variant="text1" as="p" className="mt-4">
|
||||
{t("errors.page-doesnt-exist")}{" "}
|
||||
<Link href="/">{t("errors.return-to-home-page")}</Link>
|
||||
{t("errors.page-doesnt-exist")} <Link href="/">{t("errors.return-to-home-page")}</Link>
|
||||
</Typography>
|
||||
</Section>
|
||||
</MainLayout>
|
||||
|
||||
@@ -8,7 +8,7 @@ export const AboutDescription: React.FC<AboutDescriptionProps> = () => {
|
||||
const t = useTranslations()
|
||||
|
||||
return (
|
||||
<div className="dark:text-gray-lighter my-6 max-w-md text-center text-black">
|
||||
<div className="my-6 max-w-md text-center text-black dark:text-gray-lighter">
|
||||
<Typography as="p" variant="text1" className="my-6">
|
||||
{t.rich("home.about.description", {
|
||||
strong: (children) => {
|
||||
|
||||
@@ -9,10 +9,8 @@ export const AboutItem: React.FC<AboutItemProps> = (props) => {
|
||||
|
||||
return (
|
||||
<li className="flex items-center justify-between sm:justify-start">
|
||||
<strong className="w-24 text-sm text-black lg:w-32 dark:text-white">
|
||||
{label}
|
||||
</strong>
|
||||
<span className="dark:text-gray-lighter block text-sm font-normal text-black">
|
||||
<strong className="w-24 text-sm text-black lg:w-32 dark:text-white">{label}</strong>
|
||||
<span className="block text-sm font-normal text-black dark:text-gray-lighter">
|
||||
{link != null ? (
|
||||
<a className="hover:underline" href={link}>
|
||||
{value}
|
||||
|
||||
@@ -9,14 +9,8 @@ export const AboutList: React.FC<AboutListProps> = () => {
|
||||
|
||||
return (
|
||||
<ul className="my-6 list-none space-y-3">
|
||||
<AboutItem
|
||||
label={t("home.about.pronouns.label")}
|
||||
value={t("home.about.pronouns.value")}
|
||||
/>
|
||||
<AboutItem
|
||||
label={t("home.about.birth-date.label")}
|
||||
value={<BirthDate />}
|
||||
/>
|
||||
<AboutItem label={t("home.about.pronouns.label")} value={t("home.about.pronouns.value")} />
|
||||
<AboutItem label={t("home.about.birth-date.label")} value={<BirthDate />} />
|
||||
<AboutItem
|
||||
label={t("home.about.nationality.label")}
|
||||
value={t("home.about.nationality.value")}
|
||||
|
||||
@@ -8,13 +8,7 @@ export const AboutLogo: React.FC<AboutLogoProps> = () => {
|
||||
|
||||
return (
|
||||
<div className="max-h-[370px] max-w-[370px] px-2 py-6">
|
||||
<Image
|
||||
src="/images/logo.webp"
|
||||
alt={t("meta.title")}
|
||||
width={800}
|
||||
height={800}
|
||||
priority
|
||||
/>
|
||||
<Image src="/images/logo.webp" alt={t("meta.title")} width={800} height={800} priority />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -7,10 +7,7 @@ export const Icon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
className={classNames(
|
||||
"size-8 fill-current text-black dark:text-white",
|
||||
className,
|
||||
)}
|
||||
className={classNames("size-8 fill-current text-black dark:text-white", className)}
|
||||
{...rest}
|
||||
>
|
||||
{children}
|
||||
|
||||
@@ -24,24 +24,15 @@ export const SocialMediaList: React.FC<SocialMediaListProps> = () => {
|
||||
<NPMIcon />
|
||||
</SocialMediaItem>
|
||||
|
||||
<SocialMediaItem
|
||||
link="https://twitter.com/theoludwig_"
|
||||
ariaLabel="X/Twitter"
|
||||
>
|
||||
<SocialMediaItem link="https://twitter.com/theoludwig_" ariaLabel="X/Twitter">
|
||||
<TwitterIcon />
|
||||
</SocialMediaItem>
|
||||
|
||||
<SocialMediaItem
|
||||
link="https://www.youtube.com/@theo_ludwig"
|
||||
ariaLabel="YouTube"
|
||||
>
|
||||
<SocialMediaItem link="https://www.youtube.com/@theo_ludwig" ariaLabel="YouTube">
|
||||
<YouTubeIcon />
|
||||
</SocialMediaItem>
|
||||
|
||||
<SocialMediaItem
|
||||
link="https://www.twitch.tv/theoludwig"
|
||||
ariaLabel="Twitch"
|
||||
>
|
||||
<SocialMediaItem link="https://www.twitch.tv/theoludwig" ariaLabel="Twitch">
|
||||
<TwitchIcon />
|
||||
</SocialMediaItem>
|
||||
|
||||
|
||||
@@ -14,11 +14,7 @@ export const InterestItem: React.FC<InterestItemProps> = (props) => {
|
||||
{title}
|
||||
</Typography>
|
||||
|
||||
<Typography
|
||||
as="p"
|
||||
variant="text1"
|
||||
className="dark:text-gray-lighter my-2 text-black"
|
||||
>
|
||||
<Typography as="p" variant="text1" className="my-2 text-black dark:text-gray-lighter">
|
||||
{description}
|
||||
</Typography>
|
||||
</div>
|
||||
|
||||
@@ -2,11 +2,7 @@ import { GIT_REPO_LINK } from "@repo/utils/constants"
|
||||
import { useTranslations } from "next-intl"
|
||||
import { FaGit, FaMicrochip } from "react-icons/fa"
|
||||
import { Link } from "../../Design/Link/Link.tsx"
|
||||
import {
|
||||
Section,
|
||||
SectionContent,
|
||||
SectionTitle,
|
||||
} from "../../Layout/Section/Section.tsx"
|
||||
import { Section, SectionContent, SectionTitle } from "../../Layout/Section/Section.tsx"
|
||||
import { InterestItem } from "./InterestItem.tsx"
|
||||
|
||||
export interface InterestsProps {}
|
||||
@@ -59,13 +55,7 @@ export const Interests: React.FC<InterestsProps> = () => {
|
||||
<SectionContent shadowContainer>
|
||||
<div className="max-w-full">
|
||||
{items.map((item) => {
|
||||
return (
|
||||
<InterestItem
|
||||
key={item.id}
|
||||
title={item.title}
|
||||
description={item.description}
|
||||
/>
|
||||
)
|
||||
return <InterestItem key={item.id} title={item.title} description={item.description} />
|
||||
})}
|
||||
</div>
|
||||
|
||||
@@ -74,7 +64,7 @@ export const Interests: React.FC<InterestsProps> = () => {
|
||||
{items.map((item) => {
|
||||
return (
|
||||
<li className="m-2 size-8" key={item.id} title={item.title}>
|
||||
<item.Icon className="text-primary dark:text-primary-dark block size-full" />
|
||||
<item.Icon className="block size-full text-primary dark:text-primary-dark" />
|
||||
</li>
|
||||
)
|
||||
})}
|
||||
|
||||
@@ -1,9 +1,5 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import {
|
||||
Section,
|
||||
SectionDescription,
|
||||
SectionTitle,
|
||||
} from "../../Layout/Section/Section.tsx"
|
||||
import { Section, SectionDescription, SectionTitle } from "../../Layout/Section/Section.tsx"
|
||||
import { Repository } from "./Repository.tsx"
|
||||
|
||||
export interface OpenSourceProps {}
|
||||
@@ -14,9 +10,7 @@ export const OpenSource: React.FC<OpenSourceProps> = () => {
|
||||
return (
|
||||
<Section verticalSpacing horizontalSpacing id="open-source">
|
||||
<SectionTitle>{t("home.open-source.title")}</SectionTitle>
|
||||
<SectionDescription>
|
||||
{t("home.open-source.description")}
|
||||
</SectionDescription>
|
||||
<SectionDescription>{t("home.open-source.description")}</SectionDescription>
|
||||
|
||||
<div className="flex max-w-full flex-col items-center">
|
||||
<ul className="grid list-none grid-cols-1 gap-6 md:w-10/12 md:grid-cols-2">
|
||||
|
||||
@@ -20,9 +20,7 @@ export const Repository: React.FC<RepositoryProps> = (props) => {
|
||||
>
|
||||
<Typography as="h3" variant="text1" className="flex items-center">
|
||||
<GitHubIcon className="mr-2 h-6" />
|
||||
<span className="text-primary dark:text-primary-dark font-semibold">
|
||||
{name}
|
||||
</span>
|
||||
<span className="font-semibold text-primary dark:text-primary-dark">{name}</span>
|
||||
</Typography>
|
||||
<p className="mt-4">{description}</p>
|
||||
</SectionContent>
|
||||
|
||||
@@ -26,10 +26,7 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
|
||||
href={link}
|
||||
aria-label={title}
|
||||
>
|
||||
<SectionContent
|
||||
className="relative cursor-pointer items-center p-0 sm:p-0"
|
||||
shadowContainer
|
||||
>
|
||||
<SectionContent className="relative cursor-pointer items-center p-0 sm:p-0" shadowContainer>
|
||||
<div className="flex justify-center">
|
||||
<Image
|
||||
className="size-[300px] rounded-xl transition-opacity duration-500 group-hover:opacity-15 dark:group-hover:opacity-5"
|
||||
|
||||
@@ -13,19 +13,14 @@ export const Footer: React.FC<FooterProps> = (props) => {
|
||||
const t = useTranslations()
|
||||
|
||||
return (
|
||||
<footer className="bg-background dark:bg-background-dark border-gray-darker dark:border-gray-darker-dark flex flex-col items-center justify-center border-t-2 p-6 text-lg">
|
||||
<footer className="flex flex-col items-center justify-center border-t-2 border-gray-darker bg-background p-6 text-lg dark:border-gray-darker-dark dark:bg-background-dark">
|
||||
<p>
|
||||
<Link href="/">{t("meta.title")}</Link> |{" "}
|
||||
{t("footer.all-rights-reserved")}
|
||||
<Link href="/">{t("meta.title")}</Link> | {t("footer.all-rights-reserved")}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Version{" "}
|
||||
<Link
|
||||
href={`${GIT_REPO_LINK}/releases/tag/v${version}`}
|
||||
target="_blank"
|
||||
isExternal={false}
|
||||
>
|
||||
<Link href={`${GIT_REPO_LINK}/releases/tag/v${version}`} target="_blank" isExternal={false}>
|
||||
{version}
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
@@ -10,7 +10,7 @@ export const Header: React.FC<HeaderProps> = () => {
|
||||
const t = useTranslations()
|
||||
|
||||
return (
|
||||
<header className="bg-background dark:bg-background-dark border-gray-darker dark:border-gray-darker-dark sticky top-0 z-50 flex w-full justify-between gap-4 border-b-2 px-6 py-2">
|
||||
<header className="sticky top-0 z-50 flex w-full justify-between gap-4 border-b-2 border-gray-darker bg-background px-6 py-2 dark:border-gray-darker-dark dark:bg-background-dark">
|
||||
<h1>
|
||||
<Link href="/" className="flex items-center justify-center">
|
||||
<Image
|
||||
@@ -21,9 +21,7 @@ export const Header: React.FC<HeaderProps> = () => {
|
||||
alt={`${t("meta.title")} Logo`}
|
||||
priority
|
||||
/>
|
||||
<strong className="ml-1 hidden sm:block sm:text-xl">
|
||||
{t("meta.title")}
|
||||
</strong>
|
||||
<strong className="ml-1 hidden sm:block sm:text-xl">{t("meta.title")}</strong>
|
||||
</Link>
|
||||
</h1>
|
||||
|
||||
|
||||
@@ -1,12 +1,6 @@
|
||||
export const Arrow: React.FC = () => {
|
||||
return (
|
||||
<svg
|
||||
width="12"
|
||||
height="8"
|
||||
viewBox="0 0 12 8"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
className="fill-current text-black dark:text-white"
|
||||
d="M9.8024 0.292969L5.61855 4.58597L1.43469 0.292969L0.0566406 1.70697L5.61855 7.41397L11.1805 1.70697L9.8024 0.292969Z"
|
||||
|
||||
@@ -17,11 +17,7 @@ export const Locales: React.FC<LocalesProps> = () => {
|
||||
const pathname = usePathname()
|
||||
const localeCurrent = useLocale()
|
||||
|
||||
const {
|
||||
value: isVisibleMenu,
|
||||
toggle: toggleMenu,
|
||||
setFalse: hideMenu,
|
||||
} = useBoolean()
|
||||
const { value: isVisibleMenu, toggle: toggleMenu, setFalse: hideMenu } = useBoolean()
|
||||
const languageClickRef = useRef<HTMLButtonElement | null>(null)
|
||||
|
||||
useEffect(() => {
|
||||
@@ -47,18 +43,14 @@ export const Locales: React.FC<LocalesProps> = () => {
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-center justify-center">
|
||||
<button
|
||||
ref={languageClickRef}
|
||||
className="flex items-center"
|
||||
onClick={toggleMenu}
|
||||
>
|
||||
<button ref={languageClickRef} className="flex items-center" onClick={toggleMenu}>
|
||||
<LocaleFlag locale={localeCurrent} />
|
||||
<Arrow />
|
||||
</button>
|
||||
|
||||
<ul
|
||||
className={classNames(
|
||||
"shadow-lightFlag dark:shadow-darkFlag bg-background dark:bg-background-dark absolute top-14 z-10 mt-2 flex w-32 list-none flex-col items-center justify-center rounded-lg p-0",
|
||||
"absolute top-14 z-10 mt-2 flex w-32 list-none flex-col items-center justify-center rounded-lg bg-background p-0 shadow-lightFlag dark:bg-background-dark dark:shadow-darkFlag",
|
||||
{ hidden: !isVisibleMenu },
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -3,10 +3,7 @@
|
||||
import { classNames } from "@repo/config-tailwind/classNames"
|
||||
import type { Theme } from "@repo/utils/constants"
|
||||
import { THEME_DEFAULT } from "@repo/utils/constants"
|
||||
import {
|
||||
ThemeProvider as NextThemeProvider,
|
||||
useTheme as useNextTheme,
|
||||
} from "next-themes"
|
||||
import { ThemeProvider as NextThemeProvider, useTheme as useNextTheme } from "next-themes"
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
export interface ThemeProviderProps extends React.PropsWithChildren {
|
||||
@@ -38,7 +35,6 @@ export const useTheme = (): UseThemeOutput => {
|
||||
const [isMounted, setIsMounted] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
// eslint-disable-next-line react-hooks/set-state-in-effect
|
||||
setIsMounted(true)
|
||||
}, [])
|
||||
|
||||
@@ -73,9 +69,7 @@ export const SwitchTheme: React.FC<SwitchThemeProps> = () => {
|
||||
},
|
||||
)}
|
||||
>
|
||||
<span className="relative flex size-[10px] items-center justify-center">
|
||||
🌜
|
||||
</span>
|
||||
<span className="relative flex size-[10px] items-center justify-center">🌜</span>
|
||||
</div>
|
||||
<div
|
||||
className={classNames(
|
||||
@@ -86,9 +80,7 @@ export const SwitchTheme: React.FC<SwitchThemeProps> = () => {
|
||||
},
|
||||
)}
|
||||
>
|
||||
<span className="relative flex size-[10px] items-center justify-center">
|
||||
🌞
|
||||
</span>
|
||||
<span className="relative flex size-[10px] items-center justify-center">🌞</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
|
||||
@@ -9,8 +9,7 @@ export const RevealFade: React.FC<RevealFadeProps> = (props) => {
|
||||
|
||||
const htmlElement = useRef<HTMLDivElement | null>(null)
|
||||
|
||||
const className =
|
||||
"opacity-100 visible translate-y-0 transition-all duration-700 ease-in-out"
|
||||
const className = "opacity-100 visible translate-y-0 transition-all duration-700 ease-in-out"
|
||||
|
||||
useEffect(() => {
|
||||
const observer = new window.IntersectionObserver(
|
||||
|
||||
@@ -10,12 +10,7 @@ export interface SectionProps extends React.ComponentPropsWithoutRef<"section">
|
||||
}
|
||||
|
||||
export const Section: React.FC<SectionProps> = (props) => {
|
||||
const {
|
||||
className,
|
||||
verticalSpacing = false,
|
||||
horizontalSpacing = false,
|
||||
...rest
|
||||
} = props
|
||||
const { className, verticalSpacing = false, horizontalSpacing = false, ...rest } = props
|
||||
|
||||
return (
|
||||
<section
|
||||
@@ -48,9 +43,7 @@ export const SectionTitle: React.FC<SectionTitleProps> = (props) => {
|
||||
|
||||
export interface SectionDescriptionProps extends TypographyProps<"p"> {}
|
||||
|
||||
export const SectionDescription: React.FC<SectionDescriptionProps> = (
|
||||
props,
|
||||
) => {
|
||||
export const SectionDescription: React.FC<SectionDescriptionProps> = (props) => {
|
||||
const { className, ...rest } = props
|
||||
|
||||
return (
|
||||
@@ -75,7 +68,7 @@ export const SectionContent: React.FC<SectionContentProps> = (props) => {
|
||||
className={classNames(
|
||||
"size-full max-w-full px-6 py-4 break-words sm:px-16",
|
||||
{
|
||||
"shadow-light dark:shadow-dark max-w-full rounded-2xl border border-solid border-black":
|
||||
"max-w-full rounded-2xl border border-solid border-black shadow-light dark:shadow-dark":
|
||||
shadowContainer,
|
||||
},
|
||||
className,
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
import typescriptESLint from "typescript-eslint"
|
||||
import { defineConfig } from "eslint/config"
|
||||
import config from "@repo/config-eslint"
|
||||
|
||||
export default defineConfig(...config, {
|
||||
files: ["**/*.ts", "**/*.tsx"],
|
||||
languageOptions: {
|
||||
parser: typescriptESLint.parser,
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
@@ -12,17 +12,13 @@
|
||||
"./urls": "./src/urls.ts"
|
||||
},
|
||||
"scripts": {
|
||||
"lint:eslint": "eslint src --max-warnings 0",
|
||||
"lint:typescript": "tsc --noEmit",
|
||||
"test": "node --test"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@repo/config-eslint": "workspace:*",
|
||||
"@repo/config-typescript": "workspace:*",
|
||||
"@types/node": "catalog:",
|
||||
"@total-typescript/ts-reset": "catalog:",
|
||||
"eslint": "catalog:",
|
||||
"typescript-eslint": "catalog:",
|
||||
"@types/node": "catalog:",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,8 +18,7 @@ export const TIMEZONE = process.env["TZ"] ?? "Europe/Paris"
|
||||
export const BIRTH_DATE_DAY = "31"
|
||||
export const BIRTH_DATE_MONTH = "03"
|
||||
export const BIRTH_DATE_YEAR = "2003"
|
||||
export const BIRTH_DATE_STRING =
|
||||
`${BIRTH_DATE_DAY}/${BIRTH_DATE_MONTH}/${BIRTH_DATE_YEAR}` as const
|
||||
export const BIRTH_DATE_STRING = `${BIRTH_DATE_DAY}/${BIRTH_DATE_MONTH}/${BIRTH_DATE_YEAR}` as const
|
||||
export const BIRTH_DATE_ISO_8601 =
|
||||
`${BIRTH_DATE_YEAR}-${BIRTH_DATE_MONTH}-${BIRTH_DATE_DAY}` as const
|
||||
export const BIRTH_DATE = new Date(BIRTH_DATE_ISO_8601)
|
||||
|
||||
@@ -1,7 +1,4 @@
|
||||
export const deepMerge = <
|
||||
Object1 extends object,
|
||||
Object2 extends object = Object1,
|
||||
>(
|
||||
export const deepMerge = <Object1 extends object, Object2 extends object = Object1>(
|
||||
object1: Object1,
|
||||
object2: Object2,
|
||||
): Object1 & Object2 => {
|
||||
|
||||
@@ -1,14 +1,7 @@
|
||||
/**
|
||||
* Matches any [primitive value](https://developer.mozilla.org/en-US/docs/Glossary/Primitive).
|
||||
*/
|
||||
export type Primitive =
|
||||
| null
|
||||
| undefined
|
||||
| string
|
||||
| number
|
||||
| boolean
|
||||
| symbol
|
||||
| bigint
|
||||
export type Primitive = null | undefined | string | number | boolean | symbol | bigint
|
||||
|
||||
export type Satisfies<U, T extends U> = T
|
||||
|
||||
|
||||
5770
pnpm-lock.yaml
generated
5770
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -7,30 +7,35 @@ catalogMode: "strict"
|
||||
|
||||
catalog:
|
||||
# Turborepo
|
||||
"turbo": "2.6.3"
|
||||
"turbo": "2.8.9"
|
||||
|
||||
# TypeScript
|
||||
# TypeScript/Linting
|
||||
"typescript": "5.9.3"
|
||||
"@types/node": "25.2.3"
|
||||
"@total-typescript/ts-reset": "0.6.1"
|
||||
"@types/node": "24.10.3"
|
||||
"oxlint": "1.47.0"
|
||||
"oxlint-tsgolint": "0.12.2"
|
||||
"oxfmt": "0.32.0"
|
||||
"eslint-config-conventions": "21.2.0"
|
||||
"editorconfig-checker": "6.1.1"
|
||||
|
||||
# Utils
|
||||
"mime": "4.1.0"
|
||||
|
||||
# React.js/Next.js
|
||||
"next": &next "16.0.10"
|
||||
"next-intl": "4.6.0"
|
||||
"next": "16.1.6"
|
||||
"next-intl": "4.8.3"
|
||||
"next-themes": "0.4.6"
|
||||
"react": "19.2.3"
|
||||
"react-dom": "19.2.3"
|
||||
"@types/react": "19.2.7"
|
||||
"react": "19.2.4"
|
||||
"react-dom": "19.2.4"
|
||||
"@types/react": "19.2.14"
|
||||
"@types/react-dom": "19.2.3"
|
||||
"react-icons": "5.5.0"
|
||||
|
||||
# Blog
|
||||
"@giscus/react": "3.1.0"
|
||||
"gray-matter": "4.0.3"
|
||||
"katex": "0.16.27"
|
||||
"katex": "0.16.28"
|
||||
"next-mdx-remote": "5.0.0"
|
||||
"@mdx-js/mdx": "3.1.1"
|
||||
"rehype-katex": "7.0.1"
|
||||
@@ -42,39 +47,22 @@ catalog:
|
||||
"@shikijs/rehype": "1.24.0"
|
||||
|
||||
# Markdown Lint
|
||||
"markdownlint-cli2": "0.20.0"
|
||||
"markdownlint-cli2": "0.21.0"
|
||||
"markdownlint": "0.40.0"
|
||||
"markdownlint-rule-relative-links": "4.2.0"
|
||||
|
||||
# ESLint
|
||||
"globals": "16.5.0"
|
||||
"typescript-eslint": "8.49.0"
|
||||
"eslint": "9.39.1"
|
||||
"eslint-config-conventions": "21.1.1"
|
||||
"eslint-plugin-promise": "7.2.1"
|
||||
"eslint-plugin-unicorn": "62.0.0"
|
||||
"eslint-plugin-import-x": "4.16.1"
|
||||
"@next/eslint-plugin-next": *next
|
||||
"eslint-plugin-react": "7.37.5"
|
||||
"eslint-plugin-react-hooks": "7.0.1"
|
||||
|
||||
# Prettier
|
||||
"prettier": "3.7.4"
|
||||
"prettier-plugin-tailwindcss": "0.7.2"
|
||||
"editorconfig-checker": "6.1.1"
|
||||
"markdownlint-rule-relative-links": "5.0.1"
|
||||
|
||||
# Storybook
|
||||
"storybook": &storybook "10.1.8"
|
||||
"storybook": &storybook "10.2.8"
|
||||
"@storybook/addon-docs": *storybook
|
||||
"@storybook/addon-a11y": *storybook
|
||||
"@storybook/nextjs": *storybook
|
||||
"@storybook/addon-themes": *storybook
|
||||
"@storybook/test-runner": "0.24.2"
|
||||
"@chromatic-com/storybook": "4.1.3"
|
||||
"chromatic": "13.3.4"
|
||||
"@chromatic-com/storybook": "5.0.1"
|
||||
"chromatic": "15.1.0"
|
||||
|
||||
# Testing
|
||||
"playwright": &playwright "1.57.0"
|
||||
"playwright": &playwright "1.58.2"
|
||||
"@playwright/test": *playwright
|
||||
"start-server-and-test": "2.1.3"
|
||||
|
||||
@@ -83,20 +71,14 @@ catalog:
|
||||
"@tailwindcss/postcss": "4.1.18"
|
||||
"@tailwindcss/typography": "0.5.19"
|
||||
"tailwindcss": "4.1.18"
|
||||
"tailwind-merge": "3.4.0"
|
||||
"tailwind-merge": "3.4.1"
|
||||
"clsx": "2.1.1"
|
||||
"cva": "1.0.0-beta.4"
|
||||
"@fontsource/montserrat": "5.2.8"
|
||||
|
||||
onlyBuiltDependencies:
|
||||
- "@swc/core"
|
||||
- "@tailwindcss/oxide"
|
||||
- "core-js-pure"
|
||||
- "esbuild"
|
||||
- "sharp"
|
||||
- "unrs-resolver"
|
||||
- "@parcel/watcher"
|
||||
|
||||
publicHoistPattern:
|
||||
- "*eslint*"
|
||||
- "*prettier*"
|
||||
allowBuilds:
|
||||
"@swc/core": true
|
||||
"@parcel/watcher": true
|
||||
"sharp": true
|
||||
"unrs-resolver": true
|
||||
"core-js-pure": true
|
||||
"esbuild": true
|
||||
|
||||
16
turbo.json
16
turbo.json
@@ -7,23 +7,12 @@
|
||||
"inputs": ["$TURBO_DEFAULT$", ".env*"],
|
||||
"env": ["IS_STANDALONE"],
|
||||
"dependsOn": ["^build"],
|
||||
"outputs": [
|
||||
"build/**",
|
||||
"storybook-static/**",
|
||||
".next/**",
|
||||
"!.next/cache/**"
|
||||
]
|
||||
"outputs": ["build/**", "storybook-static/**", ".next/**", "!.next/cache/**"]
|
||||
},
|
||||
"test": {
|
||||
"dependsOn": ["^test"],
|
||||
"outputs": []
|
||||
},
|
||||
"lint:eslint-transit-node": {
|
||||
"dependsOn": ["^lint:eslint-transit-node"]
|
||||
},
|
||||
"lint:eslint": {
|
||||
"dependsOn": ["lint:eslint-transit-node"]
|
||||
},
|
||||
"lint:typescript-transit-node": {
|
||||
"dependsOn": ["^lint:typescript-transit-node"]
|
||||
},
|
||||
@@ -32,7 +21,8 @@
|
||||
},
|
||||
"typegen": {
|
||||
"dependsOn": ["^typegen"],
|
||||
"outputs": []
|
||||
"outputs": [],
|
||||
"cache": false
|
||||
},
|
||||
"dev": {
|
||||
"cache": false,
|
||||
|
||||
Reference in New Issue
Block a user