@robosystems/core 0.3.0

package/components/RepositoryGuard.d.ts

@@ -0,0 +1,68 @@
+import { type ReactNode } from 'react';
+export interface RepositoryGuardProps {
+    children: ReactNode;
+    /**
+     * What to do when a repository is selected
+     * - 'redirect': Redirect to a different page (default: /console)
+     * - 'block': Show a message but don't redirect
+     * - 'hide': Return null (hide the content)
+     */
+    mode?: 'redirect' | 'block' | 'hide';
+    /**
+     * Page to redirect to when mode is 'redirect'
+     */
+    redirectTo?: string;
+    /**
+     * Custom message to show when blocking
+     */
+    message?: string;
+}
+/**
+ * Guard component that prevents access to pages that don't work with repositories.
+ *
+ * Use this to wrap pages that are only for user graphs (not shared repositories):
+ * - Graph creation/deletion
+ * - Schema modifications
+ * - Subgraphs
+ * - Backups
+ * - etc.
+ *
+ * Pages that SHOULD work with repositories (don't wrap with this):
+ * - Console (queries work!)
+ * - Usage/Credits
+ * - Billing
+ * - Dashboard (with limited features)
+ *
+ * @example
+ * ```tsx
+ * export default function SchemaPage() {
+ *   return (
+ *     <RepositoryGuard mode="redirect" redirectTo="/console">
+ *       <SchemaEditor />
+ *     </RepositoryGuard>
+ *   )
+ * }
+ * ```
+ */
+export declare function RepositoryGuard({ children, mode, redirectTo, message, }: RepositoryGuardProps): import("react").JSX.Element;
+/**
+ * Hook to check if the current graph is a repository.
+ * Useful for conditional rendering without full guards.
+ *
+ * @example
+ * ```tsx
+ * const { isRepository, currentGraph } = useIsRepository()
+ *
+ * return (
+ *   <div>
+ *     {!isRepository && <DeleteGraphButton />}
+ *     <QueryConsole />
+ *   </div>
+ * )
+ * ```
+ */
+export declare function useIsRepository(): {
+    isRepository: boolean;
+    currentGraph: import("@robosystems/client").GraphInfo;
+    graphType: string;
+};

package/components/RepositoryGuard.js

@@ -0,0 +1,91 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Button, Card } from 'flowbite-react';
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+import { HiInformationCircle } from 'react-icons/hi';
+import { useGraphContext } from '../contexts/graph-context';
+/**
+ * Guard component that prevents access to pages that don't work with repositories.
+ *
+ * Use this to wrap pages that are only for user graphs (not shared repositories):
+ * - Graph creation/deletion
+ * - Schema modifications
+ * - Subgraphs
+ * - Backups
+ * - etc.
+ *
+ * Pages that SHOULD work with repositories (don't wrap with this):
+ * - Console (queries work!)
+ * - Usage/Credits
+ * - Billing
+ * - Dashboard (with limited features)
+ *
+ * @example
+ * ```tsx
+ * export default function SchemaPage() {
+ *   return (
+ *     <RepositoryGuard mode="redirect" redirectTo="/console">
+ *       <SchemaEditor />
+ *     </RepositoryGuard>
+ *   )
+ * }
+ * ```
+ */
+export function RepositoryGuard({ children, mode = 'redirect', redirectTo = '/console', message = 'This feature is not available for shared repositories.', }) {
+    var _a;
+    const { state } = useGraphContext();
+    const router = useRouter();
+    // Find the current graph
+    const currentGraph = state.graphs.find((g) => g.graphId === state.currentGraphId);
+    // Check if current graph is a repository
+    const isRepository = (_a = currentGraph === null || currentGraph === void 0 ? void 0 : currentGraph.isRepository) !== null && _a !== void 0 ? _a : false;
+    useEffect(() => {
+        if (isRepository && mode === 'redirect') {
+            router.push(redirectTo);
+        }
+    }, [isRepository, mode, redirectTo, router]);
+    // If not a repository, show children normally
+    if (!isRepository) {
+        return _jsx(_Fragment, { children: children });
+    }
+    // Handle different modes
+    switch (mode) {
+        case 'hide':
+            return null;
+        case 'redirect':
+            // Show loading state while redirecting
+            return (_jsx("div", { className: "flex min-h-screen items-center justify-center", children: _jsx(Card, { children: _jsxs("div", { className: "text-center", children: [_jsx(HiInformationCircle, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }), _jsx("h3", { className: "mb-2 text-lg font-medium text-gray-900 dark:text-white", children: "Redirecting..." }), _jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: message })] }) }) }));
+        case 'block':
+            // Show message without redirecting
+            return (_jsx("div", { className: "p-4", children: _jsx(Alert, { color: "info", icon: HiInformationCircle, children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("span", { className: "font-medium", children: "Not Available for Repositories" }), _jsx("div", { className: "mt-1 text-sm", children: message })] }), _jsx(Button, { size: "sm", onClick: () => router.push('/console'), children: "Go to Console" })] }) }) }));
+        default:
+            return _jsx(_Fragment, { children: children });
+    }
+}
+/**
+ * Hook to check if the current graph is a repository.
+ * Useful for conditional rendering without full guards.
+ *
+ * @example
+ * ```tsx
+ * const { isRepository, currentGraph } = useIsRepository()
+ *
+ * return (
+ *   <div>
+ *     {!isRepository && <DeleteGraphButton />}
+ *     <QueryConsole />
+ *   </div>
+ * )
+ * ```
+ */
+export function useIsRepository() {
+    var _a;
+    const { state } = useGraphContext();
+    const currentGraph = state.graphs.find((g) => g.graphId === state.currentGraphId);
+    return {
+        isRepository: (_a = currentGraph === null || currentGraph === void 0 ? void 0 : currentGraph.isRepository) !== null && _a !== void 0 ? _a : false,
+        currentGraph,
+        graphType: (currentGraph === null || currentGraph === void 0 ? void 0 : currentGraph.isRepository) ? 'repository' : 'graph',
+    };
+}

package/components/console/ConsoleContent.d.ts

@@ -0,0 +1,4 @@
+import type { ConsoleConfig } from './types';
+export declare function ConsoleContent({ config }: {
+    config: ConsoleConfig;
+}): import("react").JSX.Element;