@rebasepro/app 0.17.3 → 0.18.1

package/src/hooks/index.tsx

@@ -1,45 +0,0 @@
-export * from "./data/useData";
-export * from "./data/useCollection";
-export * from "./data/useFetch";
-export * from "./data/useRelationSelector";
-export * from "./data/save";
-export * from "./data/delete";
-
-
-export * from "./useUnsavedChangesDialog";
-
-export * from "./useStorageSource";
-export * from "./useAuthController";
-export * from "./useAuthSubscription";
-export * from "./useDialogsController";
-export * from "./useAdminModeController";
-export * from "./useBuildAdminModeController";
-export * from "./useEffectiveRoleController";
-export * from "./useBuildEffectiveRoleController";
-export * from "./useRebaseContext";
-export * from "./useSnackbarController";
-export * from "./useModeController";
-export * from "./useClipboard";
-export * from "./useLargeLayout";
-export * from "./useCollapsedGroups";
-
-export * from "./useBrowserTitleAndIcon";
-export * from "./useSlot";
-export * from "./useCustomizationController";
-
-export * from "./useBuildLocalConfigurationPersistence";
-export * from "./useBuildModeController";
-
-export * from "./useRebaseRegistry";
-export * from "./useBackendStorageSource";
-export * from "./usePermissions";
-
-export * from "./ApiConfigContext";
-
-export * from "./useTranslation";
-export * from "./useRebaseClient";
-
-export * from "./useAnalyticsController";
-export * from "./useUserConfigurationPersistence";
-export * from "./useResolvedComponent";
-export * from "./useComponentOverride";

package/src/hooks/useAdminModeController.tsx

@@ -1,23 +0,0 @@
-import { AdminModeControllerContext } from "../contexts/AdminModeController";
-import { useContext } from "react";
-
-/**
- * Use this controller to change the admin mode (developer vs editor)
- * @group Hooks and utilities
- */
-export interface AdminModeController {
-    mode: "cms" | "studio" | "settings";
-    setMode: (mode: "cms" | "studio" | "settings") => void;
-}
-
-/**
- * Hook to retrieve the current admin mode ("developer" | "editor"), and `setMode`
- * to change it.
- *
- * Consider that in order to use this hook you need to have a parent
- * `Rebase`
- *
- * @see AdminModeController
- * @group Hooks and utilities
- */
-export const useAdminModeController = () => useContext(AdminModeControllerContext);

package/src/hooks/useAnalyticsController.tsx

@@ -1,8 +0,0 @@
-import { useContext } from "react";
-import { AnalyticsController } from "@rebasepro/cms-types";
-import { AnalyticsContext } from "../contexts/AnalyticsContext";
-
-/**
- * @group Hooks and utilities
- */
-export const useAnalyticsController = (): AnalyticsController => useContext(AnalyticsContext);

package/src/hooks/useAuthController.tsx

@@ -1,15 +0,0 @@
-import { User } from "@rebasepro/types";
-import { AuthController } from "@rebasepro/cms-types";
-import { useContext } from "react";
-import { AuthControllerContext } from "../contexts/AuthControllerContext";
-
-/**
- * Hook to retrieve the AuthContext.
- *
- * Consider that in order to use this hook you need to have a parent
- * `Rebase`
- *
- * @see AuthController
- * @group Hooks and utilities
- */
-export const useAuthController = <USER extends User = User, AuthControllerType extends AuthController<USER> = AuthController<USER>>(): AuthControllerType => useContext(AuthControllerContext) as AuthControllerType;

package/src/hooks/useAuthSubscription.ts

