From db1abcbdd44315f430e99a3f4ee957843b7e3c9c Mon Sep 17 00:00:00 2001 From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com> Date: Mon, 27 Jul 2026 11:15:56 +0700 Subject: [PATCH] refactor: remove single-page module and related components --- apps/web/src/apps/modules/example/index.tsx | 4 +- .../data/single-page.remote.service.ts | 25 ----- .../single-page/domain/constants/index.ts | 1 - .../domain/constants/single-page.constants.ts | 25 ----- .../single-page/domain/entities/index.ts | 1 - .../domain/entities/single-page.entity.ts | 26 ----- .../single-page/domain/factories/index.ts | 30 ------ .../single-page.remote.transformer.ts | 45 --------- .../presentation/factory/index.tsx | 42 -------- .../languages/en/single-page.json | 9 -- .../languages/id/single-page.json | 9 -- .../pages/single-page.page.index.tsx | 99 ------------------- .../single-page/presentation/store/index.ts | 19 ---- .../apps/modules/layouts/data/menu.data.ts | 12 +-- 14 files changed, 8 insertions(+), 339 deletions(-) delete mode 100644 apps/web/src/apps/modules/example/single-page/data/single-page.remote.service.ts delete mode 100644 apps/web/src/apps/modules/example/single-page/domain/constants/index.ts delete mode 100644 apps/web/src/apps/modules/example/single-page/domain/constants/single-page.constants.ts delete mode 100644 apps/web/src/apps/modules/example/single-page/domain/entities/index.ts delete mode 100644 apps/web/src/apps/modules/example/single-page/domain/entities/single-page.entity.ts delete mode 100644 apps/web/src/apps/modules/example/single-page/domain/factories/index.ts delete mode 100644 apps/web/src/apps/modules/example/single-page/domain/transformers/single-page.remote.transformer.ts delete mode 100644 apps/web/src/apps/modules/example/single-page/presentation/factory/index.tsx delete mode 100644 apps/web/src/apps/modules/example/single-page/presentation/languages/en/single-page.json delete mode 100644 apps/web/src/apps/modules/example/single-page/presentation/languages/id/single-page.json delete mode 100644 apps/web/src/apps/modules/example/single-page/presentation/pages/single-page.page.index.tsx delete mode 100644 apps/web/src/apps/modules/example/single-page/presentation/store/index.ts diff --git a/apps/web/src/apps/modules/example/index.tsx b/apps/web/src/apps/modules/example/index.tsx index 4aa852e..ca118f8 100644 --- a/apps/web/src/apps/modules/example/index.tsx +++ b/apps/web/src/apps/modules/example/index.tsx @@ -2,13 +2,13 @@ import { lazy } from 'react'; import { Routes, Route, Navigate } from 'react-router-dom'; const FullPageModule = lazy(() => import('./full-page/presentation/factory')); -const SinglePageModule = lazy(() => import('./single-page/presentation/factory')); +// const SinglePageModule = lazy(() => import('./single-page/presentation/factory')); export default function ExampleModule() { return ( } /> - } /> + {/* } /> */} } /> ); diff --git a/apps/web/src/apps/modules/example/single-page/data/single-page.remote.service.ts b/apps/web/src/apps/modules/example/single-page/data/single-page.remote.service.ts deleted file mode 100644 index 5ad4ea8..0000000 --- a/apps/web/src/apps/modules/example/single-page/data/single-page.remote.service.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { BaseRemoteDataServices } from '@repo/core-api/data-services'; -import { SinglePageDTO, SinglePageEntity } from '../domain/entities'; - -/** - * Full Page Remote Data Services - * - * Provides core data services for the single-page module by extending the base remote data services. - * While this class automatically handles standard CRUD operations and data transformations out-of-the-box, - * implementers can freely extend it by adding custom methods to support domain-specific API endpoints - * or complex business logic as needed. - * - * @example - * ```ts - * export class SinglePageRemoteDataServices extends BaseRemoteDataServices { - * // Example of adding a custom method tailored to specific module needs - * public async getDashboardMetrics(status: string): Promise { - * const response = await this.httpClient.get(`${this.apiUrl}/metrics`, { - * params: { status } - * }); - * return response.data; - * } - * } - * ``` - */ -export class SinglePageRemoteDataServices extends BaseRemoteDataServices {} diff --git a/apps/web/src/apps/modules/example/single-page/domain/constants/index.ts b/apps/web/src/apps/modules/example/single-page/domain/constants/index.ts deleted file mode 100644 index 8779928..0000000 --- a/apps/web/src/apps/modules/example/single-page/domain/constants/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './single-page.constants'; diff --git a/apps/web/src/apps/modules/example/single-page/domain/constants/single-page.constants.ts b/apps/web/src/apps/modules/example/single-page/domain/constants/single-page.constants.ts deleted file mode 100644 index 7b82f75..0000000 --- a/apps/web/src/apps/modules/example/single-page/domain/constants/single-page.constants.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ModuleConfigEntity } from '@repo/ui/foundations'; - -/** - * Core configuration and constants for the Full Page module. - * Used across Domain, Data, and Presentation layers. - */ -export const singlePageModuleConfig: ModuleConfigEntity = { - /** Unique identifier for permissions, caching, and i18n */ - moduleKey: 'EXAMPLE_SINGLE_PAGE', - - /** Translation namespace — must match the namespace used in registerModuleNamespace() */ - translationNamespace: 'single-page', - - /** Base API endpoint for remote data services */ - apiUrl: '/single-page', - - /** Base Web Router URL for UI navigation */ - webUrl: '/app/example/single-page', - - /** Architectural category of the module, used for rendering and routing logic */ - moduleCategory: 'SINGLE_PAGE', - - /** */ - moduleType: 'MASTER_DATA', -} as const; diff --git a/apps/web/src/apps/modules/example/single-page/domain/entities/index.ts b/apps/web/src/apps/modules/example/single-page/domain/entities/index.ts deleted file mode 100644 index a0b332c..0000000 --- a/apps/web/src/apps/modules/example/single-page/domain/entities/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './single-page.entity'; diff --git a/apps/web/src/apps/modules/example/single-page/domain/entities/single-page.entity.ts b/apps/web/src/apps/modules/example/single-page/domain/entities/single-page.entity.ts deleted file mode 100644 index ccf05dd..0000000 --- a/apps/web/src/apps/modules/example/single-page/domain/entities/single-page.entity.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { BaseEntity } from '@repo/core-api/data-services'; - -/** - * Represents a single-page entity in the frontend domain model. - * - * This entity is derived from the API's `SinglePageDTO` via the - * {@link SinglePageTransformer}, which handles field name mapping - * and computed field derivation. - * - */ -export interface SinglePageEntity extends BaseEntity { - status?: string; - name?: string; - code?: string; - description?: string; -} - -/** - * Represents the raw data structure returned by the API for a single-page resource. - * - * This DTO uses snake_case field names matching the backend's JSON serialization. - * It is transformed into a {@link SinglePageEntity} by the {@link SinglePageTransformer}. - */ -export interface SinglePageDTO extends SinglePageEntity { - [key: string]: any; -} diff --git a/apps/web/src/apps/modules/example/single-page/domain/factories/index.ts b/apps/web/src/apps/modules/example/single-page/domain/factories/index.ts deleted file mode 100644 index 4b5550e..0000000 --- a/apps/web/src/apps/modules/example/single-page/domain/factories/index.ts +++ /dev/null @@ -1,30 +0,0 @@ -/** - * Full Page Factory - * - * This module acts as the dependency injection and configuration center for the single-page feature. - * It pre-configures and exports singleton instances of the data transformer and data service. - * By centralizing the instantiation here, it ensures that all UI components and hooks - * within the module share the same API client, configuration, and transformation logic. - */ - -import { apiClient } from '../../../../../../core/lib/api-client'; -import { SinglePageRemoteDataServices } from '../../data/single-page.remote.service'; -import { singlePageModuleConfig } from '../constants/single-page.constants'; -import { SinglePageRemoteDataTransformer } from '../transformers/single-page.remote.transformer'; - -/** - * Singleton instance of the SinglePageRemoteDataTransformer. - * Exported for potential direct usage if manual data mapping is required outside the standard API flow. - */ -export const singlePageDataTransformer = new SinglePageRemoteDataTransformer(); - -/** - * Pre-configured singleton instance of the SinglePageRemoteDataServices. - * Ready to be consumed by UI components, state managers, or module providers. - * It is fully wired with the HTTP client and automatically handles data mapping via the injected transformer. - */ -export const singlePageDataService = new SinglePageRemoteDataServices(apiClient, { - apiUrl: singlePageModuleConfig.apiUrl, - moduleKey: singlePageModuleConfig.moduleKey, - transformer: singlePageDataTransformer, -}); diff --git a/apps/web/src/apps/modules/example/single-page/domain/transformers/single-page.remote.transformer.ts b/apps/web/src/apps/modules/example/single-page/domain/transformers/single-page.remote.transformer.ts deleted file mode 100644 index a95ec8c..0000000 --- a/apps/web/src/apps/modules/example/single-page/domain/transformers/single-page.remote.transformer.ts +++ /dev/null @@ -1,45 +0,0 @@ -import { BaseDataTransformer } from '@repo/core-api/data-services'; -import { SinglePageEntity, SinglePageDTO } from '../entities'; - -/** - * Full Page Remote Data Transformer - * - * Responsible for transforming data between the raw API data transfer objects (DTOs) - * and the frontend domain entities for the single-page module. By extending the base transformer, - * it ensures strict type safety and decouples data parsing logic from the API service layer. - * - * Implementers must define the core mapping rules (`transformToEntity`, `transformToDTO`) - * and can freely add custom transformation methods for specific API responses. - * - * @example - * ```ts - * export class SinglePageRemoteDataTransformer extends BaseDataTransformer { - * // Map snake_case API payload to camelCase frontend entity - * public transformToEntity(dto: SinglePageDTO): SinglePageEntity { - * return { - * id: dto.id, - * documentNumber: dto.document_number, - * createdAt: new Date(dto.created_at), - * // ... other property mappings - * }; - * } - * - * // Map camelCase frontend entity back to snake_case API payload - * public transformToDTO(entity: SinglePageEntity): SinglePageDTO { - * return { - * id: entity.id, - * document_number: entity.documentNumber, - * // ... other property mappings - * }; - * } - * - * // Example of adding a custom transformation method for a specific feature - * public transformMetrics(rawData: any): MetricsEntity { - * return { - * totalActive: rawData.total_active_count ?? 0, - * }; - * } - * } - * ``` - */ -export class SinglePageRemoteDataTransformer extends BaseDataTransformer {} diff --git a/apps/web/src/apps/modules/example/single-page/presentation/factory/index.tsx b/apps/web/src/apps/modules/example/single-page/presentation/factory/index.tsx deleted file mode 100644 index f2e1c9a..0000000 --- a/apps/web/src/apps/modules/example/single-page/presentation/factory/index.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import { lazy } from 'react'; -import { Navigate, Route, Routes } from 'react-router-dom'; -import { EnterpriseModuleProvider } from '@repo/ui/foundations'; -import { registerModuleNamespace } from '@repo/core-i18n'; -import { singlePageModuleConfig } from '../../domain/constants'; -import { singlePageDataService } from '../../domain/factories'; -import { SinglePageEntity } from '../../domain/entities'; -import { singlePageStore } from '../store'; - -import singlePageId from '../languages/id/single-page.json'; -import singlePageEn from '../languages/en/single-page.json'; - -const IndexPage = lazy(() => import('../pages/single-page.page.index')); - -// --------------------------------------------------------------------------- -// Namespace Registration (Module Scope) -// --------------------------------------------------------------------------- -// Called once at import time — safe, idempotent, outside React render cycle. -// The namespace 'single-page' must match config.translationNamespace. -registerModuleNamespace(singlePageModuleConfig.translationNamespace, { - id: singlePageId, - en: singlePageEn, -}); - -// --------------------------------------------------------------------------- -// Module Factory -// --------------------------------------------------------------------------- -export default function SinglePageModule() { - return ( - - config={singlePageModuleConfig} - dataServices={singlePageDataService} - store={singlePageStore} - > - - } /> - } /> - } /> - - - ); -} diff --git a/apps/web/src/apps/modules/example/single-page/presentation/languages/en/single-page.json b/apps/web/src/apps/modules/example/single-page/presentation/languages/en/single-page.json deleted file mode 100644 index e72dbb8..0000000 --- a/apps/web/src/apps/modules/example/single-page/presentation/languages/en/single-page.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "title": "Single Page Management", - "fields": { - "status": "Status", - "name": "Name", - "code": "Code", - "description": "Description" - } -} \ No newline at end of file diff --git a/apps/web/src/apps/modules/example/single-page/presentation/languages/id/single-page.json b/apps/web/src/apps/modules/example/single-page/presentation/languages/id/single-page.json deleted file mode 100644 index 81dacdb..0000000 --- a/apps/web/src/apps/modules/example/single-page/presentation/languages/id/single-page.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "title": "Manajemen Halaman Tunggal", - "fields": { - "status": "Status", - "name": "Nama", - "code": "Kode", - "description": "Deskripsi" - } -} \ No newline at end of file diff --git a/apps/web/src/apps/modules/example/single-page/presentation/pages/single-page.page.index.tsx b/apps/web/src/apps/modules/example/single-page/presentation/pages/single-page.page.index.tsx deleted file mode 100644 index 5e5973f..0000000 --- a/apps/web/src/apps/modules/example/single-page/presentation/pages/single-page.page.index.tsx +++ /dev/null @@ -1,99 +0,0 @@ -import { Table, Box, Title, Paper } from '@repo/ui/components'; -import { PageActions } from '@repo/ui/components'; -import { useEnterpriseModuleTranslationContext, useEnterpriseModuleNavigationContext } from '@repo/ui/foundations'; -import { SinglePageEntity } from '../../domain/entities'; -import { Edit2, Eye, Copy, Trash2 } from 'lucide-react'; -import { useCallback } from 'react'; - -// TODO: Replace this mock data with real API data loaded from DataService via useEnterpriseModuleDataServiceContext -const MOCK_DATA: SinglePageEntity[] = [ - { id: '1', name: 'Dashboard Widget', code: 'WID-001', status: 'ACTIVE', description: 'Main dashboard widget' }, - { id: '2', name: 'Report Generator', code: 'REP-002', status: 'INACTIVE', description: 'Generates monthly reports' }, - { - id: '3', - name: 'User Management', - code: 'USR-003', - status: 'ACTIVE', - description: 'Manages user roles and permissions', - }, -]; - -export default function SinglePagePageIndex() { - // Translation is scoped to ['SINGLE_PAGE', 'common'] — no prefix needed for module keys - const { t } = useEnterpriseModuleTranslationContext(); - - const { navigateToDetail, navigateToEdit, navigateToDuplicate } = useEnterpriseModuleNavigationContext(); - - const getRowActions = useCallback( - (row: SinglePageEntity) => [ - { - key: 'view', - label: t('common:view'), - icon: , - onClick: () => navigateToDetail(row.id as string), - }, - { - key: 'edit', - label: t('common:edit'), - icon: , - onClick: () => navigateToEdit(row.id as string), - }, - { - key: 'duplicate', - label: t('common:duplicate'), - icon: , - onClick: () => navigateToDuplicate(row.id as string), - }, - { - type: 'divider' as const, - key: 'div-1', - }, - { - key: 'delete', - label: t('common:delete'), - icon: , - intent: 'destructive' as const, - onClick: () => { - // Mock delete action - alert(`Delete ${row.name}`); - }, - }, - ], - [t, navigateToDetail, navigateToEdit, navigateToDuplicate], - ); - - const rows = MOCK_DATA.map((item) => ( - - {item.code} - {item.name} - {item.status} - {item.description} - - - - - )); - - return ( - - - {t('title')} - - - - - - - {t('fields.code')} - {t('fields.name')} - {t('fields.status')} - {t('fields.description')} - {t('common:edit')} - - - {rows} -
- - - ); -} diff --git a/apps/web/src/apps/modules/example/single-page/presentation/store/index.ts b/apps/web/src/apps/modules/example/single-page/presentation/store/index.ts deleted file mode 100644 index e5c4e8f..0000000 --- a/apps/web/src/apps/modules/example/single-page/presentation/store/index.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { create } from 'zustand'; -import { EnterpriseModuleState } from '@repo/ui/foundations'; -import { SinglePageEntity } from '../../domain/entities'; - -export interface SinglePageStoreState extends EnterpriseModuleState {} - -export const singlePageStore = create((set) => ({ - metaData: null, - setMetaData: (data) => set({ metaData: data }), - - filterData: { page: 1, limit: 10 }, - setFilterData: (data) => set({ filterData: data }), - - selectedRows: [], - setSelectedRows: (rows) => set({ selectedRows: rows }), - - privileges: [], - setPrivileges: (privileges) => set({ privileges }), -})); diff --git a/apps/web/src/apps/modules/layouts/data/menu.data.ts b/apps/web/src/apps/modules/layouts/data/menu.data.ts index 48f97a3..c9dd227 100644 --- a/apps/web/src/apps/modules/layouts/data/menu.data.ts +++ b/apps/web/src/apps/modules/layouts/data/menu.data.ts @@ -247,12 +247,12 @@ export const MENU_ITEMS: MenuItemType[] = [ icon: LayoutDashboard, path: '/app/example/full-page/index', }, - { - key: 'example-single-page', - label: 'nav:example-single-page', - icon: FileText, - path: '/app/example/single-page/index', - }, + // { + // key: 'example-single-page', + // label: 'nav:example-single-page', + // icon: FileText, + // path: '/app/example/single-page/index', + // }, ], }, ];