@loopstack/loopstack-studio 0.21.0 → 0.21.1

package/dist/index.d.ts

@@ -9,10 +9,14 @@ import { ApiV1PipelinesApi } from '../../client/api-client';
 import { ApiV1ProcessorApi } from '../../client/api-client';
 import { ApiV1WorkflowsApi } from '../../client/api-client';
 import { ApiV1WorkspacesApi } from '../../client/api-client';
+import { ApiV1WorkspacesApiWorkspaceControllerCreateWorkspaceRequest } from '../../client/api-client';
+import { ApiV1WorkspacesApiWorkspaceControllerUpdateWorkspaceRequest } from '../../client/api-client';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { AxiosResponse } from 'axios';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { ComponentType } from 'react';
 import { Context } from 'react';
 import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -32,8 +36,16 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { UseMutationResult } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
+import { UseQueryResult } from '@tanstack/react-query';
 import { VariantProps } from 'class-variance-authority';
+import { WorkspaceConfigDto } from '../../../../client/api-client';
+import { WorkspaceControllerBatchDeleteWorkspaces200Response } from '../../client/api-client';
+import { WorkspaceControllerGetWorkspaces200Response } from '../../client/api-client';
+import { WorkspaceDto } from '../../client/api-client';
+import { WorkspaceItemDto } from '../../../../client/api-client';
+import { WorkspaceItemDto as WorkspaceItemDto_2 } from '../../client/api-client';
 
 export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
 
