insforge 0.3.3 → 1.2.10

package/frontend/src/features/auth/components/AuthMethodTab.tsx

@@ -1,238 +0,0 @@
-import { useState, useCallback, useMemo, ReactElement } from 'react';
-import { Button } from '@/components/radix/Button';
-import { MoreHorizontal, Plus, Trash2, Pencil } from 'lucide-react';
-import Github from '@/assets/logos/github.svg?react';
-import Google from '@/assets/logos/google.svg?react';
-import { OAuthEmptyState } from './OAuthEmptyState';
-import { OAuthConfigDialog } from './OAuthConfigDialog';
-import { AddOAuthDialog } from './AddOAuthDialog';
-import { useOAuthConfig } from '@/features/auth/hooks/useOAuthConfig';
-import { useConfirm } from '@/lib/hooks/useConfirm';
-import { ConfirmDialog } from '@/components/ConfirmDialog';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/radix/DropdownMenu';
-
-const providers: OAuthProviderInfo[] = [
-  {
-    id: 'google',
-    name: 'Google OAuth',
-    icon: <Google className="w-6 h-6" />,
-    description: 'Configure Google authentication for your users',
-    setupUrl: 'https://console.cloud.google.com/apis/credentials',
-  },
-  {
-    id: 'github',
-    name: 'GitHub OAuth',
-    icon: <Github className="w-6 h-6 dark:text-white" />,
-    description: 'Configure GitHub authentication for your users',
-    setupUrl: 'https://github.com/settings/developers',
-  },
-];
-
-export interface OAuthProviderInfo {
-  id: 'google' | 'github';
-  name: string;
-  icon: ReactElement;
-  description: string;
-  setupUrl: string;
-}
-
-export function AuthMethodTab() {
-  const [selectedProvider, setSelectedProvider] = useState<OAuthProviderInfo>();
-  const [isDialogOpen, setIsDialogOpen] = useState(false);
-  const [isSelectDialogOpen, setIsSelectDialogOpen] = useState(false);
-  const { confirm, confirmDialogProps } = useConfirm();
-  const {
-    configs,
-    isLoadingConfigs,
-    deleteConfig,
-    refetchConfigs,
-    getProviderConfig,
-    isProviderConfigured,
-  } = useOAuthConfig();
-
-  const handleConfigureProvider = (provider: OAuthProviderInfo) => {
-    setSelectedProvider(provider);
-    setIsDialogOpen(true);
-  };
-
-  const deleteOAuthConfig = async (providerId: 'google' | 'github', providerName: string) => {
-    const shouldDelete = await confirm({
-      title: `Delete ${providerName} OAuth`,
-      description: `Are you sure you want to delete the ${providerName} configuration? This action cannot be undone.`,
-      confirmText: 'Delete',
-      cancelText: 'Cancel',
-      destructive: true,
-    });
-
-    if (shouldDelete) {
-      try {
-        deleteConfig(providerId);
-      } catch (error) {
-        console.error(`Failed to delete ${providerId} OAuth:`, error);
-      }
-    }
-  };
-
-  const handleCloseDialog = () => {
-    setIsDialogOpen(false);
-    setSelectedProvider(undefined);
-  };
-
-  const hasAuthMethods = useMemo(() => {
-    return configs.length > 0;
-  }, [configs]);
-
-  const openSelectDialog = () => {
-    setIsSelectDialogOpen(true);
-  };
-
-  const enabledProviders = useMemo(() => {
-    return {
-      google: isProviderConfigured('google'),
-      github: isProviderConfigured('github'),
-    };
-  }, [isProviderConfigured]);
-
-  // Check if all providers are enabled
-  const allProvidersEnabled = useMemo(() => {
-    return providers.every((provider) => enabledProviders[provider.id]);
-  }, [enabledProviders]);
-
-  const handleConfirmSelected = (selectedId: 'google' | 'github') => {
-    // Find the selected provider
-    const selectedProvider = providers.find((p) => p.id === selectedId);
-    if (!selectedProvider) {
-      return;
-    }
-
-    // Close the select dialog and open the method dialog
-    setIsSelectDialogOpen(false);
-    setSelectedProvider(selectedProvider);
-    setIsDialogOpen(true);
-  };
-
-  const handleSuccess = useCallback(() => {
-    // Refresh configuration after successful update
-    void refetchConfigs();
-  }, [refetchConfigs]);
-
-  if (isLoadingConfigs) {
-    return (
-      <div className="flex items-center justify-center py-16">
-        <div className="text-center">
-          <div className="text-sm text-gray-500 dark:text-zinc-400">
-            Loading OAuth configuration...
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <div className="flex flex-col gap-6 h-full overflow-hidden p-6 w-full max-w-[1080px] mx-auto">
-        <div className="flex items-center justify-between">
-          <h2 className="text-2xl font-semibold text-gray-900 dark:text-white">Auth Method</h2>
-          {!allProvidersEnabled && (
-            <Button
-              className="h-9 pr-3 pl-2 py-2 gap-2 dark:bg-neutral-700 dark:text-white dark:hover:bg-neutral-600 text-sm font-medium rounded-sm"
-              onClick={openSelectDialog}
-            >
-              <Plus className="w-5 h-5" />
-              Add Auth
-            </Button>
-          )}
-        </div>
-
-        <div className="flex-1">
-          {hasAuthMethods ? (
-            <div className="grid grid-cols-2 gap-x-3 gap-y-6">
-              {providers.map((provider) => {
-                const providerConfig = getProviderConfig(provider.id);
-                if (!providerConfig) {
-                  return null;
-                }
-
-                return (
-                  <div
-                    key={provider.id}
-                    className="flex items-center justify-between h-15 p-4 bg-white rounded-[8px] border border-gray-200 dark:border-transparent dark:bg-[#333333]"
-                  >
-                    <div className="flex-1 flex items-center gap-3">
-                      {provider.icon}
-
-                      <div className="text-sm font-medium text-black dark:text-white">
-                        {provider.name}
-                      </div>
-                    </div>
-
-                    <div className="flex items-center gap-3">
-                      {providerConfig.useSharedKey && (
-                        <span className="px-2 py-0.5 text-xs font-medium text-neutral-500 dark:text-neutral-400 border border-neutral-500 dark:border-neutral-400 rounded">
-                          Shared Keys
-                        </span>
-                      )}
-
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild>
-                          <Button
-                            className="h-7 w-7 p-1 text-gray-500 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-700"
-                            variant="ghost"
-                            size="sm"
-                          >
-                            <MoreHorizontal className="w-5 h-5" />
-                          </Button>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="end" className="w-40 py-1 px-2">
-                          <DropdownMenuItem
-                            onClick={() => handleConfigureProvider(provider)}
-                            className="py-2 px-3 flex items-center gap-3 cursor-pointer"
-                          >
-                            <Pencil className="w-5 h-5" />
-                            Edit
-                          </DropdownMenuItem>
-                          <DropdownMenuItem
-                            onClick={() => void deleteOAuthConfig(provider.id, provider.name)}
-                            className="py-2 px-3 flex items-center gap-3 cursor-pointer text-red-600 dark:text-red-400"
-                          >
-                            <Trash2 className="w-5 h-5" />
-                            Delete
-                          </DropdownMenuItem>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </div>
-                  </div>
-                );
-              })}
-            </div>
-          ) : (
-            <OAuthEmptyState />
-          )}
-        </div>
-      </div>
-
-      <OAuthConfigDialog
-        provider={selectedProvider}
-        isOpen={isDialogOpen}
-        onClose={handleCloseDialog}
-        onSuccess={handleSuccess}
-      />
-
-      <AddOAuthDialog
-        providers={providers}
-        open={isSelectDialogOpen}
-        onOpenChange={setIsSelectDialogOpen}
-        onConfirm={handleConfirmSelected}
-        enabledProviders={enabledProviders}
-      />
-
-      {/* Confirm Dialog */}
-      <ConfirmDialog {...confirmDialogProps} />
-    </>
-  );
-}

package/frontend/src/features/auth/components/UsersTab.tsx

@@ -1,114 +0,0 @@
-import { useEffect, useMemo, useState } from 'react';
-import { useUsers } from '@/features/auth/hooks/useUsers';
-import { UsersDataGrid } from './UsersDataGrid';
-import { SortColumn } from 'react-data-grid';
-import { UserSchema } from '@insforge/shared-schemas';
-
-interface UsersTabProps {
-  searchQuery?: string;
-  selectedRows?: Set<string>;
-  onSelectedRowsChange?: (selectedRows: Set<string>) => void;
-}
-
-export function UsersTab({
-  searchQuery: externalSearchQuery = '',
-  selectedRows: externalSelectedRows,
-  onSelectedRowsChange: externalOnSelectedRowsChange,
-}: UsersTabProps) {
-  // Default page size of 20 records per page
-  const pageSize = 20;
-  const { users, totalUsers, isLoading, currentPage, setCurrentPage, totalPages, refetch } =
-    useUsers({ searchQuery: externalSearchQuery, pageSize });
-
-  // Multi-select state - use external state if provided, otherwise internal
-  const [internalSelectedRows, setInternalSelectedRows] = useState<Set<string>>(new Set());
-  const selectedRows = externalSelectedRows || internalSelectedRows;
-  const setSelectedRows = externalOnSelectedRowsChange || setInternalSelectedRows;
-
-  // Sorting state
-  const [sortColumns, setSortColumns] = useState<SortColumn[]>([]);
-
-  // Listen for refresh events
-  useEffect(() => {
-    const handleRefresh = () => {
-      // Reset sorting columns
-      setSortColumns([]);
-      // Reset selected rows
-      setSelectedRows(new Set());
-      // Refetch data
-      void refetch();
-    };
-    window.addEventListener('refreshUsers', handleRefresh);
-    return () => window.removeEventListener('refreshUsers', handleRefresh);
-  }, [refetch, setSelectedRows]);
-
-  // Clear selection when page changes or search changes
-  useEffect(() => {
-    setSelectedRows(new Set());
-  }, [currentPage, externalSearchQuery, setSelectedRows]);
-
-  // Apply sorting to users data
-  const sortedUsers = useMemo(() => {
-    if (!sortColumns.length) {
-      return users;
-    }
-
-    return [...users].sort((a, b) => {
-      for (const sort of sortColumns) {
-        const { columnKey, direction } = sort;
-        let aVal = a[columnKey as keyof UserSchema];
-        let bVal = b[columnKey as keyof UserSchema];
-
-        // Handle null/undefined values
-        if ((aVal === null || aVal === undefined) && (bVal === null || bVal === undefined)) {
-          continue;
-        }
-        if (aVal === null || aVal === undefined) {
-          return direction === 'ASC' ? -1 : 1;
-        }
-        if (bVal === null || bVal === undefined) {
-          return direction === 'ASC' ? 1 : -1;
-        }
-
-        // Convert to comparable values
-        if (typeof aVal === 'string') {
-          aVal = aVal.toLowerCase();
-        }
-        if (typeof bVal === 'string') {
-          bVal = bVal.toLowerCase();
-        }
-
-        if (aVal < bVal) {
-          return direction === 'ASC' ? -1 : 1;
-        }
-        if (aVal > bVal) {
-          return direction === 'ASC' ? 1 : -1;
-        }
-      }
-      return 0;
-    });
-  }, [users, sortColumns]);
-
-  return (
-    <div className="relative flex-1 flex flex-col overflow-hidden">
-      <div className="flex-1 flex flex-col overflow-hidden">
-        <UsersDataGrid
-          data={sortedUsers}
-          loading={isLoading}
-          selectedRows={selectedRows}
-          onSelectedRowsChange={setSelectedRows}
-          sortColumns={sortColumns}
-          onSortColumnsChange={setSortColumns}
-          currentPage={currentPage}
-          totalPages={totalPages}
-          pageSize={pageSize}
-          totalRecords={totalUsers}
-          onPageChange={setCurrentPage}
-          emptyStateTitle={
-            externalSearchQuery ? 'No users match your search criteria' : 'No users found'
-          }
-        />
-      </div>
-    </div>
-  );
-}

package/frontend/src/features/auth/page/AuthenticationPage.tsx

@@ -1,169 +0,0 @@
-import { useState } from 'react';
-import { useLocation } from 'react-router-dom';
-import { UserPlus, Users, Key } from 'lucide-react';
-import { Button, SearchInput, SelectionClearButton, DeleteActionButton } from '@/components';
-import { UsersTab } from '@/features/auth/components/UsersTab';
-import { Tooltip, TooltipContent, TooltipProvider } from '@/components/radix/Tooltip';
-import { UserFormDialog } from '@/features/auth/components/UserFormDialog';
-import { AuthMethodTab } from '@/features/auth/components/AuthMethodTab';
-import { ConfirmDialog } from '@/components/ConfirmDialog';
-import { authService } from '@/features/auth/services/auth.service';
-import { useToast } from '@/lib/hooks/useToast';
-import { cn } from '@/lib/utils/utils';
-import { useUsers } from '@/features/auth/hooks/useUsers';
-
-export default function AuthenticationPage() {
-  const location = useLocation();
-  const [selectedSection, setSelectedSection] = useState<string>(
-    location.state?.initialTab || 'users'
-  );
-  const [searchQuery, setSearchQuery] = useState('');
-  const [addDialogOpen, setAddDialogOpen] = useState(false);
-  const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
-  const [selectedRows, setSelectedRows] = useState<Set<string>>(new Set());
-
-  const { showToast } = useToast();
-  const { refetch } = useUsers();
-
-  const handleBulkDelete = async () => {
-    if (selectedRows.size === 0) {
-      return;
-    }
-
-    try {
-      const userIds = Array.from(selectedRows);
-      await authService.deleteUsers(userIds);
-      void refetch();
-      setSelectedRows(new Set());
-      showToast(
-        `${userIds.length} user${userIds.length > 1 ? 's' : ''} deleted successfully`,
-        'success'
-      );
-    } catch (error) {
-      showToast(error instanceof Error ? error.message : 'Failed to delete users', 'error');
-    }
-  };
-
-  const authSections = [
-    {
-      id: 'users',
-      name: 'Users',
-      icon: Users,
-      description: 'Manage user accounts',
-    },
-    {
-      id: 'auth-methods',
-      name: 'Auth Methods',
-      icon: Key,
-      description: 'Configure authentication',
-    },
-  ];
-
-  return (
-    <div className="h-full bg-slate-50 dark:bg-neutral-800 flex flex-col overflow-hidden">
-      {/* Tab Navigation */}
-      <div className="h-12 flex items-center gap-6 px-6 border-b border-border-gray dark:border-neutral-700 relative">
-        {authSections.map((section) => (
-          <button
-            key={section.id}
-            onClick={() => setSelectedSection(section.id)}
-            className={cn(
-              'flex h-full items-center gap-2 px-0 text-base font-semibold transition-colors relative',
-              selectedSection === section.id
-                ? 'text-black dark:text-white'
-                : 'text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-300'
-            )}
-          >
-            {section.name}
-            {selectedSection === section.id && (
-              <div className="absolute bottom-0 left-0 right-0 h-0.5 bg-black dark:bg-white" />
-            )}
-          </button>
-        ))}
-      </div>
-
-      {/* Content Area */}
-      <div className="flex-1 flex flex-col overflow-hidden">
-        {/* Users Section Header */}
-        {selectedSection === 'users' && (
-          <div className="px-3 py-4 dark:bg-neutral-800">
-            <div className="flex items-center justify-between">
-              {selectedRows.size > 0 ? (
-                <div className="flex items-center gap-3">
-                  <SelectionClearButton
-                    selectedCount={selectedRows.size}
-                    itemType="user"
-                    onClear={() => setSelectedRows(new Set())}
-                  />
-                  <DeleteActionButton
-                    selectedCount={selectedRows.size}
-                    itemType="user"
-                    onDelete={() => setConfirmDeleteOpen(true)}
-                  />
-                </div>
-              ) : (
-                <SearchInput
-                  value={searchQuery}
-                  onChange={setSearchQuery}
-                  placeholder="Search Users by Name or Email"
-                  className="flex-1 max-w-80 dark:bg-neutral-800 dark:text-white dark:border-neutral-700"
-                  debounceTime={300}
-                />
-              )}
-              <div className="flex items-center gap-2">
-                {selectedRows.size === 0 && (
-                  <>
-                    <TooltipProvider>
-                      <Tooltip>
-                        <TooltipContent>
-                          <p>Refresh</p>
-                        </TooltipContent>
-                      </Tooltip>
-                    </TooltipProvider>
-                    <Button
-                      className="h-10 px-4 font-medium dark:bg-emerald-300 dark:text-black"
-                      onClick={() => setAddDialogOpen(true)}
-                    >
-                      <UserPlus className="h-4 w-4 mr-2" />
-                      New User
-                    </Button>
-                  </>
-                )}
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Main Content */}
-
-        {selectedSection === 'users' && (
-          <UsersTab
-            searchQuery={searchQuery}
-            selectedRows={selectedRows}
-            onSelectedRowsChange={setSelectedRows}
-          />
-        )}
-
-        {selectedSection === 'auth-methods' && <AuthMethodTab />}
-      </div>
-
-      <UserFormDialog open={addDialogOpen} onOpenChange={setAddDialogOpen} />
-
-      <ConfirmDialog
-        open={confirmDeleteOpen}
-        onOpenChange={setConfirmDeleteOpen}
-        title={`Delete ${selectedRows.size} ${selectedRows.size === 1 ? 'User' : 'Users'}`}
-        description={
-          <span>
-            Are you sure to <strong>permanently delete {selectedRows.size}</strong>{' '}
-            {selectedRows.size === 1 ? 'user' : 'users'}? This action cannot be undone.
-          </span>
-        }
-        confirmText="Delete"
-        cancelText="Cancel"
-        destructive
-        onConfirm={handleBulkDelete}
-      />
-    </div>
-  );
-}

package/frontend/src/features/database/hooks/UseLinkModal.tsx

@@ -1,78 +0,0 @@
-import { createContext, useContext, useState, ReactNode } from 'react';
-import type { DatabaseRecord } from '@/components/datagrid';
-
-interface LinkModalState {
-  isOpen: boolean;
-  referenceTable: string | null;
-  referenceColumn: string | null;
-  currentValue: string | null;
-  onSelectRecord: ((record: DatabaseRecord) => void) | null;
-}
-
-interface LinkModalContextType {
-  modalState: LinkModalState;
-  openModal: (config: {
-    referenceTable: string;
-    referenceColumn: string;
-    currentValue?: string | null;
-    onSelectRecord: (record: DatabaseRecord) => void;
-  }) => void;
-  closeModal: () => void;
-}
-
-const LinkModalContext = createContext<LinkModalContextType | undefined>(undefined);
-
-const initialState: LinkModalState = {
-  isOpen: false,
-  referenceTable: null,
-  referenceColumn: null,
-  currentValue: null,
-  onSelectRecord: null,
-};
-
-interface LinkModalProviderProps {
-  children: ReactNode;
-}
-
-export function LinkModalProvider({ children }: LinkModalProviderProps) {
-  const [modalState, setModalState] = useState<LinkModalState>(initialState);
-
-  const openModal = (config: {
-    referenceTable: string;
-    referenceColumn: string;
-    currentValue?: string | null;
-    onSelectRecord: (record: DatabaseRecord) => void;
-  }) => {
-    setModalState({
-      isOpen: true,
-      referenceTable: config.referenceTable,
-      referenceColumn: config.referenceColumn,
-      currentValue: config.currentValue || null,
-      onSelectRecord: config.onSelectRecord,
-    });
-  };
-
-  const closeModal = () => {
-    setModalState(initialState);
-  };
-
-  return (
-    <LinkModalContext.Provider
-      value={{
-        modalState,
-        openModal,
-        closeModal,
-      }}
-    >
-      {children}
-    </LinkModalContext.Provider>
-  );
-}
-
-export function useLinkModal() {
-  const context = useContext(LinkModalContext);
-  if (context === undefined) {
-    throw new Error('useLinkModal must be used within a LinkModalProvider');
-  }
-  return context;
-}

package/frontend/src/features/functions/components/FunctionViewer.tsx

@@ -1,46 +0,0 @@
-interface CodeEditorProps {
-  code: string;
-}
-
-export function CodeEditor({ code }: CodeEditorProps) {
-  // Split code into lines for line numbers
-  const lines = code.split('\n');
-
-  return (
-    <div className="h-full bg-white dark:bg-neutral-900 overflow-auto">
-      <div className="flex min-h-full">
-        {/* Line Numbers */}
-        <div className="flex-shrink-0 bg-gray-50 dark:bg-neutral-800 px-3 py-4 font-mono text-sm text-gray-500 dark:text-gray-400 select-none">
-          {lines.map((_, index) => (
-            <div key={index} className="leading-6 text-right min-w-[2rem]">
-              {index + 1}
-            </div>
-          ))}
-          {/* Extra line numbers for blank lines */}
-          {Array.from({ length: 6 }, (_, i) => (
-            <div key={`extra-${i}`} className="leading-6 text-right min-w-[2rem]">
-              {lines.length + 1 + i}
-            </div>
-          ))}
-        </div>
-
-        {/* Code Area */}
-        <div className="flex-1">
-          <pre className="font-mono text-sm leading-6 p-4 m-0 bg-transparent text-gray-900 dark:text-white">
-            {lines.map((line, index) => (
-              <div key={index} className="min-h-[1.5rem]">
-                {line || <span>&nbsp;</span>}
-              </div>
-            ))}
-            {/* Some blank lines at the end */}
-            {Array.from({ length: 6 }, (_, i) => (
-              <div key={`blank-${i}`} className="min-h-[1.5rem]">
-                &nbsp;
-              </div>
-            ))}
-          </pre>
-        </div>
-      </div>
-    </div>
-  );
-}