@donotdev/ui 0.0.10 → 0.0.12

package/dist/internal/layout/components/AutoMetaTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/AutoMetaTags.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAwC3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAoN1B,CAAC;AAEF;;;GAGG;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/AutoMetaTags.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyE3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAoN1B,CAAC;AAEF;;;GAGG;AAEH,eAAe,YAAY,CAAC"}

package/dist/internal/layout/components/AutoMetaTags.js

@@ -49,12 +49,34 @@ import { useMemo } from 'react';
 import { Helmet } from 'react-helmet-async';
 import { useTranslation, useIsClient } from '@donotdev/core';
 import { getDndevConfig } from '@donotdev/core';
-import { useSeoConfig, useAppConfig } from '@donotdev/core';
+import { useSeoConfig, useAppConfig, getPlatformEnvVar } from '@donotdev/core';
 import { AssetResolver } from '@donotdev/ui';
 // Platform-specific hooks via conditional exports
 import { useLocation } from '@donotdev/ui/routing/hooks';
 /**
- * Get route metadata from window object (injected by build system)
+ * Match pathname against route path pattern (e.g. /cars/:id or /blog/:slug/comments/:id).
+ * Supports arbitrary nesting: any depth, any mix of static and :param segments.
+ */
+function matchRoutePath(pattern, pathname) {
+    const patternSegments = pattern.split('/').filter(Boolean);
+    const pathnameSegments = pathname.split('/').filter(Boolean);
+    if (patternSegments.length !== pathnameSegments.length)
+        return false;
+    for (let i = 0; i < patternSegments.length; i++) {
+        const segment = patternSegments[i];
+        const pathSegment = pathnameSegments[i];
+        if (segment === undefined || pathSegment === undefined)
+            return false;
+        if (segment.startsWith(':'))
+            continue; // param matches any value
+        if (segment !== pathSegment)
+            return false;
+    }
+    return true;
+}
+/**
+ * Get route metadata from window object (injected by build system).
+ * Resolves dynamic routes by pattern (e.g. /cars/:id) so PageMeta (including namespace) is used for SEO.
  */
 function getRouteMetadata(pathname, isClient) {
     if (!isClient)
@@ -63,12 +85,20 @@ function getRouteMetadata(pathname, isClient) {
     const config = getDndevConfig();
     const routeData = config?.routes?.mapping;
     if (routeData && Array.isArray(routeData)) {
-        const route = routeData.find((r) => r.path === pathname);
-        if (route) {
+        // 1. Exact match (static routes)
+        let route = routeData.find((r) => r.path === pathname);
+        if (route)
+            return route.meta;
+        // 2. Pattern match (dynamic routes: /cars/:id, /blog/:slug/comments/:id, etc.)
+        const dynamicRoutes = routeData.filter((r) => typeof r.path === 'string' && r.path.includes(':'));
+        const matches = dynamicRoutes.filter((r) => matchRoutePath(r.path, pathname));
+        // Prefer most specific (longest path) so /blog/:slug/comments wins over /blog/:slug for /blog/a/comments
+        if (matches.length > 0) {
+            route = matches.reduce((best, r) => r.path.length > best.path.length ? r : best);
             return route.meta;
         }
     }
-    // Extract potential namespace from path
+    // Fallback: first path segment as namespace (e.g. /cars/abc123 → ns: cars)
     const segments = pathname.split('/').filter(Boolean);
     if (segments.length > 0) {
         return { ns: segments[0] };
@@ -97,7 +127,7 @@ export const AutoMetaTags = () => {
         return null;
     const { defaultNamespace = 'home', defaultImage, twitterHandle, staticTags = {}, } = seoConfig;
     const siteName = useAppConfig('name');
-    const baseUrl = useAppConfig('url');
+    const baseUrl = getPlatformEnvVar('APP_URL') || '';
     // Get route metadata
     const routeMeta = getRouteMetadata(location.pathname, isClient);
     // Memoize computed values for performance

package/dist/internal/layout/components/NextJsAutoMetaTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NextJsAutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/NextJsAutoMetaTags.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,cAAc;IACtB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAED,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,uBAAuB;IAC/B,kCAAkC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AA+BD;;;;;;;;GAQG;AACH,QAAA,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CA8L9D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"NextJsAutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/NextJsAutoMetaTags.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,cAAc;IACtB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAED,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,uBAAuB;IAC/B,kCAAkC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AA+DD;;;;;;;;GAQG;AACH,QAAA,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CA8L9D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/internal/layout/components/NextJsAutoMetaTags.js

@@ -17,9 +17,31 @@ import { usePathname } from 'next/navigation';
 import { useMemo } from 'react';
 import { Helmet } from 'react-helmet-async';
 import { useTranslation, getDndevConfig, useIsClient } from '@donotdev/core';
-import { useAppConfig } from '@donotdev/core';
+import { useAppConfig, getPlatformEnvVar } from '@donotdev/core';
 /**
- * Get route metadata from config (injected by build system)
+ * Match pathname against route path pattern (e.g. /cars/:id or /blog/:slug/comments/:id).
+ * Supports arbitrary nesting: any depth, any mix of static and :param segments.
+ */
+function matchRoutePath(pattern, pathname) {
+    const patternSegments = pattern.split('/').filter(Boolean);
+    const pathnameSegments = pathname.split('/').filter(Boolean);
+    if (patternSegments.length !== pathnameSegments.length)
+        return false;
+    for (let i = 0; i < patternSegments.length; i++) {
+        const segment = patternSegments[i];
+        const pathSegment = pathnameSegments[i];
+        if (segment === undefined || pathSegment === undefined)
+            return false;
+        if (segment.startsWith(':'))
+            continue; // param matches any value
+        if (segment !== pathSegment)
+            return false;
+    }
+    return true;
+}
+/**
+ * Get route metadata from config (injected by build system).
+ * Resolves dynamic routes by pattern so PageMeta (including namespace) is used for SEO.
  */
 function getRouteMetadata(pathname, isClient) {
     if (!isClient)
@@ -28,16 +50,22 @@ function getRouteMetadata(pathname, isClient) {
     const config = getDndevConfig();
     const routeData = config?.routes?.mapping;
     if (routeData && Array.isArray(routeData)) {
-        const route = routeData.find((r) => r.path === pathname);
+        // 1. Exact match (static routes)
+        let route = routeData.find((r) => r.path === pathname);
         if (route && route.meta) {
-            // Map route.meta.namespace to routeMeta.ns
-            return {
-                ...route.meta,
-                ns: route.meta.namespace, // Map namespace -> ns for compatibility
-            };
+            return { ...route.meta, ns: route.meta.namespace };
+        }
+        // 2. Pattern match (dynamic routes: /cars/:id, /blog/:slug/comments/:id, etc.)
+        const dynamicRoutes = routeData.filter((r) => typeof r.path === 'string' && r.path.includes(':'));
+        const matches = dynamicRoutes.filter((r) => matchRoutePath(r.path, pathname));
+        if (matches.length > 0) {
+            const best = matches.reduce((a, b) => b.path.length > a.path.length ? b : a);
+            if (best.meta) {
+                return { ...best.meta, ns: best.meta.namespace };
+            }
         }
     }
-    // Extract potential namespace from path
+    // Fallback: first path segment as namespace
     const segments = pathname.split('/').filter(Boolean);
     if (segments.length > 0) {
         return { ns: segments[0] };
@@ -64,7 +92,7 @@ const NextJsAutoMetaTags = ({ config = {}, routeMeta: routeMetaOverride, title:
     const { t } = useTranslation(namespaces);
     const { defaultNamespace = 'home', defaultImage = '/og-image.png', twitterHandle, defaultAuthor, staticTags = {}, } = config;
     const siteName = config.siteName || useAppConfig('name');
-    const baseUrl = useAppConfig('url');
+    const baseUrl = getPlatformEnvVar('APP_URL') || '';
     // Get route metadata
     const routeMeta = getRouteMetadata(pathname || '/', isClient);
     const finalRouteMeta = { ...routeMeta, ...routeMetaOverride };

package/dist/internal/layout/components/footer/FooterBranding.js

@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { ExternalLink } from 'lucide-react';
-import { useAppConfig } from '@donotdev/core';
+import { useAppConfig, getPlatformEnvVar } from '@donotdev/core';
 /**
  * FooterBranding - Framework branding link (power move)
  *
@@ -21,7 +21,7 @@ import { useAppConfig } from '@donotdev/core';
  * @author AMBROISE PARK Consulting
  */
 export const FooterBranding = ({ className, }) => {
-    const appUrl = useAppConfig('url');
+    const appUrl = getPlatformEnvVar('APP_URL');
     const isFrameworkSite = appUrl === 'https://donotdev.com';
     return (_jsxs("a", { href: isFrameworkSite
             ? 'https://www.ambroise-park.com'

package/dist/internal/layout/config/presets/game.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"game.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/game.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AASnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,YAkCxB,CAAC"}
+{"version":3,"file":"game.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/game.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAYnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,YAwCxB,CAAC"}

package/dist/internal/layout/config/presets/game.js

@@ -13,6 +13,9 @@ import { DISPLAY } from '@donotdev/components';
 import { LanguageSelector } from '@donotdev/core';
 import { AuthHeader } from '../../../../components/auth';
 import { GameTitle, ThemeToggle, } from '../../../../components/layout/components';
+import { FooterCopyright } from '../../components/footer/FooterCopyright';
+import { FooterLegalLinks } from '../../components/footer/FooterLegalLinks';
+import { DEFAULT_SLOTS } from '../defaults';
 /**
  * Game preset - mobile gaming layout
  *
@@ -37,12 +40,14 @@ export const gamePreset = {
         mergedBar: {
             position: 'top',
             // Desktop → Mobile mapping:
-            trigger: () => _jsx(GameTitle, {}), // header.center → trigger (GameTitle, since header.start is null)
-            top: () => _jsx(GameTitle, {}), // header.center → top (GameTitle)
-            content: () => null, // No sidebar → content is null
-            bottom: () => (
-            // header.end → bottom (Auth, Language, Theme)
+            trigger: () => _jsx(GameTitle, {}), // header.center → trigger
+            top: () => (
+            // header.end → top (Auth, Language, Theme)
             _jsxs(_Fragment, { children: [_jsx(AuthHeader, { display: DISPLAY.AUTO }), _jsx(LanguageSelector, { display: DISPLAY.AUTO }), _jsx(ThemeToggle, { display: DISPLAY.AUTO })] })),
+            content: DEFAULT_SLOTS.sidebar.content, // Navigation menu
+            bottom: () => (
+            // Footer content: copyright + legal links (includes branding)
+            _jsxs(_Fragment, { children: [_jsx(FooterCopyright, {}), _jsx(FooterLegalLinks, {})] })),
         },
     },
 };