@datarecce/ui 0.1.28 → 0.1.29

package/dist/{state-FkYREAs-.js → state-CemiRRon.js}

@@ -1905,7 +1905,7 @@ async function getRecceInstanceInfo(client = axiosClient) {
 
 //#endregion
 //#region recce-source/js/src/lib/hooks/ApiConfigContext.tsx
-const defaultConfig = {
+const defaultConfig$1 = {
 	apiPrefix: "",
 	authToken: void 0,
 	baseUrl: void 0
@@ -1938,7 +1938,7 @@ function createApiClient(config) {
 	});
 	return client;
 }
-function ApiConfigProvider({ children, apiPrefix = defaultConfig.apiPrefix, authToken = defaultConfig.authToken, baseUrl = defaultConfig.baseUrl }) {
+function ApiConfigProvider({ children, apiPrefix = defaultConfig$1.apiPrefix, authToken = defaultConfig$1.authToken, baseUrl = defaultConfig$1.baseUrl }) {
 	const config = (0, react.useMemo)(() => ({
 		apiPrefix,
 		authToken,
@@ -5542,21 +5542,76 @@ const RunModal = ({ isOpen, onClose, onExecute, type, title, params: defaultPara
 };
 
 //#endregion
-//#region recce-source/js/src/lib/hooks/useAppRouter.ts
+//#region src/lib/hooks/RouteConfigContext.ts
+const defaultConfig = { basePath: "" };
+const RouteConfigContext = (0, react.createContext)(null);
 /**
-* useAppRouter - Navigation utilities for Next.js App Router
+* Provider for route configuration.
 *
-* Provides a similar API to Wouter's useLocation for easier migration.
-* This hook combines Next.js's useRouter, usePathname, useParams,
-* and useSearchParams into a unified interface.
+* Wrap your application (or RecceContextProvider) with this provider
+* to configure path prefixes for navigation.
 *
-* IMPORTANT: useSearchParams() triggers Suspense boundaries in Next.js.
-* To avoid full-page loading states, useAppLocation() only returns the
-* pathname by default. Use useAppLocationWithSearch() if you need
-* search params included in the location string.
+* @example
+* // In recce-cloud
+* <RouteConfigProvider basePath={`/oss/${sessionId}`}>
+*   <RecceContextProvider>
+*     {children}
+*   </RecceContextProvider>
+* </RouteConfigProvider>
+*/
+function RouteConfigProvider({ children, basePath = defaultConfig.basePath }) {
+	const resolvePath = (0, react.useCallback)((path$2) => {
+		if (!basePath) return path$2;
+		if (path$2.startsWith(basePath)) return path$2;
+		if (path$2.match(/^https?:\/\//)) return path$2;
+		if (path$2.startsWith("#")) return path$2;
+		return `${basePath.endsWith("/") ? basePath.slice(0, -1) : basePath}${path$2.startsWith("/") ? path$2 : `/${path$2}`}`;
+	}, [basePath]);
+	const contextValue = (0, react.useMemo)(() => ({
+		basePath,
+		resolvePath
+	}), [basePath, resolvePath]);
+	return react.default.createElement(RouteConfigContext.Provider, { value: contextValue }, children);
+}
+const defaultRouteConfigContext = {
+	basePath: "",
+	resolvePath: (path$2) => path$2
+};
+/**
+* Hook to access route configuration.
+*
+* When used outside RouteConfigProvider, returns default config
+* (for OSS backward compatibility).
+*
+* @returns RouteConfigContextType with basePath and resolvePath function
+*/
+function useRouteConfig() {
+	return (0, react.useContext)(RouteConfigContext) ?? defaultRouteConfigContext;
+}
+/**
+* Safe hook that returns null if context not available.
+* Useful for components that need to detect if RouteConfigProvider is present.
+*/
+function useRouteConfigSafe() {
+	return (0, react.useContext)(RouteConfigContext);
+}
+
+//#endregion
+//#region src/lib/hooks/useAppRouter.ts
+/**
+* useAppRouter - Navigation utilities for Next.js App Router with RouteConfig support
+*
+* This is a custom version that wraps the OSS useAppRouter to add
+* RouteConfigContext support for path prefixing in recce-cloud.
+*
+* The key difference from OSS:
+* - setLocation() automatically prefixes paths with the configured basePath
+* - This allows OSS components to use setLocation("/query") while
+*   recce-cloud can configure basePath="/oss/abc123" to get "/oss/abc123/query"
 */
 /**
 * Hook that provides Wouter-compatible location API using Next.js App Router
+* with RouteConfigContext support for path prefixing.
 *
 * NOTE: This returns only the pathname (not search params) to avoid
 * triggering Suspense boundaries on every navigation.
@@ -5565,15 +5620,123 @@ const RunModal = ({ isOpen, onClose, onExecute, type, title, params: defaultPara
 *
 * @example
 * const [location, setLocation] = useAppLocation();
-* setLocation("/checks?id=123"); // Navigate to new path with query
-* setLocation("/checks", { replace: true }); // Replace current history entry
+* setLocation("/checks?id=123"); // In cloud mode with basePath="/oss/abc123"
+*                                 // navigates to "/oss/abc123/checks?id=123"
 */
 function useAppLocation() {
 	const router = (0, next_navigation.useRouter)();
-	return [(0, next_navigation.usePathname)(), (0, react.useCallback)((to, options) => {
-		if (options?.replace) router.replace(to, { scroll: options?.scroll ?? true });
-		else router.push(to, { scroll: options?.scroll ?? true });
-	}, [router])];
+	const pathname = (0, next_navigation.usePathname)();
+	const { resolvePath } = useRouteConfig();
+	return [pathname, (0, react.useCallback)((to, options) => {
+		const [pathPart, queryPart] = to.split("?");
+		const resolvedPath = resolvePath(pathPart);
+		const fullPath = queryPart ? `${resolvedPath}?${queryPart}` : resolvedPath;
+		if (options?.replace) router.replace(fullPath, { scroll: options?.scroll ?? true });
+		else router.push(fullPath, { scroll: options?.scroll ?? true });
+	}, [router, resolvePath])];
+}
+/**
+* Hook that includes search params in the location string.
+* Also supports RouteConfigContext path prefixing.
+*
+* WARNING: This hook uses useSearchParams() which triggers Suspense.
+* Only use this in components that are wrapped in a <Suspense> boundary,
+* or in leaf components where suspension is acceptable.
+*
+* @returns [fullLocation, setLocation] tuple with search params included
+*/
+function useAppLocationWithSearch() {
+	const router = (0, next_navigation.useRouter)();
+	const pathname = (0, next_navigation.usePathname)();
+	const searchParams = (0, next_navigation.useSearchParams)();
+	const { resolvePath } = useRouteConfig();
+	return [(0, react.useMemo)(() => {
+		const search = searchParams?.toString();
+		return search ? `${pathname}?${search}` : pathname;
+	}, [pathname, searchParams]), (0, react.useCallback)((to, options) => {
+		const [pathPart, queryPart] = to.split("?");
+		const resolvedPath = resolvePath(pathPart);
+		const fullPath = queryPart ? `${resolvedPath}?${queryPart}` : resolvedPath;
+		if (options?.replace) router.replace(fullPath, { scroll: options?.scroll ?? true });
+		else router.push(fullPath, { scroll: options?.scroll ?? true });
+	}, [router, resolvePath])];
+}
+/**
+* Hook to check if current path matches a pattern
+* Similar to Wouter's useRoute
+*
+* @param pattern - The route pattern to match (e.g., "/checks/:checkId")
+* @returns [isMatch, params] tuple
+*
+* @example
+* const [isMatch, params] = useAppRoute("/checks/:checkId");
+* if (isMatch) {
+*   console.log(params.checkId); // "abc-123"
+* }
+*/
+function useAppRoute(pattern) {
+	const pathname = (0, next_navigation.usePathname)();
+	const params = (0, next_navigation.useParams)();
+	return [(0, react.useMemo)(() => {
+		const regexPattern = pattern.replace(/:\w+/g, "([^/]+)").replace(/\*/g, ".*");
+		return (/* @__PURE__ */ new RegExp(`^${regexPattern}$`)).test(pathname);
+	}, [pattern, pathname]), (0, react.useMemo)(() => {
+		if (!params) return {};
+		return Object.fromEntries(Object.entries(params).map(([key, value]) => [key, Array.isArray(value) ? value.join("/") : value]));
+	}, [params])];
+}
+/**
+* Imperative navigation function for use outside React components
+* Use sparingly - prefer useAppLocation hook in components
+*
+* NOTE: This function does NOT support RouteConfigContext because
+* it's used outside of React component tree. If you need path prefixing,
+* use useAppLocation hook instead.
+*
+* @example
+* // In an event handler or utility function
+* import { navigateTo } from "@/lib/hooks/useAppRouter";
+* navigateTo("/checks?id=123");
+*/
+function navigateTo(path$2, replace = false) {
+	if (typeof window !== "undefined") {
+		if (replace) window.history.replaceState(null, "", path$2);
+		else window.history.pushState(null, "", path$2);
+		window.dispatchEvent(new PopStateEvent("popstate"));
+	}
+}
+/**
+* Hook for programmatic navigation with more options
+* Provides direct access to Next.js router methods with RouteConfigContext support
+*
+* NOTE: Does not include searchParams to avoid Suspense.
+* Use useSearchParams() directly in components that need it.
+*/
+function useAppNavigation() {
+	const router = (0, next_navigation.useRouter)();
+	const pathname = (0, next_navigation.usePathname)();
+	const params = (0, next_navigation.useParams)();
+	const { resolvePath } = useRouteConfig();
+	return {
+		pathname,
+		params,
+		push: (0, react.useCallback)((href, options) => {
+			const [pathPart, queryPart] = href.split("?");
+			const resolvedPath = resolvePath(pathPart);
+			const fullPath = queryPart ? `${resolvedPath}?${queryPart}` : resolvedPath;
+			router.push(fullPath, options);
+		}, [router, resolvePath]),
+		replace: (0, react.useCallback)((href, options) => {
+			const [pathPart, queryPart] = href.split("?");
+			const resolvedPath = resolvePath(pathPart);
+			const fullPath = queryPart ? `${resolvedPath}?${queryPart}` : resolvedPath;
+			router.replace(fullPath, options);
+		}, [router, resolvePath]),
+		back: router.back,
+		forward: router.forward,
+		refresh: router.refresh,
+		prefetch: router.prefetch
+	};
 }
 
 //#endregion
@@ -8457,6 +8620,12 @@ Object.defineProperty(exports, 'RecceInstanceInfoProvider', {
     return RecceInstanceInfoProvider;
   }
 });
+Object.defineProperty(exports, 'RouteConfigProvider', {
+  enumerable: true,
+  get: function () {
+    return RouteConfigProvider;
+  }
+});
 Object.defineProperty(exports, 'RowCountDiffResultView', {
   enumerable: true,
   get: function () {
@@ -8841,6 +9010,12 @@ Object.defineProperty(exports, 'mergeKeysWithStatus', {
     return mergeKeysWithStatus;
   }
 });
+Object.defineProperty(exports, 'navigateTo', {
+  enumerable: true,
+  get: function () {
+    return navigateTo;
+  }
+});
 Object.defineProperty(exports, 'queryModelRowCount', {
   enumerable: true,
   get: function () {
@@ -9117,6 +9292,24 @@ Object.defineProperty(exports, 'useAppLocation', {
     return useAppLocation;
   }
 });
+Object.defineProperty(exports, 'useAppLocationWithSearch', {
+  enumerable: true,
+  get: function () {
+    return useAppLocationWithSearch;
+  }
+});
+Object.defineProperty(exports, 'useAppNavigation', {
+  enumerable: true,
+  get: function () {
+    return useAppNavigation;
+  }
+});
+Object.defineProperty(exports, 'useAppRoute', {
+  enumerable: true,
+  get: function () {
+    return useAppRoute;
+  }
+});
 Object.defineProperty(exports, 'useChecks', {
   enumerable: true,
   get: function () {
@@ -9183,6 +9376,18 @@ Object.defineProperty(exports, 'useRecceServerFlag', {
     return useRecceServerFlag;
   }
 });
+Object.defineProperty(exports, 'useRouteConfig', {
+  enumerable: true,
+  get: function () {
+    return useRouteConfig;
+  }
+});
+Object.defineProperty(exports, 'useRouteConfigSafe', {
+  enumerable: true,
+  get: function () {
+    return useRouteConfigSafe;
+  }
+});
 Object.defineProperty(exports, 'useRunsAggregated', {
   enumerable: true,
   get: function () {
@@ -9201,4 +9406,4 @@ Object.defineProperty(exports, 'waitRun', {
     return waitRun;
   }
 });
-//# sourceMappingURL=state-FkYREAs-.js.map
+//# sourceMappingURL=state-CemiRRon.js.map