feat: add product-details block

.gitignore

@@ -33,6 +33,7 @@ yarn-error.log*
 .idea
 .vscode
 .cursor
+agent-os
 
 # Local history
 .lh

apps/api-harmonization/package.json

@@ -46,6 +46,7 @@
         "@o2s/blocks.orders-summary": "*",
         "@o2s/blocks.payments-history": "*",
         "@o2s/blocks.payments-summary": "*",
+        "@o2s/blocks.product-details": "*",
         "@o2s/blocks.product-list": "*",
         "@o2s/blocks.quick-links": "*",
         "@o2s/blocks.service-details": "*",

apps/api-harmonization/src/app.module.ts

@@ -40,6 +40,7 @@ import * as OrderList from '@o2s/blocks.order-list/api-harmonization';
 import * as OrdersSummary from '@o2s/blocks.orders-summary/api-harmonization';
 import * as PaymentsHistory from '@o2s/blocks.payments-history/api-harmonization';
 import * as PaymentsSummary from '@o2s/blocks.payments-summary/api-harmonization';
+import * as ProductDetails from '@o2s/blocks.product-details/api-harmonization';
 import * as ProductList from '@o2s/blocks.product-list/api-harmonization';
 import * as QuickLinks from '@o2s/blocks.quick-links/api-harmonization';
 import * as ServiceDetails from '@o2s/blocks.service-details/api-harmonization';
@@ -140,6 +141,7 @@ export const AuthModuleBaseModule = AuthModule.Module.register(AppConfig);
         ProductList.Module.register(AppConfig),
         NotificationSummary.Module.register(AppConfig),
         TicketSummary.Module.register(AppConfig),
+        ProductDetails.Module.register(AppConfig),
         // BLOCK REGISTER
     ],
     providers: [

apps/api-harmonization/src/modules/page/page.model.ts

@@ -16,6 +16,7 @@ import * as OrderList from '@o2s/blocks.order-list/api-harmonization';
 import * as OrdersSummary from '@o2s/blocks.orders-summary/api-harmonization';
 import * as PaymentsHistory from '@o2s/blocks.payments-history/api-harmonization';
 import * as PaymentsSummary from '@o2s/blocks.payments-summary/api-harmonization';
+import * as ProductDetails from '@o2s/blocks.product-details/api-harmonization';
 import * as ProductList from '@o2s/blocks.product-list/api-harmonization';
 import * as QuickLinks from '@o2s/blocks.quick-links/api-harmonization';
 import * as ServiceDetails from '@o2s/blocks.service-details/api-harmonization';
@@ -78,6 +79,7 @@ export class PageData {
 
 export type Blocks =
     // BLOCK REGISTER
+    | ProductDetails.Model.ProductDetailsBlock['__typename']
     | ProductList.Model.ProductListBlock['__typename']
     | TicketSummary.Model.TicketSummaryBlock['__typename']
     | NotificationSummary.Model.NotificationSummaryBlock['__typename']

apps/frontend/package.json

@@ -31,6 +31,7 @@
         "@o2s/blocks.orders-summary": "*",
         "@o2s/blocks.payments-history": "*",
         "@o2s/blocks.payments-summary": "*",
+        "@o2s/blocks.product-details": "*",
         "@o2s/blocks.product-list": "*",
         "@o2s/blocks.quick-links": "*",
         "@o2s/blocks.service-details": "*",
@@ -92,4 +93,4 @@
         "@types/react": "19.2.7",
         "@types/react-dom": "19.2.3"
     }
-}
+}

apps/frontend/src/blocks/renderBlocks.tsx

@@ -17,6 +17,7 @@ import * as OrderList from '@o2s/blocks.order-list/frontend';
 import * as OrdersSummary from '@o2s/blocks.orders-summary/frontend';
 import * as PaymentsHistory from '@o2s/blocks.payments-history/frontend';
 import * as PaymentsSummary from '@o2s/blocks.payments-summary/frontend';
+import * as ProductDetails from '@o2s/blocks.product-details/frontend';
 import * as ProductList from '@o2s/blocks.product-list/frontend';
 import * as QuickLinks from '@o2s/blocks.quick-links/frontend';
 import * as ServiceDetails from '@o2s/blocks.service-details/frontend';
@@ -142,6 +143,8 @@ const renderBlock = (typename: string, blockProps: BlockProps) => {
             return <NotificationSummary.Renderer {...blockProps} />;
         case 'TicketSummaryBlock':
             return <TicketSummary.Renderer {...blockProps} />;
+        case 'ProductDetailsBlock':
+            return <ProductDetails.Renderer {...blockProps} />;
         // BLOCK REGISTER
         default:
             return null;

packages/blocks/product-details/.gitignore

@@ -0,0 +1,57 @@
+# compiled output
+/dist
+/node_modules
+/build
+
+# Logs
+logs
+*.log
+npm-debug.log*
+pnpm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# OS
+.DS_Store
+
+# Tests
+/coverage
+/.nyc_output
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+
+# temp directory
+.temp
+.tmp
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+/tsconfig.tsbuildinfo

packages/blocks/product-details/.prettierrc.mjs

@@ -0,0 +1,25 @@
+import apiConfig from "@o2s/prettier-config/api.mjs";
+import frontendConfig from "@o2s/prettier-config/frontend.mjs";
+
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+    overrides: [
+        {
+            files: "./src/api-harmonization/**/*",
+            options: apiConfig,
+        },
+        {
+            files: "./src/frontend/**/*",
+            options: frontendConfig,
+        },
+        {
+            files: "./src/sdk/**/*",
+            options: frontendConfig,
+        },
+    ],
+};
+
+export default config;

