mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-12-08 00:44:30 +01:00
chore: simplify TypeScript config
This commit is contained in:
parent
6853ac6884
commit
386f407f21
GPG Key ID:
ADFE5A563D718F3B
2
.github/workflows/ci.yml
vendored
2
.github/workflows/ci.yml
vendored
@ -40,4 +40,4 @@ jobs:
|
||||
steps:
|
||||
- uses: "actions/checkout@v4.1.7"
|
||||
|
||||
- uses: "wagoid/commitlint-github-action@v6.0.1"
|
||||
- uses: "wagoid/commitlint-github-action@v6.1.2"
|
||||
|
||||
2
.github/workflows/release.yml
vendored
2
.github/workflows/release.yml
vendored
@ -20,7 +20,7 @@ jobs:
|
||||
persist-credentials: false
|
||||
|
||||
- name: "Import GPG key"
|
||||
uses: "crazy-max/ghaction-import-gpg@v6.0.0"
|
||||
uses: "crazy-max/ghaction-import-gpg@v6.1.0"
|
||||
with:
|
||||
gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
|
||||
git_user_signingkey: true
|
||||
|
||||
1
.vscode/extensions.json
vendored
1
.vscode/extensions.json
vendored
@ -1,6 +1,5 @@
|
||||
{
|
||||
"recommendations": [
|
||||
"Vercel.turbo-vsc",
|
||||
"editorconfig.editorconfig",
|
||||
"esbenp.prettier-vscode",
|
||||
"dbaeumer.vscode-eslint",
|
||||
|
||||
2
.vscode/react.code-snippets
vendored
2
.vscode/react.code-snippets
vendored
@ -22,7 +22,7 @@
|
||||
"body": [
|
||||
"import type { Meta, StoryObj } from \"@storybook/react\"",
|
||||
"",
|
||||
"import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}\"",
|
||||
"import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}.tsx\"",
|
||||
"",
|
||||
"const meta = {",
|
||||
" title: \"${1:ComponentName}\",",
|
||||
|
||||
@ -32,7 +32,7 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
|
||||
### Prerequisites
|
||||
|
||||
- [Node.js](https://nodejs.org/) >= 22.0.0
|
||||
- [pnpm](https://pnpm.io/) >= 9.5.0
|
||||
- [pnpm](https://pnpm.io/) >= 9.10.0
|
||||
|
||||
### Installation
|
||||
|
||||
@ -40,6 +40,9 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
|
||||
# Clone the repository
|
||||
git clone git@github.com:theoludwig/theoludwig.git
|
||||
|
||||
# Go to the project root
|
||||
cd theoludwig
|
||||
|
||||
# Configure environment variables
|
||||
cp .env.example .env
|
||||
cp apps/website/.env.example apps/website/.env
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
import "@repo/config-tailwind/styles.css"
|
||||
import { defaultTranslationValues, Locale } from "@repo/i18n/config"
|
||||
import { defaultTranslationValues } from "@repo/i18n/config"
|
||||
import i18nMessagesEnglish from "@repo/i18n/translations/en-US.json"
|
||||
import type { Locale } from "@repo/utils/constants"
|
||||
import type { Preview } from "@storybook/react"
|
||||
import { NextIntlClientProvider } from "next-intl"
|
||||
import { ThemeProvider as NextThemeProvider } from "next-themes"
|
||||
|
||||
@ -5,7 +5,6 @@ import { checkA11y, configureAxe, injectAxe } from "axe-playwright"
|
||||
|
||||
/*
|
||||
* See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
|
||||
* to learn more about the test-runner hooks API.
|
||||
*/
|
||||
const config: TestRunnerConfig = {
|
||||
async preVisit(page) {
|
||||
|
||||
@ -16,6 +16,7 @@
|
||||
"@repo/config-tailwind": "workspace:*",
|
||||
"@repo/i18n": "workspace:*",
|
||||
"@repo/ui": "workspace:*",
|
||||
"@repo/utils": "workspace:*",
|
||||
"@repo/blog": "workspace:*",
|
||||
"next": "catalog:",
|
||||
"next-intl": "catalog:",
|
||||
|
||||
@ -2,7 +2,7 @@ import sharedConfig from "@repo/config-tailwind"
|
||||
|
||||
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
||||
const config = {
|
||||
content: [".storybook/preview.tsx", "../../packages/**/*.tsx"],
|
||||
content: [".storybook/preview.tsx", "../../packages/*/src/**/*.tsx"],
|
||||
presets: [sharedConfig],
|
||||
}
|
||||
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
TZ=UTC
|
||||
HOSTNAME=0.0.0.0
|
||||
PORT=3000
|
||||
NEXT_TELEMETRY_DISABLED=1
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{
|
||||
"root": true,
|
||||
"extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
|
||||
"ignorePatterns": ["public/"],
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["*.ts", "*.tsx"],
|
||||
|
||||
@ -2,11 +2,13 @@ FROM node:22.4.1-slim AS node-pnpm
|
||||
ENV PNPM_HOME="/pnpm"
|
||||
ENV PATH="$PNPM_HOME:$PATH"
|
||||
RUN corepack enable
|
||||
ENV TURBO_TELEMETRY_DISABLED=1
|
||||
ENV DO_NOT_TRACK=1
|
||||
WORKDIR /usr/src/app
|
||||
|
||||
FROM node-pnpm AS builder
|
||||
RUN pnpm install --global turbo@2.0.10
|
||||
COPY ./ ./
|
||||
RUN pnpm install --global turbo@2.1.1
|
||||
RUN turbo prune @repo/website --docker
|
||||
|
||||
FROM node-pnpm AS installer
|
||||
|
||||
@ -3,7 +3,7 @@ import { notFound } from "next/navigation"
|
||||
|
||||
import { getBlogPostBySlug, getBlogPosts } from "@repo/blog"
|
||||
import { BlogPostUI } from "@repo/blog/BlogPostUI"
|
||||
import type { Locale } from "@repo/i18n/config"
|
||||
import type { Locale } from "@repo/utils/constants"
|
||||
import { unstable_setRequestLocale } from "next-intl/server"
|
||||
|
||||
interface BlogPostPageProps {
|
||||
|
||||
@ -1,12 +1,13 @@
|
||||
import { getBlogPosts } from "@repo/blog"
|
||||
import { BlogPosts } from "@repo/blog/BlogPosts"
|
||||
import { LOCALE_DEFAULT, type LocaleProps } from "@repo/i18n/config"
|
||||
import { type LocaleProps } from "@repo/i18n/config"
|
||||
import { MainLayout } from "@repo/ui/Layout/MainLayout"
|
||||
import {
|
||||
Section,
|
||||
SectionDescription,
|
||||
SectionTitle,
|
||||
} from "@repo/ui/Layout/Section"
|
||||
import { LOCALE_DEFAULT } from "@repo/utils/constants"
|
||||
import type { Metadata } from "next"
|
||||
import { unstable_setRequestLocale } from "next-intl/server"
|
||||
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
import "@repo/config-tailwind/styles.css"
|
||||
import type { Locale, LocaleProps } from "@repo/i18n/config"
|
||||
import { LOCALES } from "@repo/i18n/config"
|
||||
import type { LocaleProps } from "@repo/i18n/config"
|
||||
import type { Locale } from "@repo/utils/constants"
|
||||
import { LOCALES } from "@repo/utils/constants"
|
||||
import type { Metadata } from "next"
|
||||
import { NextIntlClientProvider } from "next-intl"
|
||||
import {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/i18n/config"
|
||||
import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/utils/constants"
|
||||
import createMiddleware from "next-intl/middleware"
|
||||
|
||||
export default createMiddleware({
|
||||
|
||||
@ -2,7 +2,7 @@ import sharedConfig from "@repo/config-tailwind"
|
||||
|
||||
/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
|
||||
const config = {
|
||||
content: ["./**/*.tsx", "../../packages/**/*.tsx"],
|
||||
content: ["./app/**/*.tsx", "../../packages/*/src/**/*.tsx"],
|
||||
presets: [sharedConfig],
|
||||
}
|
||||
|
||||
|
||||
@ -1,16 +1,9 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Bundler",
|
||||
"resolveJsonModule": true,
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"types": ["@total-typescript/ts-reset", "@repo/i18n/messages.d.ts"],
|
||||
"incremental": true,
|
||||
"noEmit": true,
|
||||
"allowJs": true,
|
||||
"jsx": "preserve",
|
||||
"paths": {
|
||||
"#*": ["./*"]
|
||||
},
|
||||
|
||||
12
package.json
12
package.json
@ -3,10 +3,10 @@
|
||||
"version": "4.0.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"packageManager": "pnpm@9.5.0+sha512.140036830124618d624a2187b50d04289d5a087f326c9edfc0ccd733d76c4f52c3a313d4fc148794a2a9d81553016004e6742e8cf850670268a7387fc220c903",
|
||||
"packageManager": "pnpm@9.10.0+sha512.73a29afa36a0d092ece5271de5177ecbf8318d454ecd701343131b8ebc0c1a91c487da46ab77c8e596d6acf1461e3594ced4becedf8921b074fbd8653ed7051c",
|
||||
"engines": {
|
||||
"node": ">=22.0.0",
|
||||
"pnpm": ">=9.5.0"
|
||||
"pnpm": ">=9.10.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "turbo run build",
|
||||
@ -27,13 +27,13 @@
|
||||
"editorconfig-checker": "5.1.8",
|
||||
"playwright": "catalog:",
|
||||
"prettier": "3.3.3",
|
||||
"prettier-plugin-tailwindcss": "0.6.5",
|
||||
"markdownlint-cli2": "0.13.0",
|
||||
"markdownlint": "0.34.0",
|
||||
"prettier-plugin-tailwindcss": "0.6.6",
|
||||
"markdownlint-cli2": "0.14.0",
|
||||
"markdownlint": "0.35.0",
|
||||
"markdownlint-rule-relative-links": "3.0.0",
|
||||
"replace-in-files-cli": "3.0.0",
|
||||
"semantic-release": "23.1.1",
|
||||
"turbo": "2.0.10",
|
||||
"turbo": "2.1.1",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,7 +11,7 @@ import remarkMath from "remark-math"
|
||||
|
||||
import { Link } from "@repo/i18n/navigation"
|
||||
import "katex/dist/katex.min.css"
|
||||
import { BlogPostComments } from "./BlogPostComments"
|
||||
import { BlogPostComments } from "./BlogPostComments.tsx"
|
||||
|
||||
const Heading: React.FC<
|
||||
React.DetailedHTMLProps<
|
||||
|
||||
@ -3,8 +3,8 @@ import "katex/dist/katex.min.css"
|
||||
|
||||
import { Typography } from "@repo/ui/Design/Typography"
|
||||
import { MainLayout } from "@repo/ui/Layout/MainLayout"
|
||||
import type { BlogPost } from "./BlogPost"
|
||||
import { BlogPostContent } from "./BlogPostContent"
|
||||
import type { BlogPost } from "./BlogPost.tsx"
|
||||
import { BlogPostContent } from "./BlogPostContent.tsx"
|
||||
|
||||
export interface BlogPostUIProps {
|
||||
blogPost: BlogPost
|
||||
|
||||
@ -2,7 +2,7 @@ import { Link } from "@repo/i18n/navigation"
|
||||
import { Typography } from "@repo/ui/Design/Typography"
|
||||
import { Section, SectionContent } from "@repo/ui/Layout/Section"
|
||||
import { getISODate } from "@repo/utils/dates"
|
||||
import type { BlogPost } from "./BlogPost"
|
||||
import type { BlogPost } from "./BlogPost.tsx"
|
||||
|
||||
export interface BlogPostsProps {
|
||||
posts: BlogPost[]
|
||||
|
||||
@ -2,7 +2,7 @@ import fs from "node:fs"
|
||||
import path from "node:path"
|
||||
|
||||
import matter from "gray-matter"
|
||||
import type { BlogPost, FrontMatter } from "./BlogPost"
|
||||
import type { BlogPost, FrontMatter } from "./BlogPost.tsx"
|
||||
|
||||
export const BLOG_POSTS_PATH = path.join(
|
||||
process.cwd(),
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { BLOG_POST_MOCK } from "../BlogPost"
|
||||
import { BlogPostUI as BlogPostUIComponent } from "../BlogPostUI"
|
||||
import { BLOG_POST_MOCK } from "../BlogPost.ts"
|
||||
import { BlogPostUI as BlogPostUIComponent } from "../BlogPostUI.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Blog/BlogPostUI",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { BLOG_POST_MOCK } from "../BlogPost"
|
||||
import { BlogPosts as BlogPostsComponent } from "../BlogPosts"
|
||||
import { BLOG_POST_MOCK } from "../BlogPost.ts"
|
||||
import { BlogPosts as BlogPostsComponent } from "../BlogPosts.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Blog/BlogPosts",
|
||||
|
||||
@ -1,18 +1,11 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Bundler",
|
||||
"resolveJsonModule": true,
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"types": [
|
||||
"@total-typescript/ts-reset",
|
||||
"@repo/i18n/messages.d.ts",
|
||||
"@types/node"
|
||||
],
|
||||
"jsx": "preserve",
|
||||
|
||||
"noEmit": true
|
||||
"@types/node",
|
||||
"@repo/i18n/messages.d.ts"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,3 +1,25 @@
|
||||
{
|
||||
"extends": ["conventions"]
|
||||
"extends": ["conventions"],
|
||||
"plugins": ["import-x"],
|
||||
"rules": {
|
||||
"import-x/no-absolute-path": "error",
|
||||
"import-x/no-webpack-loader-syntax": "error",
|
||||
"import-x/no-self-import": "error",
|
||||
"import-x/no-useless-path-segments": "error",
|
||||
"import-x/export": "error",
|
||||
"import-x/no-duplicates": "error",
|
||||
"import-x/no-named-default": "error",
|
||||
"import-x/no-empty-named-blocks": "error",
|
||||
"import-x/no-anonymous-default-export": "error",
|
||||
"import-x/extensions": [
|
||||
"error",
|
||||
"ignorePackages",
|
||||
{
|
||||
"ts": "always",
|
||||
"tsx": "always",
|
||||
"js": "never",
|
||||
"jsx": "never"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"extends": [
|
||||
"conventions",
|
||||
"../.eslintrc.json",
|
||||
"next/core-web-vitals",
|
||||
"plugin:tailwindcss/recommended",
|
||||
"plugin:storybook/recommended"
|
||||
|
||||
@ -17,6 +17,7 @@
|
||||
"eslint-config-next": "catalog:",
|
||||
"eslint-plugin-storybook": "catalog:",
|
||||
"eslint-plugin-tailwindcss": "catalog:",
|
||||
"eslint-plugin-import-x": "catalog:",
|
||||
"typescript": "catalog:"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,10 +1,6 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Bundler",
|
||||
|
||||
"noEmit": true
|
||||
"lib": ["ESNext"]
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,15 +6,28 @@
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noImplicitOverride": true,
|
||||
"noImplicitReturns": true,
|
||||
"noImplicitThis": true,
|
||||
"noImplicitAny": true,
|
||||
"noPropertyAccessFromIndexSignature": true,
|
||||
"noUncheckedIndexedAccess": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
|
||||
"verbatimModuleSyntax": true,
|
||||
"isolatedModules": true,
|
||||
"esModuleInterop": true,
|
||||
"allowImportingTsExtensions": true,
|
||||
"skipLibCheck": true,
|
||||
"jsx": "preserve",
|
||||
"incremental": true
|
||||
"incremental": true,
|
||||
"noEmit": true,
|
||||
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Bundler",
|
||||
"resolveJsonModule": true,
|
||||
|
||||
"experimentalDecorators": true,
|
||||
"emitDecoratorMetadata": true
|
||||
}
|
||||
}
|
||||
|
||||
@ -16,6 +16,7 @@
|
||||
"test": "vitest run"
|
||||
},
|
||||
"dependencies": {
|
||||
"@repo/utils": "workspace:*",
|
||||
"deepmerge": "catalog:",
|
||||
"next": "catalog:",
|
||||
"next-intl": "catalog:",
|
||||
|
||||
@ -1,10 +1,6 @@
|
||||
import type { Locale } from "@repo/utils/constants"
|
||||
import type { RichTranslationValues } from "next-intl"
|
||||
|
||||
export const LOCALES = ["en-US", "fr-FR"] as const
|
||||
export type Locale = (typeof LOCALES)[number]
|
||||
export const LOCALE_DEFAULT = "en-US" satisfies Locale
|
||||
export const LOCALE_PREFIX = "never"
|
||||
|
||||
export interface LocaleProps {
|
||||
params: {
|
||||
locale: Locale
|
||||
|
||||
@ -3,8 +3,9 @@ import type { AbstractIntlMessages } from "next-intl"
|
||||
import { getRequestConfig } from "next-intl/server"
|
||||
import { notFound } from "next/navigation"
|
||||
|
||||
import type { Locale } from "./config"
|
||||
import { defaultTranslationValues, LOCALE_DEFAULT, LOCALES } from "./config"
|
||||
import type { Locale } from "@repo/utils/constants"
|
||||
import { LOCALE_DEFAULT, LOCALES } from "@repo/utils/constants"
|
||||
import { defaultTranslationValues } from "./config.tsx"
|
||||
|
||||
export default getRequestConfig(async ({ locale }) => {
|
||||
if (!LOCALES.includes(locale as Locale)) {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { createSharedPathnamesNavigation } from "next-intl/navigation"
|
||||
|
||||
import { LOCALES, LOCALE_PREFIX } from "./config"
|
||||
import { LOCALES, LOCALE_PREFIX } from "@repo/utils/constants"
|
||||
|
||||
export const { Link, redirect, usePathname, useRouter, permanentRedirect } =
|
||||
createSharedPathnamesNavigation({
|
||||
|
||||
@ -1,14 +1,7 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Bundler",
|
||||
"resolveJsonModule": true,
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"types": ["@total-typescript/ts-reset"],
|
||||
"jsx": "preserve",
|
||||
|
||||
"noEmit": true
|
||||
"types": ["@total-typescript/ts-reset"]
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import { act, renderHook } from "@testing-library/react"
|
||||
|
||||
import { describe, expect, it } from "vitest"
|
||||
import { useBoolean } from "../useBoolean"
|
||||
import { useBoolean } from "../useBoolean.ts"
|
||||
|
||||
describe("useBoolean", () => {
|
||||
const initialValues = [true, false]
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import { renderHook } from "@testing-library/react"
|
||||
|
||||
import { describe, expect, it } from "vitest"
|
||||
import { useIsMounted } from "../useIsMounted"
|
||||
import { useIsMounted } from "../useIsMounted.ts"
|
||||
|
||||
describe("useIsMounted", () => {
|
||||
it("should return true", () => {
|
||||
|
||||
@ -1,17 +1,7 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Bundler",
|
||||
"resolveJsonModule": true,
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"types": [
|
||||
"@total-typescript/ts-reset",
|
||||
"@vitest/browser/providers/playwright"
|
||||
],
|
||||
"jsx": "preserve",
|
||||
|
||||
"noEmit": true
|
||||
"types": ["@total-typescript/ts-reset"]
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { CurriculumVitae as CurriculumVitaeComponent } from "./CurriculumVitae"
|
||||
import { CurriculumVitae as CurriculumVitaeComponent } from "./CurriculumVitae.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Curriculum Vitae/CurriculumVitae",
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { CurriculumVitaeAbout } from "./CurriculumVitaeAbout"
|
||||
import { CurriculumVitaeEducation } from "./CurriculumVitaeEducation"
|
||||
import { CurriculumVitaeInterests } from "./CurriculumVitaeInterests"
|
||||
import { CurriculumVitaeProfile } from "./CurriculumVitaeProfile"
|
||||
import { CurriculumVitaeSkills } from "./CurriculumVitaeSkills"
|
||||
import { CurriculumVitaeWork } from "./CurriculumVitaeWork"
|
||||
import { CurriculumVitaeAbout } from "./CurriculumVitaeAbout.tsx"
|
||||
import { CurriculumVitaeEducation } from "./CurriculumVitaeEducation.tsx"
|
||||
import { CurriculumVitaeInterests } from "./CurriculumVitaeInterests.tsx"
|
||||
import { CurriculumVitaeProfile } from "./CurriculumVitaeProfile.tsx"
|
||||
import { CurriculumVitaeSkills } from "./CurriculumVitaeSkills.tsx"
|
||||
import { CurriculumVitaeWork } from "./CurriculumVitaeWork.tsx"
|
||||
|
||||
export interface CurriculumVitaeProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { FaUser } from "react-icons/fa"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
|
||||
|
||||
export interface CurriculumVitaeAboutProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { FaGraduationCap } from "react-icons/fa"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
|
||||
|
||||
export interface CurriculumVitaeEducationProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { FaHeart } from "react-icons/fa"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
|
||||
|
||||
export interface CurriculumVitaeInterestsProps {}
|
||||
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { Link } from "@repo/i18n/navigation"
|
||||
import { useTranslations } from "next-intl"
|
||||
import Image from "next/image"
|
||||
import { BirthDate } from "../Home/About/AboutList/BirthDate"
|
||||
import { Locales } from "../Layout/Header/Locales/Locales"
|
||||
import { BirthDate } from "../Home/About/AboutList/BirthDate.tsx"
|
||||
import { Locales } from "../Layout/Header/Locales/Locales.tsx"
|
||||
|
||||
export interface CurriculumVitaeProfileProps {}
|
||||
|
||||
|
||||
@ -3,8 +3,8 @@ import { FaToolbox } from "react-icons/fa"
|
||||
import {
|
||||
SKILL_CATEGORIES,
|
||||
SKILL_NAMES_BY_CATEGORY,
|
||||
} from "../Home/Skills/skills"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
|
||||
} from "../Home/Skills/skills.ts"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
|
||||
|
||||
export interface CurriculumVitaeSkillsProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { MdWork } from "react-icons/md"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
|
||||
import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"
|
||||
|
||||
export interface CurriculumVitaeWorkProps {}
|
||||
|
||||
|
||||
@ -2,8 +2,8 @@ import type { Meta, StoryObj } from "@storybook/react"
|
||||
import { expect, fn, userEvent, within } from "@storybook/test"
|
||||
import { FaCheck } from "react-icons/fa"
|
||||
|
||||
import type { ButtonLinkProps } from "./Button"
|
||||
import { Button } from "./Button"
|
||||
import type { ButtonLinkProps } from "./Button.tsx"
|
||||
import { Button } from "./Button.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Design System/Button",
|
||||
|
||||
@ -3,8 +3,8 @@ import { Link as NextLink } from "@repo/i18n/navigation"
|
||||
import type { VariantProps } from "cva"
|
||||
import { cva } from "cva"
|
||||
|
||||
import { Spinner } from "../Spinner/Spinner"
|
||||
import { Ripple } from "./Ripple"
|
||||
import { Spinner } from "../Spinner/Spinner.tsx"
|
||||
import { Ripple } from "./Ripple.tsx"
|
||||
|
||||
const buttonVariants = cva({
|
||||
base: "relative inline-flex items-center justify-center overflow-hidden rounded-md text-base font-semibold transition duration-150 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { Link } from "./Link"
|
||||
import { Link } from "./Link.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Design System/Link",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { Spinner } from "./Spinner"
|
||||
import { Spinner } from "./Spinner.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Design System/Spinner",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import type { TypographyProps } from "./Typography"
|
||||
import { Typography } from "./Typography"
|
||||
import type { TypographyProps } from "./Typography.tsx"
|
||||
import { Typography } from "./Typography.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Design System/Typography",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { ErrorNotFound as ErrorNotFoundComponent } from "./ErrorNotFound"
|
||||
import { ErrorNotFound as ErrorNotFoundComponent } from "./ErrorNotFound.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Errors/ErrorNotFound",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { Link } from "../../Design/Link/Link"
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import { MainLayout } from "../../Layout/MainLayout/MainLayout"
|
||||
import { Section } from "../../Layout/Section/Section"
|
||||
import { Link } from "../../Design/Link/Link.tsx"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
import { MainLayout } from "../../Layout/MainLayout/MainLayout.tsx"
|
||||
import { Section } from "../../Layout/Section/Section.tsx"
|
||||
|
||||
export interface ErrorNotFoundProps {}
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
import { expect, fn, userEvent, within } from "@storybook/test"
|
||||
|
||||
import { ErrorServer as ErrorServerComponent } from "./ErrorServer"
|
||||
import { ErrorServer as ErrorServerComponent } from "./ErrorServer.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Errors/ErrorServer",
|
||||
|
||||
@ -2,10 +2,10 @@
|
||||
|
||||
import { useTranslations } from "next-intl"
|
||||
import { useEffect } from "react"
|
||||
import { Button } from "../../Design/Button/Button"
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import { MainLayout } from "../../Layout/MainLayout/MainLayout"
|
||||
import { Section } from "../../Layout/Section/Section"
|
||||
import { Button } from "../../Design/Button/Button.tsx"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
import { MainLayout } from "../../Layout/MainLayout/MainLayout.tsx"
|
||||
import { Section } from "../../Layout/Section/Section.tsx"
|
||||
|
||||
export interface ErrorServerProps {
|
||||
error: Error & { digest?: string }
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { About as AboutComponent } from "./About"
|
||||
import { About as AboutComponent } from "./About.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Home/About",
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Section, SectionContent } from "../../Layout/Section/Section"
|
||||
import { AboutDescription } from "./AboutDescription"
|
||||
import { AboutIntroduction } from "./AboutIntroduction"
|
||||
import { AboutList } from "./AboutList/AboutList"
|
||||
import { AboutLogo } from "./AboutLogo"
|
||||
import { SocialMediaList } from "./SocialMediaList/SocialMediaList"
|
||||
import { Section, SectionContent } from "../../Layout/Section/Section.tsx"
|
||||
import { AboutDescription } from "./AboutDescription.tsx"
|
||||
import { AboutIntroduction } from "./AboutIntroduction.tsx"
|
||||
import { AboutList } from "./AboutList/AboutList.tsx"
|
||||
import { AboutLogo } from "./AboutLogo.tsx"
|
||||
import { SocialMediaList } from "./SocialMediaList/SocialMediaList.tsx"
|
||||
|
||||
export interface AboutProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { Button } from "../../Design/Button/Button"
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import { Button } from "../../Design/Button/Button.tsx"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
|
||||
export interface AboutDescriptionProps {}
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
|
||||
export interface AboutIntroductionProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { AboutItem } from "./AboutItem"
|
||||
import { BirthDate } from "./BirthDate"
|
||||
import { AboutItem } from "./AboutItem.tsx"
|
||||
import { BirthDate } from "./BirthDate.tsx"
|
||||
|
||||
export interface AboutListProps {}
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Icon } from "./Icon"
|
||||
import { Icon } from "./Icon.tsx"
|
||||
|
||||
export const EmailIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
|
||||
return (
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Icon } from "./Icon"
|
||||
import { Icon } from "./Icon.tsx"
|
||||
|
||||
export const GitHubIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
|
||||
return (
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Icon } from "./Icon"
|
||||
import { Icon } from "./Icon.tsx"
|
||||
|
||||
export const GitLabIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
|
||||
return (
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Icon } from "./Icon"
|
||||
import { Icon } from "./Icon.tsx"
|
||||
|
||||
export const NPMIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
|
||||
return (
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Icon } from "./Icon"
|
||||
import { Icon } from "./Icon.tsx"
|
||||
|
||||
export const TwitchIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
|
||||
return (
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Icon } from "./Icon"
|
||||
import { Icon } from "./Icon.tsx"
|
||||
|
||||
export const TwitterIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
|
||||
return (
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Icon } from "./Icon"
|
||||
import { Icon } from "./Icon.tsx"
|
||||
|
||||
export const YouTubeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
|
||||
return (
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
import { EmailIcon } from "./SocialMediaIcons/EmailIcon"
|
||||
import { GitHubIcon } from "./SocialMediaIcons/GitHubIcon"
|
||||
import { GitLabIcon } from "./SocialMediaIcons/GitLabIcon"
|
||||
import { NPMIcon } from "./SocialMediaIcons/NPMIcon"
|
||||
import { TwitchIcon } from "./SocialMediaIcons/TwitchIcon"
|
||||
import { TwitterIcon } from "./SocialMediaIcons/TwitterIcon"
|
||||
import { YouTubeIcon } from "./SocialMediaIcons/YouTubeIcon"
|
||||
import { SocialMediaItem } from "./SocialMediaItem"
|
||||
import { EmailIcon } from "./SocialMediaIcons/EmailIcon.tsx"
|
||||
import { GitHubIcon } from "./SocialMediaIcons/GitHubIcon.tsx"
|
||||
import { GitLabIcon } from "./SocialMediaIcons/GitLabIcon.tsx"
|
||||
import { NPMIcon } from "./SocialMediaIcons/NPMIcon.tsx"
|
||||
import { TwitchIcon } from "./SocialMediaIcons/TwitchIcon.tsx"
|
||||
import { TwitterIcon } from "./SocialMediaIcons/TwitterIcon.tsx"
|
||||
import { YouTubeIcon } from "./SocialMediaIcons/YouTubeIcon.tsx"
|
||||
import { SocialMediaItem } from "./SocialMediaItem.tsx"
|
||||
|
||||
export interface SocialMediaListProps {}
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
|
||||
export interface InterestItemProps {
|
||||
title: string
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { Interests as InterestsComponent } from "./Interests"
|
||||
import { Interests as InterestsComponent } from "./Interests.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Home/Interests",
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
import { GIT_REPO_LINK } from "@repo/utils/constants"
|
||||
import { useTranslations } from "next-intl"
|
||||
import { FaGit, FaMicrochip } from "react-icons/fa"
|
||||
import { Link } from "../../Design/Link/Link"
|
||||
import { Link } from "../../Design/Link/Link.tsx"
|
||||
import {
|
||||
Section,
|
||||
SectionContent,
|
||||
SectionTitle,
|
||||
} from "../../Layout/Section/Section"
|
||||
import { InterestItem } from "./InterestItem"
|
||||
} from "../../Layout/Section/Section.tsx"
|
||||
import { InterestItem } from "./InterestItem.tsx"
|
||||
|
||||
export interface InterestsProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { OpenSource as OpenSourceComponent } from "./OpenSource"
|
||||
import { OpenSource as OpenSourceComponent } from "./OpenSource.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Home/OpenSource",
|
||||
|
||||
@ -3,8 +3,8 @@ import {
|
||||
Section,
|
||||
SectionDescription,
|
||||
SectionTitle,
|
||||
} from "../../Layout/Section/Section"
|
||||
import { Repository } from "./Repository"
|
||||
} from "../../Layout/Section/Section.tsx"
|
||||
import { Repository } from "./Repository.tsx"
|
||||
|
||||
export interface OpenSourceProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import { SectionContent } from "../../Layout/Section/Section"
|
||||
import { GitHubIcon } from "../About/SocialMediaList/SocialMediaIcons/GitHubIcon"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
import { SectionContent } from "../../Layout/Section/Section.tsx"
|
||||
import { GitHubIcon } from "../About/SocialMediaList/SocialMediaIcons/GitHubIcon.tsx"
|
||||
|
||||
export interface RepositoryProps {
|
||||
name: string
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { Portfolio as PortfolioComponent } from "./Portfolio"
|
||||
import { Portfolio as PortfolioComponent } from "./Portfolio.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Home/Portfolio",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { Section, SectionTitle } from "../../Layout/Section/Section"
|
||||
import { PortfolioItem, type PortfolioProject } from "./PortfolioItem"
|
||||
import { Section, SectionTitle } from "../../Layout/Section/Section.tsx"
|
||||
import { PortfolioItem, type PortfolioProject } from "./PortfolioItem.tsx"
|
||||
|
||||
export interface PortfolioProps {}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import Image from "next/image"
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import { SectionContent } from "../../Layout/Section/Section"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
import { SectionContent } from "../../Layout/Section/Section.tsx"
|
||||
|
||||
export interface PortfolioProject {
|
||||
id: string
|
||||
|
||||
@ -2,10 +2,10 @@
|
||||
|
||||
import Image from "next/image"
|
||||
import { useMemo } from "react"
|
||||
import { Link } from "../../Design/Link/Link"
|
||||
import { useTheme } from "../../Layout/Header/SwitchTheme"
|
||||
import type { SkillName } from "./skills"
|
||||
import { SKILLS } from "./skills"
|
||||
import { Link } from "../../Design/Link/Link.tsx"
|
||||
import { useTheme } from "../../Layout/Header/SwitchTheme.tsx"
|
||||
import type { SkillName } from "./skills.ts"
|
||||
import { SKILLS } from "./skills.ts"
|
||||
|
||||
export interface SkillItemProps {
|
||||
skillName: SkillName
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { Skills as SkillsComponent } from "./Skills"
|
||||
import { Skills as SkillsComponent } from "./Skills.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Home/Skills",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import { Section, SectionTitle } from "../../Layout/Section/Section"
|
||||
import { SkillItem } from "./SkillItem"
|
||||
import { SkillsSection } from "./SkillsSection"
|
||||
import { SKILL_CATEGORIES, SKILL_NAMES_BY_CATEGORY } from "./skills"
|
||||
import { Section, SectionTitle } from "../../Layout/Section/Section.tsx"
|
||||
import { SkillItem } from "./SkillItem.tsx"
|
||||
import { SkillsSection } from "./SkillsSection.tsx"
|
||||
import { SKILL_CATEGORIES, SKILL_NAMES_BY_CATEGORY } from "./skills.ts"
|
||||
|
||||
export interface SkillsProps {}
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import { SectionContent } from "../../Layout/Section/Section"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
import { SectionContent } from "../../Layout/Section/Section.tsx"
|
||||
|
||||
export interface SkillsSectionProps extends React.PropsWithChildren {
|
||||
title: string
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { Footer as FooterComponent } from "./Footer"
|
||||
import { Footer as FooterComponent } from "./Footer.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Layout/Footer",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
import { GIT_REPO_LINK } from "@repo/utils/constants"
|
||||
import { Link } from "../../Design/Link/Link"
|
||||
import { Link } from "../../Design/Link/Link.tsx"
|
||||
|
||||
export interface FooterProps {
|
||||
version: string
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react"
|
||||
|
||||
import { Header as HeaderComponent } from "./Header"
|
||||
import { Header as HeaderComponent } from "./Header.tsx"
|
||||
|
||||
const meta = {
|
||||
title: "Layout/Header",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
import Image from "next/image"
|
||||
import { Link } from "../../Design/Link/Link"
|
||||
import { Locales } from "./Locales/Locales"
|
||||
import { SwitchTheme } from "./SwitchTheme"
|
||||
import { Link } from "../../Design/Link/Link.tsx"
|
||||
import { Locales } from "./Locales/Locales.tsx"
|
||||
import { SwitchTheme } from "./SwitchTheme.tsx"
|
||||
|
||||
export interface HeaderProps {}
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import type { Locale } from "@repo/i18n/config"
|
||||
import type { Locale } from "@repo/utils/constants"
|
||||
import { useTranslations } from "next-intl"
|
||||
import Image from "next/image"
|
||||
|
||||
|
||||
@ -1,15 +1,15 @@
|
||||
"use client"
|
||||
|
||||
import { classNames } from "@repo/config-tailwind/classNames"
|
||||
import type { Locale } from "@repo/i18n/config"
|
||||
import { LOCALES } from "@repo/i18n/config"
|
||||
import { usePathname, useRouter } from "@repo/i18n/navigation"
|
||||
import type { Locale } from "@repo/utils/constants"
|
||||
import { LOCALES } from "@repo/utils/constants"
|
||||
import { useLocale } from "next-intl"
|
||||
import { useEffect, useRef } from "react"
|
||||
|
||||
import { useBoolean } from "@repo/react-hooks/useBoolean"
|
||||
import { Arrow } from "./Arrow"
|
||||
import { LocaleFlag } from "./LocaleFlag"
|
||||
import { Arrow } from "./Arrow.tsx"
|
||||
import { LocaleFlag } from "./LocaleFlag.tsx"
|
||||
|
||||
export interface LocalesProps {}
|
||||
|
||||
|
||||
@ -2,15 +2,13 @@
|
||||
|
||||
import { classNames } from "@repo/config-tailwind/classNames"
|
||||
import { useIsMounted } from "@repo/react-hooks/useIsMounted"
|
||||
import type { Theme } from "@repo/utils/constants"
|
||||
import { THEME_DEFAULT } from "@repo/utils/constants"
|
||||
import {
|
||||
ThemeProvider as NextThemeProvider,
|
||||
useTheme as useNextTheme,
|
||||
} from "next-themes"
|
||||
|
||||
export const THEMES = ["light", "dark"] as const
|
||||
export type Theme = (typeof THEMES)[number]
|
||||
export const THEME_DEFAULT = "dark" as Theme
|
||||
|
||||
export interface ThemeProviderProps extends React.PropsWithChildren {
|
||||
forcedTheme?: Theme
|
||||
}
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { classNames } from "@repo/config-tailwind/classNames"
|
||||
import type { TypographyProps } from "../../Design/Typography/Typography"
|
||||
import { Typography } from "../../Design/Typography/Typography"
|
||||
import type { TypographyProps } from "../../Design/Typography/Typography.tsx"
|
||||
import { Typography } from "../../Design/Typography/Typography.tsx"
|
||||
|
||||
export * from "./RevealFade"
|
||||
export * from "./RevealFade.tsx"
|
||||
|
||||
export interface SectionProps
|
||||
extends React.ComponentPropsWithoutRef<"section"> {
|
||||
|
||||
@ -1,14 +1,7 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Bundler",
|
||||
"resolveJsonModule": true,
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"types": ["@total-typescript/ts-reset", "@repo/i18n/messages.d.ts"],
|
||||
"jsx": "preserve",
|
||||
|
||||
"noEmit": true
|
||||
"types": ["@total-typescript/ts-reset", "@repo/i18n/messages.d.ts"]
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,6 +7,15 @@ export const VERSION =
|
||||
|
||||
export const GIT_REPO_LINK = "https://github.com/theoludwig/theoludwig"
|
||||
|
||||
export const LOCALES = ["en-US", "fr-FR"] as const
|
||||
export type Locale = (typeof LOCALES)[number]
|
||||
export const LOCALE_DEFAULT = "en-US" satisfies Locale
|
||||
export const LOCALE_PREFIX = "never"
|
||||
|
||||
export const THEMES = ["light", "dark"] as const
|
||||
export type Theme = (typeof THEMES)[number]
|
||||
export const THEME_DEFAULT = "light" as Theme
|
||||
|
||||
export const BIRTH_DATE_DAY = "31"
|
||||
export const BIRTH_DATE_MONTH = "03"
|
||||
export const BIRTH_DATE_YEAR = "2003"
|
||||
|
||||
@ -12,7 +12,7 @@ describe("VERSION", () => {
|
||||
vi.stubEnv("NODE_ENV", "development")
|
||||
|
||||
// Act - When
|
||||
const { VERSION } = await import("../constants.js")
|
||||
const { VERSION } = await import("../constants.ts")
|
||||
|
||||
// Assert - Then
|
||||
const expected = "0.0.0-development"
|
||||
@ -27,7 +27,7 @@ describe("VERSION", () => {
|
||||
})
|
||||
|
||||
// Act - When
|
||||
const { VERSION } = await import("../constants.js")
|
||||
const { VERSION } = await import("../constants.ts")
|
||||
|
||||
// Assert - Then
|
||||
const expected = "1.0.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"
|
||||
|
||||
import { getAge, getISODate } from "../dates.js"
|
||||
import { getAge, getISODate } from "../dates.ts"
|
||||
|
||||
describe("getISODate", () => {
|
||||
it("should return the correct date in ISO format (e.g: 2012-05-23)", () => {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { describe, expect, it } from "vitest"
|
||||
|
||||
import { capitalize } from "../strings.js"
|
||||
import { capitalize } from "../strings.ts"
|
||||
|
||||
describe("capitalize", () => {
|
||||
it("should capitalize the first letter of a string", () => {
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
{
|
||||
"extends": "@repo/config-typescript/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"module": "NodeNext",
|
||||
"moduleResolution": "NodeNext",
|
||||
"resolveJsonModule": true,
|
||||
"lib": ["ESNext"],
|
||||
"types": ["@types/node", "@total-typescript/ts-reset"],
|
||||
|
||||
"noEmit": true
|
||||
"types": ["@types/node", "@total-typescript/ts-reset"]
|
||||
}
|
||||
}
|
||||
|
||||
4540
pnpm-lock.yaml
generated
4540
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -7,15 +7,15 @@ catalog:
|
||||
"deepmerge": "4.3.1"
|
||||
|
||||
# React.js/Next.js
|
||||
"next": "14.2.5"
|
||||
"next-intl": "3.17.2"
|
||||
"next": "14.2.7"
|
||||
"next-intl": "3.19.1"
|
||||
"next-themes": "0.3.0"
|
||||
"react": "18.3.1"
|
||||
"react-dom": "18.3.1"
|
||||
"react-icons": "5.2.1"
|
||||
"@types/react": "18.3.3"
|
||||
"react-icons": "5.3.0"
|
||||
"@types/react": "18.3.5"
|
||||
"@types/react-dom": "18.3.0"
|
||||
"sharp": "0.33.4"
|
||||
"sharp": "0.33.5"
|
||||
|
||||
# Blog
|
||||
"@giscus/react": "3.0.0"
|
||||
@ -23,64 +23,65 @@ catalog:
|
||||
"katex": "0.16.11"
|
||||
"next-mdx-remote": "5.0.0"
|
||||
"@mdx-js/mdx": "3.0.1"
|
||||
"rehype-katex": "7.0.0"
|
||||
"rehype-katex": "7.0.1"
|
||||
"rehype-raw": "7.0.0"
|
||||
"rehype-slug": "6.0.0"
|
||||
"remark-gfm": "4.0.0"
|
||||
"remark-math": "6.0.0"
|
||||
"shiki": "1.12.0"
|
||||
"@shikijs/rehype": "1.12.0"
|
||||
"shiki": "1.16.3"
|
||||
"@shikijs/rehype": "1.16.3"
|
||||
|
||||
# TypeScript
|
||||
"typescript": "5.5.4"
|
||||
"@total-typescript/ts-reset": "0.5.1"
|
||||
"@types/node": "22.0.0"
|
||||
"@total-typescript/ts-reset": "0.6.1"
|
||||
"@types/node": "22.5.4"
|
||||
|
||||
# ESLint
|
||||
"@typescript-eslint/eslint-plugin": "7.18.0"
|
||||
"@typescript-eslint/parser": "7.18.0"
|
||||
"eslint": "8.57.0"
|
||||
"eslint-config-conventions": "14.4.0"
|
||||
"eslint-plugin-promise": "7.0.0"
|
||||
"eslint-plugin-promise": "7.1.0"
|
||||
"eslint-plugin-unicorn": "55.0.0"
|
||||
"eslint-config-next": "14.2.5"
|
||||
"eslint-config-next": "14.2.7"
|
||||
"eslint-plugin-storybook": "0.8.0"
|
||||
"eslint-plugin-tailwindcss": "3.17.4"
|
||||
"eslint-plugin-import-x": "3.1.0"
|
||||
|
||||
# Storybook
|
||||
"@chromatic-com/storybook": "1.6.1"
|
||||
"@storybook/addon-a11y": "8.2.6"
|
||||
"@storybook/addon-essentials": "8.2.6"
|
||||
"@storybook/addon-interactions": "8.2.6"
|
||||
"@storybook/addon-links": "8.2.6"
|
||||
"@storybook/addon-storysource": "8.2.6"
|
||||
"@storybook/addon-themes": "8.2.6"
|
||||
"@storybook/blocks": "8.2.6"
|
||||
"@storybook/nextjs": "8.2.6"
|
||||
"@storybook/react": "8.2.6"
|
||||
"@storybook/test": "8.2.6"
|
||||
"@chromatic-com/storybook": "2.0.0"
|
||||
"@storybook/addon-a11y": "8.3.0"
|
||||
"@storybook/addon-essentials": "8.3.0"
|
||||
"@storybook/addon-interactions": "8.3.0"
|
||||
"@storybook/addon-links": "8.3.0"
|
||||
"@storybook/addon-storysource": "8.3.0"
|
||||
"@storybook/addon-themes": "8.3.0"
|
||||
"@storybook/blocks": "8.3.0"
|
||||
"@storybook/nextjs": "8.3.0"
|
||||
"@storybook/react": "8.3.0"
|
||||
"@storybook/test": "8.3.0"
|
||||
"@storybook/test-runner": "0.19.1"
|
||||
"chromatic": "11.5.6"
|
||||
"chromatic": "11.8.0"
|
||||
"http-server": "14.1.1"
|
||||
"storybook": "8.2.6"
|
||||
"storybook": "8.3.0"
|
||||
"storybook-dark-mode": "4.0.2"
|
||||
|
||||
# Testing
|
||||
"playwright": "1.45.3"
|
||||
"@playwright/test": "1.45.3"
|
||||
"axe-playwright": "2.0.1"
|
||||
"start-server-and-test": "2.0.5"
|
||||
"@vitest/browser": "2.0.4"
|
||||
"@vitest/coverage-istanbul": "2.0.4"
|
||||
"@vitest/ui": "2.0.4"
|
||||
"vitest": "2.0.4"
|
||||
"@testing-library/react": "16.0.0"
|
||||
"playwright": "1.46.1"
|
||||
"@playwright/test": "1.46.1"
|
||||
"axe-playwright": "2.0.2"
|
||||
"start-server-and-test": "2.0.7"
|
||||
"@vitest/browser": "2.0.5"
|
||||
"@vitest/coverage-istanbul": "2.0.5"
|
||||
"@vitest/ui": "2.0.5"
|
||||
"vitest": "2.0.5"
|
||||
"@testing-library/react": "16.0.1"
|
||||
|
||||
# CSS
|
||||
"postcss": "8.4.40"
|
||||
"tailwindcss": "3.4.7"
|
||||
"@tailwindcss/typography": "0.5.13"
|
||||
"@fontsource/montserrat": "5.0.18"
|
||||
"postcss": "8.4.45"
|
||||
"tailwindcss": "3.4.10"
|
||||
"@tailwindcss/typography": "0.5.15"
|
||||
"@fontsource/montserrat": "5.0.20"
|
||||
"clsx": "2.1.0"
|
||||
"cva": "1.0.0-beta.1"
|
||||
"tailwind-merge": "2.4.0"
|
||||
"tailwind-merge": "2.5.2"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user