feat/n1 by KaiUweCZE · Pull Request #197 · TechsioCZ/new-engine

KaiUweCZE · 2025-12-09T14:04:02Z

No description provided.

semanticdiff-com · 2025-12-09T14:04:06Z

Review changes with

vercel · 2025-12-09T14:04:07Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
new-engine-ui-storybook	Ready	Preview, Comment	Jan 21, 2026 2:38pm

coderabbitai · 2025-12-09T14:04:30Z

Important

Review skipped

Too many files!

123 files out of 273 files are above the max files limit of 150.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch feat/n1

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

mesa-dot-dev · 2025-12-09T14:07:56Z

Mesa Description

TL;DR

This pull request introduces a brand new n1 e-commerce application, built with Next.js 16 and React 19, powered by a Medusa backend. It includes a complete storefront with product listings, dynamic category and product detail pages, comprehensive checkout flow, and user account management, alongside robust error handling, analytics integration, and a dedicated design system.

What changed?

New n1 Application Creation:
- Added the apps/n1 directory as a new Next.js 16 application with React 19, including core configurations for Next.js, TypeScript, PostCSS, and pnpm dependencies.
- Introduced a detailed CLAUDE.md documentation file outlining development rules, tech stack, and best practices.
- Configured netlify.toml for Netlify deployment and updated .env.example with new environment variables for Medusa, analytics, and other services.
Design System and Styling:
- Implemented a new design token system within apps/n1/src/tokens, including semantic, layout, spacing, typography, and component-specific CSS variables, and overrides.
- Added a validate-token-usage.mjs script to enforce consistent design token usage in components.
- Introduced extract-colors.js and extracted-colors.json for automated color extraction.
Core Layout and Global Components:
- Established the root layout.tsx for the application, integrating global CSS, Open_Sans font, metadata, analytics providers (MetaPixel, GoogleTag, LeadhubPixel), N1Header, and N1Footer.
- Created global error.tsx, loading.tsx, and not-found.tsx components for consistent user feedback.
- Added PageviewTracker and AnalyticsProvider for centralized analytics tracking.
Homepage and Static Pages:
- Developed the main page.tsx (Home component) displaying carousels, feature blocks, and product grids with Suspense for data loading.
- Introduced a (static) route group with pages for Contacts, News, Terms and Conditions, Privacy Policy, Shipping Methods, and Payment Methods.
Dynamic Product and Category Pages:
- Implemented dynamic routing for /kategorie/[handle] and /produkt/[handle], including dedicated page.tsx, loading.tsx, error.tsx, and not-found.tsx components for each.
- Developed comprehensive product detail components (ProductInfoPanel, Gallery, ProductTabs, RelatedProducts, AddToCartSection, ProductVariantSelect, DeliveryDate, StoreStatus, etc.).
- Created ProductGrid and TopSales components for displaying product listings.
Checkout Flow (/pokladna):
- Designed a multi-step checkout process under /pokladna, managed by CheckoutProvider and CheckoutContent.
- Developed components for address forms, address pickers, cart item display, order summary, shipping method selection (including PplPickupDialog and PplWidget), and payment method selection.
User Account Management (/ucet):
- Implemented a full user account section under /ucet, including login, registration, and account profile pages.
- Developed components for AccountMenu, ProfileForm, AddressList, and OrderList (with desktop and mobile views, and loading/empty/error states).
- Created dynamic order detail pages (/ucet/objednavky/[id]) for viewing specific order information.
Data Management and Services:
- Introduced a Medusa client (medusa-client.ts) and various services (auth-service.ts, cart-service.ts, customer-service.ts, order-service.ts, product-service.ts) for interacting with the backend API.
- Implemented an extensive suite of @tanstack/react-query hooks (use-auth.ts, use-cart.ts, use-orders.ts, use-product.ts, use-products.ts, use-addresses.ts, use-checkout.ts, use-login.ts, use-logout.ts, use-register.ts, use-customer.ts, prefetching hooks, etc.) for efficient data fetching, caching, and state management.
- Centralized query keys (query-keys.ts), cache configurations (cache-config.ts), and prefetch behaviors (prefetch-config.ts).
Utility Functions:
- Added numerous utility functions for address handling and validation, cart management, debouncing, date/number/order status formatting, array manipulation, breadcrumb building, producer data parsing, payment method management, and text truncation.
- Introduced custom error classes and error handling utilities.
- Developed specialized loggers for cache, component, fetch, and prefetch operations.
UI Library Integration:
- Leveraged components from @techsio/ui-kit (e.g., Carousel, Dialog, Accordion, Button, Table, Select, Input, Tooltip) across the application for consistent UI elements.
- Updated libs/ui/tsconfig.json to support the Next.js environment.

