fix: useNavigationItems now accepts options (#191)

* fix: useNavigationItems now accepts options

* Added changeset files

* Updated CI node-version

.changeset/many-colts-roll.md

@@ -0,0 +1,5 @@
+---
+"@squide/firefly": patch
+---
+
+`useNavigationItems` now accepts `useRuntimeNavigationItems` options.

.changeset/thirty-chairs-own.md

@@ -0,0 +1,12 @@
+---
+"@squide/react-router": patch
+"@squide/core": patch
+"@squide/fakes": patch
+"@squide/firefly-webpack-configs": patch
+"@squide/i18next": patch
+"@squide/module-federation": patch
+"@squide/msw": patch
+"@squide/webpack-configs": patch
+---
+
+Updated packages description.

.github/workflows/changeset.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: ">=20.0.0"
+          node-version: ">=21.1.0"
           check-latest: true,
           cache: pnpm
 

.github/workflows/ci.yml

@@ -32,7 +32,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4
         with:
-            node-version: ">=20.0.0"
+            node-version: ">=21.1.0"
             check-latest: true,
             cache: pnpm
 

packages/firefly/src/useNavigationItems.ts

@@ -1,7 +1,7 @@
-import { useRuntimeNavigationItems } from "@squide/react-router";
+import { useRuntimeNavigationItems, type UseRuntimeNavigationItemsOptions } from "@squide/react-router";
 import { useAppRouterState } from "./AppRouterContext.ts";
 
-export function useNavigationItems() {
+export function useNavigationItems(options?: UseRuntimeNavigationItemsOptions) {
     // This is not the most sophisticated strategy but it seems to be good enough for now.
     // The idea is that when deferred registrations are used by the consumer applications, the deferred registrations could
     // be updated when the global data is updated. If the deferred registrations are updated, it means that the registered
@@ -12,5 +12,5 @@ export function useNavigationItems() {
     // even introducing new module states.
     useAppRouterState();
 
-    return useRuntimeNavigationItems();
+    return useRuntimeNavigationItems(options);
 }

packages/react-router/src/useRuntimeNavigationItems.ts

@@ -1,13 +1,13 @@
 import { useRuntime } from "@squide/core";
 import type { ReactRouterRuntime } from "./reactRouterRuntime.ts";
 
-export interface UseNavigationItemsOptions {
+export interface UseRuntimeNavigationItemsOptions {
     menuId?: string;
 }
 
 // This hook has been renamed from useNavigationItems to useRuntimeNavigationItems to free up the name for the
 // use useNavigationItems hook of the @squide/firefly package.
-export function useRuntimeNavigationItems({ menuId }: UseNavigationItemsOptions = {}) {
+export function useRuntimeNavigationItems({ menuId }: UseRuntimeNavigationItemsOptions = {}) {
     const runtime = useRuntime() as ReactRouterRuntime;
 
     return runtime.getNavigationItems(menuId);

samples/basic/host/package.json

@@ -44,6 +44,7 @@
         "@react-stately/toast": "3.0.0-beta.4",
         "@squide/fakes": "workspace:*",
         "@squide/firefly": "workspace:*",
+        "@tanstack/react-query": "5.51.9",
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "react-router-dom": "6.25.1",

samples/endpoints/host/package.json

@@ -19,7 +19,6 @@
         "@squide/firefly-webpack-configs": "workspace:*",
         "@swc/core": "1.7.0",
         "@swc/helpers": "0.5.12",
-        "@tanstack/react-query": "5.51.9",
         "@types/react": "18.3.3",
         "@types/react-dom": "18.3.0",
         "@workleap/browserslist-config": "2.0.1",
@@ -47,6 +46,7 @@
         "@squide/fakes": "workspace:*",
         "@squide/firefly": "workspace:*",
         "@squide/i18next": "workspace:*",
+        "@tanstack/react-query": "5.51.9",
         "i18next": "23.12.1",
         "i18next-browser-languagedetector": "8.0.0",
         "msw": "2.3.1",