@@ -1,130 +0,0 @@
-import { useState, useEffect, useMemo, useCallback } from "react";
-import { AuthClient, User } from "@rebasepro/types";
-import { AuthController } from "@rebasepro/cms-types";
-
-export function useAuthSubscription(authClient?: AuthClient): AuthController {
-
-    // Check initial state
-    const currentSession = authClient?.getSession();
-    const [user, setUser] = useState<User | null>(currentSession?.user ?? null);
-
-    const [authLoading, setAuthLoading] = useState(false);
-    const [authError, setAuthError] = useState<Error>();
-    const [loginSkipped, setLoginSkipped] = useState(false);
-    const [extra, setExtra] = useState<any>();
-
-    /**
-     * Whether asking the server "who am I?" could possibly answer.
-     *
-     * A client configured with `persistSession: false` and JSON auth — the
-     * shape used when one client borrows another's credential, as the hosted
-     * Studio does — has no stored session and no auth cookie, so the probe
-     * below is guaranteed to 401. Sending it anyway put three failing
-     * `GET /auth/me` calls on the wire per mount, each one landing in the
-     * *customer's* request log as an authentication failure against their own
-     * backend.
-     *
-     * A client that does not implement the capability is treated as "might
-     * work" — the historical behaviour.
-     */
-    const mayHaveRestorableSession = authClient?.canRestoreSession?.() ?? true;
-
-    /**
-     * `true` only while a probe is genuinely outstanding.
-     *
-     * It used to be seeded from `!currentSession` alone, which left a client
-     * that cannot restore a session — and therefore never runs the probe that
-     * clears the flag — reporting "still loading" forever. Anything gated on
-     * `initialLoading` (a spinner, a redirect to the login view) would never
-     * resolve.
-     */
-    const [initialLoading, setInitialLoading] = useState(!currentSession && mayHaveRestorableSession);
-
-    useEffect(() => {
-        if (!authClient) return;
-        // If we don't have a session initially, try to get user which restores session if a persistent token exists
-        if (!currentSession && mayHaveRestorableSession) {
-            setInitialLoading(true);
-            authClient.getUser()
-                .then(user => {
-                    if (user) {
-                        setUser(user);
-                    }
-                    setAuthError(undefined);
-                })
-                .catch((e: unknown) => {
-                    // A 401 or 403 is the ordinary first load of an anonymous
-                    // visitor: there is no session, which is not an error.
-                    //
-                    // Everything else is. This used to swallow the lot with
-                    // "Ignore, user just isn't logged in", leaving `authError`
-                    // — a field this controller declares and `Rebase` renders a
-                    // full-screen "Error loading auth" view for — permanently
-                    // undefined. So the view was unreachable, and a backend that
-                    // was down, misconfigured, or blocked by CORS looked exactly
-                    // like being signed out: the app showed the login form.
-                    const status = (e as { status?: number } | undefined)?.status;
-                    if (status === 401 || status === 403) {
-                        setAuthError(undefined);
-                        return;
-                    }
-                    setAuthError(e instanceof Error ? e : new Error(String(e)));
-                })
-                .finally(() => {
-                    setInitialLoading(false);
-                });
-        }
-    }, [authClient, currentSession, mayHaveRestorableSession]);
-
-    useEffect(() => {
-        if (!authClient) return;
-        const unsubscribe = authClient.onAuthStateChange((event, session) => {
-            if (event === "SIGNED_IN" || event === "USER_UPDATED" || event === "TOKEN_REFRESHED") {
-                setUser(session?.user ?? null);
-            } else if (event === "SIGNED_OUT") {
-                setUser(null);
-            }
-        });
-        return unsubscribe;
-    }, [authClient]);
-
-    const signOut = useCallback(async () => {
-        if (!authClient) return;
-        setAuthLoading(true);
-        try {
-            await authClient.signOut();
-        } finally {
-            setAuthLoading(false);
-        }
-    }, [authClient]);
-
-    const getAuthToken = useCallback(async () => {
-        if (!authClient) return "";
-        const session = authClient.getSession();
-        if (!session) return "";
-        if (session.expiresAt < Date.now()) {
-            try {
-                const refreshed = await authClient.refreshSession();
-                return refreshed.accessToken;
-            } catch (e) {
-                return "";
-            }
-        }
-        return session.accessToken;
-    }, [authClient]);
-
-    return useMemo(() => ({
-        user,
-        initialLoading: authClient ? initialLoading : false,
-        authLoading,
-        signOut,
-        authError,
-        getAuthToken,
-        loginSkipped,
-        extra,
-        setExtra
-    } as AuthController), [
-        user, initialLoading, authLoading, signOut, authError,
-        getAuthToken, loginSkipped, extra, setExtra, authClient
-    ]);
-}

package/src/hooks/useBackendStorageSource.ts

