@navios/di-react 0.1.0

package/lib/index.mjs

@@ -0,0 +1,392 @@
+import { createContext, createElement, useContext, useId, useRef, useEffect, useReducer, useState, useCallback, useSyncExternalStore } from 'react';
+
+// src/providers/context.mts
+var ContainerContext = createContext(null);
+function ContainerProvider({
+  container,
+  children
+}) {
+  return createElement(
+    ContainerContext.Provider,
+    { value: container },
+    children
+  );
+}
+function useContainer() {
+  const container = useContext(ContainerContext);
+  if (!container) {
+    throw new Error("useContainer must be used within a ContainerProvider");
+  }
+  return container;
+}
+
+// src/providers/scope-provider.mts
+var ScopeContext = createContext(null);
+function ScopeProvider({
+  scopeId,
+  metadata,
+  priority = 100,
+  children
+}) {
+  const container = useContainer();
+  const generatedId = useId();
+  const effectiveScopeId = scopeId ?? generatedId;
+  const isInitializedRef = useRef(false);
+  if (!isInitializedRef.current) {
+    const existingContexts = container.getServiceLocator().getRequestContexts();
+    if (!existingContexts.has(effectiveScopeId)) {
+      container.beginRequest(effectiveScopeId, metadata, priority);
+    }
+    isInitializedRef.current = true;
+  }
+  useEffect(() => {
+    return () => {
+      void container.endRequest(effectiveScopeId);
+    };
+  }, [container, effectiveScopeId]);
+  return createElement(
+    ScopeContext.Provider,
+    { value: effectiveScopeId },
+    children
+  );
+}
+function serviceReducer(state, action) {
+  switch (action.type) {
+    case "loading":
+      return { status: "loading" };
+    case "success":
+      return { status: "success", data: action.data };
+    case "error":
+      return { status: "error", error: action.error };
+    case "reset":
+      return { status: "idle" };
+    default:
+      return state;
+  }
+}
+function useService(token, args) {
+  const container = useContainer();
+  const serviceLocator = container.getServiceLocator();
+  const scopeId = useContext(ScopeContext);
+  const [state, dispatch] = useReducer(serviceReducer, { status: "idle" });
+  const instanceNameRef = useRef(null);
+  const [refetchCounter, setRefetchCounter] = useState(0);
+  {
+    const argsRef = useRef(args);
+    useEffect(() => {
+      if (argsRef.current !== args) {
+        if (JSON.stringify(argsRef.current) === JSON.stringify(args)) {
+          console.log(`WARNING: useService called with args that look the same but are different instances: ${JSON.stringify(argsRef.current)} !== ${JSON.stringify(args)}!
+          This is likely because you are using not memoized value that is not stable.
+          Please use a memoized value or use a different approach to pass the args.
+          Example:
+          const args = useMemo(() => ({ userId: '123' }), [])
+          return useService(UserToken, args)
+          `);
+        }
+        argsRef.current = args;
+      }
+    }, [args]);
+  }
+  useEffect(() => {
+    const eventBus = serviceLocator.getEventBus();
+    let unsubscribe;
+    let isMounted = true;
+    const fetchAndSubscribe = async () => {
+      try {
+        if (scopeId) {
+          const requestContexts = serviceLocator.getRequestContexts();
+          if (requestContexts.has(scopeId)) {
+            container.setCurrentRequestContext(scopeId);
+          }
+        }
+        const instance = await container.get(
+          // @ts-expect-error - token is valid
+          token,
+          args
+        );
+        if (!isMounted) return;
+        const instanceName = serviceLocator.getInstanceIdentifier(
+          token,
+          args
+        );
+        instanceNameRef.current = instanceName;
+        dispatch({ type: "success", data: instance });
+        unsubscribe = eventBus.on(instanceName, "destroy", () => {
+          if (isMounted) {
+            dispatch({ type: "loading" });
+            void fetchAndSubscribe();
+          }
+        });
+      } catch (error) {
+        if (isMounted) {
+          dispatch({ type: "error", error });
+        }
+      }
+    };
+    dispatch({ type: "loading" });
+    void fetchAndSubscribe();
+    return () => {
+      isMounted = false;
+      unsubscribe?.();
+    };
+  }, [container, serviceLocator, token, args, scopeId, refetchCounter]);
+  const refetch = useCallback(() => {
+    setRefetchCounter((c) => c + 1);
+  }, []);
+  return {
+    data: state.status === "success" ? state.data : void 0,
+    error: state.status === "error" ? state.error : void 0,
+    isLoading: state.status === "loading",
+    isSuccess: state.status === "success",
+    isError: state.status === "error",
+    refetch
+  };
+}
+var cacheMap = /* @__PURE__ */ new WeakMap();
+function getCacheKey(token, args) {
+  const tokenId = typeof token === "function" ? token.name : token.id || token.token?.id || String(token);
+  return `${tokenId}:${JSON.stringify(args ?? null)}`;
+}
+function getCache(container) {
+  let cache = cacheMap.get(container);
+  if (!cache) {
+    cache = /* @__PURE__ */ new Map();
+    cacheMap.set(container, cache);
+  }
+  return cache;
+}
+function useSuspenseService(token, args) {
+  const container = useContainer();
+  const serviceLocator = container.getServiceLocator();
+  const cache = getCache(container);
+  const cacheKey = getCacheKey(token, args);
+  const entryRef = useRef(null);
+  {
+    const argsRef = useRef(args);
+    useEffect(() => {
+      if (argsRef.current !== args) {
+        if (JSON.stringify(argsRef.current) === JSON.stringify(args)) {
+          console.log(`WARNING: useService called with args that look the same but are different instances: ${JSON.stringify(argsRef.current)} !== ${JSON.stringify(args)}!
+          This is likely because you are using not memoized value that is not stable.
+          Please use a memoized value or use a different approach to pass the args.
+          Example:
+          const args = useMemo(() => ({ userId: '123' }), [])
+          return useService(UserToken, args)
+          `);
+        }
+        argsRef.current = args;
+      }
+    }, [args]);
+  }
+  if (!cache.has(cacheKey)) {
+    const entry2 = {
+      promise: null,
+      result: void 0,
+      error: void 0,
+      status: "pending",
+      version: 0,
+      subscribers: /* @__PURE__ */ new Set(),
+      instanceName: null,
+      unsubscribe: void 0
+    };
+    cache.set(cacheKey, entry2);
+  }
+  const entry = cache.get(cacheKey);
+  entryRef.current = entry;
+  const fetchService = useCallback(() => {
+    const currentEntry = entryRef.current;
+    if (!currentEntry) return;
+    currentEntry.status = "pending";
+    currentEntry.version++;
+    currentEntry.promise = container.get(token, args).then((instance) => {
+      currentEntry.result = instance;
+      currentEntry.status = "resolved";
+      currentEntry.instanceName = serviceLocator.getInstanceIdentifier(
+        token,
+        args
+      );
+      if (!currentEntry.unsubscribe && currentEntry.instanceName) {
+        const eventBus = serviceLocator.getEventBus();
+        currentEntry.unsubscribe = eventBus.on(
+          currentEntry.instanceName,
+          "destroy",
+          () => {
+            currentEntry.result = void 0;
+            currentEntry.error = void 0;
+            currentEntry.status = "pending";
+            currentEntry.promise = null;
+            currentEntry.subscribers.forEach((callback) => callback());
+          }
+        );
+      }
+      currentEntry.subscribers.forEach((callback) => callback());
+      return instance;
+    }).catch((error) => {
+      currentEntry.error = error;
+      currentEntry.status = "rejected";
+      throw error;
+    });
+    return currentEntry.promise;
+  }, [container, serviceLocator, token, args]);
+  const subscribe = useCallback(
+    (callback) => {
+      entry.subscribers.add(callback);
+      return () => {
+        entry.subscribers.delete(callback);
+      };
+    },
+    [entry]
+  );
+  const getSnapshot = useCallback(() => {
+    return `${entry.status}:${entry.version}`;
+  }, [entry]);
+  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  useEffect(() => {
+    return () => {
+      if (entry.subscribers.size === 0) {
+        entry.unsubscribe?.();
+        cache.delete(cacheKey);
+      }
+    };
+  }, [entry]);
+  if (entry.status === "pending" && !entry.promise) {
+    fetchService();
+  }
+  if (entry.status === "pending") {
+    throw entry.promise;
+  }
+  if (entry.status === "rejected") {
+    throw entry.error;
+  }
+  return entry.result;
+}
+function optionalServiceReducer(state, action) {
+  switch (action.type) {
+    case "loading":
+      return { status: "loading" };
+    case "success":
+      return { status: "success", data: action.data };
+    case "not-found":
+      return { status: "not-found" };
+    case "error":
+      return { status: "error", error: action.error };
+    case "reset":
+      return { status: "idle" };
+    default:
+      return state;
+  }
+}
+function useOptionalService(token, args) {
+  const container = useContainer();
+  const serviceLocator = container.getServiceLocator();
+  const [state, dispatch] = useReducer(optionalServiceReducer, { status: "idle" });
+  const instanceNameRef = useRef(null);
+  {
+    const argsRef = useRef(args);
+    useEffect(() => {
+      if (argsRef.current !== args) {
+        if (JSON.stringify(argsRef.current) === JSON.stringify(args)) {
+          console.log(`WARNING: useOptionalService called with args that look the same but are different instances: ${JSON.stringify(argsRef.current)} !== ${JSON.stringify(args)}!
+          This is likely because you are using not memoized value that is not stable.
+          Please use a memoized value or use a different approach to pass the args.
+          Example:
+          const args = useMemo(() => ({ userId: '123' }), [])
+          return useOptionalService(UserToken, args)
+          `);
+        }
+        argsRef.current = args;
+      }
+    }, [args]);
+  }
+  const fetchService = useCallback(async () => {
+    dispatch({ type: "loading" });
+    try {
+      const [error, instance] = await serviceLocator.getInstance(
+        token,
+        args
+      );
+      if (error) {
+        const errorMessage = error.message?.toLowerCase() ?? "";
+        if (errorMessage.includes("not found") || errorMessage.includes("not registered") || errorMessage.includes("no provider")) {
+          dispatch({ type: "not-found" });
+        } else {
+          dispatch({ type: "error", error });
+        }
+        return;
+      }
+      instanceNameRef.current = serviceLocator.getInstanceIdentifier(
+        token,
+        args
+      );
+      dispatch({ type: "success", data: instance });
+    } catch (error) {
+      const err = error;
+      const errorMessage = err.message?.toLowerCase() ?? "";
+      if (errorMessage.includes("not found") || errorMessage.includes("not registered") || errorMessage.includes("no provider")) {
+        dispatch({ type: "not-found" });
+      } else {
+        dispatch({ type: "error", error: err });
+      }
+    }
+  }, [serviceLocator, token, args]);
+  useEffect(() => {
+    const eventBus = serviceLocator.getEventBus();
+    let unsubscribe;
+    void fetchService();
+    const setupSubscription = () => {
+      if (instanceNameRef.current) {
+        unsubscribe = eventBus.on(instanceNameRef.current, "destroy", () => {
+          void fetchService();
+        });
+      }
+    };
+    const timeoutId = setTimeout(setupSubscription, 10);
+    return () => {
+      clearTimeout(timeoutId);
+      unsubscribe?.();
+    };
+  }, [fetchService, serviceLocator]);
+  return {
+    data: state.status === "success" ? state.data : void 0,
+    error: state.status === "error" ? state.error : void 0,
+    isLoading: state.status === "loading",
+    isSuccess: state.status === "success",
+    isNotFound: state.status === "not-found",
+    isError: state.status === "error",
+    refetch: fetchService
+  };
+}
+function useInvalidate(token, args) {
+  const container = useContainer();
+  const serviceLocator = container.getServiceLocator();
+  return useCallback(async () => {
+    const instanceName = serviceLocator.getInstanceIdentifier(token, args);
+    await serviceLocator.invalidate(instanceName);
+  }, [serviceLocator, token, args]);
+}
+function useInvalidateInstance() {
+  const container = useContainer();
+  return useCallback(
+    async (instance) => {
+      await container.invalidate(instance);
+    },
+    [container]
+  );
+}
+function useScope() {
+  return useContext(ScopeContext);
+}
+function useScopeOrThrow() {
+  const scope = useScope();
+  if (scope === null) {
+    throw new Error(
+      "useScopeOrThrow must be used within a ScopeProvider. Wrap your component tree with <ScopeProvider> to create a request scope."
+    );
+  }
+  return scope;
+}
+
+export { ContainerContext, ContainerProvider, ScopeContext, ScopeProvider, useContainer, useInvalidate, useInvalidateInstance, useOptionalService, useScope, useScopeOrThrow, useService, useSuspenseService };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/context.mts","../src/providers/container-provider.mts","../src/hooks/use-container.mts","../src/providers/scope-provider.mts","../src/hooks/use-service.mts","../src/hooks/use-suspense-service.mts","../src/hooks/use-optional-service.mts","../src/hooks/use-invalidate.mts","../src/hooks/use-scope.mts"],"names":["createContext","createElement","useContext","useRef","useEffect","entry","useCallback","useReducer"],"mappings":"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","file":"index.mjs","sourcesContent":["import { createContext } from 'react'\n\nimport type { Container } from '@navios/di'\n\nexport const ContainerContext = createContext<Container | null>(null)\n","import type { Container } from '@navios/di'\nimport type { ReactNode } from 'react'\n\nimport { createElement } from 'react'\n\nimport { ContainerContext } from './context.mjs'\n\nexport interface ContainerProviderProps {\n  container: Container\n  children: ReactNode\n}\n\nexport function ContainerProvider({\n  container,\n  children,\n}: ContainerProviderProps) {\n  return createElement(\n    ContainerContext.Provider,\n    { value: container },\n    children,\n  )\n}\n","import { useContext } from 'react'\n\nimport { ContainerContext } from '../providers/context.mjs'\n\nexport function useContainer() {\n  const container = useContext(ContainerContext)\n\n  if (!container) {\n    throw new Error('useContainer must be used within a ContainerProvider')\n  }\n\n  return container\n}\n","import type { ReactNode } from 'react'\n\nimport { createContext, createElement, useEffect, useId, useRef } from 'react'\n\nimport { useContainer } from '../hooks/use-container.mjs'\n\n/**\n * Context for the current scope ID.\n * This allows nested components to access the current request scope.\n */\nexport const ScopeContext = createContext<string | null>(null)\n\nexport interface ScopeProviderProps {\n  /**\n   * Optional explicit scope ID. If not provided, a unique ID will be generated.\n   * Useful when you need to reference the scope externally.\n   */\n  scopeId?: string\n  /**\n   * Optional metadata to attach to the request context.\n   * Can be used to pass data like user info, request headers, etc.\n   */\n  metadata?: Record<string, unknown>\n  /**\n   * Priority for service resolution. Higher priority scopes take precedence.\n   * @default 100\n   */\n  priority?: number\n  children: ReactNode\n}\n\n/**\n * ScopeProvider creates a new request scope for dependency injection.\n *\n * Services with `scope: 'Request'` will be instantiated once per ScopeProvider\n * and shared among all components within that provider.\n *\n * This is useful for:\n * - Table rows that need isolated state\n * - Modal dialogs with their own service instances\n * - Multi-tenant scenarios\n * - Any case where you need isolated service instances\n *\n * @example\n * ```tsx\n * // Each row gets its own RowStateService instance\n * {rows.map(row => (\n *   <ScopeProvider key={row.id} scopeId={row.id}>\n *     <TableRow data={row} />\n *   </ScopeProvider>\n * ))}\n * ```\n */\nexport function ScopeProvider({\n  scopeId,\n  metadata,\n  priority = 100,\n  children,\n}: ScopeProviderProps) {\n  const container = useContainer()\n  const generatedId = useId()\n  const effectiveScopeId = scopeId ?? generatedId\n  const isInitializedRef = useRef(false)\n\n  // Begin request context on first render only\n  // We use a ref to track initialization to handle React StrictMode double-renders\n  if (!isInitializedRef.current) {\n    // Check if context already exists (e.g., from StrictMode double render)\n    const existingContexts = container.getServiceLocator().getRequestContexts()\n    if (!existingContexts.has(effectiveScopeId)) {\n      container.beginRequest(effectiveScopeId, metadata, priority)\n    }\n    isInitializedRef.current = true\n  }\n\n  // End request context on unmount\n  useEffect(() => {\n    return () => {\n      void container.endRequest(effectiveScopeId)\n    }\n  }, [container, effectiveScopeId])\n\n  return createElement(\n    ScopeContext.Provider,\n    { value: effectiveScopeId },\n    children,\n  )\n}\n","import type {\n  AnyInjectableType,\n  BoundInjectionToken,\n  ClassType,\n  Factorable,\n  FactoryInjectionToken,\n  InjectionToken,\n  InjectionTokenSchemaType,\n} from '@navios/di'\nimport type { z, ZodType } from 'zod/v4'\n\nimport { useCallback, useContext, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { Join, UnionToArray } from '../types.mjs'\n\nimport { ScopeContext } from '../providers/scope-provider.mjs'\nimport { useContainer } from './use-container.mjs'\n\ntype ServiceState<T> =\n  | { status: 'idle' }\n  | { status: 'loading' }\n  | { status: 'success'; data: T }\n  | { status: 'error'; error: Error }\n\ntype ServiceAction<T> =\n  | { type: 'loading' }\n  | { type: 'success'; data: T }\n  | { type: 'error'; error: Error }\n  | { type: 'reset' }\n\nfunction serviceReducer<T>(\n  state: ServiceState<T>,\n  action: ServiceAction<T>,\n): ServiceState<T> {\n  switch (action.type) {\n    case 'loading':\n      return { status: 'loading' }\n    case 'success':\n      return { status: 'success', data: action.data }\n    case 'error':\n      return { status: 'error', error: action.error }\n    case 'reset':\n      return { status: 'idle' }\n    default:\n      return state\n  }\n}\n\nexport interface UseServiceResult<T> {\n  data: T | undefined\n  error: Error | undefined\n  isLoading: boolean\n  isSuccess: boolean\n  isError: boolean\n  refetch: () => void\n}\n\n// #1 Simple class\nexport function useService<T extends ClassType>(\n  token: T,\n): UseServiceResult<\n  InstanceType<T> extends Factorable<infer R> ? R : InstanceType<T>\n>\n\n// #2 Token with required Schema\nexport function useService<T, S extends InjectionTokenSchemaType>(\n  token: InjectionToken<T, S>,\n  args: z.input<S>,\n): UseServiceResult<T>\n\n// #3 Token with optional Schema\nexport function useService<\n  T,\n  S extends InjectionTokenSchemaType,\n  R extends boolean,\n>(\n  token: InjectionToken<T, S, R>,\n): R extends false\n  ? UseServiceResult<T>\n  : S extends ZodType<infer Type>\n    ? `Error: Your token requires args: ${Join<UnionToArray<keyof Type>, ', '>}`\n    : 'Error: Your token requires args'\n\n// #4 Token with no Schema\nexport function useService<T>(\n  token: InjectionToken<T, undefined>,\n): UseServiceResult<T>\n\nexport function useService<T>(\n  token: BoundInjectionToken<T, any>,\n): UseServiceResult<T>\n\nexport function useService<T>(\n  token: FactoryInjectionToken<T, any>,\n): UseServiceResult<T>\n\nexport function useService(\n  token:\n    | ClassType\n    | InjectionToken<any, any>\n    | BoundInjectionToken<any, any>\n    | FactoryInjectionToken<any, any>,\n  args?: unknown,\n): UseServiceResult<any> {\n  const container = useContainer()\n  const serviceLocator = container.getServiceLocator()\n  const scopeId = useContext(ScopeContext)\n  const [state, dispatch] = useReducer(serviceReducer, { status: 'idle' })\n  const instanceNameRef = useRef<string | null>(null)\n  const [refetchCounter, setRefetchCounter] = useState(0)\n\n  if (process.env.NODE_ENV === 'development') {\n    const argsRef = useRef<unknown>(args)\n    useEffect(() => {\n      if (argsRef.current !== args) {\n        if (JSON.stringify(argsRef.current) === JSON.stringify(args)) {\n          console.log(`WARNING: useService called with args that look the same but are different instances: ${JSON.stringify(argsRef.current)} !== ${JSON.stringify(args)}!\n          This is likely because you are using not memoized value that is not stable.\n          Please use a memoized value or use a different approach to pass the args.\n          Example:\n          const args = useMemo(() => ({ userId: '123' }), [])\n          return useService(UserToken, args)\n          `)\n        }\n        argsRef.current = args\n      }\n    }, [args])\n  }\n\n  // Subscribe to invalidation events\n  useEffect(() => {\n    const eventBus = serviceLocator.getEventBus()\n    let unsubscribe: (() => void) | undefined\n    let isMounted = true\n\n    // Fetch the service and set up subscription\n    const fetchAndSubscribe = async () => {\n      try {\n        // Set the correct request context before getting the instance\n        // This ensures request-scoped services are resolved in the correct scope\n        if (scopeId) {\n          const requestContexts = serviceLocator.getRequestContexts()\n          if (requestContexts.has(scopeId)) {\n            container.setCurrentRequestContext(scopeId)\n          }\n        }\n\n        const instance = await container.get(\n          // @ts-expect-error - token is valid\n          token as AnyInjectableType,\n          args as any,\n        )\n\n        if (!isMounted) return\n\n        // Get instance name for event subscription\n        const instanceName = serviceLocator.getInstanceIdentifier(\n          token as AnyInjectableType,\n          args,\n        )\n        instanceNameRef.current = instanceName\n\n        dispatch({ type: 'success', data: instance })\n\n        // Set up subscription after we have the instance\n        unsubscribe = eventBus.on(instanceName, 'destroy', () => {\n          // Re-fetch when the service is invalidated\n          if (isMounted) {\n            dispatch({ type: 'loading' })\n            void fetchAndSubscribe()\n          }\n        })\n      } catch (error) {\n        if (isMounted) {\n          dispatch({ type: 'error', error: error as Error })\n        }\n      }\n    }\n\n    dispatch({ type: 'loading' })\n    void fetchAndSubscribe()\n\n    return () => {\n      isMounted = false\n      unsubscribe?.()\n    }\n  }, [container, serviceLocator, token, args, scopeId, refetchCounter])\n\n  const refetch = useCallback(() => {\n    setRefetchCounter((c) => c + 1)\n  }, [])\n\n  return {\n    data: state.status === 'success' ? state.data : undefined,\n    error: state.status === 'error' ? state.error : undefined,\n    isLoading: state.status === 'loading',\n    isSuccess: state.status === 'success',\n    isError: state.status === 'error',\n    refetch,\n  }\n}\n","import type {\n  AnyInjectableType,\n  BoundInjectionToken,\n  ClassType,\n  Factorable,\n  FactoryInjectionToken,\n  InjectionToken,\n  InjectionTokenSchemaType,\n} from '@navios/di'\nimport type { z, ZodType } from 'zod/v4'\n\nimport { useCallback, useEffect, useRef, useSyncExternalStore } from 'react'\n\nimport type { Join, UnionToArray } from '../types.mjs'\n\nimport { useContainer } from './use-container.mjs'\n\n// Cache entry for suspense\ninterface CacheEntry<T> {\n  promise: Promise<T> | null\n  result: T | undefined\n  error: Error | undefined\n  status: 'pending' | 'resolved' | 'rejected'\n  version: number // Increment on each fetch to track changes\n  subscribers: Set<() => void>\n  instanceName: string | null\n  unsubscribe: (() => void) | undefined\n}\n\n// Global cache for service instances (per container + token + args combination)\nconst cacheMap = new WeakMap<object, Map<string, CacheEntry<any>>>()\n\nfunction getCacheKey(token: any, args: unknown): string {\n  const tokenId =\n    typeof token === 'function'\n      ? token.name\n      : token.id || token.token?.id || String(token)\n  return `${tokenId}:${JSON.stringify(args ?? null)}`\n}\n\nfunction getCache(container: object): Map<string, CacheEntry<any>> {\n  let cache = cacheMap.get(container)\n  if (!cache) {\n    cache = new Map()\n    cacheMap.set(container, cache)\n  }\n  return cache\n}\n\n// #1 Simple class\nexport function useSuspenseService<T extends ClassType>(\n  token: T,\n): InstanceType<T> extends Factorable<infer R> ? R : InstanceType<T>\n\n// #2 Token with required Schema\nexport function useSuspenseService<T, S extends InjectionTokenSchemaType>(\n  token: InjectionToken<T, S>,\n  args: z.input<S>,\n): T\n\n// #3 Token with optional Schema\nexport function useSuspenseService<\n  T,\n  S extends InjectionTokenSchemaType,\n  R extends boolean,\n>(\n  token: InjectionToken<T, S, R>,\n): R extends false\n  ? T\n  : S extends ZodType<infer Type>\n    ? `Error: Your token requires args: ${Join<UnionToArray<keyof Type>, ', '>}`\n    : 'Error: Your token requires args'\n\n// #4 Token with no Schema\nexport function useSuspenseService<T>(token: InjectionToken<T, undefined>): T\n\nexport function useSuspenseService<T>(token: BoundInjectionToken<T, any>): T\n\nexport function useSuspenseService<T>(token: FactoryInjectionToken<T, any>): T\n\nexport function useSuspenseService(\n  token:\n    | ClassType\n    | InjectionToken<any, any>\n    | BoundInjectionToken<any, any>\n    | FactoryInjectionToken<any, any>,\n  args?: unknown,\n): any {\n  const container = useContainer()\n  const serviceLocator = container.getServiceLocator()\n  const cache = getCache(container)\n  const cacheKey = getCacheKey(token, args)\n  const entryRef = useRef<CacheEntry<any> | null>(null)\n  if (process.env.NODE_ENV === 'development') {\n    const argsRef = useRef<unknown>(args)\n    useEffect(() => {\n      if (argsRef.current !== args) {\n        if (JSON.stringify(argsRef.current) === JSON.stringify(args)) {\n          console.log(`WARNING: useService called with args that look the same but are different instances: ${JSON.stringify(argsRef.current)} !== ${JSON.stringify(args)}!\n          This is likely because you are using not memoized value that is not stable.\n          Please use a memoized value or use a different approach to pass the args.\n          Example:\n          const args = useMemo(() => ({ userId: '123' }), [])\n          return useService(UserToken, args)\n          `)\n        }\n        argsRef.current = args\n      }\n    }, [args])\n  }\n\n  // Initialize or get cache entry\n  if (!cache.has(cacheKey)) {\n    const entry: CacheEntry<any> = {\n      promise: null,\n      result: undefined,\n      error: undefined,\n      status: 'pending',\n      version: 0,\n      subscribers: new Set(),\n      instanceName: null,\n      unsubscribe: undefined,\n    }\n    cache.set(cacheKey, entry)\n  }\n\n  const entry = cache.get(cacheKey)!\n  entryRef.current = entry\n\n  // Function to fetch the service\n  const fetchService = useCallback(() => {\n    const currentEntry = entryRef.current\n    if (!currentEntry) return\n\n    currentEntry.status = 'pending'\n    currentEntry.version++ // Increment version to signal change to useSyncExternalStore\n    currentEntry.promise = (container.get as any)(token, args)\n      .then((instance: any) => {\n        currentEntry.result = instance\n        currentEntry.status = 'resolved'\n        currentEntry.instanceName = serviceLocator.getInstanceIdentifier(\n          token as AnyInjectableType,\n          args,\n        )\n\n        // Subscribe to invalidation events if not already subscribed\n        if (!currentEntry.unsubscribe && currentEntry.instanceName) {\n          const eventBus = serviceLocator.getEventBus()\n          currentEntry.unsubscribe = eventBus.on(\n            currentEntry.instanceName,\n            'destroy',\n            () => {\n              // Clear cache and notify subscribers to re-fetch\n              currentEntry.result = undefined\n              currentEntry.error = undefined\n              currentEntry.status = 'pending'\n              currentEntry.promise = null\n              // Notify all subscribers\n              currentEntry.subscribers.forEach((callback) => callback())\n            },\n          )\n        }\n\n        // Notify subscribers\n        currentEntry.subscribers.forEach((callback) => callback())\n        return instance\n      })\n      .catch((error: Error) => {\n        currentEntry.error = error\n        currentEntry.status = 'rejected'\n        throw error\n      })\n\n    return currentEntry.promise\n  }, [container, serviceLocator, token, args])\n\n  // Subscribe to cache changes\n  const subscribe = useCallback(\n    (callback: () => void) => {\n      entry.subscribers.add(callback)\n      return () => {\n        entry.subscribers.delete(callback)\n      }\n    },\n    [entry],\n  )\n\n  // Get snapshot of current state - include version to detect invalidation\n  const getSnapshot = useCallback(() => {\n    return `${entry.status}:${entry.version}`\n  }, [entry])\n\n  // Use sync external store to track cache state\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  // Cleanup subscription on unmount\n  useEffect(() => {\n    return () => {\n      // If there are no subscribers, unsubscribe and delete the cache entry\n      if (entry.subscribers.size === 0) {\n        entry.unsubscribe?.()\n        cache.delete(cacheKey)\n      }\n    }\n  }, [entry])\n\n  // Start fetching if not already\n  if (entry.status === 'pending' && !entry.promise) {\n    fetchService()\n  }\n\n  // Suspense behavior\n  if (entry.status === 'pending') {\n    throw entry.promise\n  }\n\n  if (entry.status === 'rejected') {\n    throw entry.error\n  }\n\n  return entry.result\n}\n","import type {\n  AnyInjectableType,\n  BoundInjectionToken,\n  ClassType,\n  Factorable,\n  FactoryInjectionToken,\n  InjectionToken,\n  InjectionTokenSchemaType,\n} from '@navios/di'\nimport type { z, ZodType } from 'zod/v4'\n\nimport { useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport type { Join, UnionToArray } from '../types.mjs'\n\nimport { useContainer } from './use-container.mjs'\n\ntype OptionalServiceState<T> =\n  | { status: 'idle' }\n  | { status: 'loading' }\n  | { status: 'success'; data: T }\n  | { status: 'not-found' }\n  | { status: 'error'; error: Error }\n\ntype OptionalServiceAction<T> =\n  | { type: 'loading' }\n  | { type: 'success'; data: T }\n  | { type: 'not-found' }\n  | { type: 'error'; error: Error }\n  | { type: 'reset' }\n\nfunction optionalServiceReducer<T>(\n  state: OptionalServiceState<T>,\n  action: OptionalServiceAction<T>,\n): OptionalServiceState<T> {\n  switch (action.type) {\n    case 'loading':\n      return { status: 'loading' }\n    case 'success':\n      return { status: 'success', data: action.data }\n    case 'not-found':\n      return { status: 'not-found' }\n    case 'error':\n      return { status: 'error', error: action.error }\n    case 'reset':\n      return { status: 'idle' }\n    default:\n      return state\n  }\n}\n\nexport interface UseOptionalServiceResult<T> {\n  /**\n   * The service instance if found and loaded successfully, otherwise undefined.\n   */\n  data: T | undefined\n  /**\n   * Error that occurred during loading (excludes \"not found\" which is not an error).\n   */\n  error: Error | undefined\n  /**\n   * True while the service is being loaded.\n   */\n  isLoading: boolean\n  /**\n   * True if the service was loaded successfully.\n   */\n  isSuccess: boolean\n  /**\n   * True if the service was not found (not registered in the container).\n   */\n  isNotFound: boolean\n  /**\n   * True if an error occurred during loading.\n   */\n  isError: boolean\n  /**\n   * Function to manually re-fetch the service.\n   */\n  refetch: () => void\n}\n\n// #1 Simple class\nexport function useOptionalService<T extends ClassType>(\n  token: T,\n): UseOptionalServiceResult<\n  InstanceType<T> extends Factorable<infer R> ? R : InstanceType<T>\n>\n\n// #2 Token with required Schema\nexport function useOptionalService<T, S extends InjectionTokenSchemaType>(\n  token: InjectionToken<T, S>,\n  args: z.input<S>,\n): UseOptionalServiceResult<T>\n\n// #3 Token with optional Schema\nexport function useOptionalService<\n  T,\n  S extends InjectionTokenSchemaType,\n  R extends boolean,\n>(\n  token: InjectionToken<T, S, R>,\n): R extends false\n  ? UseOptionalServiceResult<T>\n  : S extends ZodType<infer Type>\n    ? `Error: Your token requires args: ${Join<UnionToArray<keyof Type>, ', '>}`\n    : 'Error: Your token requires args'\n\n// #4 Token with no Schema\nexport function useOptionalService<T>(\n  token: InjectionToken<T, undefined>,\n): UseOptionalServiceResult<T>\n\nexport function useOptionalService<T>(\n  token: BoundInjectionToken<T, any>,\n): UseOptionalServiceResult<T>\n\nexport function useOptionalService<T>(\n  token: FactoryInjectionToken<T, any>,\n): UseOptionalServiceResult<T>\n\n/**\n * Hook to optionally load a service from the DI container.\n *\n * Unlike useService, this hook does NOT throw an error if the service is not registered.\n * Instead, it returns `isNotFound: true` when the service doesn't exist.\n *\n * This is useful for:\n * - Optional dependencies that may or may not be configured\n * - Feature flags where a service might not be available\n * - Plugins or extensions that are conditionally registered\n *\n * @example\n * ```tsx\n * function Analytics() {\n *   const { data: analytics, isNotFound } = useOptionalService(AnalyticsService)\n *\n *   if (isNotFound) {\n *     // Analytics service not configured, skip tracking\n *     return null\n *   }\n *\n *   return <AnalyticsTracker service={analytics} />\n * }\n * ```\n */\nexport function useOptionalService(\n  token:\n    | ClassType\n    | InjectionToken<any, any>\n    | BoundInjectionToken<any, any>\n    | FactoryInjectionToken<any, any>,\n  args?: unknown,\n): UseOptionalServiceResult<any> {\n  const container = useContainer()\n  const serviceLocator = container.getServiceLocator()\n  const [state, dispatch] = useReducer(optionalServiceReducer, { status: 'idle' })\n  const instanceNameRef = useRef<string | null>(null)\n\n  if (process.env.NODE_ENV === 'development') {\n    const argsRef = useRef<unknown>(args)\n    useEffect(() => {\n      if (argsRef.current !== args) {\n        if (JSON.stringify(argsRef.current) === JSON.stringify(args)) {\n          console.log(`WARNING: useOptionalService called with args that look the same but are different instances: ${JSON.stringify(argsRef.current)} !== ${JSON.stringify(args)}!\n          This is likely because you are using not memoized value that is not stable.\n          Please use a memoized value or use a different approach to pass the args.\n          Example:\n          const args = useMemo(() => ({ userId: '123' }), [])\n          return useOptionalService(UserToken, args)\n          `)\n        }\n        argsRef.current = args\n      }\n    }, [args])\n  }\n\n  const fetchService = useCallback(async () => {\n    dispatch({ type: 'loading' })\n    try {\n      const [error, instance] = await serviceLocator.getInstance(\n        token as AnyInjectableType,\n        args as any,\n      )\n\n      if (error) {\n        // Check if error is a \"not found\" type error\n        const errorMessage = error.message?.toLowerCase() ?? ''\n        if (\n          errorMessage.includes('not found') ||\n          errorMessage.includes('not registered') ||\n          errorMessage.includes('no provider')\n        ) {\n          dispatch({ type: 'not-found' })\n        } else {\n          dispatch({ type: 'error', error: error as Error })\n        }\n        return\n      }\n\n      // Get instance name for event subscription\n      instanceNameRef.current = serviceLocator.getInstanceIdentifier(\n        token as AnyInjectableType,\n        args,\n      )\n      dispatch({ type: 'success', data: instance })\n    } catch (error) {\n      // Caught exceptions are treated as errors\n      const err = error as Error\n      const errorMessage = err.message?.toLowerCase() ?? ''\n      if (\n        errorMessage.includes('not found') ||\n        errorMessage.includes('not registered') ||\n        errorMessage.includes('no provider')\n      ) {\n        dispatch({ type: 'not-found' })\n      } else {\n        dispatch({ type: 'error', error: err })\n      }\n    }\n  }, [serviceLocator, token, args])\n\n  // Subscribe to invalidation events\n  useEffect(() => {\n    const eventBus = serviceLocator.getEventBus()\n    let unsubscribe: (() => void) | undefined\n\n    // Fetch the service\n    void fetchService()\n\n    // Set up subscription after we have the instance name\n    const setupSubscription = () => {\n      if (instanceNameRef.current) {\n        unsubscribe = eventBus.on(instanceNameRef.current, 'destroy', () => {\n          // Re-fetch when the service is invalidated\n          void fetchService()\n        })\n      }\n    }\n\n    // Wait a tick for the instance name to be set\n    const timeoutId = setTimeout(setupSubscription, 10)\n\n    return () => {\n      clearTimeout(timeoutId)\n      unsubscribe?.()\n    }\n  }, [fetchService, serviceLocator])\n\n  return {\n    data: state.status === 'success' ? state.data : undefined,\n    error: state.status === 'error' ? state.error : undefined,\n    isLoading: state.status === 'loading',\n    isSuccess: state.status === 'success',\n    isNotFound: state.status === 'not-found',\n    isError: state.status === 'error',\n    refetch: fetchService,\n  }\n}\n","import type {\n  BoundInjectionToken,\n  ClassType,\n  FactoryInjectionToken,\n  InjectionToken,\n  InjectionTokenSchemaType,\n} from '@navios/di'\n\nimport { useCallback } from 'react'\n\nimport { useContainer } from './use-container.mjs'\n\ntype InvalidatableToken =\n  | ClassType\n  | InjectionToken<any, any>\n  | BoundInjectionToken<any, any>\n  | FactoryInjectionToken<any, any>\n\n/**\n * Hook that returns a function to invalidate a service by its token.\n *\n * When called, this will:\n * 1. Destroy the current service instance\n * 2. Trigger re-fetch in all components using useService/useSuspenseService for that token\n *\n * @example\n * ```tsx\n * function UserProfile() {\n *   const { data: user } = useService(UserService)\n *   const invalidateUser = useInvalidate(UserService)\n *\n *   const handleRefresh = () => {\n *     invalidateUser() // All components using UserService will re-fetch\n *   }\n *\n *   return (\n *     <div>\n *       <span>{user?.name}</span>\n *       <button onClick={handleRefresh}>Refresh</button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useInvalidate<T extends InvalidatableToken>(\n  token: T,\n): () => Promise<void>\n\n/**\n * Hook that returns a function to invalidate a service by its token with args.\n *\n * @example\n * ```tsx\n * function UserProfile({ userId }: { userId: string }) {\n *   const args = useMemo(() => ({ userId }), [userId])\n *   const { data: user } = useService(UserToken, args)\n *   const invalidateUser = useInvalidate(UserToken, args)\n *\n *   return (\n *     <div>\n *       <span>{user?.name}</span>\n *       <button onClick={() => invalidateUser()}>Refresh</button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useInvalidate<T, S extends InjectionTokenSchemaType>(\n  token: InjectionToken<T, S>,\n  args: S extends undefined ? never : unknown,\n): () => Promise<void>\n\nexport function useInvalidate(\n  token: InvalidatableToken,\n  args?: unknown,\n): () => Promise<void> {\n  const container = useContainer()\n  const serviceLocator = container.getServiceLocator()\n\n  return useCallback(async () => {\n    const instanceName = serviceLocator.getInstanceIdentifier(token, args)\n    await serviceLocator.invalidate(instanceName)\n  }, [serviceLocator, token, args])\n}\n\n/**\n * Hook that returns a function to invalidate a service instance directly.\n *\n * This is useful when you have the service instance and want to invalidate it\n * without knowing its token.\n *\n * @example\n * ```tsx\n * function UserProfile() {\n *   const { data: user } = useService(UserService)\n *   const invalidateInstance = useInvalidateInstance()\n *\n *   const handleRefresh = () => {\n *     if (user) {\n *       invalidateInstance(user)\n *     }\n *   }\n *\n *   return (\n *     <div>\n *       <span>{user?.name}</span>\n *       <button onClick={handleRefresh}>Refresh</button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useInvalidateInstance(): (instance: unknown) => Promise<void> {\n  const container = useContainer()\n\n  return useCallback(\n    async (instance: unknown) => {\n      await container.invalidate(instance)\n    },\n    [container],\n  )\n}\n","import { useContext } from 'react'\n\nimport { ScopeContext } from '../providers/scope-provider.mjs'\n\n/**\n * Hook to get the current scope ID.\n * Returns null if not inside a ScopeProvider.\n */\nexport function useScope(): string | null {\n  return useContext(ScopeContext)\n}\n\n/**\n * Hook to get the current scope ID, throwing if not inside a ScopeProvider.\n * Use this when your component requires a scope to function correctly.\n */\nexport function useScopeOrThrow(): string {\n  const scope = useScope()\n  if (scope === null) {\n    throw new Error(\n      'useScopeOrThrow must be used within a ScopeProvider. ' +\n        'Wrap your component tree with <ScopeProvider> to create a request scope.',\n    )\n  }\n  return scope\n}\n"]}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@navios/di-react",
+  "version": "0.1.0",
+  "author": {
+    "name": "Oleksandr Hanzha",
+    "email": "alex@granted.name"
+  },
+  "repository": {
+    "directory": "packages/di-react",
+    "type": "git",
+    "url": "https://github.com/Arilas/navios.git"
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "@navios/di": "^0.5.0",
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "typings": "./lib/index.d.mts",
+  "main": "./lib/index.js",
+  "module": "./lib/index.mjs",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./lib/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./lib/index.js"
+      }
+    }
+  },
+  "devDependencies": {
+    "@navios/di": "^0.5.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.2.7",
+    "jsdom": "^27.3.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "typescript": "^5.9.3",
+    "zod": "^4.1.13"
+  }
+}