@@ -145,7 +157,7 @@ export declare function Button({ className, variant, size, asChild, ...props }:
 
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function Card({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
@@ -175,7 +187,7 @@ export declare interface Column {
     label: string;
     minWidth?: number;
     align?: 'right' | 'left' | 'center';
-    format?: (value: unknown) => string;
+    format?: (value: unknown) => default_2.ReactNode;
 }
 
 export declare const CompletionMessagePaper: default_2.FC<CompletionMessagePaperProps>;
@@ -189,6 +201,15 @@ declare interface CompletionMessagePaperProps {
     className?: string;
 }
 
+export declare interface ComponentOverrides {
+    CreateWorkspace?: ComponentType<CreateWorkspaceProps>;
+}
+
+export declare const ComponentOverridesProvider: ({ children, overrides, }: {
+    children: ReactNode;
+    overrides: ComponentOverrides;
+}) => JSX.Element;
+
 export declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
 
 declare interface ConfirmDialogProps {
@@ -206,8 +227,16 @@ export declare function createApiClient(environment: Environment): {
     auth: ApiV1AuthApi;
 };
 
+export declare interface CreateWorkspaceProps {
+    types: WorkspaceConfigDto[];
+    workspace?: WorkspaceItemDto;
+    onSuccess: () => void;
+}
+
 export declare const CustomItemListView: <T extends Item_2>({ loading, error, items, totalItems, filterConfig, onClick, handleNew, setPage, setRowsPerPage, setSearchTerm, setFilters, searchTerm, filters, page, rowsPerPage, batchActions, batchDelete, enableBatchActions, rowActions, itemRenderer, newButtonLabel, }: ListViewProps_2<T>) => JSX.Element;
 
+export declare function DashboardPage(): JSX.Element;
+
 export declare function DataList<T extends {
     id: string;
 }>({ data, totalItems, loading, error, page, pageSize, onPageChange, onPageSizeChange, searchTerm, onSearchChange, filters, filterConfig, onFiltersChange, onRowClick, onNew, enableBatchActions, batchActions, onBatchDelete, rowActions, itemRenderer, newButtonLabel, }: DataListProps<T>): JSX.Element;
@@ -241,7 +270,7 @@ export declare interface DataListProps<T = any> {
 
 export declare function DataTable<T extends {
     id: string;
-}>({ data, columns, totalItems, loading, error, page, pageSize, onPageChange, onPageSizeChange, sortBy, sortOrder, onSortChange, searchTerm, onSearchChange, filters, filterConfig, onFiltersChange, onRowClick, onEdit, onDelete, onNew, enableBatchActions, batchActions, onBatchDelete, rowActions, }: DataTableProps<T>): JSX.Element;
+}>({ data, columns, totalItems, loading, error, page, pageSize, onPageChange, onPageSizeChange, sortBy, sortOrder, onSortChange, searchTerm, onSearchChange, filters, filterConfig, onFiltersChange, onRowClick, onEdit, onDelete, onNew, newButtonLabel, enableBatchActions, batchActions, onBatchDelete, rowActions, deleteConfirmTitle, deleteConfirmDescription, }: DataTableProps<T>): JSX.Element;
 
 export declare const DataTableBatchActions: React.FC<DataTableBatchActionsProps>;
 
@@ -302,6 +331,9 @@ export declare interface DataTableProps<T = any> {
     onEdit?: (item: T) => void;
     onDelete?: (id: string) => void;
     onNew?: () => void;
+    newButtonLabel?: string;
+    deleteConfirmTitle?: (itemId: string) => string;
+    deleteConfirmDescription?: (itemId: string) => string;
     rowActions?: RowAction<T>[];
     enableBatchActions?: boolean;
     batchActions?: BatchAction[];
@@ -325,6 +357,10 @@ declare interface DataTableToolbarProps {
 
 export declare const DebugPage: () => JSX.Element;
 
+export declare function DebugWorkflowDetailsPage(): JSX.Element;
+
+export declare function DebugWorkflowsPage(): JSX.Element;
+
 export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
 
 export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
@@ -410,6 +446,8 @@ export declare function DropdownMenuSubTrigger({ className, inset, children, ...
 
 export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
 
+export declare function EmbedWorkbenchPage(): JSX.Element;
+
 export declare interface Environment {
     id: string;
     name: string;
@@ -447,7 +485,7 @@ declare interface Item_2 {
     id: string;
 }
 
-export declare const ItemListView: <T extends Item>({ loading, error, items, totalItems, columns, filterConfig, deleteItem, onClick, handleNew, handleEdit, setPage, setRowsPerPage, setOrderBy, setOrder, setSearchTerm, setFilters, orderBy, order, searchTerm, filters, page, rowsPerPage, batchActions, batchDelete, enableBatchActions, rowActions, }: ListViewProps<T>) => JSX.Element;
+export declare const ItemListView: <T extends Item>({ loading, error, items, totalItems, columns, filterConfig, deleteItem, onClick, handleNew, handleEdit, setPage, setRowsPerPage, setOrderBy, setOrder, setSearchTerm, setFilters, orderBy, order, searchTerm, filters, page, rowsPerPage, batchActions, batchDelete, enableBatchActions, rowActions, deleteConfirmTitle, deleteConfirmDescription, newButtonLabel, }: ListViewProps<T>) => JSX.Element;
 
 export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
 
@@ -458,10 +496,10 @@ declare interface ListViewProps<T extends Item = Item> {
     totalItems: number;
     columns: Column[];
     filterConfig: Record<string, string[]>;
-    deleteItem: (id: string) => void;
-    onClick: (id: string) => void;
+    deleteItem?: (id: string) => void;
+    onClick?: (id: string) => void;
     handleNew: () => void;
-    handleEdit: (item: T) => void;
+    handleEdit?: (item: T) => void;
     setPage: (page: number) => void;
     setRowsPerPage: (rows: number) => void;
     setOrderBy: (field: string) => void;
@@ -478,6 +516,9 @@ declare interface ListViewProps<T extends Item = Item> {
     batchDelete?: (ids: string[]) => void | Promise<void>;
     enableBatchActions?: boolean;
     rowActions?: OriginalRowAction<T>[];
+    deleteConfirmTitle?: (itemId: string) => string;
+    deleteConfirmDescription?: (itemId: string) => string;
+    newButtonLabel?: string;
 }
 
 declare interface ListViewProps_2<T extends Item_2 = Item_2> {
@@ -535,14 +576,15 @@ export declare class LocalRouter implements StudioRouter {
     navigateToPipelineDebug(pipelineId: string): Promise<void>;
     navigateToWorkflow(pipelineId: string, workflowId: string, clickId: string | undefined): Promise<void>;
     navigateToPipelineNamespace(workspaceId: string, pipelineId: string, namespaceId: string): Promise<void>;
+    getEmbedPipeline(pipelineId: string): string;
     getCurrentEnvironmentId(): string;
     getTheme(): 'local' | 'cloud';
 }
 
 export declare const MainLayout: ({ children, breadcrumbsData, headerMenu, }: {
-    children: ReactElement | ReactElement[];
+    children: ReactNode;
     breadcrumbsData: BreadCrumbsData[];
-    headerMenu?: ReactElement;
+    headerMenu?: ReactNode;
 }) => JSX.Element;
 
 declare interface OriginalBatchAction {
@@ -590,6 +632,8 @@ declare interface PageBreadcrumbsProps {
     breadcrumbData: BreadCrumbsData[];
 }
 
+export declare const PipelineDebugPage: default_2.FC;
+
 export declare function Popover({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
 
 export declare function PopoverAnchor({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element;
@@ -801,6 +845,7 @@ export declare interface StudioRouter {
     navigateToPipelineDebug(pipelineId: string): Promise<void>;
     navigateToWorkflow(pipelineId: string, workflowId: string, clickId: string | undefined): Promise<void>;
     navigateToPipelineNamespace(workspaceId: string, pipelineId: string, namespaceId: string): Promise<void>;
+    getEmbedPipeline(pipelineId: string): string;
     getCurrentEnvironmentId(): string;
     getTheme(): 'local' | 'cloud';
 }
@@ -850,14 +895,35 @@ export declare function useApiClient(): {
     };
 };
 
+export declare function useBatchDeleteWorkspaces(): UseMutationResult<AxiosResponse<WorkspaceControllerBatchDeleteWorkspaces200Response, any, {}>, Error, string[], unknown>;
+
+export declare const useComponentOverrides: () => ComponentOverrides;
+
+export declare function useCreateWorkspace(): UseMutationResult<AxiosResponse<WorkspaceDto, any, {}>, Error, ApiV1WorkspacesApiWorkspaceControllerCreateWorkspaceRequest, unknown>;
+
+export declare function useDeleteWorkspace(): UseMutationResult<AxiosResponse<void, any, {}>, Error, string, unknown>;
+
+export declare function useFilterWorkspaces(searchTerm: string | undefined, filter: Record<string, string>, sortBy?: string, order?: string, page?: number, limit?: number): UseQueryResult<WorkspaceControllerGetWorkspaces200Response, Error>;
+
 export declare function useIsMobile(): boolean;
 
 export declare const useRouter: (envId: string) => StudioRouter;
 
+export declare function useSetFavouriteWorkspace(): UseMutationResult<AxiosResponse<WorkspaceItemDto_2, any, {}>, Error, {
+id: string;
+isFavourite: boolean;
+}, unknown>;
+
 export declare function useSidebar(): SidebarContextProps;
 
 export declare const useStudio: () => StudioContext;
 
+export declare function useUpdateWorkspace(): UseMutationResult<AxiosResponse<WorkspaceDto, any, {}>, Error, ApiV1WorkspacesApiWorkspaceControllerUpdateWorkspaceRequest, unknown>;
+
+export declare function useWorkspace(id: string | undefined): UseQueryResult<WorkspaceDto, Error>;
+
+export declare function WorkbenchPage(): JSX.Element;
+
 export declare const WorkspacePage: () => JSX.Element;
 
 export declare function WorkspacesPage(): JSX.Element;

package/dist/index.js

@@ -4,7 +4,9 @@ import "./services/index.js";
 import { StudioProvider, useStudio } from "./providers/StudioProvider.js";
 import { useApiClient } from "./hooks/useApi.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
+import { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace } from "./hooks/useWorkspaces.js";
 import "./hooks/index.js";
+import { ComponentOverridesProvider, useComponentOverrides } from "./providers/ComponentOverridesProvider.js";
 import { LocalRouter, useRouter } from "./routing/LocalRouter.js";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
 import { Button, buttonVariants } from "./components/ui/button.js";
@@ -53,7 +55,13 @@ import ErrorSnackbar_default from "./components/snackbars/ErrorSnackbar.js";
 import LoadingCentered_default from "./components/LoadingCentered.js";
 import "./components/index.js";
 import DebugPage_default from "./pages/DebugPage.js";
+import DashboardPage from "./pages/DashboardPage.js";
 import WorkspacesPage from "./pages/WorkspacesPage.js";
 import WorkspacePage_default from "./pages/WorkspacePage.js";
+import WorkbenchPage from "./pages/WorkbenchPage.js";
+import PipelineDebugPage_default from "./pages/PipelineDebugPage.js";
+import DebugWorkflowsPage from "./pages/DebugWorkflowsPage.js";
+import DebugWorkflowDetailsPage from "./pages/DebugWorkflowDetailsPage.js";
+import EmbedWorkbenchPage from "./pages/EmbedWorkbenchPage.js";
 import LocalHealthCheck_default from "./features/health/LocalHealthCheck.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, CompletionMessagePaper_default as CompletionMessagePaper, ConfirmDialog_default as ConfirmDialog, CustomListView_default as CustomItemListView, DataList, DataTable, DataTableBatchAction_default as DataTableBatchActions, DataTableFilters_default as DataTableFilters, DataTablePagination_default as DataTablePagination, DataTableToolbar_default as DataTableToolbar, DebugPage_default as DebugPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscordLogo, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorSnackbar_default as ErrorSnackbar, GoogleLogo, Input, ListView_default as ItemListView, Label, LoadingCentered_default as LoadingCentered, LocalHealthCheck_default as LocalHealthCheck, LocalRouter, MainLayout_default as MainLayout, PageBreadcrumbs_default as PageBreadcrumbs, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar_default as Snackbar, StudioProvider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkspacePage_default as WorkspacePage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, useApiClient, useIsMobile, useRouter, useSidebar, useStudio };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, CompletionMessagePaper_default as CompletionMessagePaper, ComponentOverridesProvider, ConfirmDialog_default as ConfirmDialog, CustomListView_default as CustomItemListView, DashboardPage, DataList, DataTable, DataTableBatchAction_default as DataTableBatchActions, DataTableFilters_default as DataTableFilters, DataTablePagination_default as DataTablePagination, DataTableToolbar_default as DataTableToolbar, DebugPage_default as DebugPage, DebugWorkflowDetailsPage, DebugWorkflowsPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscordLogo, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedWorkbenchPage, ErrorSnackbar_default as ErrorSnackbar, GoogleLogo, Input, ListView_default as ItemListView, Label, LoadingCentered_default as LoadingCentered, LocalHealthCheck_default as LocalHealthCheck, LocalRouter, MainLayout_default as MainLayout, PageBreadcrumbs_default as PageBreadcrumbs, PipelineDebugPage_default as PipelineDebugPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar_default as Snackbar, StudioProvider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkspacePage_default as WorkspacePage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, useApiClient, useBatchDeleteWorkspaces, useComponentOverrides, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useIsMobile, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useUpdateWorkspace, useWorkspace };

package/dist/lib/requireParam.js

@@ -0,0 +1,6 @@
+function requireParam(e, t) {
+	let n = e[t];
+	if (n === void 0 || n === "") throw Error(`Missing required route param: ${t}`);
+	return n;
+}
+export { requireParam };