mirror of
https://github.com/jhd3197/ServerKit.git
synced 2026-11-02 18:17:11 +09:00
Juan DenisandClaude Opus 4.8
58e80b2e18
Persist the databases ServerKit provisions (and let you adopt existing ones) so backups, connection strings, and the UI have durable state -- beside, not replacing, the live-introspection explorer. Not a DBaaS (no pooling/replicas). - ManagedDatabase model (engine/name/host/port/origin/owner; admin secret Fernet-encrypted, unique per engine+host+name) + migration 044. - managed_database_service: record_provisioned (additive on the create routes), adopt (idempotent), build_connection_uri (real URI, masked by default), sync_state (drift detection), delete (optional drop), protect. - Backup FK fix (the headline): a managed-DB BackupPolicy uses target_id = managed_databases.id plus a `managed` marker, and _resolve_target resolves the descriptor (incl. decrypted secret) from the row. Legacy JSON-descriptor policies keep resolving unchanged (backward compatible). - API under /api/v1/databases/managed (list/create/get+sync/delete?drop=/adopt/ connection-uri/protect); the connection-uri reveal is admin-only and audited. - Frontend: a "Managed" panel on the Database Explorer (connection-string reveal/copy, one-click Protect, Untrack/Drop). - Tests: provisioning persists a row, adopt idempotent, connection URI per engine + masking, sync_state drift, protect resolves via the real FK, legacy policy still resolves, API masking/admin-gating/audited reveal. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
React Dashboard Template
A modern React dashboard application boilerplate built with Vite, featuring routing, charts, and a sidebar layout for building data-driven web interfaces.
Features
- React 18 with functional components and hooks
- Vite for fast development and building
- React Router for client-side routing
- Recharts for data visualization
- Lucide React for icons
- ESLint for code linting
- Responsive sidebar layout
- Dashboard page with sample components
Getting Started
Prerequisites
- Node.js 16+ and npm
Installation
- Clone or download this template
- Install dependencies:
npm install
Development
Start the development server:
npm run dev
The app will be available at http://localhost:41921.
Building for Production
Build the app for deployment:
npm run build
The output will be in the dist/ directory.
Preview Production Build
npm run preview
Project Structure
src/
├── App.jsx # Main app with routing
├── main.jsx # Entry point
├── index.css # Global styles
├── components/
│ └── Sidebar.jsx # Navigation sidebar
├── layouts/
│ └── DashboardLayout.jsx # Main layout wrapper
└── pages/
└── Dashboard.jsx # Main dashboard page
Customization
- Modify components in
src/components/ - Add new pages in
src/pages/ - Update routes in
App.jsx - Customize styles in
index.cssor component files
Environment Variables
Create a .env file in the root for environment variables:
VITE_API_URL=https://api.example.com
Access them in code via import.meta.env.VITE_API_URL.
Contributing
See the documentation files for AI agent permissions and guidelines.