@makolabs/ripple 2.4.1 → 2.5.0

package/dist/adapters/storage/GoogleDriveAdapter.d.ts

@@ -0,0 +1,42 @@
+import type { FileItem, FileListResult } from './types.js';
+import { BaseAdapter } from './BaseAdapter.js';
+/**
+ * Google Drive storage adapter for the FileBrowser component.
+ *
+ * Unlike S3 (which uses path-based navigation), Google Drive uses folder IDs.
+ * The adapter translates between the FileBrowser's path-based model and
+ * Drive's ID-based hierarchy.
+ *
+ * Requires backend endpoints:
+ *   GET  /api/drive/auth/status  — check OAuth status
+ *   GET  /api/drive/auth         — initiate OAuth flow
+ *   GET  /api/drive/list         — list folder contents
+ *   GET  /api/drive/file         — get file/folder metadata
+ *   GET  /api/drive/download     — get download URL
+ *   POST /api/drive/import       — trigger file import
+ */
+export declare class GoogleDriveAdapter extends BaseAdapter {
+    private rootFolderId;
+    private folderNameCache;
+    constructor(rootFolderId?: string);
+    getName(): string;
+    isConfigured(): Promise<boolean>;
+    authenticate(): Promise<boolean>;
+    setReopenFlag(): void;
+    shouldReopenBrowser(): boolean;
+    clearReopenFlag(): void;
+    list(folderId: string, searchQuery?: string): Promise<FileListResult>;
+    download(file: FileItem): Promise<string>;
+    /** Cache a folder name for breadcrumb display. */
+    setFolderName(folderId: string, name: string): void;
+    /** Retrieve a cached folder name. */
+    getFolderNameFromCache(folderId: string): string | undefined;
+    protected getApiPath(): string;
+    /**
+     * Resolve folder name and parent ID, using cache first, then the file list,
+     * then falling back to an API call.
+     */
+    private resolveFolderInfo;
+    private getParentFolderId;
+    private getFolderDetails;
+}

package/dist/adapters/storage/GoogleDriveAdapter.js

