github pages deploy added

1nb-crew · Jan 8, 2024 · 8db85f8 · 8db85f8
1 parent 01648b1
commit 8db85f8
Show file tree

Hide file tree

Showing 8 changed files with 81 additions and 15 deletions.
diff --git a/.github/workflows/jobs/build.yml b/.github/workflows/jobs/build.yml
@@ -0,0 +1,36 @@
+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/
+
diff --git a/.github/workflows/test-workflow.yml → .github/workflows/jobs/test.yml b/.github/workflows/test-workflow.yml → .github/workflows/jobs/test.yml
@@ -5,6 +5,7 @@ on:
 
 jobs:
   test:
+    needs: build
     timeout-minutes: 10
     runs-on: ubuntu-latest
     steps:
@@ -14,17 +15,15 @@ jobs:
           node-version: 20
       - name: Install dependencies
         run: npm ci
+      - name: Run Unit Tests
+        run: npm run test:unit:coverage
       - 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

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -1,13 +1,37 @@
 name: Main Branch
-run-name: ${{ github.actor }} is running main branch tests 🚀
+run-name: ${{ github.actor }} is running main branch checks and deploy 🚀
 
 on:
   push:
-    branches: [main]
+    branches: [main, EO-28/deploy-to-github-pages]
 
 env:
   CI: true
 
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
 jobs:
+  build:
+    uses: ./.github/workflows/jobs/build.yml
+
   test:
-    uses: ./.github/workflows/test-workflow.yml
+    uses: ./.github/workflows/jobs/test.yml
+
+  deploy:
+    needs: build
+    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
diff --git a/.github/workflows/pr-rename.yml → .github/workflows/pull-request-title.yml b/.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"

diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
@@ -8,8 +8,11 @@ env:
   CI: true
 
 jobs:
+  build:
+    uses: ./.github/workflows/jobs/build.yml
+
   test:
-    uses: ./.github/workflows/test-workflow.yml
+    uses: ./.github/workflows/jobs/test.yml
 
   lint:
     timeout-minutes: 10

diff --git a/index.html b/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>

diff --git a/src/main.tsx b/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>

diff --git a/vite.config.ts b/vite.config.ts
@@ -2,8 +2,10 @@
 
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react-swc';
+import 'dotenv/config';
 
 export default defineConfig({
+  base: process.env.BASE_URL || '/',
   plugins: [react()],
   server: {
     port: 3000,