mirror of
https://github.com/theoludwig/theoludwig.git
synced 2025-05-29 22:37:44 +02:00
Compare commits
12 Commits
Author | SHA1 | Date | |
---|---|---|---|
a43bfb4a0d
|
|||
69af1bccc3
|
|||
cec70161f7
|
|||
f70a66e251
|
|||
38eb296088
|
|||
43d91bfc28
|
|||
b63cc3a66e
|
|||
270920111a
|
|||
d91feb8de4
|
|||
e68cb08a6f
|
|||
09d677bd37
|
|||
db1159f20c
|
@ -9,3 +9,6 @@ end_of_line = lf
|
|||||||
charset = utf-8
|
charset = utf-8
|
||||||
trim_trailing_whitespace = true
|
trim_trailing_whitespace = true
|
||||||
insert_final_newline = true
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
indent_size = 4
|
||||||
|
@ -1,2 +1,2 @@
|
|||||||
TZ=UTC
|
TZ=Europe/Paris
|
||||||
WEBSITE_PORT=3000
|
WEBSITE_PORT=3000
|
||||||
|
4
.github/ISSUE_TEMPLATE/BUG.md
vendored
4
.github/ISSUE_TEMPLATE/BUG.md
vendored
@ -6,8 +6,8 @@ labels: "bug"
|
|||||||
---
|
---
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Please provide a clear and concise description of what the bug is. Include
|
Please provide a clear and concise description of what the bug is. Include
|
||||||
screenshots if needed. Please make sure your issue has not already been fixed.
|
screenshots if needed. Please make sure your issue has not already been fixed.
|
||||||
-->
|
-->
|
||||||
|
|
||||||
## Steps To Reproduce
|
## Steps To Reproduce
|
||||||
|
10
.github/workflows/chromatic.yml
vendored
10
.github/workflows/chromatic.yml
vendored
@ -10,17 +10,21 @@ jobs:
|
|||||||
chromatic:
|
chromatic:
|
||||||
timeout-minutes: 30
|
timeout-minutes: 30
|
||||||
runs-on: "ubuntu-latest"
|
runs-on: "ubuntu-latest"
|
||||||
|
env:
|
||||||
|
DO_NOT_TRACK: "1"
|
||||||
|
TURBO_TELEMETRY_DISABLED: "1"
|
||||||
|
NEXT_TELEMETRY_DISABLED: "1"
|
||||||
steps:
|
steps:
|
||||||
- uses: "actions/checkout@v4.2.2"
|
- uses: "actions/checkout@v4.2.2"
|
||||||
with:
|
with:
|
||||||
fetch-depth: 0
|
fetch-depth: 0
|
||||||
|
|
||||||
- uses: "pnpm/action-setup@v4.0.0"
|
- uses: "pnpm/action-setup@v4.1.0"
|
||||||
|
|
||||||
- name: "Setup Node.js"
|
- name: "Setup Node.js"
|
||||||
uses: "actions/setup-node@v4.1.0"
|
uses: "actions/setup-node@v4.2.0"
|
||||||
with:
|
with:
|
||||||
node-version: "22.x"
|
node-version: "24.x"
|
||||||
cache: "pnpm"
|
cache: "pnpm"
|
||||||
|
|
||||||
- name: "Install dependencies"
|
- name: "Install dependencies"
|
||||||
|
10
.github/workflows/ci.yml
vendored
10
.github/workflows/ci.yml
vendored
@ -10,15 +10,19 @@ jobs:
|
|||||||
ci:
|
ci:
|
||||||
timeout-minutes: 30
|
timeout-minutes: 30
|
||||||
runs-on: "ubuntu-latest"
|
runs-on: "ubuntu-latest"
|
||||||
|
env:
|
||||||
|
DO_NOT_TRACK: "1"
|
||||||
|
TURBO_TELEMETRY_DISABLED: "1"
|
||||||
|
NEXT_TELEMETRY_DISABLED: "1"
|
||||||
steps:
|
steps:
|
||||||
- uses: "actions/checkout@v4.2.2"
|
- uses: "actions/checkout@v4.2.2"
|
||||||
|
|
||||||
- uses: "pnpm/action-setup@v4.0.0"
|
- uses: "pnpm/action-setup@v4.1.0"
|
||||||
|
|
||||||
- name: "Setup Node.js"
|
- name: "Setup Node.js"
|
||||||
uses: "actions/setup-node@v4.1.0"
|
uses: "actions/setup-node@v4.2.0"
|
||||||
with:
|
with:
|
||||||
node-version: "22.x"
|
node-version: "24.x"
|
||||||
cache: "pnpm"
|
cache: "pnpm"
|
||||||
|
|
||||||
- name: "Install dependencies"
|
- name: "Install dependencies"
|
||||||
|
45
.github/workflows/release.yml
vendored
45
.github/workflows/release.yml
vendored
@ -1,45 +0,0 @@
|
|||||||
name: "Release"
|
|
||||||
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches: [main, staging]
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
release:
|
|
||||||
timeout-minutes: 30
|
|
||||||
runs-on: "ubuntu-latest"
|
|
||||||
permissions:
|
|
||||||
contents: "write"
|
|
||||||
issues: "write"
|
|
||||||
pull-requests: "write"
|
|
||||||
id-token: "write"
|
|
||||||
steps:
|
|
||||||
- uses: "actions/checkout@v4.2.2"
|
|
||||||
with:
|
|
||||||
fetch-depth: 0
|
|
||||||
persist-credentials: false
|
|
||||||
|
|
||||||
- name: "Import GPG key"
|
|
||||||
uses: "crazy-max/ghaction-import-gpg@v6.1.0"
|
|
||||||
with:
|
|
||||||
gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
|
|
||||||
git_user_signingkey: true
|
|
||||||
git_commit_gpgsign: true
|
|
||||||
|
|
||||||
- uses: "pnpm/action-setup@v4.0.0"
|
|
||||||
|
|
||||||
- name: "Setup Node.js"
|
|
||||||
uses: "actions/setup-node@v4.1.0"
|
|
||||||
with:
|
|
||||||
node-version: "22.x"
|
|
||||||
cache: "pnpm"
|
|
||||||
|
|
||||||
- name: "Install dependencies"
|
|
||||||
run: "pnpm install --frozen-lockfile"
|
|
||||||
|
|
||||||
- name: "Release"
|
|
||||||
run: "node --run release"
|
|
||||||
env:
|
|
||||||
GH_TOKEN: ${{ secrets.GH_TOKEN }}
|
|
||||||
GIT_COMMITTER_NAME: ${{ secrets.GIT_NAME }}
|
|
||||||
GIT_COMMITTER_EMAIL: ${{ secrets.GIT_EMAIL }}
|
|
@ -1,12 +0,0 @@
|
|||||||
{
|
|
||||||
"config": {
|
|
||||||
"extends": "markdownlint/style/prettier",
|
|
||||||
"default": true,
|
|
||||||
"relative-links": true,
|
|
||||||
"no-duplicate-heading": false,
|
|
||||||
"no-inline-html": false,
|
|
||||||
},
|
|
||||||
"globs": ["**/*.md"],
|
|
||||||
"ignores": ["**/node_modules"],
|
|
||||||
"customRules": ["markdownlint-rule-relative-links"],
|
|
||||||
}
|
|
19
.markdownlint-cli2.mjs
Normal file
19
.markdownlint-cli2.mjs
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
import relativeLinksRule, { markdownIt } from "markdownlint-rule-relative-links"
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
config: {
|
||||||
|
extends: "markdownlint/style/prettier",
|
||||||
|
default: true,
|
||||||
|
"relative-links": true,
|
||||||
|
"no-duplicate-heading": false,
|
||||||
|
"no-inline-html": false,
|
||||||
|
},
|
||||||
|
globs: ["**/*.md"],
|
||||||
|
ignores: ["**/node_modules"],
|
||||||
|
customRules: [relativeLinksRule],
|
||||||
|
markdownItFactory: () => {
|
||||||
|
return markdownIt
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default config
|
@ -1,34 +0,0 @@
|
|||||||
{
|
|
||||||
"branches": ["main", { "name": "staging", "prerelease": true }],
|
|
||||||
"plugins": [
|
|
||||||
"@semantic-release/commit-analyzer",
|
|
||||||
"@semantic-release/release-notes-generator",
|
|
||||||
[
|
|
||||||
"@semantic-release/exec",
|
|
||||||
{
|
|
||||||
"prepareCmd": "replace-in-files --regex='version\": *\"[^\"]*' --replacement='\"version\": \"${nextRelease.version}\"' '**/package.json' '!**/node_modules/**'"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
[
|
|
||||||
"@semantic-release/git",
|
|
||||||
{
|
|
||||||
"assets": [
|
|
||||||
"package.json",
|
|
||||||
"apps/*/package.json",
|
|
||||||
"packages/*/package.json"
|
|
||||||
],
|
|
||||||
"message": "chore(release): ${nextRelease.version} [skip ci]"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"@semantic-release/github",
|
|
||||||
[
|
|
||||||
"@saithodev/semantic-release-backmerge",
|
|
||||||
{
|
|
||||||
"branches": [
|
|
||||||
{ "from": "main", "to": "develop" },
|
|
||||||
{ "from": "staging", "to": "develop" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
]
|
|
||||||
}
|
|
1
.vscode/extensions.json
vendored
1
.vscode/extensions.json
vendored
@ -6,7 +6,6 @@
|
|||||||
"davidanson.vscode-markdownlint",
|
"davidanson.vscode-markdownlint",
|
||||||
"bradlc.vscode-tailwindcss",
|
"bradlc.vscode-tailwindcss",
|
||||||
"mikestead.dotenv",
|
"mikestead.dotenv",
|
||||||
"ms-azuretools.vscode-docker",
|
|
||||||
"antfu.pnpm-catalog-lens",
|
"antfu.pnpm-catalog-lens",
|
||||||
"Lokalise.i18n-ally"
|
"Lokalise.i18n-ally"
|
||||||
]
|
]
|
||||||
|
2
.vscode/settings.json
vendored
2
.vscode/settings.json
vendored
@ -15,7 +15,7 @@
|
|||||||
],
|
],
|
||||||
"i18n-ally.localesPaths": ["./packages/i18n/src/translations/"],
|
"i18n-ally.localesPaths": ["./packages/i18n/src/translations/"],
|
||||||
"i18n-ally.keystyle": "nested",
|
"i18n-ally.keystyle": "nested",
|
||||||
"i18n-ally.sortKeys": true,
|
"i18n-ally.sortKeys": false,
|
||||||
"i18n-ally.sourceLanguage": "en-US",
|
"i18n-ally.sourceLanguage": "en-US",
|
||||||
"i18n-ally.displayLanguage": "en-US",
|
"i18n-ally.displayLanguage": "en-US",
|
||||||
"i18n-ally.enabledFrameworks": ["next-intl", "general"],
|
"i18n-ally.enabledFrameworks": ["next-intl", "general"],
|
||||||
|
@ -20,21 +20,16 @@ community include:
|
|||||||
- Demonstrating empathy and kindness toward other people
|
- Demonstrating empathy and kindness toward other people
|
||||||
- Being respectful of differing opinions, viewpoints, and experiences
|
- Being respectful of differing opinions, viewpoints, and experiences
|
||||||
- Giving and gracefully accepting constructive feedback
|
- Giving and gracefully accepting constructive feedback
|
||||||
- Accepting responsibility and apologizing to those affected by our mistakes,
|
- Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience
|
||||||
and learning from the experience
|
- Focusing on what is best not just for us as individuals, but for the overall community
|
||||||
- Focusing on what is best not just for us as individuals, but for the
|
|
||||||
overall community
|
|
||||||
|
|
||||||
Examples of unacceptable behavior include:
|
Examples of unacceptable behavior include:
|
||||||
|
|
||||||
- The use of sexualized language or imagery, and sexual attention or
|
- The use of sexualized language or imagery, and sexual attention or advances of any kind
|
||||||
advances of any kind
|
|
||||||
- Trolling, insulting or derogatory comments, and personal or political attacks
|
- Trolling, insulting or derogatory comments, and personal or political attacks
|
||||||
- Public or private harassment
|
- Public or private harassment
|
||||||
- Publishing others' private information, such as a physical or email
|
- Publishing others' private information, such as a physical or email address, without their explicit permission
|
||||||
address, without their explicit permission
|
- Other conduct which could reasonably be considered inappropriate in a professional setting
|
||||||
- Other conduct which could reasonably be considered inappropriate in a
|
|
||||||
professional setting
|
|
||||||
|
|
||||||
## Enforcement Responsibilities
|
## Enforcement Responsibilities
|
||||||
|
|
||||||
|
@ -31,8 +31,8 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
|
|||||||
|
|
||||||
### Prerequisites
|
### Prerequisites
|
||||||
|
|
||||||
- [Node.js](https://nodejs.org/) >= 22.0.0
|
- [Node.js](https://nodejs.org/) >= v24.0.0 [(`nvm install 24`)](https://nvm.sh)
|
||||||
- [pnpm](https://pnpm.io/) >= 9.14.4 [(`corepack enable`)](https://nodejs.org/docs/latest-v22.x/api/corepack.html)
|
- [pnpm](https://pnpm.io/) v10.10.0 [(`npm install --global corepack@0.32.0 && corepack enable`)](https://github.com/nodejs/corepack)
|
||||||
- [Docker](https://www.docker.com/)
|
- [Docker](https://www.docker.com/)
|
||||||
|
|
||||||
### Installation
|
### Installation
|
||||||
@ -83,9 +83,9 @@ node --run test
|
|||||||
|
|
||||||
```sh
|
```sh
|
||||||
# Setup and run all the services for you
|
# Setup and run all the services for you
|
||||||
docker compose up --build
|
VERSION=$(git describe --tags) docker compose up --build --detach
|
||||||
```
|
```
|
||||||
|
|
||||||
#### Services started
|
#### Services started
|
||||||
|
|
||||||
`theoludwig`: <http://127.0.0.1:3000>
|
`theoludwig`: <http://localhost:3000>
|
||||||
|
15
README.md
15
README.md
@ -27,10 +27,21 @@
|
|||||||
"nationality": "Alsace, France",
|
"nationality": "Alsace, France",
|
||||||
"interests": ["Developer Full Stack", "Open-Source Enthusiast"],
|
"interests": ["Developer Full Stack", "Open-Source Enthusiast"],
|
||||||
"skills": {
|
"skills": {
|
||||||
"programmingLanguages": ["JavaScript/TypeScript", "Python", "C/C++", "PHP"],
|
"programmingLanguages": [
|
||||||
|
"JavaScript/TypeScript",
|
||||||
|
"Python",
|
||||||
|
"C/C++",
|
||||||
|
"PHP"
|
||||||
|
],
|
||||||
"frontend": ["HTML/CSS", "Tailwind CSS", "React.js/Next.js"],
|
"frontend": ["HTML/CSS", "Tailwind CSS", "React.js/Next.js"],
|
||||||
"backend": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
|
"backend": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
|
||||||
"tools": ["GNU/Linux", "Arch Linux", "Visual Studio Code", "Git", "Docker"]
|
"tools": [
|
||||||
|
"GNU/Linux",
|
||||||
|
"Arch Linux",
|
||||||
|
"Visual Studio Code",
|
||||||
|
"Git",
|
||||||
|
"Docker"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
5
apps/storybook/.postcssrc.json
Normal file
5
apps/storybook/.postcssrc.json
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"plugins": {
|
||||||
|
"@tailwindcss/postcss": {}
|
||||||
|
}
|
||||||
|
}
|
@ -1,4 +1,5 @@
|
|||||||
import "@repo/config-tailwind/styles.css"
|
import "@repo/config-tailwind/styles.css"
|
||||||
|
import "./storybook-css-overrides.css"
|
||||||
import i18nMessages 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 { LOCALE_DEFAULT, TIMEZONE } from "@repo/utils/constants"
|
||||||
import type { Preview } from "@storybook/react"
|
import type { Preview } from "@storybook/react"
|
||||||
@ -7,6 +8,11 @@ import { ThemeProvider as NextThemeProvider } from "next-themes"
|
|||||||
import React from "react"
|
import React from "react"
|
||||||
|
|
||||||
const preview: Preview = {
|
const preview: Preview = {
|
||||||
|
globals: {
|
||||||
|
a11y: {
|
||||||
|
manual: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
parameters: {
|
parameters: {
|
||||||
nextjs: {
|
nextjs: {
|
||||||
appDirectory: true,
|
appDirectory: true,
|
||||||
|
3
apps/storybook/.storybook/storybook-css-overrides.css
Normal file
3
apps/storybook/.storybook/storybook-css-overrides.css
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
body {
|
||||||
|
overflow: auto !important;
|
||||||
|
}
|
@ -1,5 +1,5 @@
|
|||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import config from "@repo/eslint-config"
|
import config from "@repo/config-eslint"
|
||||||
|
|
||||||
export default typescriptESLint.config(...config, {
|
export default typescriptESLint.config(...config, {
|
||||||
files: ["**/*.ts", "**/*.tsx"],
|
files: ["**/*.ts", "**/*.tsx"],
|
||||||
|
84
apps/storybook/http-server.ts
Normal file
84
apps/storybook/http-server.ts
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
import http from "node:http"
|
||||||
|
import fs from "node:fs"
|
||||||
|
import path from "node:path"
|
||||||
|
import util from "node:util"
|
||||||
|
import mime from "mime"
|
||||||
|
|
||||||
|
const MIMETYPE_DEFAULT = "application/octet-stream"
|
||||||
|
|
||||||
|
const args = util.parseArgs({
|
||||||
|
options: {
|
||||||
|
path: { type: "string", default: "public", required: true },
|
||||||
|
port: { type: "string", default: "3000", required: true },
|
||||||
|
host: { type: "string", default: "0.0.0.0" },
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
const host = args.values.host
|
||||||
|
const basePath = args.values.path
|
||||||
|
|
||||||
|
const port = Number.parseInt(args.values.port, 10)
|
||||||
|
if (Number.isNaN(port)) {
|
||||||
|
console.error("Error: Invalid port number.")
|
||||||
|
process.exit(1)
|
||||||
|
}
|
||||||
|
|
||||||
|
const serverURL = `http://${host}:${port}`
|
||||||
|
|
||||||
|
const server = http.createServer(async (request, response) => {
|
||||||
|
if (request.url == null) {
|
||||||
|
response.writeHead(400, { "Content-Type": "text/plain" })
|
||||||
|
response.end("Bad Request")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const url = new URL(request.url, serverURL)
|
||||||
|
const urlPath = url.pathname
|
||||||
|
const filePath = path.join(process.cwd(), basePath, urlPath)
|
||||||
|
try {
|
||||||
|
const stat = await fs.promises.stat(filePath)
|
||||||
|
if (stat.isDirectory()) {
|
||||||
|
const indexFile = path.join(filePath, "index.html")
|
||||||
|
try {
|
||||||
|
const fileContent = await fs.promises.readFile(indexFile)
|
||||||
|
response.writeHead(200, { "Content-Type": "text/html" })
|
||||||
|
response.end(fileContent)
|
||||||
|
} catch {
|
||||||
|
response.writeHead(403, { "Content-Type": "text/plain" })
|
||||||
|
response.end("Error: Directory listing not allowed.")
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
const mimeType = mime.getType(filePath) ?? MIMETYPE_DEFAULT
|
||||||
|
const fileContent = await fs.promises.readFile(filePath)
|
||||||
|
response.writeHead(200, { "Content-Type": mimeType })
|
||||||
|
response.end(fileContent)
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
if (error instanceof Error && "code" in error && error.code === "ENOENT") {
|
||||||
|
response.writeHead(404, { "Content-Type": "text/plain" })
|
||||||
|
response.end("Error: File not found.")
|
||||||
|
} else {
|
||||||
|
response.writeHead(500, { "Content-Type": "text/plain" })
|
||||||
|
response.end("Error: Internal Server Error.")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const gracefulShutdown = (): void => {
|
||||||
|
server.close()
|
||||||
|
process.exit(0)
|
||||||
|
}
|
||||||
|
process.on("SIGTERM", gracefulShutdown)
|
||||||
|
process.on("SIGINT", gracefulShutdown)
|
||||||
|
|
||||||
|
server.listen(
|
||||||
|
{
|
||||||
|
host,
|
||||||
|
port,
|
||||||
|
},
|
||||||
|
() => {
|
||||||
|
console.log(
|
||||||
|
`HTTP Server is listening at ${util.styleText("cyan", serverURL)}`,
|
||||||
|
)
|
||||||
|
console.log(`Serving files from: \`${basePath}\``)
|
||||||
|
},
|
||||||
|
)
|
@ -1,14 +1,14 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/storybook",
|
"name": "@repo/storybook",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "storybook build",
|
"build": "storybook build",
|
||||||
"dev": "storybook dev --port 6006 --no-open",
|
"dev": "storybook dev --port 6006 --no-open",
|
||||||
"start": "http-server \"storybook-static\" --port 6006 --silent",
|
"start": "node --experimental-strip-types http-server.ts --path=storybook-static --port=6006",
|
||||||
"test": "start-server-and-test \"start\" http://127.0.0.1:6006 \"test:storybook\"",
|
"test": "start-server-and-test \"start\" http://localhost:6006 \"test:storybook\"",
|
||||||
"test:dev": "start-server-and-test \"dev\" http://127.0.0.1:6006 \"test:storybook\"",
|
"test:dev": "start-server-and-test \"dev\" http://localhost:6006 \"test:storybook\"",
|
||||||
"test:storybook": "test-storybook --testTimeout=60000 --maxWorkers=2",
|
"test:storybook": "test-storybook --testTimeout=60000 --maxWorkers=2",
|
||||||
"chromatic": "chromatic"
|
"chromatic": "chromatic"
|
||||||
},
|
},
|
||||||
@ -22,10 +22,11 @@
|
|||||||
"next-intl": "catalog:",
|
"next-intl": "catalog:",
|
||||||
"next-themes": "catalog:",
|
"next-themes": "catalog:",
|
||||||
"react": "catalog:",
|
"react": "catalog:",
|
||||||
"react-dom": "catalog:"
|
"react-dom": "catalog:",
|
||||||
|
"mime": "catalog:"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@repo/eslint-config": "workspace:*",
|
"@repo/config-eslint": "workspace:*",
|
||||||
"@repo/config-typescript": "workspace:*",
|
"@repo/config-typescript": "workspace:*",
|
||||||
"@chromatic-com/storybook": "catalog:",
|
"@chromatic-com/storybook": "catalog:",
|
||||||
"@playwright/test": "catalog:",
|
"@playwright/test": "catalog:",
|
||||||
@ -45,12 +46,12 @@
|
|||||||
"axe-playwright": "catalog:",
|
"axe-playwright": "catalog:",
|
||||||
"chromatic": "catalog:",
|
"chromatic": "catalog:",
|
||||||
"eslint": "catalog:",
|
"eslint": "catalog:",
|
||||||
"http-server": "catalog:",
|
|
||||||
"start-server-and-test": "catalog:",
|
"start-server-and-test": "catalog:",
|
||||||
"storybook": "catalog:",
|
"storybook": "catalog:",
|
||||||
"storybook-dark-mode": "catalog:",
|
"storybook-dark-mode": "catalog:",
|
||||||
"postcss": "catalog:",
|
"postcss": "catalog:",
|
||||||
"tailwindcss": "catalog:",
|
"tailwindcss": "catalog:",
|
||||||
|
"@tailwindcss/postcss": "catalog:",
|
||||||
"typescript-eslint": "catalog:",
|
"typescript-eslint": "catalog:",
|
||||||
"typescript": "catalog:"
|
"typescript": "catalog:"
|
||||||
}
|
}
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
const config = {
|
|
||||||
plugins: {
|
|
||||||
tailwindcss: {},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
export default config
|
|
@ -2,11 +2,6 @@ import sharedConfig from "@repo/config-tailwind"
|
|||||||
|
|
||||||
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
||||||
const config = {
|
const config = {
|
||||||
content: [
|
|
||||||
".storybook/preview.tsx",
|
|
||||||
"../../packages/ui/src/**/*.tsx",
|
|
||||||
"../../packages/blog/src/**/*.tsx",
|
|
||||||
],
|
|
||||||
presets: [sharedConfig],
|
presets: [sharedConfig],
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3,5 +3,5 @@
|
|||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"lib": ["DOM", "DOM.Iterable", "ESNext"]
|
"lib": ["DOM", "DOM.Iterable", "ESNext"]
|
||||||
},
|
},
|
||||||
"include": ["./.storybook/**/*.ts", "./.storybook/**/*.tsx"]
|
"include": ["http-server.ts", "./.storybook/**/*.ts", "./.storybook/**/*.tsx"]
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"$schema": "https://turbo.build/schema.json",
|
"$schema": "../../node_modules/turbo/schema.json",
|
||||||
"extends": ["//"],
|
"extends": ["//"],
|
||||||
"tasks": {
|
"tasks": {
|
||||||
"test": {
|
"test": {
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
TZ=UTC
|
TZ=Europe/Paris
|
||||||
HOSTNAME=0.0.0.0
|
HOSTNAME=0.0.0.0
|
||||||
PORT=3000
|
PORT=3000
|
||||||
NEXT_TELEMETRY_DISABLED=1
|
NEXT_TELEMETRY_DISABLED=1
|
||||||
|
5
apps/website/.postcssrc.json
Normal file
5
apps/website/.postcssrc.json
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"plugins": {
|
||||||
|
"@tailwindcss/postcss": {}
|
||||||
|
}
|
||||||
|
}
|
@ -1,14 +1,15 @@
|
|||||||
FROM node:22.12.0-slim AS node-pnpm
|
FROM node:24.0.0-slim AS node-pnpm
|
||||||
ENV PNPM_HOME="/pnpm"
|
ENV PNPM_HOME="/pnpm"
|
||||||
ENV PATH="$PNPM_HOME:$PATH"
|
ENV PATH="$PNPM_HOME:$PATH"
|
||||||
RUN corepack enable
|
RUN npm install --global corepack@0.32.0 && corepack enable
|
||||||
ENV TURBO_TELEMETRY_DISABLED=1
|
ENV TURBO_TELEMETRY_DISABLED=1
|
||||||
|
ENV NEXT_TELEMETRY_DISABLED=1
|
||||||
ENV DO_NOT_TRACK=1
|
ENV DO_NOT_TRACK=1
|
||||||
WORKDIR /usr/src/app
|
WORKDIR /usr/src/app
|
||||||
|
|
||||||
FROM node-pnpm AS builder
|
FROM node-pnpm AS builder
|
||||||
COPY ./ ./
|
COPY ./ ./
|
||||||
RUN pnpm install --global turbo@2.3.3
|
RUN pnpm install --global turbo@2.5.3
|
||||||
RUN turbo prune @repo/website --docker
|
RUN turbo prune @repo/website --docker
|
||||||
|
|
||||||
FROM node-pnpm AS installer
|
FROM node-pnpm AS installer
|
||||||
@ -20,12 +21,15 @@ COPY --from=builder /usr/src/app/out/pnpm-lock.yaml ./pnpm-lock.yaml
|
|||||||
RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
|
RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
|
||||||
COPY --from=builder /usr/src/app/out/full/ ./
|
COPY --from=builder /usr/src/app/out/full/ ./
|
||||||
COPY turbo.json turbo.json
|
COPY turbo.json turbo.json
|
||||||
|
|
||||||
|
ARG VERSION="0.0.0-develop"
|
||||||
|
RUN pnpm install --global replace-in-files-cli@3.0.0
|
||||||
|
RUN VERSION_STRIPPED=${VERSION#v} && replace-in-files --regex='version": *"[^"]*' --replacement='"version": "'"$VERSION_STRIPPED"'"' '**/package.json' '!**/node_modules/**'
|
||||||
RUN pnpm --filter=@repo/website... exec turbo run build
|
RUN pnpm --filter=@repo/website... exec turbo run build
|
||||||
|
|
||||||
FROM node-pnpm AS runner
|
FROM node-pnpm AS runner
|
||||||
ENV NODE_ENV=production
|
ENV NODE_ENV=production
|
||||||
ENV HOSTNAME=0.0.0.0
|
ENV HOSTNAME=0.0.0.0
|
||||||
ENV NEXT_TELEMETRY_DISABLED=1
|
|
||||||
ENV IS_STANDALONE=true
|
ENV IS_STANDALONE=true
|
||||||
|
|
||||||
RUN addgroup --system --gid 1001 nodejs && adduser --system --uid 1001 applicationrunner
|
RUN addgroup --system --gid 1001 nodejs && adduser --system --uid 1001 applicationrunner
|
||||||
|
@ -2,13 +2,20 @@ import "@repo/config-tailwind/styles.css"
|
|||||||
import type { LocaleProps } from "@repo/i18n/routing"
|
import type { LocaleProps } from "@repo/i18n/routing"
|
||||||
import type { Locale } from "@repo/utils/constants"
|
import type { Locale } from "@repo/utils/constants"
|
||||||
import { LOCALES } from "@repo/utils/constants"
|
import { LOCALES } from "@repo/utils/constants"
|
||||||
import type { Metadata } from "next"
|
import type { Metadata, Viewport } from "next"
|
||||||
import { NextIntlClientProvider } from "next-intl"
|
import { NextIntlClientProvider } from "next-intl"
|
||||||
import {
|
import {
|
||||||
getMessages,
|
getMessages,
|
||||||
getTranslations,
|
getTranslations,
|
||||||
setRequestLocale,
|
setRequestLocale,
|
||||||
} from "next-intl/server"
|
} from "next-intl/server"
|
||||||
|
import Script from "next/script"
|
||||||
|
|
||||||
|
const DOMAIN = "theoludwig.fr"
|
||||||
|
|
||||||
|
export const viewport: Viewport = {
|
||||||
|
themeColor: "#00aeff",
|
||||||
|
}
|
||||||
|
|
||||||
export const generateMetadata = async ({
|
export const generateMetadata = async ({
|
||||||
params,
|
params,
|
||||||
@ -18,7 +25,7 @@ export const generateMetadata = async ({
|
|||||||
const title = t("meta.title")
|
const title = t("meta.title")
|
||||||
const description = `${title} - ${t("meta.description")}`
|
const description = `${title} - ${t("meta.description")}`
|
||||||
const image = "/images/logo.webp"
|
const image = "/images/logo.webp"
|
||||||
const url = new URL("https://theoludwig.fr")
|
const url = new URL(`https://${DOMAIN}`)
|
||||||
const locales = LOCALES.join(", ")
|
const locales = LOCALES.join(", ")
|
||||||
|
|
||||||
return {
|
return {
|
||||||
@ -74,6 +81,12 @@ const LocaleLayout: React.FC<LocaleLayoutProps> = async (props) => {
|
|||||||
<NextIntlClientProvider messages={messages}>
|
<NextIntlClientProvider messages={messages}>
|
||||||
{children}
|
{children}
|
||||||
</NextIntlClientProvider>
|
</NextIntlClientProvider>
|
||||||
|
|
||||||
|
<Script
|
||||||
|
defer
|
||||||
|
data-domain={DOMAIN}
|
||||||
|
src="https://plausible.theoludwig.fr/js/script.js"
|
||||||
|
/>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
)
|
)
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import configNextjs from "@repo/eslint-config/nextjs"
|
import configNextjs from "@repo/config-eslint/nextjs"
|
||||||
|
|
||||||
export default typescriptESLint.config(...configNextjs, {
|
export default typescriptESLint.config(...configNextjs, {
|
||||||
files: ["**/*.ts", "**/*.tsx"],
|
files: ["**/*.ts", "**/*.tsx"],
|
||||||
|
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" />
|
/// <reference types="next/image-types/global" />
|
||||||
|
|
||||||
// NOTE: This file should not be edited
|
// NOTE: This file should not be edited
|
||||||
// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
|
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/website",
|
"name": "@repo/website",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"imports": {
|
"imports": {
|
||||||
@ -28,7 +28,7 @@
|
|||||||
"react-dom": "catalog:"
|
"react-dom": "catalog:"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@repo/eslint-config": "workspace:*",
|
"@repo/config-eslint": "workspace:*",
|
||||||
"@repo/config-typescript": "workspace:*",
|
"@repo/config-typescript": "workspace:*",
|
||||||
"@types/node": "catalog:",
|
"@types/node": "catalog:",
|
||||||
"@types/react": "catalog:",
|
"@types/react": "catalog:",
|
||||||
@ -37,6 +37,7 @@
|
|||||||
"eslint": "catalog:",
|
"eslint": "catalog:",
|
||||||
"postcss": "catalog:",
|
"postcss": "catalog:",
|
||||||
"tailwindcss": "catalog:",
|
"tailwindcss": "catalog:",
|
||||||
|
"@tailwindcss/postcss": "catalog:",
|
||||||
"typescript-eslint": "catalog:",
|
"typescript-eslint": "catalog:",
|
||||||
"typescript": "catalog:"
|
"typescript": "catalog:"
|
||||||
}
|
}
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
const config = {
|
|
||||||
plugins: {
|
|
||||||
tailwindcss: {},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
export default config
|
|
BIN
apps/website/public/images/portfolio/Fusey.webp
Normal file
BIN
apps/website/public/images/portfolio/Fusey.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 945 KiB |
@ -2,11 +2,6 @@ import sharedConfig from "@repo/config-tailwind"
|
|||||||
|
|
||||||
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
||||||
const config = {
|
const config = {
|
||||||
content: [
|
|
||||||
"./app/**/*.tsx",
|
|
||||||
"../../packages/ui/src/**/*.tsx",
|
|
||||||
"../../packages/blog/src/**/*.tsx",
|
|
||||||
],
|
|
||||||
presets: [sharedConfig],
|
presets: [sharedConfig],
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -6,6 +6,8 @@ services:
|
|||||||
build:
|
build:
|
||||||
context: "./"
|
context: "./"
|
||||||
dockerfile: "./apps/website/Dockerfile"
|
dockerfile: "./apps/website/Dockerfile"
|
||||||
|
args:
|
||||||
|
VERSION: ${VERSION-0.0.0-develop}
|
||||||
ports:
|
ports:
|
||||||
- "${WEBSITE_PORT-3000}:${WEBSITE_PORT-3000}"
|
- "${WEBSITE_PORT-3000}:${WEBSITE_PORT-3000}"
|
||||||
environment:
|
environment:
|
||||||
|
@ -10,7 +10,6 @@ export default typescriptESLint.config(
|
|||||||
"**/eslint.config.js",
|
"**/eslint.config.js",
|
||||||
"**/tailwind.config.js",
|
"**/tailwind.config.js",
|
||||||
"**/postcss.config.js",
|
"**/postcss.config.js",
|
||||||
"**/vitest.config.ts",
|
|
||||||
"**/kysely.config.ts",
|
"**/kysely.config.ts",
|
||||||
],
|
],
|
||||||
},
|
},
|
@ -1,16 +1,14 @@
|
|||||||
import { FlatCompat } from "@eslint/eslintrc"
|
import { FlatCompat } from "@eslint/eslintrc"
|
||||||
import storybook from "eslint-plugin-storybook"
|
|
||||||
import tailwind from "eslint-plugin-tailwindcss"
|
|
||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import config from "../eslint.config.js"
|
import config from "../eslint.config.js"
|
||||||
|
|
||||||
const flatCompat = new FlatCompat()
|
const flatCompat = new FlatCompat({
|
||||||
|
baseDirectory: import.meta.dirname,
|
||||||
|
})
|
||||||
|
|
||||||
export default typescriptESLint.config(
|
export default typescriptESLint.config(
|
||||||
...config,
|
...config,
|
||||||
...flatCompat.extends("next/core-web-vitals"),
|
...flatCompat.extends("next/core-web-vitals"),
|
||||||
...tailwind.configs["flat/recommended"],
|
|
||||||
...storybook.configs["flat/recommended"],
|
|
||||||
{
|
{
|
||||||
name: "config-eslint/nextjs",
|
name: "config-eslint/nextjs",
|
||||||
settings: {
|
settings: {
|
||||||
@ -22,8 +20,6 @@ export default typescriptESLint.config(
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
"tailwindcss/classnames-order": "off",
|
|
||||||
"tailwindcss/no-custom-classname": "off",
|
|
||||||
"@next/next/no-html-link-for-pages": "off",
|
"@next/next/no-html-link-for-pages": "off",
|
||||||
"@next/next/no-img-element": "off",
|
"@next/next/no-img-element": "off",
|
||||||
"react/self-closing-comp": [
|
"react/self-closing-comp": [
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/eslint-config",
|
"name": "@repo/config-eslint",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"exports": {
|
"exports": {
|
||||||
@ -25,8 +25,6 @@
|
|||||||
"eslint-plugin-promise": "catalog:",
|
"eslint-plugin-promise": "catalog:",
|
||||||
"eslint-plugin-unicorn": "catalog:",
|
"eslint-plugin-unicorn": "catalog:",
|
||||||
"eslint-config-next": "catalog:",
|
"eslint-config-next": "catalog:",
|
||||||
"eslint-plugin-storybook": "catalog:",
|
|
||||||
"eslint-plugin-tailwindcss": "catalog:",
|
|
||||||
"eslint-plugin-import-x": "catalog:",
|
"eslint-plugin-import-x": "catalog:",
|
||||||
"typescript": "catalog:",
|
"typescript": "catalog:",
|
||||||
"globals": "catalog:"
|
"globals": "catalog:"
|
5
configs/config-tailwind/.postcssrc.json
Normal file
5
configs/config-tailwind/.postcssrc.json
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"plugins": {
|
||||||
|
"@tailwindcss/postcss": {}
|
||||||
|
}
|
||||||
|
}
|
@ -1,4 +1,5 @@
|
|||||||
import { type ClassValue, clsx } from "clsx"
|
import type { ClassValue } from "clsx"
|
||||||
|
import { clsx } from "clsx"
|
||||||
import { twMerge } from "tailwind-merge"
|
import { twMerge } from "tailwind-merge"
|
||||||
|
|
||||||
export const classNames = (...inputs: ClassValue[]): string => {
|
export const classNames = (...inputs: ClassValue[]): string => {
|
@ -1,5 +1,5 @@
|
|||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import config from "@repo/eslint-config"
|
import config from "@repo/config-eslint"
|
||||||
|
|
||||||
export default typescriptESLint.config(...config, {
|
export default typescriptESLint.config(...config, {
|
||||||
files: ["**/*.ts", "**/*.tsx"],
|
files: ["**/*.ts", "**/*.tsx"],
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/config-tailwind",
|
"name": "@repo/config-tailwind",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"main": "./tailwind.config.js",
|
"main": "./tailwind.config.js",
|
||||||
@ -21,12 +21,13 @@
|
|||||||
"tailwind-merge": "catalog:"
|
"tailwind-merge": "catalog:"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@repo/eslint-config": "workspace:*",
|
"@repo/config-eslint": "workspace:*",
|
||||||
"@repo/config-typescript": "workspace:*",
|
"@repo/config-typescript": "workspace:*",
|
||||||
"@tailwindcss/typography": "catalog:",
|
"@tailwindcss/typography": "catalog:",
|
||||||
"typescript-eslint": "catalog:",
|
"typescript-eslint": "catalog:",
|
||||||
"eslint": "catalog:",
|
"eslint": "catalog:",
|
||||||
"postcss": "catalog:",
|
"postcss": "catalog:",
|
||||||
"tailwindcss": "catalog:"
|
"tailwindcss": "catalog:",
|
||||||
|
"@tailwindcss/postcss": "catalog:"
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -1,16 +1,26 @@
|
|||||||
@import "@fontsource/montserrat/400.css";
|
@import "tailwindcss";
|
||||||
@import "@fontsource/montserrat/500.css";
|
@config "./tailwind.config.js";
|
||||||
@import "@fontsource/montserrat/600.css";
|
|
||||||
@import "@fontsource/montserrat/700.css";
|
|
||||||
@import "@fontsource/montserrat/800.css";
|
|
||||||
|
|
||||||
@tailwind base;
|
@source "../../packages/ui";
|
||||||
@tailwind components;
|
@source "../../packages/blog";
|
||||||
@tailwind utilities;
|
@source "../../apps/website";
|
||||||
|
@source "../../apps/storybook/.storybook";
|
||||||
|
|
||||||
|
@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);
|
||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
* {
|
[type="search"]::-webkit-search-decoration,
|
||||||
min-width: 0;
|
[type="search"]::-webkit-search-cancel-button {
|
||||||
|
appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:not(:disabled),
|
||||||
|
[role="button"]:not(:disabled) {
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
b,
|
b,
|
@ -1,5 +1,4 @@
|
|||||||
import typographyPlugin from "@tailwindcss/typography"
|
import typographyPlugin from "@tailwindcss/typography"
|
||||||
import { fontFamily } from "tailwindcss/defaultTheme"
|
|
||||||
|
|
||||||
/** @type {Omit<import('tailwindcss').Config, "content">} */
|
/** @type {Omit<import('tailwindcss').Config, "content">} */
|
||||||
const config = {
|
const config = {
|
||||||
@ -29,7 +28,7 @@ const config = {
|
|||||||
lightFlag: "0px 1px 10px rgba(0, 0, 0, 0.25)",
|
lightFlag: "0px 1px 10px rgba(0, 0, 0, 0.25)",
|
||||||
},
|
},
|
||||||
fontFamily: {
|
fontFamily: {
|
||||||
sans: ["'Montserrat'", ...fontFamily.sans],
|
sans: ["Montserrat", "sans-serif"],
|
||||||
},
|
},
|
||||||
typography: {
|
typography: {
|
||||||
DEFAULT: {
|
DEFAULT: {
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/config-typescript",
|
"name": "@repo/config-typescript",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"files": [
|
"files": [
|
||||||
"tsconfig.json"
|
"tsconfig.json"
|
@ -11,6 +11,7 @@
|
|||||||
"noUncheckedIndexedAccess": true,
|
"noUncheckedIndexedAccess": true,
|
||||||
"noUnusedLocals": true,
|
"noUnusedLocals": true,
|
||||||
"noUnusedParameters": true,
|
"noUnusedParameters": true,
|
||||||
|
"erasableSyntaxOnly": true,
|
||||||
|
|
||||||
"verbatimModuleSyntax": true,
|
"verbatimModuleSyntax": true,
|
||||||
"isolatedModules": true,
|
"isolatedModules": true,
|
17
package.json
17
package.json
@ -1,29 +1,24 @@
|
|||||||
{
|
{
|
||||||
"name": "repo",
|
"name": "repo",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"packageManager": "pnpm@9.14.4+sha512.c8180b3fbe4e4bca02c94234717896b5529740a6cbadf19fa78254270403ea2f27d4e1d46a08a0f56c89b63dc8ebfd3ee53326da720273794e6200fcf0d184ab",
|
"packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=22.0.0",
|
"node": ">=24.0.0"
|
||||||
"pnpm": ">=9.14.4"
|
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "turbo run build",
|
|
||||||
"dev": "turbo run dev --parallel",
|
"dev": "turbo run dev --parallel",
|
||||||
"start": "turbo run start --parallel",
|
"start": "turbo run start --parallel",
|
||||||
|
"build": "turbo run build",
|
||||||
"test": "turbo run test",
|
"test": "turbo run test",
|
||||||
"lint:editorconfig": "editorconfig-checker",
|
"lint:editorconfig": "editorconfig-checker",
|
||||||
"lint:markdown": "markdownlint-cli2",
|
"lint:markdown": "markdownlint-cli2",
|
||||||
"lint:typescript": "turbo run lint:typescript",
|
"lint:typescript": "turbo run lint:typescript",
|
||||||
"lint:eslint": "turbo run lint:eslint",
|
"lint:eslint": "turbo run lint:eslint",
|
||||||
"lint:prettier": "prettier . --check",
|
"lint:prettier": "prettier . --check"
|
||||||
"release": "semantic-release"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@saithodev/semantic-release-backmerge": "catalog:",
|
|
||||||
"@semantic-release/exec": "catalog:",
|
|
||||||
"@semantic-release/git": "catalog:",
|
|
||||||
"editorconfig-checker": "catalog:",
|
"editorconfig-checker": "catalog:",
|
||||||
"playwright": "catalog:",
|
"playwright": "catalog:",
|
||||||
"prettier": "catalog:",
|
"prettier": "catalog:",
|
||||||
@ -31,8 +26,6 @@
|
|||||||
"markdownlint-cli2": "catalog:",
|
"markdownlint-cli2": "catalog:",
|
||||||
"markdownlint": "catalog:",
|
"markdownlint": "catalog:",
|
||||||
"markdownlint-rule-relative-links": "catalog:",
|
"markdownlint-rule-relative-links": "catalog:",
|
||||||
"replace-in-files-cli": "catalog:",
|
|
||||||
"semantic-release": "catalog:",
|
|
||||||
"turbo": "catalog:",
|
"turbo": "catalog:",
|
||||||
"typescript": "catalog:"
|
"typescript": "catalog:"
|
||||||
}
|
}
|
||||||
|
5
packages/blog/.postcssrc.json
Normal file
5
packages/blog/.postcssrc.json
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"plugins": {
|
||||||
|
"@tailwindcss/postcss": {}
|
||||||
|
}
|
||||||
|
}
|
@ -1,5 +1,5 @@
|
|||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import configNextjs from "@repo/eslint-config/nextjs"
|
import configNextjs from "@repo/config-eslint/nextjs"
|
||||||
|
|
||||||
export default typescriptESLint.config(...configNextjs, {
|
export default typescriptESLint.config(...configNextjs, {
|
||||||
files: ["**/*.ts", "**/*.tsx"],
|
files: ["**/*.ts", "**/*.tsx"],
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/blog",
|
"name": "@repo/blog",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"exports": {
|
"exports": {
|
||||||
@ -37,7 +37,7 @@
|
|||||||
"react-icons": "catalog:"
|
"react-icons": "catalog:"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@repo/eslint-config": "workspace:*",
|
"@repo/config-eslint": "workspace:*",
|
||||||
"@repo/config-typescript": "workspace:*",
|
"@repo/config-typescript": "workspace:*",
|
||||||
"@types/node": "catalog:",
|
"@types/node": "catalog:",
|
||||||
"@types/react": "catalog:",
|
"@types/react": "catalog:",
|
||||||
@ -49,6 +49,7 @@
|
|||||||
"eslint": "catalog:",
|
"eslint": "catalog:",
|
||||||
"postcss": "catalog:",
|
"postcss": "catalog:",
|
||||||
"tailwindcss": "catalog:",
|
"tailwindcss": "catalog:",
|
||||||
|
"@tailwindcss/postcss": "catalog:",
|
||||||
"typescript-eslint": "catalog:",
|
"typescript-eslint": "catalog:",
|
||||||
"typescript": "catalog:"
|
"typescript": "catalog:"
|
||||||
}
|
}
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
const config = {
|
|
||||||
plugins: {
|
|
||||||
tailwindcss: {},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
export default config
|
|
@ -88,6 +88,8 @@ git commit -m "Commit message"
|
|||||||
|
|
||||||
# Commit changes in the past
|
# Commit changes in the past
|
||||||
git commit --date "10 day ago" -m "Commit message"
|
git commit --date "10 day ago" -m "Commit message"
|
||||||
|
# Also update the committer date for the last commit
|
||||||
|
git filter-branch --env-filter 'export GIT_COMMITTER_DATE="$GIT_AUTHOR_DATE"' HEAD^..HEAD
|
||||||
|
|
||||||
# Add remote repository
|
# Add remote repository
|
||||||
git remote add <remote> <url>
|
git remote add <remote> <url>
|
||||||
|
@ -2,7 +2,6 @@ import sharedConfig from "@repo/config-tailwind"
|
|||||||
|
|
||||||
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
||||||
const config = {
|
const config = {
|
||||||
content: ["./src/**/*.tsx"],
|
|
||||||
presets: [sharedConfig],
|
presets: [sharedConfig],
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
const config = {
|
|
||||||
plugins: {
|
|
||||||
tailwindcss: {},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
export default config
|
|
@ -1,5 +1,5 @@
|
|||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import config from "@repo/eslint-config"
|
import config from "@repo/config-eslint"
|
||||||
|
|
||||||
export default typescriptESLint.config(...config, {
|
export default typescriptESLint.config(...config, {
|
||||||
files: ["**/*.ts", "**/*.tsx"],
|
files: ["**/*.ts", "**/*.tsx"],
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/i18n",
|
"name": "@repo/i18n",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"exports": {
|
"exports": {
|
||||||
@ -11,26 +11,23 @@
|
|||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"lint:eslint": "eslint src --max-warnings 0",
|
"lint:eslint": "eslint src --max-warnings 0",
|
||||||
"lint:typescript": "tsc --noEmit",
|
"lint:typescript": "tsc --noEmit"
|
||||||
"test": "vitest run"
|
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@repo/utils": "workspace:*",
|
"@repo/utils": "workspace:*",
|
||||||
"deepmerge": "catalog:",
|
|
||||||
"next": "catalog:",
|
"next": "catalog:",
|
||||||
"next-intl": "catalog:",
|
"next-intl": "catalog:",
|
||||||
"react": "catalog:",
|
"react": "catalog:",
|
||||||
"react-dom": "catalog:"
|
"react-dom": "catalog:"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@repo/eslint-config": "workspace:*",
|
"@repo/config-eslint": "workspace:*",
|
||||||
"@repo/config-typescript": "workspace:*",
|
"@repo/config-typescript": "workspace:*",
|
||||||
"@types/react": "catalog:",
|
"@types/react": "catalog:",
|
||||||
"@types/react-dom": "catalog:",
|
"@types/react-dom": "catalog:",
|
||||||
"@total-typescript/ts-reset": "catalog:",
|
"@total-typescript/ts-reset": "catalog:",
|
||||||
"eslint": "catalog:",
|
"eslint": "catalog:",
|
||||||
"typescript-eslint": "catalog:",
|
"typescript-eslint": "catalog:",
|
||||||
"typescript": "catalog:",
|
"typescript": "catalog:"
|
||||||
"vitest": "catalog:"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
15
packages/i18n/src/messages.d.ts
vendored
15
packages/i18n/src/messages.d.ts
vendored
@ -1,10 +1,9 @@
|
|||||||
import type en from "./translations/en-US.json"
|
import type { routing } from "./routing.ts"
|
||||||
|
import type messages from "./translations/en-US.json"
|
||||||
|
|
||||||
type Messages = typeof en
|
declare module "next-intl" {
|
||||||
|
interface AppConfig {
|
||||||
declare global {
|
Locale: (typeof routing.locales)[number]
|
||||||
/**
|
Messages: typeof messages
|
||||||
* Use type safe message keys with `next-intl`.
|
}
|
||||||
*/
|
|
||||||
interface IntlMessages extends Messages {}
|
|
||||||
}
|
}
|
||||||
|
@ -1,21 +1,22 @@
|
|||||||
import deepmerge from "deepmerge"
|
|
||||||
import type { AbstractIntlMessages } from "next-intl"
|
import type { AbstractIntlMessages } from "next-intl"
|
||||||
|
import { hasLocale } from "next-intl"
|
||||||
import { getRequestConfig } from "next-intl/server"
|
import { getRequestConfig } from "next-intl/server"
|
||||||
|
import { routing } from "./routing.ts"
|
||||||
|
|
||||||
import type { Locale } from "@repo/utils/constants"
|
import { LOCALE_DEFAULT } from "@repo/utils/constants"
|
||||||
import { LOCALE_DEFAULT, LOCALES } from "@repo/utils/constants"
|
import { deepMerge } from "@repo/utils/objects"
|
||||||
|
|
||||||
export default getRequestConfig(async ({ requestLocale }) => {
|
export default getRequestConfig(async ({ requestLocale }) => {
|
||||||
let locale = await requestLocale
|
const requested = await requestLocale
|
||||||
if (!LOCALES.includes(locale as Locale)) {
|
const locale = hasLocale(routing.locales, requested)
|
||||||
locale = LOCALE_DEFAULT
|
? requested
|
||||||
}
|
: routing.defaultLocale
|
||||||
|
|
||||||
const userMessages = (await import(`./translations/${locale}.json`)).default
|
const userMessages = (await import(`./translations/${locale}.json`)).default
|
||||||
const defaultMessages = (
|
const defaultMessages = (
|
||||||
await import(`./translations/${LOCALE_DEFAULT}.json`)
|
await import(`./translations/${LOCALE_DEFAULT}.json`)
|
||||||
).default
|
).default
|
||||||
const messages = deepmerge<AbstractIntlMessages>(
|
const messages = deepMerge<AbstractIntlMessages>(
|
||||||
defaultMessages,
|
defaultMessages,
|
||||||
userMessages,
|
userMessages,
|
||||||
)
|
)
|
||||||
|
@ -4,6 +4,13 @@ import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/utils/constants"
|
|||||||
import { defineRouting } from "next-intl/routing"
|
import { defineRouting } from "next-intl/routing"
|
||||||
import type { Locale } from "@repo/utils/constants"
|
import type { Locale } from "@repo/utils/constants"
|
||||||
|
|
||||||
|
// Countries: https://github.com/umpirsky/country-list/blob/master/data/en/country.json
|
||||||
|
// Country flag picture: https://purecatamphetamine.github.io/country-flag-icons/3x2/US.svg
|
||||||
|
|
||||||
|
// Locale codes: https://simplelocalize.io/data/locales/
|
||||||
|
// Locale code is a combination of ISO 639-1 language code and ISO 3166-1 country code.
|
||||||
|
// For example, `fr-FR` is a locale code for French language in France.
|
||||||
|
|
||||||
export interface LocaleProps {
|
export interface LocaleProps {
|
||||||
params: Promise<{
|
params: Promise<{
|
||||||
locale: Locale
|
locale: Locale
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
import { expectTypeOf, test } from "vitest"
|
|
||||||
import en from "../translations/en-US.json"
|
|
||||||
import fr from "../translations/fr-FR.json"
|
|
||||||
|
|
||||||
test("translations types should match", () => {
|
|
||||||
expectTypeOf(en).toEqualTypeOf(fr)
|
|
||||||
})
|
|
@ -1,4 +1,24 @@
|
|||||||
{
|
{
|
||||||
|
"meta": {
|
||||||
|
"description": "Developer Full Stack • Open-Source Enthusiast",
|
||||||
|
"title": "Théo LUDWIG"
|
||||||
|
},
|
||||||
|
"locales": {
|
||||||
|
"en-US": "English",
|
||||||
|
"fr-FR": "French"
|
||||||
|
},
|
||||||
|
"loading": "Loading...",
|
||||||
|
"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"
|
||||||
|
},
|
||||||
"curriculum-vitae": {
|
"curriculum-vitae": {
|
||||||
"about": {
|
"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.",
|
||||||
@ -84,17 +104,6 @@
|
|||||||
"title": "Work experiences"
|
"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": {
|
"home": {
|
||||||
"about": {
|
"about": {
|
||||||
"birth-date": {
|
"birth-date": {
|
||||||
@ -131,6 +140,10 @@
|
|||||||
"title": "Open-Source"
|
"title": "Open-Source"
|
||||||
},
|
},
|
||||||
"portfolio": {
|
"portfolio": {
|
||||||
|
"fusey": {
|
||||||
|
"description": "ARK: Survival Ascended Wiki and Player stats tracker.",
|
||||||
|
"title": "Fusey"
|
||||||
|
},
|
||||||
"carolo": {
|
"carolo": {
|
||||||
"description": "Strategy board game similar to chess which allows grandiose moves (only available in French).",
|
"description": "Strategy board game similar to chess which allows grandiose moves (only available in French).",
|
||||||
"title": "Carolo"
|
"title": "Carolo"
|
||||||
@ -150,13 +163,5 @@
|
|||||||
"software-tools": "Software and tools",
|
"software-tools": "Software and tools",
|
||||||
"title": "Skills"
|
"title": "Skills"
|
||||||
}
|
}
|
||||||
},
|
|
||||||
"locales": {
|
|
||||||
"en-US": "English",
|
|
||||||
"fr-FR": "French"
|
|
||||||
},
|
|
||||||
"meta": {
|
|
||||||
"description": "Developer Full Stack • Open-Source Enthusiast",
|
|
||||||
"title": "Théo LUDWIG"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,4 +1,24 @@
|
|||||||
{
|
{
|
||||||
|
"meta": {
|
||||||
|
"description": "Développeur Full Stack • Enthousiaste de l'Open-Source",
|
||||||
|
"title": "Théo LUDWIG"
|
||||||
|
},
|
||||||
|
"locales": {
|
||||||
|
"en-US": "Anglais",
|
||||||
|
"fr-FR": "Français"
|
||||||
|
},
|
||||||
|
"loading": "Chargement...",
|
||||||
|
"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"
|
||||||
|
},
|
||||||
"curriculum-vitae": {
|
"curriculum-vitae": {
|
||||||
"about": {
|
"about": {
|
||||||
"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.",
|
||||||
@ -84,17 +104,6 @@
|
|||||||
"title": "Expériences professionnelles"
|
"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": {
|
"home": {
|
||||||
"about": {
|
"about": {
|
||||||
"birth-date": {
|
"birth-date": {
|
||||||
@ -131,6 +140,10 @@
|
|||||||
"title": "Open-Source"
|
"title": "Open-Source"
|
||||||
},
|
},
|
||||||
"portfolio": {
|
"portfolio": {
|
||||||
|
"fusey": {
|
||||||
|
"description": "ARK: Survival Ascended Wiki et suivi des statistiques des joueurs.",
|
||||||
|
"title": "Fusey"
|
||||||
|
},
|
||||||
"carolo": {
|
"carolo": {
|
||||||
"description": "Jeu de plateau stratégique similaire aux échecs qui permet des coups grandioses, reposant sur des enchaînements remarquables.",
|
"description": "Jeu de plateau stratégique similaire aux échecs qui permet des coups grandioses, reposant sur des enchaînements remarquables.",
|
||||||
"title": "Carolo"
|
"title": "Carolo"
|
||||||
@ -150,13 +163,5 @@
|
|||||||
"software-tools": "Logiciels et outils",
|
"software-tools": "Logiciels et outils",
|
||||||
"title": "Compétences"
|
"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,9 +0,0 @@
|
|||||||
import { defineConfig } from "vitest/config"
|
|
||||||
|
|
||||||
export default defineConfig({
|
|
||||||
test: {
|
|
||||||
typecheck: {
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
})
|
|
@ -1,5 +1,5 @@
|
|||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import configNextjs from "@repo/eslint-config/nextjs"
|
import configNextjs from "@repo/config-eslint/nextjs"
|
||||||
|
|
||||||
export default typescriptESLint.config(...configNextjs, {
|
export default typescriptESLint.config(...configNextjs, {
|
||||||
files: ["**/*.ts", "**/*.tsx"],
|
files: ["**/*.ts", "**/*.tsx"],
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/react-hooks",
|
"name": "@repo/react-hooks",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"exports": {
|
"exports": {
|
||||||
@ -9,28 +9,21 @@
|
|||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"lint:eslint": "eslint src --max-warnings 0",
|
"lint:eslint": "eslint src --max-warnings 0",
|
||||||
"lint:typescript": "tsc --noEmit",
|
"lint:typescript": "tsc --noEmit"
|
||||||
"test": "vitest run --browser.headless",
|
|
||||||
"test:ui": "vitest --ui --no-open"
|
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"react": "catalog:",
|
"react": "catalog:",
|
||||||
"react-dom": "catalog:"
|
"react-dom": "catalog:"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@repo/eslint-config": "workspace:*",
|
"@repo/config-eslint": "workspace:*",
|
||||||
"@repo/config-typescript": "workspace:*",
|
"@repo/config-typescript": "workspace:*",
|
||||||
"@testing-library/react": "catalog:",
|
|
||||||
"@types/react": "catalog:",
|
"@types/react": "catalog:",
|
||||||
"@types/react-dom": "catalog:",
|
"@types/react-dom": "catalog:",
|
||||||
"@total-typescript/ts-reset": "catalog:",
|
"@total-typescript/ts-reset": "catalog:",
|
||||||
"@vitest/browser": "catalog:",
|
|
||||||
"@vitest/coverage-v8": "catalog:",
|
|
||||||
"@vitest/ui": "catalog:",
|
|
||||||
"eslint": "catalog:",
|
"eslint": "catalog:",
|
||||||
"playwright": "catalog:",
|
"playwright": "catalog:",
|
||||||
"typescript-eslint": "catalog:",
|
|
||||||
"typescript": "catalog:",
|
"typescript": "catalog:",
|
||||||
"vitest": "catalog:"
|
"typescript-eslint": "catalog:"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,83 +0,0 @@
|
|||||||
import { act, renderHook } from "@testing-library/react"
|
|
||||||
|
|
||||||
import { describe, expect, it } from "vitest"
|
|
||||||
import { useBoolean } from "../useBoolean.ts"
|
|
||||||
|
|
||||||
describe("useBoolean", () => {
|
|
||||||
const initialValues = [true, false]
|
|
||||||
|
|
||||||
for (const initialValue of initialValues) {
|
|
||||||
it(`should set the initial value to ${initialValue}`, () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const { result } = renderHook(() => {
|
|
||||||
return useBoolean({ initialValue })
|
|
||||||
})
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
expect(result.current.value).toBe(initialValue)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
it("should by default set the initial value to false", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const { result } = renderHook(() => {
|
|
||||||
return useBoolean()
|
|
||||||
})
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
expect(result.current.value).toBe(false)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should toggle the value", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const { result } = renderHook(() => {
|
|
||||||
return useBoolean({ initialValue: false })
|
|
||||||
})
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
act(() => {
|
|
||||||
return result.current.toggle()
|
|
||||||
})
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
expect(result.current.value).toBe(true)
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
act(() => {
|
|
||||||
return result.current.toggle()
|
|
||||||
})
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
expect(result.current.value).toBe(false)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should set the value to true", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const { result } = renderHook(() => {
|
|
||||||
return useBoolean({ initialValue: false })
|
|
||||||
})
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
act(() => {
|
|
||||||
return result.current.setTrue()
|
|
||||||
})
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
expect(result.current.value).toBe(true)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should set the value to false", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const { result } = renderHook(() => {
|
|
||||||
return useBoolean({ initialValue: true })
|
|
||||||
})
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
act(() => {
|
|
||||||
return result.current.setFalse()
|
|
||||||
})
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
expect(result.current.value).toBe(false)
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,16 +0,0 @@
|
|||||||
import { renderHook } from "@testing-library/react"
|
|
||||||
|
|
||||||
import { describe, expect, it } from "vitest"
|
|
||||||
import { useIsMounted } from "../useIsMounted.ts"
|
|
||||||
|
|
||||||
describe("useIsMounted", () => {
|
|
||||||
it("should return true", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const { result } = renderHook(() => {
|
|
||||||
return useIsMounted()
|
|
||||||
})
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
expect(result.current.isMounted).toBe(true)
|
|
||||||
})
|
|
||||||
})
|
|
@ -18,11 +18,11 @@ export interface UseBooleanInput {
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* Hook to manage a boolean state.
|
* Hook to manage a boolean state.
|
||||||
* @param options
|
* @param input
|
||||||
* @returns
|
* @returns
|
||||||
*/
|
*/
|
||||||
export const useBoolean = (options: UseBooleanInput = {}): UseBooleanOutput => {
|
export const useBoolean = (input: UseBooleanInput = {}): UseBooleanOutput => {
|
||||||
const { initialValue = false } = options
|
const { initialValue = false } = input
|
||||||
|
|
||||||
const [value, setValue] = useState(initialValue)
|
const [value, setValue] = useState(initialValue)
|
||||||
|
|
||||||
|
@ -1,19 +0,0 @@
|
|||||||
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: "v8",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
})
|
|
5
packages/ui/.postcssrc.json
Normal file
5
packages/ui/.postcssrc.json
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"plugins": {
|
||||||
|
"@tailwindcss/postcss": {}
|
||||||
|
}
|
||||||
|
}
|
@ -1,5 +1,5 @@
|
|||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import configNextjs from "@repo/eslint-config/nextjs"
|
import configNextjs from "@repo/config-eslint/nextjs"
|
||||||
|
|
||||||
export default typescriptESLint.config(...configNextjs, {
|
export default typescriptESLint.config(...configNextjs, {
|
||||||
files: ["**/*.ts", "**/*.tsx"],
|
files: ["**/*.ts", "**/*.tsx"],
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/ui",
|
"name": "@repo/ui",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"exports": {
|
"exports": {
|
||||||
@ -40,7 +40,7 @@
|
|||||||
"react-icons": "catalog:"
|
"react-icons": "catalog:"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@repo/eslint-config": "workspace:*",
|
"@repo/config-eslint": "workspace:*",
|
||||||
"@repo/config-typescript": "workspace:*",
|
"@repo/config-typescript": "workspace:*",
|
||||||
"@types/react": "catalog:",
|
"@types/react": "catalog:",
|
||||||
"@types/react-dom": "catalog:",
|
"@types/react-dom": "catalog:",
|
||||||
@ -51,6 +51,7 @@
|
|||||||
"eslint": "catalog:",
|
"eslint": "catalog:",
|
||||||
"postcss": "catalog:",
|
"postcss": "catalog:",
|
||||||
"tailwindcss": "catalog:",
|
"tailwindcss": "catalog:",
|
||||||
|
"@tailwindcss/postcss": "catalog:",
|
||||||
"typescript-eslint": "catalog:",
|
"typescript-eslint": "catalog:",
|
||||||
"typescript": "catalog:"
|
"typescript": "catalog:"
|
||||||
}
|
}
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
const config = {
|
|
||||||
plugins: {
|
|
||||||
tailwindcss: {},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
export default config
|
|
@ -26,9 +26,9 @@ export const OpenSource: React.FC<OpenSourceProps> = () => {
|
|||||||
href="https://github.com/nodejs/node/commits?author=theoludwig"
|
href="https://github.com/nodejs/node/commits?author=theoludwig"
|
||||||
/>
|
/>
|
||||||
<Repository
|
<Repository
|
||||||
name="standard/standard"
|
name="nodejs/nodejs.org"
|
||||||
description="🌟 JavaScript Style Guide, with linter & automatic code fixer"
|
description="The Node.js® Website"
|
||||||
href="https://github.com/standard/standard/commits?author=theoludwig"
|
href="https://github.com/nodejs/nodejs.org/commits/main/?author=theoludwig"
|
||||||
/>
|
/>
|
||||||
<Repository
|
<Repository
|
||||||
name="DefinitelyTyped/DefinitelyTyped"
|
name="DefinitelyTyped/DefinitelyTyped"
|
||||||
|
@ -9,18 +9,25 @@ export const Portfolio: React.FC<PortfolioProps> = () => {
|
|||||||
const t = useTranslations()
|
const t = useTranslations()
|
||||||
|
|
||||||
const items: PortfolioProject[] = [
|
const items: PortfolioProject[] = [
|
||||||
|
{
|
||||||
|
id: "fusey",
|
||||||
|
title: t("home.portfolio.fusey.title"),
|
||||||
|
description: t("home.portfolio.fusey.description"),
|
||||||
|
link: "https://fusey.gg",
|
||||||
|
image: "/images/portfolio/Fusey.webp",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "carolo",
|
id: "carolo",
|
||||||
title: t("home.portfolio.carolo.title"),
|
title: t("home.portfolio.carolo.title"),
|
||||||
description: t("home.portfolio.carolo.description"),
|
description: t("home.portfolio.carolo.description"),
|
||||||
link: "https://carolo.theoludwig.fr/",
|
link: "https://carolo.theoludwig.fr",
|
||||||
image: "/images/portfolio/Carolo.webp",
|
image: "/images/portfolio/Carolo.webp",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "leon",
|
id: "leon",
|
||||||
title: t("home.portfolio.leon.title"),
|
title: t("home.portfolio.leon.title"),
|
||||||
description: t("home.portfolio.leon.description"),
|
description: t("home.portfolio.leon.description"),
|
||||||
link: "https://getleon.ai/",
|
link: "https://getleon.ai",
|
||||||
image: "/images/portfolio/Leon.webp",
|
image: "/images/portfolio/Leon.webp",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
@ -33,7 +33,7 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
|
|||||||
<div className="flex justify-center">
|
<div className="flex justify-center">
|
||||||
<Image
|
<Image
|
||||||
quality={100}
|
quality={100}
|
||||||
className="size-[300px] transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
|
className="size-[300px] rounded-xl transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
|
||||||
width={300}
|
width={300}
|
||||||
height={300}
|
height={300}
|
||||||
src={image}
|
src={image}
|
||||||
|
@ -2,7 +2,6 @@
|
|||||||
|
|
||||||
import { classNames } from "@repo/config-tailwind/classNames"
|
import { classNames } from "@repo/config-tailwind/classNames"
|
||||||
import { usePathname, useRouter } from "@repo/i18n/routing"
|
import { usePathname, useRouter } from "@repo/i18n/routing"
|
||||||
import type { Locale } from "@repo/utils/constants"
|
|
||||||
import { LOCALES } from "@repo/utils/constants"
|
import { LOCALES } from "@repo/utils/constants"
|
||||||
import { useLocale } from "next-intl"
|
import { useLocale } from "next-intl"
|
||||||
import { useEffect, useRef } from "react"
|
import { useEffect, useRef } from "react"
|
||||||
@ -16,7 +15,7 @@ export interface LocalesProps {}
|
|||||||
export const Locales: React.FC<LocalesProps> = () => {
|
export const Locales: React.FC<LocalesProps> = () => {
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const pathname = usePathname()
|
const pathname = usePathname()
|
||||||
const localeCurrent = useLocale() as Locale
|
const localeCurrent = useLocale()
|
||||||
|
|
||||||
const {
|
const {
|
||||||
value: isVisibleMenu,
|
value: isVisibleMenu,
|
||||||
|
@ -2,7 +2,6 @@ import sharedConfig from "@repo/config-tailwind"
|
|||||||
|
|
||||||
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
||||||
const config = {
|
const config = {
|
||||||
content: ["./src/**/*.tsx"],
|
|
||||||
presets: [sharedConfig],
|
presets: [sharedConfig],
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import typescriptESLint from "typescript-eslint"
|
import typescriptESLint from "typescript-eslint"
|
||||||
import config from "@repo/eslint-config"
|
import config from "@repo/config-eslint"
|
||||||
|
|
||||||
export default typescriptESLint.config(...config, {
|
export default typescriptESLint.config(...config, {
|
||||||
files: ["**/*.ts", "**/*.tsx"],
|
files: ["**/*.ts", "**/*.tsx"],
|
||||||
|
@ -1,29 +1,28 @@
|
|||||||
{
|
{
|
||||||
"name": "@repo/utils",
|
"name": "@repo/utils",
|
||||||
"version": "4.1.1",
|
"version": "0.0.0-develop",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"exports": {
|
"exports": {
|
||||||
"./constants": "./src/constants.ts",
|
"./constants": "./src/constants.ts",
|
||||||
"./dates": "./src/dates.ts",
|
"./dates": "./src/dates.ts",
|
||||||
"./strings": "./src/strings.ts"
|
"./objects": "./src/objects.ts",
|
||||||
|
"./strings": "./src/strings.ts",
|
||||||
|
"./types": "./src/types.ts",
|
||||||
|
"./urls": "./src/urls.ts"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"lint:eslint": "eslint src --max-warnings 0",
|
"lint:eslint": "eslint src --max-warnings 0",
|
||||||
"lint:typescript": "tsc --noEmit",
|
"lint:typescript": "tsc --noEmit",
|
||||||
"test": "vitest run",
|
"test": "node --experimental-strip-types --test"
|
||||||
"test:ui": "vitest --ui --no-open"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@repo/eslint-config": "workspace:*",
|
"@repo/config-eslint": "workspace:*",
|
||||||
"@repo/config-typescript": "workspace:*",
|
"@repo/config-typescript": "workspace:*",
|
||||||
"@types/node": "catalog:",
|
"@types/node": "catalog:",
|
||||||
"@total-typescript/ts-reset": "catalog:",
|
"@total-typescript/ts-reset": "catalog:",
|
||||||
"@vitest/coverage-v8": "catalog:",
|
|
||||||
"@vitest/ui": "catalog:",
|
|
||||||
"eslint": "catalog:",
|
"eslint": "catalog:",
|
||||||
"typescript-eslint": "catalog:",
|
"typescript-eslint": "catalog:",
|
||||||
"typescript": "catalog:",
|
"typescript": "catalog:"
|
||||||
"vitest": "catalog:"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -13,7 +13,7 @@ export const THEMES = ["light", "dark"] as const
|
|||||||
export type Theme = (typeof THEMES)[number]
|
export type Theme = (typeof THEMES)[number]
|
||||||
export const THEME_DEFAULT = "light" satisfies Theme
|
export const THEME_DEFAULT = "light" satisfies Theme
|
||||||
|
|
||||||
export const TIMEZONE = process.env["TZ"] ?? "UTC"
|
export const TIMEZONE = process.env["TZ"] ?? "Europe/Paris"
|
||||||
|
|
||||||
export const BIRTH_DATE_DAY = "31"
|
export const BIRTH_DATE_DAY = "31"
|
||||||
export const BIRTH_DATE_MONTH = "03"
|
export const BIRTH_DATE_MONTH = "03"
|
||||||
|
19
packages/utils/src/objects.ts
Normal file
19
packages/utils/src/objects.ts
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
export const deepMerge = <
|
||||||
|
Object1 extends object,
|
||||||
|
Object2 extends object = Object1,
|
||||||
|
>(
|
||||||
|
object1: Object1,
|
||||||
|
object2: Object2,
|
||||||
|
): Object1 & Object2 => {
|
||||||
|
const result = { ...object1 } as Object1 & Object2
|
||||||
|
for (const key in object2) {
|
||||||
|
if (Object.hasOwn(object2, key)) {
|
||||||
|
if (typeof object2[key] === "object" && object2[key] !== null) {
|
||||||
|
result[key] = deepMerge(result[key] as any, object2[key] as any)
|
||||||
|
} else {
|
||||||
|
result[key] = object2[key] as any
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result
|
||||||
|
}
|
19
packages/utils/src/test/dates.test.ts
Normal file
19
packages/utils/src/test/dates.test.ts
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
import assert from "node:assert/strict"
|
||||||
|
import { describe, it } from "node:test"
|
||||||
|
import { getISODate } from "../dates.ts"
|
||||||
|
|
||||||
|
describe("dates", () => {
|
||||||
|
describe("getISODate", () => {
|
||||||
|
it("should return the correct date in ISO format (e.g: 2012-05-23)", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = new Date("2012-05-23")
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = getISODate(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "2012-05-23"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
85
packages/utils/src/test/objects.test.ts
Normal file
85
packages/utils/src/test/objects.test.ts
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
import assert from "node:assert/strict"
|
||||||
|
import { describe, it } from "node:test"
|
||||||
|
import { deepMerge } from "../objects.ts"
|
||||||
|
|
||||||
|
describe("objects", () => {
|
||||||
|
describe("deepMerge", () => {
|
||||||
|
it("should merge two simple objects", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const object1 = { a: 1, b: 2 }
|
||||||
|
const object2 = { b: 3, c: 4 }
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = deepMerge(object1, object2)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = { a: 1, b: 3, c: 4 }
|
||||||
|
assert.deepStrictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should deeply merge nested objects", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const object1 = { a: 1, b: { x: 2, y: 3 } }
|
||||||
|
const object2 = { b: { y: 4, z: 5 }, c: 6 }
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = deepMerge(object1, object2)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = { a: 1, b: { x: 2, y: 4, z: 5 }, c: 6 }
|
||||||
|
assert.deepStrictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should overwrite primitive values", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const object1 = { a: 1, b: "hello" }
|
||||||
|
const object2 = { a: 2, b: "world" }
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = deepMerge(object1, object2)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = { a: 2, b: "world" }
|
||||||
|
assert.deepStrictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return the second object if the first is empty", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const object1 = {}
|
||||||
|
const object2 = { a: 1, b: 2 }
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = deepMerge(object1, object2)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = { a: 1, b: 2 }
|
||||||
|
assert.deepStrictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return the first object if the second is empty", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const object1 = { a: 1, b: 2 }
|
||||||
|
const object2 = {}
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = deepMerge(object1, object2)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = { a: 1, b: 2 }
|
||||||
|
assert.deepStrictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should handle null and undefined values correctly", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const object1 = { a: 1, b: null }
|
||||||
|
const object2 = { b: { c: 2 }, d: undefined }
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = deepMerge(object1, object2)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = { a: 1, b: { c: 2 }, d: undefined }
|
||||||
|
assert.deepStrictEqual(output, expected)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
43
packages/utils/src/test/strings.test.ts
Normal file
43
packages/utils/src/test/strings.test.ts
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
import assert from "node:assert/strict"
|
||||||
|
import { describe, it } from "node:test"
|
||||||
|
import { capitalize } from "../strings.ts"
|
||||||
|
|
||||||
|
describe("strings", () => {
|
||||||
|
describe("capitalize", () => {
|
||||||
|
it("should capitalize the first letter of a string", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = "hello, world!"
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = capitalize(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "Hello, world!"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return an empty string when the input is an empty string", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = ""
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = capitalize(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = ""
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return the same string when the first letter is already capitalized", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = "Hello, world!"
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = capitalize(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "Hello, world!"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
80
packages/utils/src/test/urls.test.ts
Normal file
80
packages/utils/src/test/urls.test.ts
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
import assert from "node:assert/strict"
|
||||||
|
import { describe, it } from "node:test"
|
||||||
|
import { LOCALE_DEFAULT } from "../constants.ts"
|
||||||
|
import { getPathnameWithoutLocale } from "../urls.ts"
|
||||||
|
|
||||||
|
describe("urls", () => {
|
||||||
|
describe("getPathnameWithoutLocale", () => {
|
||||||
|
it("should return the pathname without the known locale prefix", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = `/${LOCALE_DEFAULT}/about`
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = getPathnameWithoutLocale(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "/about"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return the same pathname when the input does not start with a known locale prefix", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = "/about"
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = getPathnameWithoutLocale(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "/about"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return the same pathname when the input starts with an unknown locale prefix", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = "/abc-ABC/about"
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = getPathnameWithoutLocale(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "/abc-ABC/about"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return the index route when the input is an empty string", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = ""
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = getPathnameWithoutLocale(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "/"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return the index route when the input starts with a known locale prefix and with a trailing slash", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = `/${LOCALE_DEFAULT}/`
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = getPathnameWithoutLocale(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "/"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return the index route when the input starts with a known locale prefix and without a trailing slash", () => {
|
||||||
|
// Arrange - Given
|
||||||
|
const input = `/${LOCALE_DEFAULT}`
|
||||||
|
|
||||||
|
// Act - When
|
||||||
|
const output = getPathnameWithoutLocale(input)
|
||||||
|
|
||||||
|
// Assert - Then
|
||||||
|
const expected = "/"
|
||||||
|
assert.strictEqual(output, expected)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
@ -1,36 +0,0 @@
|
|||||||
import { afterEach, describe, expect, it, vi } from "vitest"
|
|
||||||
|
|
||||||
describe("VERSION", () => {
|
|
||||||
afterEach(() => {
|
|
||||||
vi.unstubAllEnvs()
|
|
||||||
vi.resetModules()
|
|
||||||
vi.restoreAllMocks()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should return "0.0.0-development" when NODE_ENV is development', async () => {
|
|
||||||
// Arrange - Given
|
|
||||||
vi.stubEnv("NODE_ENV", "development")
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const { VERSION } = await import("../constants.ts")
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = "0.0.0-development"
|
|
||||||
expect(VERSION).toEqual(expected)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should return the version from package.json when NODE_ENV is not development", async () => {
|
|
||||||
// Arrange - Given
|
|
||||||
vi.stubEnv("NODE_ENV", "production")
|
|
||||||
vi.mock("../../package.json", () => {
|
|
||||||
return { default: { version: "1.0.0" } }
|
|
||||||
})
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const { VERSION } = await import("../constants.ts")
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = "1.0.0"
|
|
||||||
expect(VERSION).toEqual(expected)
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,79 +0,0 @@
|
|||||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"
|
|
||||||
|
|
||||||
import { getAge, getISODate } from "../dates.ts"
|
|
||||||
|
|
||||||
describe("getISODate", () => {
|
|
||||||
it("should return the correct date in ISO format (e.g: 2012-05-23)", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const input = new Date("2012-05-23")
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const output = getISODate(input)
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = "2012-05-23"
|
|
||||||
expect(output).toEqual(expected)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
describe("getAge", () => {
|
|
||||||
beforeEach(() => {
|
|
||||||
vi.useFakeTimers()
|
|
||||||
})
|
|
||||||
|
|
||||||
afterEach(() => {
|
|
||||||
vi.useRealTimers()
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should return the correct age based on the birth date", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
vi.setSystemTime(new Date("2018-03-20"))
|
|
||||||
const birthDate = new Date("1980-02-20")
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const output = getAge(birthDate)
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = 38
|
|
||||||
expect(output).toEqual(expected)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should return the correct age based on the birth date when the birthday has not happened yet", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
vi.setSystemTime(new Date("2018-03-20"))
|
|
||||||
const birthDate = new Date("1980-07-20")
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const output = getAge(birthDate)
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = 37
|
|
||||||
expect(output).toEqual(expected)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should return the correct age based on the birth date when the birthday is today", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
vi.setSystemTime(new Date("2018-03-20"))
|
|
||||||
const birthDate = new Date("1980-03-20")
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const output = getAge(birthDate)
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = 38
|
|
||||||
expect(output).toEqual(expected)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should return the correct age based on the birth date when the birthday has not happened yet, but will happen this month", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
vi.setSystemTime(new Date("2018-03-20"))
|
|
||||||
const birthDate = new Date("1980-03-25")
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const output = getAge(birthDate)
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = 37
|
|
||||||
expect(output).toEqual(expected)
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,41 +0,0 @@
|
|||||||
import { describe, expect, it } from "vitest"
|
|
||||||
|
|
||||||
import { capitalize } from "../strings.ts"
|
|
||||||
|
|
||||||
describe("capitalize", () => {
|
|
||||||
it("should capitalize the first letter of a string", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const input = "hello, world!"
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const output = capitalize(input)
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = "Hello, world!"
|
|
||||||
expect(output).toEqual(expected)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should return an empty string when the input is an empty string", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const input = ""
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const output = capitalize(input)
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = ""
|
|
||||||
expect(output).toEqual(expected)
|
|
||||||
})
|
|
||||||
|
|
||||||
it("should return the same string when the first letter is already capitalized", () => {
|
|
||||||
// Arrange - Given
|
|
||||||
const input = "Hello, world!"
|
|
||||||
|
|
||||||
// Act - When
|
|
||||||
const output = capitalize(input)
|
|
||||||
|
|
||||||
// Assert - Then
|
|
||||||
const expected = "Hello, world!"
|
|
||||||
expect(output).toEqual(expected)
|
|
||||||
})
|
|
||||||
})
|
|
49
packages/utils/src/types.ts
Normal file
49
packages/utils/src/types.ts
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
/**
|
||||||
|
* 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 Satisfies<U, T extends U> = T
|
||||||
|
|
||||||
|
export type OmitStrict<T, K extends keyof T> = Omit<T, K>
|
||||||
|
export type PickStrict<T, K extends keyof T> = Pick<T, K>
|
||||||
|
|
||||||
|
export type OverrideStrict<
|
||||||
|
Type,
|
||||||
|
NewType extends {
|
||||||
|
[Key in keyof Type]?: unknown
|
||||||
|
},
|
||||||
|
> = Omit<Type, keyof NewType> & NewType
|
||||||
|
|
||||||
|
export type PartialDeep<T> = T extends object
|
||||||
|
? {
|
||||||
|
[P in keyof T]?: PartialDeep<T[P]>
|
||||||
|
}
|
||||||
|
: T
|
||||||
|
|
||||||
|
export type Status = "error" | "idle" | "pending" | "success"
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Allows creating a union type by combining primitive types and literal types without sacrificing auto-completion in IDEs for the literal type part of the union.
|
||||||
|
*
|
||||||
|
* @see https://github.com/Microsoft/TypeScript/issues/29729
|
||||||
|
*
|
||||||
|
* @example
|
||||||
|
```
|
||||||
|
// Before
|
||||||
|
type Pet = 'dog' | 'cat' | string;
|
||||||
|
|
||||||
|
// After
|
||||||
|
type Pet2 = LiteralUnion<'dog' | 'cat', string>;
|
||||||
|
```
|
||||||
|
*/
|
||||||
|
export type LiteralUnion<LiteralType, BaseType extends Primitive> =
|
||||||
|
| LiteralType
|
||||||
|
| (BaseType & Record<never, never>)
|
18
packages/utils/src/urls.ts
Normal file
18
packages/utils/src/urls.ts
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
import { LOCALES } from "./constants.ts"
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the pathname without the known locale prefix.
|
||||||
|
* @param input
|
||||||
|
* @returns
|
||||||
|
* @example getRoutePathnameWithoutLocale("/fr-FR/about") // "/about"
|
||||||
|
*/
|
||||||
|
export const getPathnameWithoutLocale = (input: string): string => {
|
||||||
|
const locale = LOCALES.find((locale) => {
|
||||||
|
return input.startsWith(`/${locale}`)
|
||||||
|
})
|
||||||
|
const pathname = locale != null ? input.slice(locale.length + 1) : input
|
||||||
|
if (pathname.length <= 0) {
|
||||||
|
return `/${pathname}`
|
||||||
|
}
|
||||||
|
return pathname
|
||||||
|
}
|
@ -1,10 +0,0 @@
|
|||||||
import { defineConfig } from "vitest/config"
|
|
||||||
|
|
||||||
export default defineConfig({
|
|
||||||
test: {
|
|
||||||
coverage: {
|
|
||||||
enabled: true,
|
|
||||||
provider: "v8",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
})
|
|
11131
pnpm-lock.yaml
generated
11131
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -1,104 +1,105 @@
|
|||||||
packages:
|
packages:
|
||||||
- "apps/*"
|
- "apps/*"
|
||||||
|
- "configs/*"
|
||||||
- "packages/*"
|
- "packages/*"
|
||||||
|
|
||||||
catalog:
|
catalog:
|
||||||
# Turborepo and Releases
|
# Turborepo
|
||||||
"turbo": "2.3.3"
|
"turbo": "2.5.3"
|
||||||
"@saithodev/semantic-release-backmerge": "4.0.1"
|
|
||||||
"@semantic-release/exec": "6.0.3"
|
|
||||||
"@semantic-release/git": "10.0.1"
|
|
||||||
"semantic-release": "23.1.1"
|
|
||||||
"replace-in-files-cli": "3.0.0"
|
|
||||||
|
|
||||||
# Utils
|
# Utils
|
||||||
"deepmerge": "4.3.1"
|
"mime": "4.0.7"
|
||||||
|
|
||||||
# React.js/Next.js
|
# React.js/Next.js
|
||||||
"next": "15.0.4"
|
"next": &next "15.3.2"
|
||||||
"next-intl": "3.26.0"
|
"next-intl": "4.1.0"
|
||||||
"next-themes": "0.4.4"
|
"next-themes": "0.4.6"
|
||||||
"react": "19.0.0"
|
"react": "19.1.0"
|
||||||
"react-dom": "19.0.0"
|
"react-dom": "19.1.0"
|
||||||
"react-icons": "5.4.0"
|
"react-icons": "5.5.0"
|
||||||
"@types/react": "19.0.0"
|
"@types/react": "19.1.3"
|
||||||
"@types/react-dom": "19.0.0"
|
"@types/react-dom": "19.1.3"
|
||||||
|
|
||||||
# Blog
|
# Blog
|
||||||
"@giscus/react": "3.0.0"
|
"@giscus/react": "3.1.0"
|
||||||
"gray-matter": "4.0.3"
|
"gray-matter": "4.0.3"
|
||||||
"katex": "0.16.11"
|
"katex": "0.16.22"
|
||||||
"next-mdx-remote": "5.0.0"
|
"next-mdx-remote": "5.0.0"
|
||||||
"@mdx-js/mdx": "3.1.0"
|
"@mdx-js/mdx": "3.1.0"
|
||||||
"rehype-katex": "7.0.1"
|
"rehype-katex": "7.0.1"
|
||||||
"rehype-raw": "7.0.0"
|
"rehype-raw": "7.0.0"
|
||||||
"rehype-slug": "6.0.0"
|
"rehype-slug": "6.0.0"
|
||||||
"remark-gfm": "4.0.0"
|
"remark-gfm": "4.0.1"
|
||||||
"remark-math": "6.0.0"
|
"remark-math": "6.0.0"
|
||||||
"shiki": "1.24.0"
|
"shiki": "1.24.0"
|
||||||
"@shikijs/rehype": "1.24.0"
|
"@shikijs/rehype": "1.24.0"
|
||||||
|
|
||||||
# Markdown Lint
|
# Markdown Lint
|
||||||
"markdownlint-cli2": "0.15.0"
|
"markdownlint-cli2": "0.18.0"
|
||||||
"markdownlint": "0.36.1"
|
"markdownlint": "0.38.0"
|
||||||
"markdownlint-rule-relative-links": "3.0.0"
|
"markdownlint-rule-relative-links": "4.1.0"
|
||||||
|
|
||||||
# TypeScript
|
# TypeScript
|
||||||
"typescript": "5.7.2"
|
"typescript": "5.8.3"
|
||||||
"@total-typescript/ts-reset": "0.6.1"
|
"@total-typescript/ts-reset": "0.6.1"
|
||||||
"@types/node": "22.10.1"
|
"@types/node": "22.15.17"
|
||||||
|
|
||||||
# ESLint
|
# ESLint
|
||||||
"globals": "15.13.0"
|
"globals": "16.1.0"
|
||||||
"typescript-eslint": "8.17.0"
|
"typescript-eslint": "8.32.0"
|
||||||
"@eslint/eslintrc": "3.2.0"
|
"@eslint/eslintrc": "3.3.1"
|
||||||
"eslint": "9.16.0"
|
"eslint": "9.26.0"
|
||||||
"eslint-config-conventions": "17.0.1"
|
"eslint-config-conventions": "19.2.0"
|
||||||
"eslint-plugin-promise": "7.2.1"
|
"eslint-plugin-promise": "7.2.1"
|
||||||
"eslint-plugin-unicorn": "56.0.1"
|
"eslint-plugin-unicorn": "59.0.1"
|
||||||
"eslint-config-next": "15.0.4"
|
"eslint-config-next": *next
|
||||||
"eslint-plugin-storybook": "0.11.1"
|
"eslint-plugin-import-x": "4.11.1"
|
||||||
"eslint-plugin-tailwindcss": "3.17.5"
|
|
||||||
"eslint-plugin-import-x": "4.5.0"
|
|
||||||
|
|
||||||
# Prettier
|
# Prettier
|
||||||
"prettier": "3.4.2"
|
"prettier": "3.5.3"
|
||||||
"prettier-plugin-tailwindcss": "0.6.9"
|
"prettier-plugin-tailwindcss": "0.6.11"
|
||||||
"editorconfig-checker": "6.0.0"
|
"editorconfig-checker": "6.0.1"
|
||||||
|
|
||||||
# Storybook
|
# Storybook
|
||||||
"@chromatic-com/storybook": "3.2.2"
|
"storybook": &storybook "8.6.12"
|
||||||
"@storybook/addon-a11y": "8.4.7"
|
"@storybook/addon-essentials": *storybook
|
||||||
"@storybook/addon-essentials": "8.4.7"
|
"@storybook/addon-storysource": *storybook
|
||||||
"@storybook/addon-interactions": "8.4.7"
|
"@storybook/addon-a11y": *storybook
|
||||||
"@storybook/addon-storysource": "8.4.7"
|
"@storybook/addon-interactions": *storybook
|
||||||
"@storybook/addon-themes": "8.4.7"
|
"@storybook/blocks": *storybook
|
||||||
"@storybook/blocks": "8.4.7"
|
"@storybook/nextjs": *storybook
|
||||||
"@storybook/nextjs": "8.4.7"
|
"@storybook/react": *storybook
|
||||||
"@storybook/react": "8.4.7"
|
"@storybook/test": *storybook
|
||||||
"@storybook/test": "8.4.7"
|
"@storybook/addon-themes": *storybook
|
||||||
"@storybook/test-runner": "0.20.1"
|
"@storybook/test-runner": "0.22.0"
|
||||||
"chromatic": "11.20.0"
|
"@chromatic-com/storybook": "3.2.6"
|
||||||
"http-server": "14.1.1"
|
"chromatic": "11.28.2"
|
||||||
"storybook": "8.4.7"
|
|
||||||
"storybook-dark-mode": "4.0.2"
|
"storybook-dark-mode": "4.0.2"
|
||||||
|
|
||||||
# Testing
|
# Testing
|
||||||
"playwright": "1.49.0"
|
"playwright": &playwright "1.52.0"
|
||||||
"@playwright/test": "1.49.0"
|
"@playwright/test": *playwright
|
||||||
"axe-playwright": "2.0.3"
|
"axe-playwright": "2.1.0"
|
||||||
"start-server-and-test": "2.0.8"
|
"start-server-and-test": "2.0.11"
|
||||||
"@vitest/browser": "2.1.8"
|
|
||||||
"@vitest/coverage-v8": "2.1.8"
|
|
||||||
"@vitest/ui": "2.1.8"
|
|
||||||
"vitest": "2.1.8"
|
|
||||||
"@testing-library/react": "16.1.0"
|
|
||||||
|
|
||||||
# CSS
|
# CSS
|
||||||
"postcss": "8.4.49"
|
"postcss": "8.5.3"
|
||||||
"tailwindcss": "3.4.16"
|
"@tailwindcss/postcss": "4.1.6"
|
||||||
"@tailwindcss/typography": "0.5.15"
|
"@tailwindcss/typography": "0.5.16"
|
||||||
"tailwind-merge": "2.5.5"
|
"tailwindcss": "4.1.6"
|
||||||
|
"tailwind-merge": "3.2.0"
|
||||||
"clsx": "2.1.1"
|
"clsx": "2.1.1"
|
||||||
"cva": "1.0.0-beta.2"
|
"cva": "1.0.0-beta.3"
|
||||||
"@fontsource/montserrat": "5.1.0"
|
"@fontsource/montserrat": "5.2.5"
|
||||||
|
|
||||||
|
onlyBuiltDependencies:
|
||||||
|
- "@swc/core"
|
||||||
|
- "@tailwindcss/oxide"
|
||||||
|
- "core-js-pure"
|
||||||
|
- "esbuild"
|
||||||
|
- "sharp"
|
||||||
|
- "unrs-resolver"
|
||||||
|
|
||||||
|
publicHoistPattern:
|
||||||
|
- "*eslint*"
|
||||||
|
- "*prettier*"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"$schema": "https://turbo.build/schema.json",
|
"$schema": "./node_modules/turbo/schema.json",
|
||||||
"ui": "tui",
|
"ui": "tui",
|
||||||
"tasks": {
|
"tasks": {
|
||||||
"build": {
|
"build": {
|
||||||
@ -15,7 +15,7 @@
|
|||||||
},
|
},
|
||||||
"test": {
|
"test": {
|
||||||
"dependsOn": ["^test"],
|
"dependsOn": ["^test"],
|
||||||
"outputs": ["coverage/**"]
|
"outputs": []
|
||||||
},
|
},
|
||||||
"lint:eslint-transit-node": {
|
"lint:eslint-transit-node": {
|
||||||
"dependsOn": ["^lint:eslint-transit-node"]
|
"dependsOn": ["^lint:eslint-transit-node"]
|
||||||
|
Reference in New Issue
Block a user