^{Description generated by Mesa. Update settings}

mesa-dot-dev

Performed full review of d6abf8a...93d3af3

Analysis

Critical Security Vulnerability: Hardcoded production credentials in API routes (particularly in apps/n1/src/app/api/feed/products/route.ts), including a hardcoded Zerops URL for MEDUSA_API_URL and an empty string fallback for MEDUSA_API_KEY, potentially exposing internal services.
PII Data Exposure: Customer emails are directly logged to the console in production code (apps/n1/src/app/orders/[orderId]/page.tsx), exposing personally identifiable information in client-side logs.
Registration Flow Race Condition: The auth service creates orphaned accounts when customer creation fails, as it doesn't properly clean up the auth identity, permanently blocking the email address from future registrations.
Analytics Tracking Issues: Current implementation allows for duplicate tracking events when users navigate away and return to order pages, potentially inflating analytics numbers significantly.
JWT Security Concerns: Unsafe JWT parsing using atob() without proper validation in apps/n1/src/lib/token-utils.ts, creating potential exceptions particularly in SSR contexts.

Tip

Help

Slash Commands:

/review - Request a full code review
/review latest - Review only changes since the last review
/describe - Generate PR description. This will update the PR body or issue comment depending on your configuration
/help - Get help with Mesa commands and configuration options

^{212 files reviewed | 0 comments | Edit Agent Settings • Read Docs}

Category page ([category]/page.tsx): - Integrate usePrefetchCategoryChildren for progressive loading - Add breadcrumb navigation with home icon - Auto-expand TreeView to current category Aside navigation (n1-aside.tsx): - Refactor to use findNodeById utility - Add getCategoryPath for auto-expand - Cleanup inline tree traversal logic Desktop submenu (desktop-submenu.tsx): - Add hover-triggered prefetch for category products - Improve submenu interaction with Dialog component Product grid (product-grid.tsx): - Add memo optimization for large product lists - Improve pagination rendering Heading component (heading.tsx): - Add capitalize prop for consistent title formatting

…th /kategorie

Introduce client-side prefetching and detail fetching for products to improve perceived load times and reuse cached results. - Add usePrefetchProduct hook to prefetch product detail by handle, with delayed prefetch and cancelation support. It uses react-query's prefetchQuery and respects region/country context. Logs cache hits and prefetch attempts in development. - Add useProduct hook that fetches a single product by handle using a dedicated query key and long stale/gc times (semi-static). - Add getProductByHandle service to fetch detailed product data (variants, prices, options, inventory) and surface errors with dev logging. - Extend query-keys with a products.detail key to uniquely identify product detail queries by handle, region and country. - Define ProductDetailParams and a DETAILED_INFO constant in the product service for consistent field selection. These changes enable targeted caching and background loading of product details, reducing latency when users navigate to product pages.

…fix imports

…tail product page

…UI/UX

…p and apply tailored styles

…ayout

fix(n1): PR197 cleanup

BleedingDev · 2026-01-19T17:38:12Z

