feature: ci/cd pipeline

2025-10-28 22:25:25 -03:00 · 2025-10-28 22:25:25 -03:00 · 371c221489
commit 371c221489
parent 7b55edb2ca
8 changed files with 205 additions and 63 deletions
--- a/.gitignore
+++ b/.gitignore
@ -142,7 +142,7 @@ yarn-error.log*
 .pnpm-debug.log*

 # local env files
-.env*.local
+.env.development

 # vercel
 .vercel
@ -226,7 +226,7 @@ web_modules/
 .env.development.local
 .env.test.local
 .env.production.local
-.env.local
+.env.development

 # parcel-bundler cache (https://parceljs.org/)
 .cache
--- a/.woodpecker/pipeline.yaml
+++ b/.woodpecker/pipeline.yaml
@ -1,44 +1,61 @@
-# .woodpecker.yml
+# .pipeline.yml
+# -----------------

-# Run pipeline on pushes to main and pull requests
 when:
-  event: [push, pull_request]
-  branch: [main, develop, feat/*, feature/*]
+  event: [ push, pull_request ]

-# Define environment variables
-environment:
-  NODE_ENV: production
-
-# Pipeline steps
 steps:
-  # Install dependencies
-  - name: install
-    image: node:18-alpine
-    commands:
-      - echo "🔧 Installing dependencies..."
-      - npm ci --silent
-    when:
-      event: [push, pull_request]
-
-  # Build application
-  - name: build
-    image: node:18-alpine
-    commands:
-      - echo "🏗️ Building application..."
-      - npm run build
-    when:
-      event: [push, pull_request]
-
-  - name: publish
+  - name: publish-image
+    depends_on: [ test-build ]
    image: woodpeckerci/plugin-docker-buildx
    settings:
      platforms: linux/amd64
      repo: git.badger-pirarucu.ts.net/mangamochi/frontend
      registry: git.badger-pirarucu.ts.net
+      dockerfile: Dockerfile
+      context: .
      username:
        from_secret: DOCKER_USER
      password:
        from_secret: DOCKER_PASSWORD
+      tags:
+        - latest
+        - ${CI_COMMIT_SHA}
    when:
-        event: [push, pull_request]
+      event: [ push, pull_request ]
+      branch: [ main, dev, feature/*, feat/* ]

+  # ----------------------------
+  # 3️⃣ Deploy via SSH on main
+  # ----------------------------
+  - name: deploy
+    depends_on: [ publish-image ]
+    image: alpine:3.20
+    environment:
+      DEPLOY_USER: rov
+      DEPLOY_HOST: mangamochi.badger-pirarucu.ts.net
+      DEPLOY_PORT: 22
+      IMAGE: git.badger-pirarucu.ts.net/mangamochi/frontend:${CI_COMMIT_SHA}
+      DEPLOY_SSH_KEY:
+        from_secret: DEPLOY_SSH_KEY
+    commands:
+      - echo "🚀 Deploying Next.js app to $DEPLOY_HOST..."
+      - apk add --no-cache openssh-client docker-cli
+      - mkdir -p ~/.ssh
+      - echo "$DEPLOY_SSH_KEY" > ~/.ssh/id_rsa
+      - chmod 600 ~/.ssh/id_rsa
+      - ssh-keyscan -p $DEPLOY_PORT $DEPLOY_HOST >> ~/.ssh/known_hosts
+      - >
+        ssh -p $DEPLOY_PORT $DEPLOY_USER@$DEPLOY_HOST "
+          docker pull $IMAGE &&
+          docker stop mangamochi-frontend 2>/dev/null || true &&
+          docker rm mangamochi-frontend 2>/dev/null || true &&
+          docker run -d --name mangamochi-frontend \
+            --restart always \
+            --env-file /home/rov/mangamochi/.env \
+            -p 80:3000 \
+            $IMAGE
+        "
+    when:
+      event: [ push, pull_request ]
+      branch: [ main, dev, feature/*, feat/* ]
--- a/api/api.ts
+++ b/api/api.ts
@ -3,7 +3,7 @@ import { User } from "@/contexts/auth-context";
 import { toast } from "sonner";

 export const Api = axios.create({
-  baseURL: "http://localhost:8080",
+  baseURL: process.env.NEXT_PUBLIC_API_BASE_URL,
  responseType: "json",
 });

--- a/api/mangamochi.ts
+++ b/api/mangamochi.ts
@ -24,6 +24,10 @@ import type {
 } from '@tanstack/react-query';

 import { customInstance } from './api';
+export interface UpdateMangaDataCommand {
+  mangaId?: number;
+}
+
 export interface DefaultResponseDTOVoid {
  timestamp?: string;
  data?: unknown;
@ -268,6 +272,65 @@ type SecondParameter<T extends (...args: never) => unknown> = Parameters<T>[1];



+export const sendRecord = (
+    updateMangaDataCommand: UpdateMangaDataCommand,
+ options?: SecondParameter<typeof customInstance>,signal?: AbortSignal
+) => {
+      
+      
+      return customInstance<string>(
+      {url: `/records`, method: 'POST',
+      headers: {'Content-Type': 'application/json', },
+      data: updateMangaDataCommand, signal
+    },
+      options);
+    }
+  
+
+
+export const getSendRecordMutationOptions = <TError = unknown,
+    TContext = unknown>(options?: { mutation?:UseMutationOptions<Awaited<ReturnType<typeof sendRecord>>, TError,{data: UpdateMangaDataCommand}, TContext>, request?: SecondParameter<typeof customInstance>}
+): UseMutationOptions<Awaited<ReturnType<typeof sendRecord>>, TError,{data: UpdateMangaDataCommand}, TContext> => {
+
+const mutationKey = ['sendRecord'];
+const {mutation: mutationOptions, request: requestOptions} = options ?
+      options.mutation && 'mutationKey' in options.mutation && options.mutation.mutationKey ?
+      options
+      : {...options, mutation: {...options.mutation, mutationKey}}
+      : {mutation: { mutationKey, }, request: undefined};
+
+      
+
+
+      const mutationFn: MutationFunction<Awaited<ReturnType<typeof sendRecord>>, {data: UpdateMangaDataCommand}> = (props) => {
+          const {data} = props ?? {};
+
+          return  sendRecord(data,requestOptions)
+        }
+
+        
+
+
+  return  { mutationFn, ...mutationOptions }}
+
+    export type SendRecordMutationResult = NonNullable<Awaited<ReturnType<typeof sendRecord>>>
+    export type SendRecordMutationBody = UpdateMangaDataCommand
+    export type SendRecordMutationError = unknown
+
+    export const useSendRecord = <TError = unknown,
+    TContext = unknown>(options?: { mutation?:UseMutationOptions<Awaited<ReturnType<typeof sendRecord>>, TError,{data: UpdateMangaDataCommand}, TContext>, request?: SecondParameter<typeof customInstance>}
+ , queryClient?: QueryClient): UseMutationResult<
+        Awaited<ReturnType<typeof sendRecord>>,
+        TError,
+        {data: UpdateMangaDataCommand},
+        TContext
+      > => {
+
+      const mutationOptions = getSendRecordMutationOptions(options);
+
+      return useMutation(mutationOptions, queryClient);
+    }
+    
 /**
 * Fetch a list of manga chapters for a specific manga/provider combination.
 * @summary Fetch the available chapters for a specific manga/provider combination
@ -279,7 +342,7 @@ export const fetchMangaChapters = (
      
      
      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/${encodeURIComponent(String(mangaProviderId))}/fetch-chapters`, method: 'POST', signal
+      {url: `/mangas/${encodeURIComponent(String(mangaProviderId))}/fetch-chapters`, method: 'POST', signal
    },
      options);
    }
@ -332,6 +395,70 @@ export const useFetchMangaChapters = <TError = unknown,
      return useMutation(mutationOptions, queryClient);
    }
    
+/**
+ * Fetch all not yet downloaded chapters from the provider
+ * @summary Fetch all chapters
+ */
+export const fetchAllChapters = (
+    mangaProviderId: number,
+ options?: SecondParameter<typeof customInstance>,signal?: AbortSignal
+) => {
+      
+      
+      return customInstance<DefaultResponseDTOVoid>(
+      {url: `/mangas/${encodeURIComponent(String(mangaProviderId))}/fetch-all-chapters`, method: 'POST', signal
+    },
+      options);
+    }
+  
+
+
+export const getFetchAllChaptersMutationOptions = <TError = unknown,
+    TContext = unknown>(options?: { mutation?:UseMutationOptions<Awaited<ReturnType<typeof fetchAllChapters>>, TError,{mangaProviderId: number}, TContext>, request?: SecondParameter<typeof customInstance>}
+): UseMutationOptions<Awaited<ReturnType<typeof fetchAllChapters>>, TError,{mangaProviderId: number}, TContext> => {
+
+const mutationKey = ['fetchAllChapters'];
+const {mutation: mutationOptions, request: requestOptions} = options ?
+      options.mutation && 'mutationKey' in options.mutation && options.mutation.mutationKey ?
+      options
+      : {...options, mutation: {...options.mutation, mutationKey}}
+      : {mutation: { mutationKey, }, request: undefined};
+
+      
+
+
+      const mutationFn: MutationFunction<Awaited<ReturnType<typeof fetchAllChapters>>, {mangaProviderId: number}> = (props) => {
+          const {mangaProviderId} = props ?? {};
+
+          return  fetchAllChapters(mangaProviderId,requestOptions)
+        }
+
+        
+
+
+  return  { mutationFn, ...mutationOptions }}
+
+    export type FetchAllChaptersMutationResult = NonNullable<Awaited<ReturnType<typeof fetchAllChapters>>>
+    
+    export type FetchAllChaptersMutationError = unknown
+
+    /**
+ * @summary Fetch all chapters
+ */
+export const useFetchAllChapters = <TError = unknown,
+    TContext = unknown>(options?: { mutation?:UseMutationOptions<Awaited<ReturnType<typeof fetchAllChapters>>, TError,{mangaProviderId: number}, TContext>, request?: SecondParameter<typeof customInstance>}
+ , queryClient?: QueryClient): UseMutationResult<
+        Awaited<ReturnType<typeof fetchAllChapters>>,
+        TError,
+        {mangaProviderId: number},
+        TContext
+      > => {
+
+      const mutationOptions = getFetchAllChaptersMutationOptions(options);
+
+      return useMutation(mutationOptions, queryClient);
+    }
+    
 /**
 * Remove a manga from favorites for the logged user.
 * @summary Unfavorite a manga
@ -343,7 +470,7 @@ export const setUnfavorite = (
      
      
      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/${encodeURIComponent(String(id))}/unfavorite`, method: 'POST', signal
+      {url: `/mangas/${encodeURIComponent(String(id))}/unfavorite`, method: 'POST', signal
    },
      options);
    }
@ -407,7 +534,7 @@ export const setFavorite = (
      
      
      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/${encodeURIComponent(String(id))}/favorite`, method: 'POST', signal
+      {url: `/mangas/${encodeURIComponent(String(id))}/favorite`, method: 'POST', signal
    },
      options);
    }
@ -471,7 +598,7 @@ export const markAsRead = (
      
      
      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/chapters/${encodeURIComponent(String(chapterId))}/mark-as-read`, method: 'POST', signal
+      {url: `/mangas/chapters/${encodeURIComponent(String(chapterId))}/mark-as-read`, method: 'POST', signal
    },
      options);
    }
@ -535,7 +662,7 @@ export const fetchChapter = (
      
      
      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/chapters/${encodeURIComponent(String(chapterId))}/fetch`, method: 'POST', signal
+      {url: `/mangas/chapters/${encodeURIComponent(String(chapterId))}/fetch`, method: 'POST', signal
    },
      options);
    }
@ -600,7 +727,7 @@ export const downloadChapterArchive = (
      
      
      return customInstance<Blob>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/chapters/${encodeURIComponent(String(chapterId))}/download`, method: 'POST',
+      {url: `/mangas/chapters/${encodeURIComponent(String(chapterId))}/download`, method: 'POST',
        params,
        responseType: 'blob', signal
    },
@ -669,7 +796,7 @@ formData.append(`malId`, importMultipleFilesBody.malId)
 importMultipleFilesBody.files.forEach(value => formData.append(`files`, value));

      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/manga/import/upload`, method: 'POST',
+      {url: `/manga/import/upload`, method: 'POST',
      headers: {'Content-Type': 'multipart/form-data', },
       data: formData, signal
    },
@ -735,7 +862,7 @@ export const getImportReviews = (
      
      
      return customInstance<DefaultResponseDTOListImportReviewDTO>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/manga/import/review`, method: 'GET', signal
+      {url: `/manga/import/review`, method: 'GET', signal
    },
      options);
    }
@ -745,7 +872,7 @@ export const getImportReviews = (

 export const getGetImportReviewsQueryKey = () => {
    return [
-    `http://mangamochi.badger-pirarucu.ts.net:8080/manga/import/review`
+    `/manga/import/review`
    ] as const;
    }

@ -828,7 +955,7 @@ export const resolveImportReview = (
      
      
      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/manga/import/review`, method: 'POST',
+      {url: `/manga/import/review`, method: 'POST',
        params, signal
    },
      options);
@ -893,7 +1020,7 @@ export const importFromMangaDex = (
      
      
      return customInstance<DefaultResponseDTOImportMangaDexResponseDTO>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/manga/import/manga-dex`, method: 'POST',
+      {url: `/manga/import/manga-dex`, method: 'POST',
      headers: {'Content-Type': 'application/json', },
      data: importMangaDexRequestDTO, signal
    },
@ -959,7 +1086,7 @@ export const registerUser = (
      
      
      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/auth/register`, method: 'POST',
+      {url: `/auth/register`, method: 'POST',
      headers: {'Content-Type': 'application/json', },
      data: registrationRequestDTO, signal
    },
@ -1025,7 +1152,7 @@ export const authenticateUser = (
      
      
      return customInstance<DefaultResponseDTOAuthenticationResponseDTO>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/auth/login`, method: 'POST',
+      {url: `/auth/login`, method: 'POST',
      headers: {'Content-Type': 'application/json', },
      data: authenticationRequestDTO, signal
    },
@ -1091,7 +1218,7 @@ export const getMangas = (
      
      
      return customInstance<DefaultResponseDTOPageMangaListDTO>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas`, method: 'GET',
+      {url: `/mangas`, method: 'GET',
        params, signal
    },
      options);
@ -1102,7 +1229,7 @@ export const getMangas = (

 export const getGetMangasQueryKey = (params?: GetMangasParams,) => {
    return [
-    `http://mangamochi.badger-pirarucu.ts.net:8080/mangas`, ...(params ? [params]: [])
+    `/mangas`, ...(params ? [params]: [])
    ] as const;
    }

@ -1185,7 +1312,7 @@ export const getMangaChapters = (
      
      
      return customInstance<DefaultResponseDTOListMangaChapterDTO>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/${encodeURIComponent(String(mangaProviderId))}/chapters`, method: 'GET', signal
+      {url: `/mangas/${encodeURIComponent(String(mangaProviderId))}/chapters`, method: 'GET', signal
    },
      options);
    }
@ -1195,7 +1322,7 @@ export const getMangaChapters = (

 export const getGetMangaChaptersQueryKey = (mangaProviderId?: number,) => {
    return [
-    `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/${mangaProviderId}/chapters`
+    `/mangas/${mangaProviderId}/chapters`
    ] as const;
    }

@ -1278,7 +1405,7 @@ export const getManga = (
      
      
      return customInstance<DefaultResponseDTOMangaDTO>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/${encodeURIComponent(String(mangaId))}`, method: 'GET', signal
+      {url: `/mangas/${encodeURIComponent(String(mangaId))}`, method: 'GET', signal
    },
      options);
    }
@ -1288,7 +1415,7 @@ export const getManga = (

 export const getGetMangaQueryKey = (mangaId?: number,) => {
    return [
-    `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/${mangaId}`
+    `/mangas/${mangaId}`
    ] as const;
    }

@ -1371,7 +1498,7 @@ export const getMangaChapterImages = (
      
      
      return customInstance<DefaultResponseDTOMangaChapterImagesDTO>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/chapters/${encodeURIComponent(String(chapterId))}/images`, method: 'GET', signal
+      {url: `/mangas/chapters/${encodeURIComponent(String(chapterId))}/images`, method: 'GET', signal
    },
      options);
    }
@ -1381,7 +1508,7 @@ export const getMangaChapterImages = (

 export const getGetMangaChapterImagesQueryKey = (chapterId?: number,) => {
    return [
-    `http://mangamochi.badger-pirarucu.ts.net:8080/mangas/chapters/${chapterId}/images`
+    `/mangas/chapters/${chapterId}/images`
    ] as const;
    }

@ -1464,7 +1591,7 @@ export const getGenres = (
      
      
      return customInstance<DefaultResponseDTOListGenreDTO>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/genres`, method: 'GET', signal
+      {url: `/genres`, method: 'GET', signal
    },
      options);
    }
@ -1474,7 +1601,7 @@ export const getGenres = (

 export const getGetGenresQueryKey = () => {
    return [
-    `http://mangamochi.badger-pirarucu.ts.net:8080/genres`
+    `/genres`
    ] as const;
    }

@ -1556,7 +1683,7 @@ export const deleteImportReview = (
      
      
      return customInstance<DefaultResponseDTOVoid>(
-      {url: `http://mangamochi.badger-pirarucu.ts.net:8080/manga/import/review/${encodeURIComponent(String(id))}`, method: 'DELETE'
+      {url: `/manga/import/review/${encodeURIComponent(String(id))}`, method: 'DELETE'
    },
      options);
    }
--- a/app/manga/[id]/chapter/[chapterNumber]/page.tsx
+++ b/app/manga/[id]/chapter/[chapterNumber]/page.tsx
@ -142,8 +142,7 @@ export default function ChapterReaderPage() {
        {/* Manga Page */}
        <div className="relative mx-auto mb-8 overflow-hidden rounded-lg border border-border bg-muted">
          <Image
