deduplication; refactor

e2e/support/siteContracts.ts

@@ -1,5 +1,5 @@
+import { getProjectPath } from 'app/routePaths';
 import { PROJECTS } from 'features/Projects/projectsData';
-import { getProjectRoutePath } from 'features/Projects/projectUtils';
 
 export type TopLevelPageContract = {
     route: string;
@@ -119,7 +119,7 @@ export const PROJECT_ROUTE_CONTRACTS: readonly ProjectRouteContract[] =
     PROJECTS.map((project) => ({
         name: project.name,
         repo: project.repo,
-        route: getProjectRoutePath(project.repo),
+        route: getProjectPath(project.repo),
     })).sort((left, right) => left.route.localeCompare(right.route));
 
 export const PROJECT_ROUTES = PROJECT_ROUTE_CONTRACTS.map(({ route }) => route);

eslint.config.js

@@ -235,7 +235,10 @@ export default defineConfig(
     },
     {
         files: [
+            'src/utils/build/cspCompatibility.ts',
             'src/utils/build/fetchGithubData.ts',
+            'src/utils/build/inlineCss.ts',
+            'src/utils/build/transformImagePaths.ts',
             'src/utils/build/validateBuiltHtmlCsp.ts',
             'e2e/support/serveDistClient.ts',
         ],

netlify.toml

@@ -42,11 +42,6 @@ for = "/media/projects/*.webm"
 [headers.values]
 Cache-Control = "public, max-age=31536000, immutable"
 
-[[redirects]]
-from = "/robots.txt"
-to = "/robots.txt"
-status = 200
-
 # Redirects for legacy portfolio routes to support old links
 [[redirects]]
 from = "/portfolio"

package.json

@@ -76,6 +76,7 @@
         "@testing-library/dom": "^10.4.1",
         "@testing-library/jest-dom": "^6.9.1",
         "@testing-library/react": "^16.3.2",
+        "@types/jsdom": "^28.0.1",
         "@types/node": "^25.5.0",
         "@types/react": "^19.2.14",
         "@types/react-dom": "^19.2.3",

playwright.config.ts

@@ -64,6 +64,11 @@ const ciWorkerCount = parseWorkerCount(
     process.env.PLAYWRIGHT_CI_WORKERS,
     4,
 );
+const localWorkerCount = parseWorkerCount(
+    'PLAYWRIGHT_LOCAL_WORKERS',
+    process.env.PLAYWRIGHT_LOCAL_WORKERS,
+    4,
+);
 const remoteCiWorkerCount = parseWorkerCount(
     'PLAYWRIGHT_REMOTE_CI_WORKERS',
     process.env.PLAYWRIGHT_REMOTE_CI_WORKERS,
@@ -82,7 +87,7 @@ export default defineConfig({
             : 1
         : process.env.CI
           ? ciWorkerCount
-          : undefined,
+          : localWorkerCount,
     reporter: reporters,
     use: {
         baseURL: E2E_BASE_URL,

src/app/appConstants.ts

@@ -8,3 +8,5 @@ export const PRODUCTION_OG_IMAGES_DIRECTORY =
     'https://piech.dev/media/projects/og_images/';
 
 export const SILENT_CAPTIONS_TRACK_PATH = '/media/captions/silent.vtt';
+
+export const PROJECT_DATE_FORMAT = 'MMMM yyyy';

src/app/siteLinks.ts

@@ -1,9 +1,13 @@
+export const GITHUB_OWNER = 'Tenemo';
+
+const GITHUB_BASE_URL = `https://github.com/${GITHUB_OWNER}`;
+
 export const SITE_LINKS = {
     home: 'https://piech.dev/',
     emailAddress: 'piotr@piech.dev',
     email: 'mailto:piotr@piech.dev',
-    githubProfile: 'https://github.com/Tenemo',
-    githubRepo: 'https://github.com/Tenemo/piech.dev',
+    githubProfile: GITHUB_BASE_URL,
+    githubRepo: `${GITHUB_BASE_URL}/piech.dev`,
     linkedin: 'https://www.linkedin.com/in/ppiech',
     telegram: 'https://t.me/tenemo',
 } as const;

src/features/Projects/ProjectCard/ProjectCard.tsx

@@ -3,13 +3,16 @@ import React from 'react';
 import { Link } from 'react-router';
 
 import type { ProjectPreviewAsset } from '../projectsData';
-import { getProjectRoutePath } from '../projectUtils';
 import type { TechnologyName } from '../technologies';
 
 import styles from './projectCard.module.scss';
 import ProjectTechnologies from './ProjectTechnologies/ProjectTechnologies';
 
-import { SILENT_CAPTIONS_TRACK_PATH } from 'app/appConstants';
+import {
+    PROJECT_DATE_FORMAT,
+    SILENT_CAPTIONS_TRACK_PATH,
+} from 'app/appConstants';
+import { getProjectPath } from 'app/routePaths';
 import { OpenInNewIcon } from 'components/Icons';
 import { repositoriesData } from 'utils/data/githubData';
 
@@ -30,11 +33,11 @@ const ProjectCard = ({
     prioritizePreview = false,
     technologies,
 }: ProjectCardProps): React.JSX.Element => {
-    const projectPath = getProjectRoutePath(repo);
+    const projectPath = getProjectPath(repo);
     const repositoryInfo = repositoriesData[repo];
     const createdIso = repositoryInfo?.createdDatetime;
     const createdLabel = createdIso
-        ? format(new Date(createdIso), 'MMMM yyyy')
+        ? format(new Date(createdIso), PROJECT_DATE_FORMAT)
         : undefined;
 
     const previewSrc = `/media/projects/${projectPreview.fileName}`;

src/features/Projects/ProjectItem/ProjectItem.tsx

@@ -6,7 +6,7 @@ import ProjectMarkdown from './ProjectMarkdown/ProjectMarkdown';
 
 import { MAIN_CONTENT_ID } from 'app/accessibility';
 import { PROJECTS_PATH } from 'app/routePaths';
-import { SITE_LINKS } from 'app/siteLinks';
+import { GITHUB_OWNER, SITE_LINKS } from 'app/siteLinks';
 import { ArrowBackIcon, GitHubIcon } from 'components/Icons';
 import { repositoriesData } from 'utils/data/githubData';
 
@@ -37,7 +37,7 @@ const ProjectItemDetails: React.FC = (): React.JSX.Element => {
                     target="_blank"
                     title={`View ${repo} on GitHub`}
                 >
-                    <GitHubIcon /> github.com/tenemo/{repo}
+                    <GitHubIcon /> github.com/{GITHUB_OWNER}/{repo}
                 </a>
             </div>
             <ProjectMarkdown markdown={markdown} repo={repo} />

src/features/Projects/ProjectItem/ProjectMarkdown/ProjectMarkdown.spec.tsx

@@ -5,6 +5,7 @@ import ProjectMarkdown from './ProjectMarkdown';
 import styles from './projectMarkdown.module.scss';
 
 import { SILENT_CAPTIONS_TRACK_PATH } from 'app/appConstants';
+import { GITHUB_OWNER } from 'app/siteLinks';
 
 describe('ProjectMarkdown', () => {
     it('renders basic markdown content', () => {
@@ -86,11 +87,11 @@ describe('ProjectMarkdown', () => {
 
         expect(screen.getByAltText('Test Image')).toHaveAttribute(
             'src',
-            'https://github.com/tenemo/test-repo/blob/main/media/test.webp?raw=true',
+            `https://github.com/${GITHUB_OWNER}/test-repo/blob/main/media/test.webp?raw=true`,
         );
         expect(screen.getByText('Test Link')).toHaveAttribute(
             'href',
-            'https://github.com/tenemo/test-repo/blob/main/src/index.ts',
+            `https://github.com/${GITHUB_OWNER}/test-repo/blob/main/src/index.ts`,
         );
     });
 
@@ -187,7 +188,7 @@ describe('ProjectMarkdown', () => {
         expect(container.querySelector('script')).not.toBeInTheDocument();
         expect(screen.getByAltText('Safe image')).toHaveAttribute(
             'src',
-            'https://github.com/tenemo/test-repo/blob/main/media/test.webp?raw=true',
+            `https://github.com/${GITHUB_OWNER}/test-repo/blob/main/media/test.webp?raw=true`,
         );
         expect(screen.getByAltText('Safe image')).not.toHaveAttribute(
             'onerror',