@@ -1,295 +0,0 @@
-/**
- * React hook for using backend storage API as a StorageSource
- */
-
-import { useMemo, useCallback } from "react";
-import {
-    StorageSource,
-    UploadFileProps,
-    UploadFileResult,
-    DownloadConfig,
-    StorageListResult
-} from "@rebasepro/types";
-import { DEFAULT_API_PATH } from "./ApiConfigContext";
-
-export interface BackendStorageSourceProps {
-    /**
-     * Backend API URL (e.g., 'http://localhost:3001')
-     */
-    apiUrl: string;
-    /**
-     * The path the backend mounts its API under. Defaults to the server's own
-     * default; pass the backend's `basePath` if it was configured otherwise.
-     */
-    apiPath?: string;
-    /**
-     * Function to get the current auth token
-     */
-    getAuthToken: () => Promise<string>;
-}
-
-/**
- * Hook to create a StorageSource that uses the backend storage REST API.
- * Use this for self-hosted Rebase with local or S3 storage.
- *
- * @example
- * ```tsx
- * const storageSource = useBackendStorageSource({
- *     apiUrl: 'http://localhost:3001',
- *     getAuthToken: authController.getAuthToken
- * });
- *
- * // Then pass to Rebase:
- * <Rebase storageSource={storageSource} ... />
- * ```
- */
-export function useBackendStorageSource({
-    apiUrl,
-    apiPath = DEFAULT_API_PATH,
-    getAuthToken
-}: BackendStorageSourceProps): StorageSource {
-
-    const storageBasePath = `${apiUrl.replace(/\/+$/, "")}${apiPath}/storage`;
-
-    // Cache for download URLs to avoid redundant API calls
-    const urlsCache = useMemo(() => new Map<string, DownloadConfig>(), []);
-
-    /**
-     * Make an authenticated request to the storage API
-     */
-    const fetchWithAuth = useCallback(async (
-        url: string,
-        options: RequestInit = {}
-    ): Promise<Response> => {
-        const token = await getAuthToken();
-        return fetch(url, {
-            ...options,
-            headers: {
-                ...options.headers,
-                "Authorization": `Bearer ${token}`
-            }
-        });
-    }, [getAuthToken]);
-
-    /**
-     * Upload a file to storage
-     */
-    const putObject = useCallback(async ({
-        file,
-        key,
-        metadata,
-        bucket
-    }: UploadFileProps): Promise<UploadFileResult> => {
-        const formData = new FormData();
-        formData.append("file", file);
-
-        if (key) {
-            formData.append("key", key);
-        }
-        if (bucket) {
-            formData.append("bucket", bucket);
-        }
-
-        // Add metadata fields with prefix
-        if (metadata) {
-            for (const [key, value] of Object.entries(metadata)) {
-                if (value !== undefined && value !== null) {
-                    formData.append(
-                        `metadata_${key}`,
-                        typeof value === "string" ? value : JSON.stringify(value)
-                    );
-                }
-            }
-        }
-
-        const response = await fetchWithAuth(`${storageBasePath}/upload`, {
-            method: "POST",
-            body: formData
-        });
-
-        if (!response.ok) {
-            const error = await response.json().catch(() => ({ error: "Upload failed" }));
-            throw new Error(error.error || "Upload failed");
-        }
-
-        const result = await response.json();
-        return result.data;
-    }, [fetchWithAuth, storageBasePath]);
-
-    /**
-     * Get download URL for a file
-     */
-    const getSignedUrl = useCallback(async (
-        keyOrUrl: string,
-        bucket?: string
-    ): Promise<DownloadConfig> => {
-        // Check cache first
-        const cacheKey = bucket ? `${bucket}/${keyOrUrl}` : keyOrUrl;
-        const cached = urlsCache.get(cacheKey);
-        if (cached) {
-            return cached;
-        }
-
-        // Build the file path for the API
-        let filePath = keyOrUrl;
-
-        // Handle local:// and s3:// URLs
-        if (filePath && (filePath.startsWith("local://") || filePath.startsWith("s3://"))) {
-            const withoutProtocol = filePath.substring(filePath.indexOf("://") + 3);
-            filePath = withoutProtocol;
-        }
-
-        // If bucket is provided separately, prepend it
-        if (bucket && filePath && !filePath.startsWith(bucket)) {
-            filePath = `${bucket}/${filePath}`;
-        }
-
-        if (!filePath || filePath.trim() === "" || filePath === "/") {
-            return { url: null,
-fileNotFound: true };
-        }
-
-        const response = await fetchWithAuth(`${storageBasePath}/metadata/${filePath}`);
-
-        if (response.status === 404) {
-            return {
-                url: null,
-                fileNotFound: true
-            };
-        }
-
-        if (!response.ok) {
-            const error = await response.json().catch(() => ({ error: "Failed to get download URL" }));
-            throw new Error(error.error || "Failed to get download URL");
-        }
-
-        const result = await response.json();
-
-        const token = await getAuthToken();
-        const tokenQuery = token ? `?token=${token}` : "";
-
-        // The URL should point to the storage file endpoint
-        const downloadConfig: DownloadConfig = {
-            url: `${storageBasePath}/file/${filePath}${tokenQuery}`,
-            metadata: result.data
-        };
-
-        // Cache the result
-        urlsCache.set(cacheKey, downloadConfig);
-
-        return downloadConfig;
-    }, [fetchWithAuth, storageBasePath, urlsCache]);
-
-    /**
-     * Get file as a File object
-     */
-    const getObject = useCallback(async (
-        key: string,
-        bucket?: string
-    ): Promise<File | null> => {
-        let filePath = key;
-
-        // Handle protocol URLs
-        if (filePath && (filePath.startsWith("local://") || filePath.startsWith("s3://"))) {
-            const withoutProtocol = filePath.substring(filePath.indexOf("://") + 3);
-            filePath = withoutProtocol;
-        }
-
-        if (bucket && filePath && !filePath.startsWith(bucket)) {
-            filePath = `${bucket}/${filePath}`;
-        }
-
-        if (!filePath || filePath.trim() === "" || filePath === "/") {
-            return null;
-        }
-
-        const response = await fetchWithAuth(`${storageBasePath}/file/${filePath}`);
-
-        if (response.status === 404) {
-            return null;
-        }
-
-        if (!response.ok) {
-            throw new Error("Failed to get file");
-        }
-
-        const blob = await response.blob();
-        const fileName = filePath.split("/").pop() || "file";
-        return new File([blob], fileName, { type: blob.type });
-    }, [fetchWithAuth, storageBasePath]);
-
-    /**
-     * Delete a file
-     */
-    const deleteObject = useCallback(async (
-        key: string,
-        bucket?: string
-    ): Promise<void> => {
-        let filePath = key;
-
-        // Handle protocol URLs
-        if (filePath && (filePath.startsWith("local://") || filePath.startsWith("s3://"))) {
-            const withoutProtocol = filePath.substring(filePath.indexOf("://") + 3);
-            filePath = withoutProtocol;
-        }
-
-        if (bucket && filePath && !filePath.startsWith(bucket)) {
-            filePath = `${bucket}/${filePath}`;
-        }
-
-        if (!filePath || filePath.trim() === "" || filePath === "/") {
-            return;
-        }
-
-        const response = await fetchWithAuth(`${storageBasePath}/file/${filePath}`, {
-            method: "DELETE"
-        });
-
-        if (!response.ok && response.status !== 404) {
-            const error = await response.json().catch(() => ({ error: "Failed to delete file" }));
-            throw new Error(error.error || "Failed to delete file");
-        }
-
-        // Clear from cache
-        urlsCache.delete(bucket ? `${bucket}/${key}` : key);
-    }, [fetchWithAuth, storageBasePath, urlsCache]);
-
-    /**
-     * List files in a path
-     */
-    const listObjects = useCallback(async (
-        prefix: string,
-        options?: {
-            bucket?: string;
-            maxResults?: number;
-            pageToken?: string;
-        }
-    ): Promise<StorageListResult> => {
-        const params = new URLSearchParams();
-        if (prefix) params.set("prefix", prefix);
-        if (options?.bucket) params.set("bucket", options.bucket);
-        if (options?.maxResults) params.set("maxResults", String(options.maxResults));
-        if (options?.pageToken) params.set("pageToken", options.pageToken);
-
-        const response = await fetchWithAuth(
-            `${storageBasePath}/list?${params.toString()}`
-        );
-
-        if (!response.ok) {
-            const error = await response.json().catch(() => ({ error: "Failed to list files" }));
-            throw new Error(error.error || "Failed to list files");
-        }
-
-        const result = await response.json();
-        return result.data;
-    }, [fetchWithAuth, storageBasePath]);
-
-    // Return memoized StorageSource
-    return useMemo<StorageSource>(() => ({
-        putObject,
-        getSignedUrl,
-        getObject,
-        deleteObject,
-        listObjects
-    }), [putObject, getSignedUrl, getObject, deleteObject, listObjects]);
-}

