10 | );
11 | };
--------------------------------------------------------------------------------
/apps/client/src/types/index.ts:
--------------------------------------------------------------------------------
1 | // Client-side type definitions
2 | export enum Role {
3 | Admin = 'admin',
4 | Editor = 'editor',
5 | Viewer = 'viewer',
6 | }
7 |
8 | export interface User {
9 | id: number;
10 | email: string;
11 | fullName: string;
12 | role: Role;
13 | createdAt: string;
14 | }
--------------------------------------------------------------------------------
/apps/server/src/utils/validators/sshpk.d.ts:
--------------------------------------------------------------------------------
1 | declare module "sshpk" {
2 | export interface Key {
3 | type: string;
4 | size: number;
5 | comment?: string;
6 | source?: string;
7 | }
8 | export function parseKey(
9 | data: string | Buffer,
10 | format?: string,
11 | name?: string
12 | ): Key;
13 | }
14 |
--------------------------------------------------------------------------------
/apps/client/src/types/SavedView.ts:
--------------------------------------------------------------------------------
1 | import { Filters } from "@/components/Dashboard";
2 |
3 | export interface SavedView {
4 | id: string;
5 | name: string;
6 | description?: string;
7 | createdAt: string;
8 | filters: Filters;
9 | visibleColumns: Record
16 |
23 |
24 | );
25 | };
26 |
27 | export default NotFound;
28 |
--------------------------------------------------------------------------------
/apps/client/src/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | export type TextareaProps = React.TextareaHTMLAttributes
20 | {title && {title} }
21 | {description && (
22 | {description}
23 | )}
24 |
25 | {action}
26 | e.preventDefault()}
48 | onDrop={onDrop}
49 | className={cn(
50 | "relative group flex flex-col items-center justify-center border-2 border-dashed rounded-md p-6 py-12 text-center hover:bg-accent",
51 | className
52 | )}
53 | >
54 |
55 |
61 |
62 | );
63 | }
64 |
65 |
66 |
--------------------------------------------------------------------------------
/apps/client/src/components/ProfileButton.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@/components/ui/button";
2 | import { Link, useLocation } from "react-router-dom";
3 | import { cn } from "@/lib/utils";
4 | import { getCurrentUser } from "@/lib/auth";
5 |
6 | interface ProfileButtonProps {
7 | collapsed: boolean;
8 | }
9 |
10 | const getInitials = (name: string) => {
11 | return name
12 | .split(' ')
13 | .map(word => word.charAt(0))
14 | .join('')
15 | .toUpperCase()
16 | .slice(0, 2);
17 | };
18 |
19 | export function ProfileButton({ collapsed }: ProfileButtonProps) {
20 | const location = useLocation();
21 | const isActive = location.pathname === "/profile";
22 | const currentUser = getCurrentUser();
23 | const userInitials = currentUser ? getInitials(currentUser.email.split('@')[0]) : 'U';
24 |
25 | return (
26 |
56 | );
57 | }
--------------------------------------------------------------------------------
/apps/client/src/components/ui/toggle-group.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
3 | import { type VariantProps } from "class-variance-authority"
4 |
5 | import { cn } from "@/lib/utils"
6 | import { toggleVariants } from "@/components/ui/toggle"
7 |
8 | const ToggleGroupContext = React.createContext<
9 | VariantProps{children}
51 |
55 | {children}
56 |
57 | ) : (
58 |
67 | )
68 | )
69 | }
70 |
--------------------------------------------------------------------------------
/apps/client/src/components/ui/card.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | const Card = React.forwardRef<
6 | HTMLDivElement,
7 | React.HTMLAttributes
48 | {char}
49 | {hasFakeCaret && (
50 |
55 | )
56 | })
57 | InputOTPSlot.displayName = "InputOTPSlot"
58 |
59 | const InputOTPSeparator = React.forwardRef<
60 | React.ElementRef<"div">,
61 | React.ComponentPropsWithoutRef<"div">
62 | >(({ ...props }, ref) => (
63 |
51 |
52 |
53 | )}
54 |
64 |
66 | ))
67 | InputOTPSeparator.displayName = "InputOTPSeparator"
68 |
69 | export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
70 |
--------------------------------------------------------------------------------
/apps/client/src/lib/sslKeys.ts:
--------------------------------------------------------------------------------
1 | import { secretsApi } from './api';
2 | import { SecretMetadata } from '@OpsiMate/shared';
3 |
4 | // Server-based secrets functions
5 | export async function getSecretsFromServer(): Promise
24 |
77 | )
78 | }
--------------------------------------------------------------------------------
/apps/client/src/lib/permissions.ts:
--------------------------------------------------------------------------------
1 | import { getUserRole } from './auth';
2 |
3 | // Local role definitions for client-side use
4 | enum Role {
5 | Admin = 'admin',
6 | Editor = 'editor',
7 | Viewer = 'viewer',
8 | }
9 |
10 | export type Permission = 'create' | 'edit' | 'delete' | 'view';
11 |
12 | export function hasPermission(permission: Permission): boolean {
13 | const userRole = getUserRole();
14 |
15 | switch (userRole) {
16 | case Role.Admin:
17 | return true; // Admins can do everything
18 | case Role.Editor:
19 | return permission !== 'delete'; // Editors can create, edit, view but not delete
20 | case Role.Viewer:
21 | return permission === 'view'; // Viewers can only view
22 | default:
23 | return false;
24 | }
25 | }
26 |
27 | export function canCreate(): boolean {
28 | return hasPermission('create');
29 | }
30 |
31 | export function canEdit(): boolean {
32 | return hasPermission('edit');
33 | }
34 |
35 | export function canDelete(): boolean {
36 | return hasPermission('delete');
37 | }
38 |
39 | export function canView(): boolean {
40 | return hasPermission('view');
41 | }
42 |
43 | // Specific permission checks for different features
44 | export function canManageUsers(): boolean {
45 | const userRole = getUserRole();
46 |
47 | switch (userRole) {
48 | case Role.Admin:
49 | return true;
50 | case Role.Editor:
51 | return false;
52 | case Role.Viewer:
53 | return false;
54 | default:
55 | return false;
56 | }
57 | }
58 |
59 | export function canManageProviders(): boolean {
60 | const userRole = getUserRole();
61 |
62 | switch (userRole) {
63 | case Role.Admin:
64 | return true;
65 | case Role.Editor:
66 | return true;
67 | case Role.Viewer:
68 | return false;
69 | default:
70 | return false;
71 | }
72 | }
73 |
74 | export function canViewServices(): boolean {
75 | const userRole = getUserRole();
76 |
77 | switch (userRole) {
78 | case Role.Admin:
79 | return true;
80 | case Role.Editor:
81 | return true;
82 | case Role.Viewer:
83 | return true;
84 | default:
85 | return false;
86 | }
87 | }
88 |
89 | export function canManageIntegrations(): boolean {
90 | return getUserRole() === Role.Admin;
91 | }
92 |
93 | export function canManageServices(): boolean {
94 | return hasPermission('create') || hasPermission('edit');
95 | }
96 |
97 | export function canManageTags(): boolean {
98 | return hasPermission('create') || hasPermission('edit');
99 | }
--------------------------------------------------------------------------------
/apps/server/tests/test-integration.ts:
--------------------------------------------------------------------------------
1 | import axios, { AxiosResponse } from 'axios';
2 | import { Logger } from '@OpsiMate/shared';
3 |
4 | const BASE_URL = 'http://localhost:3001/api/v1';
5 | const logger = new Logger('test-integration');
6 |
7 | async function testIntegration() {
8 | try {
9 | logger.info('Testing Integration Router...\n');
10 |
11 | // Test 1: Create a provider
12 | logger.info('1. Creating a provider...');
13 | const providerData = {
14 | provider_name: 'Test Azure VM',
15 | provider_ip: '192.168.1.100',
16 | username: 'azureuser',
17 | public_key: 'ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQC...',
18 | ssh_port: 22
19 | };
20 |
21 | const createResponse: AxiosResponse = await axios.post(`${BASE_URL}/providers`, providerData);
22 | logger.info('Provider created: ' + JSON.stringify(createResponse.data));
23 | const providerId = createResponse.data.data.id;
24 |
25 | // Test 2: Get all providers
26 | logger.info('\n2. Getting all providers...');
27 | const providersResponse: AxiosResponse = await axios.get(`${BASE_URL}/providers`);
28 | logger.info('Providers: ' + JSON.stringify(providersResponse.data));
29 |
30 | // Test 3: Get provider instances (this will fail SSH connection but test the endpoint)
31 | logger.info('\n3. Getting provider instances...');
32 | try {
33 | const instancesResponse: AxiosResponse = await axios.get(`${BASE_URL}/providers/${providerId}/instance`);
34 | logger.info('Instances: ' + JSON.stringify(instancesResponse.data));
35 | } catch (error: any) {
36 | logger.info('Expected SSH error: ' + (error.response?.data ? JSON.stringify(error.response.data) : error.message));
37 | }
38 |
39 | // Test 4: Store services in bulk
40 | logger.info('\n4. Storing services in bulk...');
41 | const servicesData = {
42 | serviceNames: ['nginx', 'postgresql', 'redis']
43 | };
44 |
45 | const bulkResponse: AxiosResponse = await axios.post(`${BASE_URL}/providers/${providerId}/instance/bulk`, servicesData);
46 | logger.info('Services stored: ' + JSON.stringify(bulkResponse.data));
47 |
48 | // Test 5: Get services for provider
49 | logger.info('\n5. Getting services for provider...');
50 | const servicesResponse: AxiosResponse = await axios.get(`${BASE_URL}/providers/${providerId}/services`);
51 | logger.info('Services: ' + JSON.stringify(servicesResponse.data));
52 |
53 | logger.info('\n✅ All tests completed!');
54 |
55 | } catch (error: any) {
56 | logger.error('❌ Test failed: ' + (error.response?.data ? JSON.stringify(error.response.data) : error.message));
57 | }
58 | }
59 |
60 | testIntegration();
--------------------------------------------------------------------------------
/apps/client/src/hooks/useFormErrors.ts:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 | import { mapValidationErrors, mapApiError, isValidationError } from '../lib/errorMapper';
3 |
4 | export interface FormErrorState {
5 | errors: Record
25 |
76 |
26 | {selectedServices.length > 0
27 | ? (
28 |
29 | Selected: {selectedServices.length} service{selectedServices.length !== 1 ? 's' : ''}
30 | {selectedServices.length === 1 && (
31 | ({selectedServices[0].name})
32 | )}
33 |
34 | )
35 | : No services selected
36 | }
37 |
38 |
39 |
40 |
50 |
51 |
61 |
62 |
72 |
73 |
74 |
75 |
69 |
71 | );
72 | }
73 |
74 | // If there's an error and no JWT, show error state
75 | if (error && !localStorage.getItem('jwt')) {
76 | return (
77 | Loading...
70 |
78 |
80 | );
81 | }
82 |
83 | return <>{children};
84 | };
--------------------------------------------------------------------------------
/apps/server/tests/test-private-key.ts:
--------------------------------------------------------------------------------
1 | import axios, { AxiosResponse } from 'axios';
2 | import { Logger } from '@OpsiMate/shared';
3 |
4 | const BASE_URL = 'http://localhost:3001/api/v1/integration';
5 | const logger = new Logger('test-private-key');
6 |
7 | async function testPrivateKeyFunctionality() {
8 | try {
9 | logger.info('Testing private key filename functionality...\n');
10 |
11 | // Test 1: Create a provider with private key filename
12 | logger.info('1. Creating provider with private key filename...');
13 | const createResponse: AxiosResponse = await axios.post(`${BASE_URL}/providers`, {
14 | provider_name: 'Test Server',
15 | provider_ip: '192.168.1.100',
16 | username: 'ubuntu',
17 | private_key_filename: 'sample-key.pem',
18 | ssh_port: 22
19 | });
20 |
21 | logger.info('✅ Provider created successfully: ' + JSON.stringify(createResponse.data));
22 | const providerId = createResponse.data.data.id;
23 |
24 | // Test 2: Get all providers
25 | logger.info('\n2. Getting all providers...');
26 | const providersResponse: AxiosResponse = await axios.get(`${BASE_URL}/providers`);
27 | logger.info('✅ Providers retrieved: ' + JSON.stringify(providersResponse.data));
28 |
29 | // Test 3: Test SSH connection (this will fail but should show proper error handling)
30 | logger.info('\n3. Testing SSH connection (expected to fail with sample key)...');
31 | try {
32 | const sshResponse: AxiosResponse = await axios.get(`${BASE_URL}/providers/${providerId}/instance`);
33 | logger.info('✅ SSH connection response: ' + JSON.stringify(sshResponse.data));
34 | } catch (error: any) {
35 | if (error.response) {
36 | logger.info('✅ SSH connection failed as expected: ' + JSON.stringify(error.response.data));
37 | } else {
38 | logger.info('❌ Unexpected error: ' + error.message);
39 | }
40 | }
41 |
42 | logger.info('\n🎉 All tests completed successfully!');
43 | logger.info('\nKey improvements:');
44 | logger.info('- ✅ Private keys are now stored as filenames, not content');
45 | logger.info('- ✅ Private key files are stored in secure data/private-keys/ directory');
46 | logger.info('- ✅ Database schema uses private_key_filename column');
47 | logger.info('- ✅ Proper error handling for missing key files');
48 | logger.info('- ✅ Security: Private keys are not stored in database');
49 |
50 | } catch (error: any) {
51 | logger.error('❌ Test failed: ' + (error.response?.data ? JSON.stringify(error.response.data) : error.message));
52 | }
53 | }
54 |
55 | testPrivateKeyFunctionality();
--------------------------------------------------------------------------------
/apps/client/src/components/ui/calendar.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { ChevronLeft, ChevronRight } from "lucide-react";
3 | import { DayPicker } from "react-day-picker";
4 |
5 | import { cn } from "@/lib/utils";
6 | import { buttonVariants } from "@/components/ui/button";
7 |
8 | export type CalendarProps = React.ComponentPropsError loading application
79 |