@xyz/navigation 1.2.3 → 2.0.0

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0 || ^4.0.0"
   },
-  "version": "1.2.3",
+  "version": "2.0.0",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/composables/useNavigation.d.ts

@@ -1,21 +1,21 @@
-import type { NavigationConfig, NavigationResult, UseNavigationOptions, NavigationSection } from '../types/index.js';
+import type { NavigationConfig, NavigationResult, UseNavigationOptions, NavigationItemConfig } from '../types/index.js';
 /**
- * Main navigation composable
- * Processes navigation configuration and returns resolved items
+ * Main composable for context-aware navigation
+ * Auto-uses navigationConfig if no config provided
  *
  * @example
  * ```ts
  * const config = {
- *   app: [
- *     { label: 'Dashboard', to: '{org}', icon: 'i-lucide-layout-dashboard' },
- *     { label: 'Settings', to: '{org}/settings', icon: 'i-lucide-settings' }
- *   ]
+ *   sections: {
+ *     app: [
+ *       { label: 'Dashboard', to: '{org}', icon: 'i-lucide-layout-dashboard' },
+ *       { label: 'Settings', to: '{org}/settings', icon: 'i-lucide-settings' }
+ *     ]
+ *   }
  * }
  *
- * const { sections } = useNavigation(config)
- * // sections.app.value → processed items
+ * const { app } = useNavigation(config)
+ * // app.value → processed items array
  * ```
- * Main composable for context-aware navigation
- * Auto-uses navigationConfig if no config provided
  */
-export declare function useNavigation<T extends Record<string, NavigationSection>>(config?: NavigationConfig<T>, options?: UseNavigationOptions): NavigationResult<T>;
+export declare function useNavigation<T extends Record<string, NavigationItemConfig[]>>(config?: NavigationConfig<T>, options?: UseNavigationOptions): NavigationResult<T>;

package/dist/runtime/composables/useNavigation.js

@@ -6,17 +6,14 @@ import { processNavigationItems } from "../utils/processor.js";
 import { createTemplateRegistry } from "../config/default-templates.js";
 import { validateNavigationConfig } from "../utils/validators.js";
 import { computeActiveStates } from "../utils/active-state.js";
-function isNestedSection(section) {
-  return typeof section === "object" && !Array.isArray(section) && ("items" in section || "children" in section || "footer" in section || "header" in section);
-}
 export function useNavigation(config = navigationConfig, options = {}) {
-  if (!config) {
+  if (!config || !config.sections) {
     throw new Error(
       "[xyz-navigation] No navigation config provided. Either create navigation.config.ts or pass config to useNavigation(config)."
     );
   }
   if (process.dev) {
-    validateNavigationConfig(config);
+    validateNavigationConfig(config.sections);
   }
   const baseContext = useNavigationContext();
   const context = computed(() => {
@@ -35,40 +32,13 @@ export function useNavigation(config = navigationConfig, options = {}) {
     templates,
     translationFn: translateFn
   };
-  const sectionsRaw = Object.keys(config).reduce((acc, key) => {
+  const sectionsRaw = Object.keys(config.sections).reduce((acc, key) => {
     const sectionKey = key;
-    const section = config[sectionKey];
+    const section = config.sections[sectionKey];
     acc[sectionKey] = computed(() => {
       const ctx = context.value;
-      const result = {};
-      if (isNestedSection(section)) {
-        if (section.header) {
-          result.header = typeof section.header === "function" ? section.header(ctx) : section.header;
-        }
-        if (section.items) {
-          const items = processNavigationItems(section.items, ctx, processingOptions);
-          result.items = computeActiveStates(items, ctx.route.path);
-        }
-        if (section.children) {
-          const children = processNavigationItems(section.children, ctx, processingOptions);
-          result.children = computeActiveStates(children, ctx.route.path);
-        }
-        if (section.footer) {
-          const footer = processNavigationItems(section.footer, ctx, processingOptions);
-          result.footer = computeActiveStates(footer, ctx.route.path);
-        }
-      } else {
-        const items = processNavigationItems(
-          section,
-          ctx,
-          processingOptions
-        );
-        result.items = computeActiveStates(items, ctx.route.path);
-        result.header = void 0;
-        result.children = [];
-        result.footer = [];
-      }
-      return result;
+      const items = processNavigationItems(section, ctx, processingOptions);
+      return computeActiveStates(items, ctx.route.path);
     });
     return acc;
   }, {});

package/dist/runtime/types/index.d.ts

@@ -125,67 +125,21 @@ export interface NavigationItemConfig {
     divider?: boolean;
 }
 /**
- * Processed navigation menu item (after resolution and filtering)
+ * Processed navigation menu item (with active state)
  */
-export interface NavigationMenuItem extends Omit<NavigationItemConfig, 'to' | 'children'> {
-    to?: string;
-    children?: NavigationMenuItem[];
+export interface NavigationMenuItem extends NavigationItemConfig {
     active?: boolean;
 }
 /**
- * Section header configuration
+ * Navigation section - always a flat array of items
  */
-export interface SectionHeader {
-    title?: string;
-    subtitle?: string;
-    avatar?: {
-        src?: string | null;
-        icon?: string;
-        fallback?: string;
-    };
-}
-/**
- * Nested section configuration
- */
-export interface NestedSectionConfig {
-    /**
-     * Header data (avatar, title, subtitle)
-     */
-    header?: (ctx: NavigationContext) => SectionHeader;
-    /**
-     * Base path for relative path resolution
-     */
-    basePath?: string | ((ctx: NavigationContext) => string);
-    /**
-     * Main navigation items
-     */
-    items?: NavigationItemConfig[];
-    /**
-     * Child/secondary items
-     */
-    children?: NavigationItemConfig[];
-    /**
-     * Footer items
-     */
-    footer?: NavigationItemConfig[];
-}
+export type NavigationSection = NavigationItemConfig[];
 /**
- * Processed nested section (after resolution)
+ * Navigation configuration
  */
-export interface ProcessedNestedSection {
-    header?: SectionHeader;
-    items?: NavigationMenuItem[];
-    children?: NavigationMenuItem[];
-    footer?: NavigationMenuItem[];
-}
-/**
- * Section can be flat array or nested object
- */
-export type NavigationSection = NavigationItemConfig[] | NestedSectionConfig;
-/**
- * Navigation configuration type
- */
-export type NavigationConfig = Record<string, NavigationSection>;
+export type NavigationConfig<T extends Record<string, NavigationSection> = Record<string, NavigationSection>> = {
+    sections: T;
+};
 /**
  * Options for useNavigation composable
  */
@@ -218,7 +172,7 @@ export type NavigationResult<T extends Record<string, NavigationSection>> = {
     /**
      * All sections grouped in a single computed ref
      */
-    sections: import('vue').ComputedRef<Record<keyof T, ProcessedNestedSection>>;
+    sections: import('vue').ComputedRef<Record<keyof T, NavigationMenuItem[]>>;
     /**
      * Navigation context
      */
@@ -228,7 +182,7 @@ export type NavigationResult<T extends Record<string, NavigationSection>> = {
      */
     refresh: () => void;
 } & {
-    [K in keyof T]: import('vue').ComputedRef<ProcessedNestedSection>;
+    [K in keyof T]: import('vue').ComputedRef<NavigationMenuItem[]>;
 };
 /**
  * Sidebar state options

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyz/navigation",
-  "version": "1.2.3",
+  "version": "2.0.0",
   "description": "Context-aware, type-safe navigation for multi-tenant Nuxt applications",
   "type": "module",
   "exports": {