package/project.json

@@ -0,0 +1,61 @@
+{
+  "name": "@navios/di-react",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/di-react/src",
+  "prefix": "di-react",
+  "tags": [],
+  "projectType": "library",
+  "targets": {
+    "check": {
+      "executor": "nx:run-commands",
+      "outputs": ["{projectRoot}/dist"],
+      "inputs": ["^projectSources", "projectSources"],
+      "options": {
+        "command": ["tsc -b"],
+        "cwd": "packages/di-react"
+      }
+    },
+    "lint": {
+      "executor": "nx:run-commands",
+      "inputs": ["^projectSources", "project"],
+      "options": {
+        "command": "oxlint --fix",
+        "cwd": "packages/di-react"
+      }
+    },
+    "test:ci": {
+      "executor": "nx:run-commands",
+      "inputs": ["^projectSources", "project"],
+      "options": {
+        "command": "vitest run",
+        "cwd": "packages/di-react"
+      }
+    },
+    "build": {
+      "executor": "nx:run-commands",
+      "inputs": ["projectSources"],
+      "outputs": ["{projectRoot}/lib"],
+      "dependsOn": ["check", "test:ci", "lint"],
+      "options": {
+        "command": "tsup",
+        "cwd": "packages/di-react"
+      }
+    },
+    "publish": {
+      "executor": "nx:run-commands",
+      "dependsOn": ["build"],
+      "options": {
+        "command": "yarn npm publish --access public",
+        "cwd": "packages/di-react"
+      }
+    },
+    "publish:next": {
+      "executor": "nx:run-commands",
+      "dependsOn": ["build"],
+      "options": {
+        "command": "yarn npm publish --access public --tag next",
+        "cwd": "packages/di-react"
+      }
+    }
+  }
+}