package/src/hooks/useBridgeRegistration.tsx

@@ -1,32 +0,0 @@
-import { useContext, useEffect } from "react";
-import type { StudioBridge } from "./useStudioBridge";
-import { StudioBridgeRegistryContext } from "./useStudioBridge";
-
-/**
- * Registers a value into the self-assembling Studio bridge.
- *
- * Each controller (collectionRegistry, sidePanel, url, navigation, breadcrumbs)
- * calls this hook on mount to inject its real implementation into the bridge.
- * On unmount the slice is automatically removed, reverting to the noop default.
- *
- * Usage:
- * ```tsx
- * function SomeProvider({ children }) {
- *     const controller = useBuildSomeController();
- *     useBridgeRegistration("sidePanelController", controller);
- *     return <SomeContext.Provider value={controller}>{children}</SomeContext.Provider>;
- * }
- * ```
- */
-export function useBridgeRegistration<K extends keyof StudioBridge>(
-    key: K,
-    value: StudioBridge[K]
-): void {
-    const registry = useContext(StudioBridgeRegistryContext);
-
-    useEffect(() => {
-        if (!registry) return;
-        registry.register(key, value);
-        return () => registry.unregister(key);
-    }, [registry, key, value]);
-}

package/src/hooks/useBrowserTitleAndIcon.tsx

