Sets up the complete mRemotify project — a browser-based remote connection manager — with a working pnpm workspace monorepo: Frontend (React + TypeScript + Vite + Ant Design 5): - Login page with JWT auth - Resizable sidebar with drag-and-drop connection tree (folders + connections) - Tabbed session area (SSH via xterm.js, RDP via guacamole-common-js) - Connection CRUD modal with SSH/RDP-specific fields - Zustand store for auth, tree data, and open sessions Backend (Fastify + TypeScript + Prisma + PostgreSQL): - JWT authentication (login + /me endpoint) - Full CRUD REST API for folders (self-referencing) and connections - AES-256-CBC password encryption at rest - WebSocket proxy for SSH sessions (ssh2 <-> xterm.js) - WebSocket proxy for RDP sessions (guacd TCP handshake + bidirectional relay) - Admin user seeding on first start Infrastructure: - Docker Compose: postgres (healthcheck) + guacd + backend + frontend/nginx - nginx: serves SPA, proxies /api and /ws (with WebSocket upgrade) to backend - .env.example with all required variables documented Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
26 lines
583 B
TypeScript
26 lines
583 B
TypeScript
import React from 'react';
|
|
import { ConfigProvider, theme } from 'antd';
|
|
import { useStore } from './store';
|
|
import { LoginPage } from './pages/LoginPage';
|
|
import { MainLayout } from './components/Layout/MainLayout';
|
|
|
|
const App: React.FC = () => {
|
|
const token = useStore((s) => s.token);
|
|
|
|
return (
|
|
<ConfigProvider
|
|
theme={{
|
|
algorithm: theme.defaultAlgorithm,
|
|
token: {
|
|
colorPrimary: '#1677ff',
|
|
borderRadius: 6,
|
|
},
|
|
}}
|
|
>
|
|
{token ? <MainLayout /> : <LoginPage />}
|
|
</ConfigProvider>
|
|
);
|
|
};
|
|
|
|
export default App;
|