package/src/hooks/__tests__/use-container.spec.mts

@@ -0,0 +1,52 @@
+import { Container, Injectable, Registry } from '@navios/di'
+
+import { renderHook } from '@testing-library/react'
+import { createElement } from 'react'
+import { beforeEach, describe, expect, it } from 'vitest'
+
+import { ContainerProvider } from '../../providers/container-provider.mjs'
+import { useContainer } from '../use-container.mjs'
+
+describe('useContainer', () => {
+  let container: Container
+  let registry: Registry
+
+  beforeEach(() => {
+    registry = new Registry()
+    container = new Container(registry)
+  })
+
+  it('should return the container from context', () => {
+    const wrapper = ({ children }: { children: React.ReactNode }) =>
+      // @ts-expect-error - container is required
+      createElement(ContainerProvider, { container }, children)
+
+    const { result } = renderHook(() => useContainer(), { wrapper })
+
+    expect(result.current).toBe(container)
+  })
+
+  it('should throw an error when used outside of ContainerProvider', () => {
+    expect(() => {
+      renderHook(() => useContainer())
+    }).toThrow('useContainer must be used within a ContainerProvider')
+  })
+
+  it('should provide access to container methods', async () => {
+    @Injectable({ registry })
+    class TestService {
+      getValue() {
+        return 'test-value'
+      }
+    }
+
+    const wrapper = ({ children }: { children: React.ReactNode }) =>
+      // @ts-expect-error - props are not typed
+      createElement(ContainerProvider, { container }, children)
+
+    const { result } = renderHook(() => useContainer(), { wrapper })
+
+    const service = await result.current.get(TestService)
+    expect(service.getValue()).toBe('test-value')
+  })
+})