+  selected?: boolean
+}
+
+export const LinkButtonWithTooltip = ({


question: How often do use this combo? Is it worth the abstraction into separate component?

vercel Bot had a problem deploying to Preview December 9, 2025 14:05 Failure

github-code-quality Bot found potential problems Dec 9, 2025

View reviewed changes

Comment thread apps/n1/src/app/pokladna/_components/shipping-address-section.tsx Fixed

Comment thread apps/n1/src/components/category/top-sales.tsx Fixed

Comment thread apps/n1/src/hooks/use-customer.ts Fixed

mesa-dot-dev Bot reviewed Dec 9, 2025

View reviewed changes

vercel Bot had a problem deploying to Preview December 11, 2025 13:44 Failure

KaiUweCZE force-pushed the feat/n1 branch from 5821bca to 87e700c Compare December 11, 2025 15:58

vercel Bot had a problem deploying to Preview December 11, 2025 15:58 Failure

KaiUweCZE force-pushed the feat/n1 branch from 87e700c to 8ea6ae3 Compare December 12, 2025 10:25

vercel Bot had a problem deploying to Preview December 12, 2025 10:25 Failure

KaiUweCZE force-pushed the feat/n1 branch from 8ea6ae3 to 8f0f06c Compare December 13, 2025 10:58

vercel Bot had a problem deploying to Preview December 13, 2025 10:58 Failure

KaiUweCZE added 16 commits December 14, 2025 10:56

refactor(routes): rename category param to handle and prefix paths wi…

8dc4fe7

…th /kategorie

change folder structure and router strategy

fc95834

init detail product page and components

a638230

feat(types): add extended product types and transform logic

b6f9b9b

feat(data): add missing handle fields to featured products array

b02c916

feat(product): split product fields and use detailed/list constants, …

930d4dd

…fix imports

feat(css): add button green triangle decoration and import global.css

c4dee68

feat(variant): add selectVariant util to pick variant from URL for de…

fb9de6a

…tail product page

feat(next): add, docs, and expand image qualities

92c6deb

feat(tokens): add icons, reorganize imports, refine tokens

bd51cfa

feat(product-info): add product info panel with variant, detail page …

67864e0

…UI/UX

feat(products): add tax-free pricing and flexible price formatter

1d13b39

feat(ui): add LinkButtonWithTooltip component to wrap links in toolti…

aaaca46

…p and apply tailored styles

refactor(grid): add link navigation and product prefetching, adjust l…

74157bd

…ayout

refactor: deduplicate utils based on jscpd

8677e36

vercel Bot deployed to Preview January 15, 2026 17:26 View deployment

remove deadcode

f3fef27

vercel Bot deployed to Preview January 15, 2026 18:01 View deployment

github-code-quality Bot found potential problems Jan 15, 2026

View reviewed changes

remove unused imports

1cd6cea

vercel Bot deployed to Preview January 15, 2026 18:28 View deployment

BleedingDev reviewed Jan 19, 2026

View reviewed changes

This was referenced Jan 19, 2026

Replace PNG feature icons with token icons #288

Open

fix(n1): PR197 cleanup #289

Merged

Merge origin/master into feat/n1

af6ea91

vercel Bot deployed to Preview January 20, 2026 01:42 View deployment

BleedingDev and others added 11 commits January 20, 2026 08:50

fix(n1): cleanup for PR197

18015f4

fix: address review nits and ui build

cf5a3d3

chore(n1): align biome and overrides

8885566

fix: address coderabbit feedback

d8e9fdf

fix(pr197): lint cleanup and storybook build fixes

9dd12a6

Revert js-sdk pin

d845285

fix(pr197): resolve build and review issues

883a688

refactor(ucet): remove account-menu and simplify layout

eac6d99

fix(address): format postal code and phone

19d50ef

update pnpm lock

85377b7

Merge pull request #289 from NMIT-WR/fix/pr197-cleanup

7f9d90c

fix(n1): PR197 cleanup

vercel Bot deployed to Preview January 21, 2026 11:42 View deployment

fix: biome formatting

ee254f6

vercel Bot deployed to Preview January 21, 2026 12:08 View deployment

chore: fix biome linter

573210d

vercel Bot deployed to Preview January 21, 2026 14:38 View deployment

BleedingDev approved these changes Jan 21, 2026

View reviewed changes

BleedingDev merged commit e323916 into master Jan 21, 2026
7 checks passed

Uh oh!

Conversation

KaiUweCZE commented Dec 9, 2025

Uh oh!

semanticdiff-com Bot commented Dec 9, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

vercel Bot commented Dec 9, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coderabbitai Bot commented Dec 9, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

mesa-dot-dev Bot commented Dec 9, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Mesa Description

TL;DR

What changed?

Uh oh!

Uh oh!

Uh oh!

Uh oh!

mesa-dot-dev Bot left a comment

Choose a reason for hiding this comment

Analysis

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

BleedingDev Jan 19, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

semanticdiff-com Bot commented Dec 9, 2025 •

edited

Loading

vercel Bot commented Dec 9, 2025 •

edited

Loading

coderabbitai Bot commented Dec 9, 2025 •

edited

Loading

mesa-dot-dev Bot commented Dec 9, 2025 •

edited

Loading