@@ -0,0 +1,206 @@
+import { BaseAdapter } from './BaseAdapter.js';
+/**
+ * Google Drive storage adapter for the FileBrowser component.
+ *
+ * Unlike S3 (which uses path-based navigation), Google Drive uses folder IDs.
+ * The adapter translates between the FileBrowser's path-based model and
+ * Drive's ID-based hierarchy.
+ *
+ * Requires backend endpoints:
+ *   GET  /api/drive/auth/status  — check OAuth status
+ *   GET  /api/drive/auth         — initiate OAuth flow
+ *   GET  /api/drive/list         — list folder contents
+ *   GET  /api/drive/file         — get file/folder metadata
+ *   GET  /api/drive/download     — get download URL
+ *   POST /api/drive/import       — trigger file import
+ */
+export class GoogleDriveAdapter extends BaseAdapter {
+    rootFolderId;
+    folderNameCache = new Map();
+    constructor(rootFolderId) {
+        super();
+        this.rootFolderId = rootFolderId || 'root';
+    }
+    getName() {
+        return 'Google Drive';
+    }
+    async isConfigured() {
+        try {
+            const response = await fetch('/api/drive/auth/status');
+            const data = await response.json().catch(() => ({ authenticated: false }));
+            return data.authenticated === true;
+        }
+        catch {
+            return false;
+        }
+    }
+    async authenticate() {
+        try {
+            const currentUrl = window.location.href;
+            const customRedirectUri = window.location.origin + '/api/drive/auth';
+            this.setReopenFlag();
+            window.location.href = `/api/drive/auth?redirect_uri=${encodeURIComponent(customRedirectUri)}&redirect_back=${encodeURIComponent(currentUrl)}`;
+            // Redirect happens — this won't resolve
+            return false;
+        }
+        catch {
+            return false;
+        }
+    }
+    setReopenFlag() {
+        if (typeof localStorage !== 'undefined') {
+            localStorage.setItem('reopen_drive_browser', 'true');
+        }
+    }
+    shouldReopenBrowser() {
+        if (typeof localStorage !== 'undefined') {
+            return localStorage.getItem('reopen_drive_browser') === 'true';
+        }
+        return false;
+    }
+    clearReopenFlag() {
+        if (typeof localStorage !== 'undefined') {
+            localStorage.removeItem('reopen_drive_browser');
+        }
+    }
+    async list(folderId, searchQuery) {
+        const actualFolderId = folderId || this.rootFolderId;
+        let url = `/api/drive/list?folderId=${encodeURIComponent(actualFolderId)}`;
+        if (searchQuery) {
+            url += `&query=${encodeURIComponent(searchQuery)}`;
+        }
+        const response = await fetch(url);
+        if (!response.ok) {
+            const errorData = await response.json();
+            throw new Error(errorData.error || 'Failed to fetch files');
+        }
+        const apiResponse = await response.json();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const files = (apiResponse.files || []).map((file) => ({
+            id: file.id,
+            key: file.id,
+            name: file.name,
+            lastModified: new Date(file.modifiedTime),
+            createdAt: file.createdTime ? new Date(file.createdTime) : undefined,
+            size: parseInt(file.size || '0'),
+            isFolder: file.mimeType === 'application/vnd.google-apps.folder',
+            mimeType: file.mimeType,
+            parentId: file.parents?.[0]
+        }));
+        // Sort: folders first, then by creation/modification time (newest first)
+        files.sort((a, b) => {
+            if (a.isFolder !== b.isFolder)
+                return a.isFolder ? -1 : 1;
+            const aTime = (a.createdAt || a.lastModified).getTime();
+            const bTime = (b.createdAt || b.lastModified).getTime();
+            return bTime - aTime;
+        });
+        // Resolve current folder name and parent
+        let folderName = 'Google Drive';
+        let parentFolderId = '';
+        if (actualFolderId !== this.rootFolderId) {
+            const resolved = await this.resolveFolderInfo(actualFolderId, files);
+            folderName = resolved.name;
+            parentFolderId = resolved.parentId;
+        }
+        // Build breadcrumbs
+        const breadcrumbs = [
+            {
+                name: 'Google Drive',
+                path: this.rootFolderId,
+                id: this.rootFolderId,
+                current: actualFolderId === this.rootFolderId,
+                clickable: true
+            }
+        ];
+        if (actualFolderId !== this.rootFolderId) {
+            breadcrumbs.push({
+                name: folderName,
+                path: actualFolderId,
+                id: actualFolderId,
+                current: true,
+                clickable: false
+            });
+        }
+        const result = {
+            files,
+            currentPath: actualFolderId,
+            breadcrumbs
+        };
+        if (actualFolderId !== this.rootFolderId && parentFolderId) {
+            result.parentPath = parentFolderId;
+        }
+        return result;
+    }
+    async download(file) {
+        const fileId = file.id || file.key;
+        const response = await fetch(`/api/drive/download?fileId=${encodeURIComponent(fileId)}`);
+        if (!response.ok) {
+            const errorData = await response.json();
+            throw new Error(errorData.error || 'Failed to download file');
+        }
+        return response.text();
+    }
+    /** Cache a folder name for breadcrumb display. */
+    setFolderName(folderId, name) {
+        this.folderNameCache.set(folderId, name);
+    }
+    /** Retrieve a cached folder name. */
+    getFolderNameFromCache(folderId) {
+        return this.folderNameCache.get(folderId);
+    }
+    getApiPath() {
+        return 'drive';
+    }
+    /**
+     * Resolve folder name and parent ID, using cache first, then the file list,
+     * then falling back to an API call.
+     */
+    async resolveFolderInfo(folderId, currentFiles) {
+        // Try cache first
+        const cached = this.getFolderNameFromCache(folderId);
+        if (cached) {
+            const parentId = await this.getParentFolderId(folderId);
+            return { name: cached, parentId };
+        }
+        // Try the current file list
+        const folderInList = currentFiles.find((f) => f.id === folderId);
+        if (folderInList?.name) {
+            this.setFolderName(folderId, folderInList.name);
+            return {
+                name: folderInList.name,
+                parentId: folderInList.parentId || this.rootFolderId
+            };
+        }
+        // Fall back to API
+        try {
+            const details = await this.getFolderDetails(folderId);
+            const name = details.name || `Folder ${folderId.substring(0, 5)}...`;
+            if (details.name)
+                this.setFolderName(folderId, name);
+            const parentId = details.parents && details.parents.length > 0 ? details.parents[0] : this.rootFolderId;
+            return { name, parentId };
+        }
+        catch {
+            return { name: `Folder ${folderId.substring(0, 5)}...`, parentId: this.rootFolderId };
+        }
+    }
+    async getParentFolderId(folderId) {
+        try {
+            const details = await this.getFolderDetails(folderId);
+            return details.parents?.[0] || this.rootFolderId;
+        }
+        catch {
+            return this.rootFolderId;
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    async getFolderDetails(folderId) {
+        const response = await fetch(`/api/drive/file?fileId=${encodeURIComponent(folderId)}`);
+        if (!response.ok) {
+            throw new Error('Failed to fetch folder details');
+        }
+        const result = await response.json();
+        return result.name ? result : { name: `Folder ${folderId.substring(0, 5)}...` };
+    }
+}

package/dist/adapters/storage/index.d.ts

@@ -1,3 +1,4 @@
 export * from './types.js';
 export * from './BaseAdapter.js';
 export * from './S3Adapter.js';
+export * from './GoogleDriveAdapter.js';

package/dist/adapters/storage/index.js

@@ -1,3 +1,4 @@
 export * from './types.js';
 export * from './BaseAdapter.js';
 export * from './S3Adapter.js';
+export * from './GoogleDriveAdapter.js';

package/dist/ai/ai-types.d.ts

@@ -36,6 +36,8 @@ export interface FileBrowserProps {
     startPath?: string;
     actions?: FileAction[];
     selectedFiles?: string[];
+    /** Controls whether the select-all checkbox selects the current page or all data. @default 'page' */
+    selectAllScope?: 'page' | 'all';
     infoSection?: (props: {
         selectedFiles: string[];
         navToFileFolder: (fileKey: string) => void;

package/dist/file-browser/FileBrowser.svelte

@@ -16,6 +16,7 @@
 		startPath = '',
 		actions = [],
 		infoSection,
+		selectAllScope = 'page',
 		selectedFiles = $bindable([])
 	}: FileBrowserProps = $props();
 
@@ -843,6 +844,7 @@
 					}}
 					onsort={handleSort}
 					selectable={true}
+					{selectAllScope}
 					{onselect}
 					{selected}
 				/>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "2.4.1",
+	"version": "2.5.0",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"license": "SEE LICENSE IN LICENSE",
 	"repository": {