packages/blocks/product-details/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { config as apiConfig } from '@o2s/eslint-config/api';
+import { config as frontendConfig } from '@o2s/eslint-config/frontend-block';
+import { defineConfig } from 'eslint/config';
+
+export default defineConfig([
+    {
+        files: ['src/api-harmonization/**/*'],
+        extends: [apiConfig],
+    },
+    {
+        files: ['src/frontend/**/*'],
+        extends: [frontendConfig],
+    },
+    {
+        files: ['src/sdk/**/*'],
+        extends: [frontendConfig],
+    },
+]);

packages/blocks/product-details/lint-staged.config.mjs

@@ -0,0 +1,3 @@
+import { config } from '@o2s/lint-staged-config/base';
+
+export default config;

packages/blocks/product-details/package.json

@@ -0,0 +1,60 @@
+{
+    "name": "@o2s/blocks.product-details",
+    "version": "0.0.1",
+    "private": false,
+    "license": "MIT",
+    "description": "A block for displaying comprehensive product information including title, images, price, description.",
+    "exports": {
+        "./api-harmonization": "./dist/api-harmonization/api-harmonization/index.js",
+        "./frontend": "./dist/frontend/frontend/index.js",
+        "./sdk": "./dist/sdk/sdk/index.js",
+        "./client": "./dist/api-harmonization/api-harmonization/product-details.client.js"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "tsc --build tsconfig.json --preserveWatchOutput && tsc-alias",
+        "test": "vitest run",
+        "test:watch": "vitest",
+        "lint": "tsc --noEmit && eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
+        "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,scss,json}\""
+    },
+    "dependencies": {
+        "@o2s/framework": "*",
+        "@o2s/utils.logger": "*",
+        "@o2s/ui": "*",
+        "@o2s/utils.api-harmonization": "*",
+        "@o2s/utils.frontend": "*",
+        "@o2s/configs.integrations": "*"
+    },
+    "devDependencies": {
+        "dotenv-cli": "^11.0.0",
+        "@o2s/eslint-config": "*",
+        "@o2s/lint-staged-config": "*",
+        "@o2s/prettier-config": "*",
+        "@o2s/typescript-config": "*",
+        "@o2s/vitest-config": "*",
+        "concurrently": "^9.2.1",
+        "eslint": "^9.39.1",
+        "prettier": "^3.6.2",
+        "react-hook-form": "^7.54.0",
+        "tsc-alias": "^1.8.16",
+        "typescript": "^5.9.3"
+    },
+    "peerDependencies": {
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "react": "^19",
+        "react-dom": "^19",
+        "react-hook-form": "^7",
+        "tailwindcss": "^4",
+        "@nestjs/axios": "^4.0.1",
+        "@nestjs/common": "^11.0.16",
+        "@nestjs/config": "^4.0.2",
+        "@nestjs/core": "^11",
+        "rxjs": "^7",
+        "next": "^16.0.5",
+        "next-intl": "^4.1.0"
+    }
+}

packages/blocks/product-details/src/api-harmonization/index.ts

@@ -0,0 +1,10 @@
+export const URL = '/blocks/product-details';
+
+export { ProductDetailsBlockModule as Module } from './product-details.module';
+export { ProductDetailsService as Service } from './product-details.service';
+export { ProductDetailsController as Controller } from './product-details.controller';
+
+export * as Model from './product-details.model';
+export * as Request from './product-details.request';
+
+export * from './product-details.client';

packages/blocks/product-details/src/api-harmonization/product-details.client.ts

@@ -0,0 +1,4 @@
+export { URL } from './product-details.url';
+
+export * as Model from './product-details.model';
+export * as Request from './product-details.request';

packages/blocks/product-details/src/api-harmonization/product-details.controller.ts

@@ -0,0 +1,26 @@
+import { Controller, Get, Headers, Param, Query, UseInterceptors } from '@nestjs/common';
+
+import { Models } from '@o2s/utils.api-harmonization';
+import { LoggerService } from '@o2s/utils.logger';
+
+import { Auth } from '@o2s/framework/modules';
+
+import { URL } from './';
+import type { GetProductDetailsBlockQuery } from './product-details.request';
+import { ProductDetailsService } from './product-details.service';
+
+@Controller(URL)
+@UseInterceptors(LoggerService)
+export class ProductDetailsController {
+    constructor(protected readonly service: ProductDetailsService) {}
+
+    @Get(':id')
+    @Auth.Decorators.Roles({ roles: [] })
+    getProductDetails(
+        @Param('id') id: string,
+        @Query() query: GetProductDetailsBlockQuery,
+        @Headers() headers: Models.Headers.AppHeaders,
+    ) {
+        return this.service.getProductDetails(id, query, headers);
+    }
+}