@@ -1,23 +0,0 @@
-import { useEffect } from "react";
-
-const rebaseLogo = "data:image/png;base64,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";
-
-/**
- * Internal hook to handle the browser title and icon
- * @param name
- * @param logo
- */
-export function useBrowserTitleAndIcon(name: string, logo?: string) {
-    useEffect(() => {
-        if (document) {
-            document.title = `${name} - Rebase`;
-            let link = document.querySelector("link[rel~='icon']") as HTMLLinkElement | null;
-            if (!link) {
-                link = document.createElement("link");
-                link.rel = "icon";
-                document.getElementsByTagName("head")[0].appendChild(link);
-            }
-            link.href = logo ?? rebaseLogo;
-        }
-    }, [name, logo]);
-}

package/src/hooks/useBuildAdminModeController.tsx

@@ -1,29 +0,0 @@
-import { useCallback, useMemo, useState } from "react";
-import type { AdminModeController } from "./useAdminModeController";
-import { readStoredString, writeStoredString } from "../util/local_storage";
-
-/**
- * Use this hook to build an admin mode controller that determines
- * whether the UI shows Developer or Editor tools.
- */
-export function useBuildAdminModeController(): AdminModeController {
-
-    // The content mode was renamed to "cms" when the panel's CMS half became a
-    // product name. The value is persisted, so a browser that used the panel
-    // before the rename still has "content" in local storage — read as-is it
-    // casts to a mode nothing matches, and the drawer renders neither half.
-    // Migrating on read is the exception the no-shims rule allows for stored data.
-    const stored = readStoredString("rebase-admin-mode");
-    const savedMode = (stored === "content" ? "cms" : stored) as "cms" | "studio" | "settings" | null;
-    const [mode, setMode] = useState<"cms" | "studio" | "settings">(savedMode ?? "cms");
-
-    const setModeInternal = useCallback((newMode: "cms" | "studio" | "settings") => {
-        writeStoredString("rebase-admin-mode", newMode);
-        setMode(newMode);
-    }, []);
-
-    return useMemo(() => ({
-        mode,
-        setMode: setModeInternal
-    }), [mode, setModeInternal]);
-}

package/src/hooks/useBuildEffectiveRoleController.tsx

@@ -1,30 +0,0 @@
-import type { EffectiveRoleController } from "@rebasepro/types";
-import { useCallback, useState, useMemo } from "react";
-import { readStoredString, removeStoredString, writeStoredString } from "../util/local_storage";
-;
-
-/**
- * Use this hook to build an effective role controller that determines
- * what role is simulated in Editor mode when Dev mode is active.
- *
- * It uses localStorage to persist the simulated role across reloads.
- */
-export function useBuildEffectiveRoleController(): EffectiveRoleController {
-
-    const savedRole = readStoredString("rebase-effective-role");
-    const [effectiveRole, setEffectiveRole] = useState<string | null>(savedRole ?? null);
-
-    const setRoleInternal = useCallback((newRole: string | null) => {
-        if (newRole) {
-            writeStoredString("rebase-effective-role", newRole);
-        } else {
-            removeStoredString("rebase-effective-role");
-        }
-        setEffectiveRole(newRole);
-    }, []);
-
-    return useMemo(() => ({
-        effectiveRole,
-        setEffectiveRole: setRoleInternal
-    }), [effectiveRole, setRoleInternal]);
-}