}
- */
- async getPage(chapterId, pageNumber) {
- throw new Error('Not implemented');
- }
-
- /**
- * Récupère toutes les pages d'un chapitre
- * @param {string} chapterId - L'identifiant du chapitre
- * @returns {Promise<{pages: Page[], totalItems: number, currentPage: number, itemsPerPage: number, totalPages: number}>}
- */
- async getPages(chapterId) {
- throw new Error('Not implemented');
- }
-}
\ No newline at end of file
diff --git a/assets/react/app/domain/reader.js b/assets/react/app/domain/reader.js
deleted file mode 100644
index f857c60..0000000
--- a/assets/react/app/domain/reader.js
+++ /dev/null
@@ -1,19 +0,0 @@
-export class ReaderContext {
- constructor(id, title, number, manga, navigation) {
- this.id = id;
- this.title = title;
- this.number = number;
- this.manga = manga;
- this.navigation = navigation;
- }
-}
-
-export class Page {
- constructor(id, pageNumber, base64Content, mimeType, dimensions) {
- this.id = id;
- this.pageNumber = pageNumber;
- this.base64Content = base64Content;
- this.mimeType = mimeType;
- this.dimensions = dimensions;
- }
-}
\ No newline at end of file
diff --git a/assets/react/app/index.jsx b/assets/react/app/index.jsx
deleted file mode 100644
index cec8494..0000000
--- a/assets/react/app/index.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react'
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App.jsx'
-import '../../styles/app.scss'
-
-createRoot(document.getElementById('react-app')).render(
-
-
- ,
-)
diff --git a/assets/react/app/infrastructure/api/apiMangaRepository.js b/assets/react/app/infrastructure/api/apiMangaRepository.js
deleted file mode 100644
index 1c27aca..0000000
--- a/assets/react/app/infrastructure/api/apiMangaRepository.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import axios from 'axios';
-import { Manga, MangaCollection, MangaDetail } from '../../domain/manga';
-import { Chapter } from '../../domain/chapter';
-
-export class ApiMangaRepository {
- constructor() {
- this.api = axios.create({
- baseURL: '/api'
- });
- }
-
- async getMangaCollection(page = 1) {
- try {
- const response = await this.api.get(`/mangas?page=${page}`);
- const data = response.data;
-
- const mangas = data.items.map(item => new Manga(
- item.id,
- item.title,
- item.slug,
- item.imageUrl,
- item.author,
- item.publicationYear,
- item.genres,
- item.status,
- item.rating,
- item.description,
- item.createdAt
- ));
-
- return new MangaCollection(
- mangas,
- data.total,
- data.page,
- data.limit,
- data.hasNextPage,
- data.hasPreviousPage
- );
- } catch (error) {
- console.error('Error fetching manga collection:', error);
- throw error;
- }
- }
-
- async searchMangas(query) {
- try {
- const response = await this.api.get(`/mangas-search?title=${encodeURIComponent(query)}`);
- const data = response.data;
-
- return data.items.map(item => new Manga(
- item.externalId,
- item.title,
- item.slug,
- item.imageUrl,
- item.author,
- item.publicationYear,
- item.genres,
- item.status,
- item.rating,
- item.description,
- item.createdAt
- ));
- } catch (error) {
- console.error('Error searching mangas:', error);
- throw error;
- }
- }
-
- async getMangaBySlug(slug) {
- try {
- const mangaResponse = await this.api.get(`/mangas/by-slug/${slug}`);
- const mangaData = mangaResponse.data;
-
- const chaptersResponse = await this.api.get(`/mangas/${mangaData.id}/chapters?page=1&limit=1000&sortOrder=desc`);
- const chaptersData = chaptersResponse.data;
-
- const chapters = chaptersData.items.map(item => new Chapter(
- item.id,
- parseFloat(item.number),
- item.title,
- item.volume,
- item.isVisible,
- item.createdAt
- ));
-
- return new MangaDetail({
- id: mangaData.id,
- title: mangaData.title,
- slug: mangaData.slug,
- imageUrl: mangaData.imageUrl,
- author: mangaData.author,
- publicationYear: mangaData.publicationYear,
- genres: mangaData.genres,
- status: mangaData.status,
- rating: mangaData.rating,
- description: mangaData.description,
- createdAt: mangaData.createdAt
- }, chapters);
- } catch (error) {
- console.error('Error fetching manga details:', error);
- throw error;
- }
- }
-}
\ No newline at end of file
diff --git a/assets/react/app/infrastructure/api/apiReaderRepository.js b/assets/react/app/infrastructure/api/apiReaderRepository.js
deleted file mode 100644
index 2fb9177..0000000
--- a/assets/react/app/infrastructure/api/apiReaderRepository.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import axios from 'axios';
-import { ReaderContext, Page } from '../../domain/reader';
-import { ReaderRepository } from '../../domain/ports/readerRepository';
-
-export class ApiReaderRepository extends ReaderRepository {
- constructor() {
- super();
- this.api = axios.create({
- baseURL: '/api'
- });
- }
-
- async getChapterContext(chapterId) {
- try {
- const response = await this.api.get(`/reader/chapter/${chapterId}`);
- const data = response.data;
-
- return new ReaderContext(
- data.id,
- data.title,
- data.number,
- data.manga,
- data.navigation
- );
- } catch (error) {
- console.error('Error fetching chapter context:', error);
- throw error;
- }
- }
-
- async getPage(chapterId, pageNumber) {
- try {
- const response = await this.api.get(`/reader/chapter/${chapterId}/page/${pageNumber}`);
- const data = response.data;
-
- return new Page(
- data.id,
- data.pageNumber,
- data.base64Content,
- data.mimeType,
- data.dimensions
- );
- } catch (error) {
- console.error('Error fetching page:', error);
- throw error;
- }
- }
-
- async getPages(chapterId) {
- try {
- const response = await this.api.get(`/reader/chapter/${chapterId}/pages`);
- const data = response.data;
-
- // Charger chaque page individuellement pour obtenir le contenu base64
- const pagesPromises = data.pages.map(async (page) => {
- const pageResponse = await this.getPage(chapterId, page.pageNumber);
- return pageResponse;
- });
-
- const loadedPages = await Promise.all(pagesPromises);
-
- return {
- pages: loadedPages,
- totalItems: data.totalItems,
- currentPage: data.currentPage,
- itemsPerPage: data.itemsPerPage,
- totalPages: data.totalPages
- };
- } catch (error) {
- console.error('Error fetching pages:', error);
- throw error;
- }
- }
-}
\ No newline at end of file
diff --git a/assets/react/app/infrastructure/api/mockMangaRepository.js b/assets/react/app/infrastructure/api/mockMangaRepository.js
deleted file mode 100644
index 6794d33..0000000
--- a/assets/react/app/infrastructure/api/mockMangaRepository.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import { Manga, MangaCollection, MangaDetail } from '../../domain/manga.js';
-import { Chapter } from '../../domain/chapter.js';
-
-export class MockMangaRepository {
- constructor() {
- this.mangas = {
- 'one-piece': {
- id: '1',
- title: 'One Piece',
- slug: 'one-piece',
- imageUrl: 'https://images.unsplash.com/photo-1607604276583-eef5d076aa5f?auto=format&fit=crop&w=800&q=80',
- author: 'Eiichiro Oda',
- publicationYear: 1997,
- genres: ['Action', 'Adventure', 'Comedy'],
- status: 'ongoing',
- rating: 4.9,
- description: 'Monkey D. Luffy refuses to let anyone or anything stand in the way of his quest to become king of all pirates.'
- },
- 'naruto': {
- id: '2',
- title: 'Naruto',
- slug: 'naruto',
- imageUrl: 'https://images.unsplash.com/photo-1618519764620-7403abdbdfe9?auto=format&fit=crop&w=800&q=80',
- author: 'Masashi Kishimoto',
- publicationYear: 1999,
- genres: ['Action', 'Adventure', 'Fantasy'],
- status: 'completed',
- rating: 4.8,
- description: 'Twelve years ago the Village Hidden in the Leaves was attacked by a fearsome threat.'
- },
- 'berserk': {
- id: '3',
- title: 'Berserk',
- slug: 'berserk',
- imageUrl: 'https://images.unsplash.com/photo-1607604276583-eef5d076aa5f?auto=format&fit=crop&w=800&q=80',
- author: 'Kentaro Miura',
- publicationYear: 1989,
- genres: ['Action', 'Dark Fantasy', 'Horror', 'Psychological'],
- status: 'ongoing',
- rating: 4.9,
- description: 'Guts, known as the Black Swordsman, seeks sanctuary from the demonic forces.'
- }
- };
- }
-
- async searchMangas(query) {
- if (!query) return [];
-
- const normalizedQuery = query.toLowerCase();
- return Object.values(this.mangas)
- .filter(manga =>
- manga.title.toLowerCase().includes(normalizedQuery) ||
- manga.author.toLowerCase().includes(normalizedQuery)
- )
- .map(manga => new Manga(
- manga.id,
- manga.title,
- manga.slug,
- manga.imageUrl,
- manga.author,
- manga.publicationYear,
- manga.genres,
- manga.status,
- manga.rating
- ));
- }
-
- async getMangaCollection(page = 1) {
- const mangas = Object.values(this.mangas).map(manga => new Manga(
- manga.id,
- manga.title,
- manga.slug,
- manga.imageUrl,
- manga.author,
- manga.publicationYear,
- manga.genres,
- manga.status,
- manga.rating
- ));
-
- return new MangaCollection(
- mangas,
- mangas.length,
- page,
- 10,
- false,
- false
- );
- }
-
- async getMangaBySlug(slug) {
- const manga = this.mangas[slug];
-
- if (!manga) {
- throw new Error(`Manga with slug "${slug}" not found`);
- }
-
- const chapters = [
- new Chapter('1', 378, 'Un assassin invité', 42, true, '2024-02-15'),
- new Chapter('2', 377, 'Snake In One\'s Bosom', 42, true, '2024-02-01'),
- new Chapter('3', 376, 'La mer tremble, la guerre se profile', 42, true, '2024-01-15'),
- new Chapter('4', 375, 'L\'aube suivant la nuit brumeuse', 41, true, '2024-01-01'),
- new Chapter('5', 374, 'Le monstre noir va-t-il se laisser faire ?', 41, true, '2023-12-15'),
- new Chapter('6', 373, 'Confrontation', 41, true, '2023-12-01'),
- ];
-
- return new MangaDetail(manga, chapters);
- }
-}
\ No newline at end of file
diff --git a/assets/react/app/infrastructure/api/mockReaderRepository.js b/assets/react/app/infrastructure/api/mockReaderRepository.js
deleted file mode 100644
index d6e0ec6..0000000
--- a/assets/react/app/infrastructure/api/mockReaderRepository.js
+++ /dev/null
@@ -1,61 +0,0 @@
-export class MockReaderRepository {
- async getChapterContext(chapterId) {
- // Simuler un délai réseau
- await new Promise(resolve => setTimeout(resolve, 500));
-
- return {
- id: chapterId,
- title: "Un assassin invité",
- number: "378",
- manga: {
- id: "1",
- title: "One Piece"
- },
- navigation: {
- previous: {
- id: "prev-chapter",
- number: "377"
- },
- next: {
- id: "next-chapter",
- number: "379"
- }
- }
- };
- }
-
- async getPage(chapterId, pageNumber) {
- // Simuler un délai réseau
- await new Promise(resolve => setTimeout(resolve, 500));
-
- return {
- id: `page-${pageNumber}`,
- pageNumber: pageNumber,
- base64Content: "data:image/jpeg;base64,/9j/4AAQSkZJRg...", // Simulé
- mimeType: "image/jpeg",
- dimensions: {
- width: 800,
- height: 1200
- }
- };
- }
-
- async getPages(chapterId) {
- // Simuler un délai réseau
- await new Promise(resolve => setTimeout(resolve, 500));
-
- return {
- pages: Array.from({ length: 20 }, (_, i) => ({
- number: i + 1,
- dimensions: {
- width: 800,
- height: 1200
- }
- })),
- totalItems: 20,
- currentPage: 1,
- itemsPerPage: 20,
- totalPages: 1
- };
- }
-}
\ No newline at end of file
diff --git a/assets/react/app/presentation/components/Header.jsx b/assets/react/app/presentation/components/Header.jsx
deleted file mode 100644
index 1e0b4c7..0000000
--- a/assets/react/app/presentation/components/Header.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faBars } from '@fortawesome/free-solid-svg-icons';
-import { SearchBar } from './SearchBar/SearchBar.jsx';
-
-export function Header({ onMenuClick }) {
- return (
-
-
-
-
- Mangarr
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/assets/react/app/presentation/components/Layout/Layout.jsx b/assets/react/app/presentation/components/Layout/Layout.jsx
deleted file mode 100644
index c599ea5..0000000
--- a/assets/react/app/presentation/components/Layout/Layout.jsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React, { useState } from 'react';
-import { Header } from '../Header';
-import { Sidebar } from '../Sidebar';
-
-export function Layout({ children, onMangaClick, onAddMangaClick }) {
- const [isSidebarOpen, setIsSidebarOpen] = useState(false);
-
- return (
-
- setIsSidebarOpen(!isSidebarOpen)}
- onMangaClick={onMangaClick}
- onAddMangaClick={onAddMangaClick}
- />
- setIsSidebarOpen(false)}
- onAddMangaClick={onAddMangaClick}
- />
-
-
- {children}
-
-
- );
-}
\ No newline at end of file
diff --git a/assets/react/app/presentation/components/MangaCard.jsx b/assets/react/app/presentation/components/MangaCard.jsx
deleted file mode 100644
index f993e5c..0000000
--- a/assets/react/app/presentation/components/MangaCard.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
-
-export function MangaCard({ manga }) {
- const navigate = useNavigate();
-
- const handleClick = () => {
- navigate(`/manga/${manga.slug}`);
- };
-
- const formatDate = (dateString) => {
- const date = new Date(dateString);
- return date.toLocaleDateString('en-US', {
- month: 'short',
- day: 'numeric',
- year: 'numeric'
- });
- };
-
- return (
-
-
-
-
-
-
{manga.title}
-
- {manga.publicationYear}
-
-
- Added: {formatDate(manga.createdAt)}
-
-
-
- {mangas.map((manga) => (
-
- ))}
-
- );
-}
\ No newline at end of file
diff --git a/assets/react/app/presentation/components/SearchBar/SearchBar.jsx b/assets/react/app/presentation/components/SearchBar/SearchBar.jsx
deleted file mode 100644
index 36ff23a..0000000
--- a/assets/react/app/presentation/components/SearchBar/SearchBar.jsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faSearch, faPlus } from '@fortawesome/free-solid-svg-icons';
-import { ApiMangaRepository } from '../../../infrastructure/api/apiMangaRepository.js';
-import { SearchMangas } from '../../../application/useCases/searchMangas.js';
-
-const mangaRepository = new ApiMangaRepository();
-const searchMangas = new SearchMangas(mangaRepository);
-
-export function SearchBar() {
- const navigate = useNavigate();
- const [query, setQuery] = useState('');
- const [results, setResults] = useState([]);
- const [isOpen, setIsOpen] = useState(false);
- const [loading, setLoading] = useState(false);
- const [hasSearched, setHasSearched] = useState(false);
- const searchRef = useRef(null);
-
- useEffect(() => {
- const handleClickOutside = (event) => {
- if (searchRef.current && !searchRef.current.contains(event.target)) {
- setIsOpen(false);
- }
- };
-
- document.addEventListener('mousedown', handleClickOutside);
- return () => document.removeEventListener('mousedown', handleClickOutside);
- }, []);
-
- useEffect(() => {
- const searchManga = async () => {
- if (!query.trim()) {
- setResults([]);
- setHasSearched(false);
- return;
- }
-
- setLoading(true);
- try {
- const searchResults = await searchMangas.execute(query);
- setResults(searchResults);
- setHasSearched(true);
- } catch (error) {
- console.error('Search error:', error);
- } finally {
- setLoading(false);
- }
- };
-
- const timeoutId = setTimeout(searchManga, 300);
- return () => clearTimeout(timeoutId);
- }, [query]);
-
- const handleMangaClick = (slug) => {
- navigate(`/manga/${slug}`);
- setIsOpen(false);
- setQuery('');
- setHasSearched(false);
- };
-
- const handleAddMangaClick = () => {
- navigate(`/add${query ? `?q=${encodeURIComponent(query)}` : ''}`);
- setIsOpen(false);
- setQuery('');
- setHasSearched(false);
- };
-
- return (
-
-
-
- {
- setQuery(e.target.value);
- setIsOpen(true);
- }}
- onFocus={() => setIsOpen(true)}
- placeholder="Rechercher"
- className="appearance-none outline-none ml-2 pl-0 bg-transparent border-b border-white w-full placeholder:text-white text-white py-1 px-2 leading-tight transition-all duration-500 ease-in-out focus:placeholder:text-opacity-0 focus:border-opacity-0"
- />
-
-
- {isOpen && query.trim() && (
-
- {loading ? (
-
Chargement...
- ) : results.length > 0 ? (
-
-
- Mangas existants
-
- {results.map((manga) => (
-
- ))}
-
- ) : hasSearched && (
-
-
-
- )}
-
- )}
-
- {item.to || item.onClick ? (
- renderLink(item, "flex items-center px-4 py-2 text-gray-300 hover:text-green-600 transition-colors duration-150")
- ) : (
-
- )}
-
- {hasSubItems && isExpanded && (
-
- {item.subItems.map((subItem, index) => {
- const link = renderLink(
- subItem,
- "block py-2 text-gray-300 hover:text-green-600 transition-colors duration-150"
- );
-
- return React.cloneElement(link, { key: `${subItem.text}-${index}` });
- })}
-
- )}
-
- {items.map((item, index) => (
-
- ))}
-
- );
-
- return (
-
-
-
- {renderSection(leftSection)}
- {renderSection(centerSection)}
- {renderSection(rightSection)}
-
-
-
-
Ajouter un manga
-
-
-
-
- {
- setQuery(e.target.value);
- handleSearch(e.target.value);
- }}
- placeholder="Rechercher un manga..."
- className="w-full px-4 py-2 pl-10 border-b border-gray-300 focus:border-green-600 outline-none transition-colors"
- />
-
-
-
- {loading ? (
-
- ) : results.length > 0 ? (
-
- {results.map((manga) => (
-
setSelectedManga(manga)}
- className="flex gap-4 p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
- >
-
-
-
-
-
{manga.title}
-
{manga.author}
-
-
-
- {manga.rating}
-
-
-
-
- {manga.publicationYear} • {manga.status}
-
-
-
- {manga.genres.map((genre, index) => (
-
- {genre}
-
- ))}
-
-
-
- ))}
-
- ) : query && !loading && (
-
- Aucun résultat trouvé pour "{query}"
-
- )}
-
-
-
-
-
-
Ajouter à la bibliothèque
-
-
-
-
{selectedManga.title}
-
{selectedManga.author}
-
- {selectedManga.genres.join(', ')}
-
-
-
-
-
-
-
-
-
-
Loading...
;
- }
-
- if (error) {
- return {error}
;
- }
-
- return (
-
-
-
-
- {isBackgroundLoading && (
-
- Mise à jour en cours...
-
- )}
-
Loading...
;
- }
-
- if (error) {
- return {error}
;
- }
-
- if (!displayManga) {
- return Manga not found
;
- }
-
- return (
-
-
-
- {/* Hero section with manga info */}
-
-
-
-
-
-
-
-
-
-
{displayManga.title}
-
- {displayManga.status}
-
- {isLoadingDetails && (
-
- Chargement des détails...
-
- )}
-
-
-
-
-
- {displayManga.rating}
-
-
{displayManga.publicationYear}
-
{displayManga.author}
-
-
-
- {displayManga.genres.map((genre, index) => (
-
- {genre}
-
- ))}
-
-
-
- {displayManga.description}
-
-
-
-
- {Array.from(manga.chapters.entries()).map(([volume, chapters]) => (
-
-
- Volume {volume || 'Unknown'}
-
- ({chapters.length} chapters)
-
-
-
-
-
-
-
- |
- #
- |
-
- Title
- |
-
- Added
- |
-
- Actions
- |
-
-
-
- {chapters.map((chapter) => (
-
- |
- {chapter.number}
- |
-
- {chapter.title}
- |
-
- {new Date(chapter.createdAt).toLocaleDateString()}
- |
-
-
-
- |
-
- ))}
-
-
-
-
- ))}
-
-
- Chargement des chapitres...
-
-
-
-
-
Chargement du chapitre...
-
-
-
{error}
-
-
- {/* Toolbar */}
-
-
-
-
- {context && (
-
- Chapitre {context.number}
-
- )}
-
-
-
-
- {/* Reader content */}
-
- {mode === 'classic' ? (
- // Mode classique
-
- {currentPageData && (
-
- )}
-
- Page {currentPage} of {pages.length}
-
-
- ) : (
- // Mode scrolling
-
- {pages.map((page, index) => (
-
- {page.base64Content ? (
-
- ) : (
-
- Chargement...
-
- )}
-
- ))}
-
- )}
-
-
- {/* Navigation buttons for classic mode */}
- {mode === 'classic' && (
- <>
-
-
-
- )}
-