github pages deploy added

.github/workflows/job-build.yml

@@ -0,0 +1,35 @@
+name: Build
+
+on:
+  workflow_call:
+
+jobs:
+  build:
+    timeout-minutes: 10
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+      - name: Install dependencies
+        run: npm ci
+      - name: Build
+        run: npm run build
+      - uses: actions/upload-artifact@v3
+        with:
+          name: dist
+          path: dist/
+          retention-days: 1
+      - name: Fix permissions
+        run: |
+          chmod -c -R +rX "dist/" | while read line; do
+            echo "::warning title=Invalid file permissions automatically fixed::$line"
+          done
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: dist/

.github/workflows/test-workflow.yml → .github/workflows/job-e2e-test.yml

@@ -1,10 +1,14 @@
-name: Test
+name: E2e Test
 
 on:
   workflow_call:
 
 jobs:
-  test:
+  build:
+    uses: ./.github/workflows/job-build.yml
+
+  e2e-test:
+    needs: build
     timeout-minutes: 10
     runs-on: ubuntu-latest
     steps:
@@ -16,15 +20,11 @@ jobs:
         run: npm ci
       - name: Install Playwright browsers
         run: npx playwright install --with-deps chromium
-      - name: Build
-        run: npm run build
-      - uses: actions/upload-artifact@v3
+      - name: Download the build artifacts
+        uses: actions/download-artifact@v3
         with:
           name: dist
           path: dist/
-          retention-days: 1
-      - name: Run Unit Tests
-        run: npm run test:unit:coverage
       - name: Run E2e Tests
         run: npm run test:e2e
       - uses: actions/upload-artifact@v3

.github/workflows/job-unit-test.yml

@@ -0,0 +1,18 @@
+name: Unit Test
+
+on:
+  workflow_call:
+
+jobs:
+  unit-test:
+    timeout-minutes: 10
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+      - name: Install dependencies
+        run: npm ci
+      - name: Run Unit Tests
+        run: npm run test:unit:coverage

.github/workflows/main-branch.yml

@@ -0,0 +1,38 @@
+name: Main Branch
+run-name: ${{ github.actor }} is running main branch checks and deploy 🚀
+
+on:
+  push:
+    branches: [main, EO-28/deploy-to-github-pages]
+
+env:
+  CI: true
+  BASE_URL: ${{ vars.BASE_URL }}
+
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  unit-test:
+    uses: ./.github/workflows/job-unit-test.yml
+
+  e2e-test:
+    uses: ./.github/workflows/job-e2e-test.yml
+
+  deploy:
+    needs: [unit-test, e2e-test]
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v3
+        with:
+          timeout: 300000

.github/workflows/pr-rename.yml → .github/workflows/pull-request-title.yml

@@ -1,5 +1,5 @@
-name: Pull Request
-run-name: ${{ github.actor }} is running pull request checks 🚀
+name: Pull Request Title
+run-name: ${{ github.actor }} is checking the pull request title 🚀
 
 on:
   pull_request:
@@ -14,7 +14,7 @@ jobs:
     steps:
       - name: Check PR title
         run: |
-          if [[ "${{ github.event.pull_request.title }}" =~  ^\[EO+-[0-9]+\] ]]; then
+          if [[ "${{ github.event.pull_request.title }}" =~  ^\[EO-[0-9]+\] ]]; then
             echo "Pr title is correct"
           else
             echo "Incorrect PR title: should starts with [EO-XXXX] where XXXX is a task number"

.github/workflows/pull-request.yml

@@ -8,9 +8,6 @@ env:
   CI: true
 
 jobs:
-  test:
-    uses: ./.github/workflows/test-workflow.yml
-
   lint:
     timeout-minutes: 10
     runs-on: ubuntu-latest
@@ -23,3 +20,9 @@ jobs:
         run: npm ci
       - name: Run Lint
         run: npm run lint
+
+  unit-test:
+    uses: ./.github/workflows/job-unit-test.yml
+
+  e2e-test:
+    uses: ./.github/workflows/job-e2e-test.yml

index.html

@@ -2,7 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>OpenAPI editor</title>
   </head>

src/main.tsx

@@ -4,7 +4,10 @@ import './index.css';
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import routes from './routes';
 
-const router = createBrowserRouter(routes);
+const router = createBrowserRouter(routes, {
+  basename: import.meta.env.BASE_URL,
+});
+console.log(router);
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

vite.config.ts

@@ -2,8 +2,12 @@
 
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react-swc';
+import 'dotenv/config';
+
+console.log('ENV!!!', process.env.CI, process.env.BASE_URL);
 
 export default defineConfig({
+  base: process.env.BASE_URL || '/',
   plugins: [react()],
   server: {
     port: 3000,