-            src={
-              "http://omv.badger-pirarucu.ts.net:9000/mangamochi/" +
+            src={process.env.NEXT_PUBLIC_OMV_BASE_URL + "/" +
                data.data.chapterImageKeys[currentPage - 1] ||
              "/placeholder.svg"
            }
--- a/app/manga/[id]/page.tsx
+++ b/app/manga/[id]/page.tsx
@ -119,7 +119,7 @@ export default function MangaDetailPage() {
              <Image
                src={
                  (mangaData.data?.coverImageKey &&
-                    "http://omv.badger-pirarucu.ts.net:9000/mangamochi/" +
+                      process.env.NEXT_PUBLIC_OMV_BASE_URL + "/" +
                      mangaData.data?.coverImageKey) ||
                  "/placeholder.svg"
                }
--- a/components/manga-card.tsx
+++ b/components/manga-card.tsx
@ -110,7 +110,7 @@ export function MangaCard({ manga, queryKey }: MangaCardProps) {
            <Image
              src={
                (manga.coverImageKey &&
-                  "http://omv.badger-pirarucu.ts.net:9000/mangamochi/" +
+                    process.env.NEXT_PUBLIC_OMV_BASE_URL + "/" +
                    manga.coverImageKey) ||
                "/placeholder.svg"
              }
--- a/orval.config.ts
+++ b/orval.config.ts
@ -7,7 +7,6 @@ module.exports = {
      target: "api/mangamochi.ts",
      client: "react-query",
      httpClient: "axios",
-      baseUrl: "http://mangamochia.badger-pirarucu.ts.net:8080",
      urlEncodeParameters: true,
      override: {
        mutator: {