sirius-cli 0.1.0__py3-none-any.whl

sirius_cli/templates/backend/requirements.txt.jinja2

@@ -0,0 +1,13 @@
+fastapi>=0.100.0
+uvicorn>=0.20.0
+sqlalchemy>=2.0.0
+alembic>=1.11.0
+pydantic>=2.0.0
+pandas>=1.5.0
+openpyxl>=3.0.0
+email-validator>=2.0.0
+{% if db_type == 'pg' %}
+psycopg2-binary>=2.9.0
+{% elif db_type == 'mysql' %}
+pymysql>=1.1.0
+{% endif %}

sirius_cli/templates/backend/schemas.py.jinja2

@@ -0,0 +1,80 @@
+from pydantic import BaseModel, ConfigDict, Field
+from typing import Optional
+from datetime import datetime
+
+try:
+    from pydantic import EmailStr
+    _has_email_validator = True
+except ImportError:
+    _has_email_validator = False
+    EmailStr = str  # graceful fallback if email-validator not installed
+
+{% for table_name, columns in schemas.items() %}
+{% set class_name = table_name.replace('_', ' ').title().replace(' ', '') %}
+class {{ class_name }}Base(BaseModel):
+    {% for col in columns %}
+    {% if not col.is_pk %}
+    {% if col.type == 'Integer' %}
+    {% if col.name in ['amount', 'price', 'quantity', 'count', 'total', 'balance', 'score', 'rating', 'age', 'year'] or col.name.endswith(('_amount', '_price', '_qty', '_count', '_total', '_score')) %}
+    {{ col.name }}: Optional[int] = Field(default=None, ge=0)
+    {% else %}
+    {{ col.name }}: Optional[int] = None
+    {% endif %}
+    {% elif col.type == 'Float' %}
+    {% if col.name in ['amount', 'price', 'quantity', 'total', 'balance', 'score', 'rating', 'weight', 'cost'] or col.name.endswith(('_amount', '_price', '_qty', '_total', '_score', '_cost')) %}
+    {{ col.name }}: Optional[float] = Field(default=None, ge=0)
+    {% else %}
+    {{ col.name }}: Optional[float] = None
+    {% endif %}
+    {% elif col.type == 'Boolean' %}
+    {{ col.name }}: Optional[bool] = None
+    {% elif col.type == 'DateTime' %}
+    {{ col.name }}: Optional[datetime] = None
+    {% else %}
+    {% if 'email' in col.name %}
+    {{ col.name }}: Optional[EmailStr] = None
+    {% else %}
+    {{ col.name }}: Optional[str] = None
+    {% endif %}
+    {% endif %}
+    {% endif %}
+    {% endfor %}
+
+class {{ class_name }}Create({{ class_name }}Base):
+    pass
+
+class {{ class_name }}Update(BaseModel):
+    {% for col in columns %}
+    {% if not col.is_pk %}
+    {% if col.type == 'Integer' %}
+    {% if col.name in ['amount', 'price', 'quantity', 'count', 'total', 'balance', 'score', 'rating', 'age', 'year'] or col.name.endswith(('_amount', '_price', '_qty', '_count', '_total', '_score')) %}
+    {{ col.name }}: Optional[int] = Field(default=None, ge=0)
+    {% else %}
+    {{ col.name }}: Optional[int] = None
+    {% endif %}
+    {% elif col.type == 'Float' %}
+    {% if col.name in ['amount', 'price', 'quantity', 'total', 'balance', 'score', 'rating', 'weight', 'cost'] or col.name.endswith(('_amount', '_price', '_qty', '_total', '_score', '_cost')) %}
+    {{ col.name }}: Optional[float] = Field(default=None, ge=0)
+    {% else %}
+    {{ col.name }}: Optional[float] = None
+    {% endif %}
+    {% elif col.type == 'Boolean' %}
+    {{ col.name }}: Optional[bool] = None
+    {% elif col.type == 'DateTime' %}
+    {{ col.name }}: Optional[datetime] = None
+    {% else %}
+    {% if 'email' in col.name %}
+    {{ col.name }}: Optional[EmailStr] = None
+    {% else %}
+    {{ col.name }}: Optional[str] = None
+    {% endif %}
+    {% endif %}
+    {% endif %}
+    {% endfor %}
+
+class {{ class_name }}Response({{ class_name }}Base):
+    id: int
+
+    model_config = ConfigDict(from_attributes=True)
+
+{% endfor %}

sirius_cli/templates/docker-compose.yml.jinja2

@@ -0,0 +1,27 @@
+version: '3.8'
+
+services:
+  backend:
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
+    ports:
+      - "{{ port }}:{{ port }}"
+    volumes:
+      - ./backend:/app
+    environment:
+      - PORT={{ port }}
+
+  frontend:
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+    ports:
+      - "5173:5173"
+    volumes:
+      - ./frontend:/app
+      - /app/node_modules
+    environment:
+      - VITE_API_URL={{ api_url }}
+    depends_on:
+      - backend

sirius_cli/templates/frontend/.env.jinja2

@@ -0,0 +1,3 @@
+# Auto-generated by Sirius-CLI
+# Change VITE_API_URL if your backend runs on a different host or port.
+VITE_API_URL={{ api_url }}

sirius_cli/templates/frontend/Dockerfile.jinja2

@@ -0,0 +1,12 @@
+FROM node:18-alpine
+
+WORKDIR /app
+
+COPY package.json .
+RUN npm install
+
+COPY . .
+
+EXPOSE 5173
+
+CMD ["npm", "run", "dev", "--", "--host"]

sirius_cli/templates/frontend/index.html.jinja2

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Proto-CLI Generated UI</title>
+    <!-- Google Fonts for premium typography -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
+  </head>
+  <body class="bg-slate-950 text-slate-100 antialiased font-sans">
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

sirius_cli/templates/frontend/package.json.jinja2

@@ -0,0 +1,28 @@
+{
+  "name": "proto-frontend",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.22.0",
+    "lucide-react": "^0.320.0",
+    "recharts": "^2.12.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.17",
+    "postcss": "^8.4.35",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.0"
+  }
+}

sirius_cli/templates/frontend/postcss.config.js.jinja2

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+}

sirius_cli/templates/frontend/src/App.tsx.jinja2

@@ -0,0 +1,89 @@
+import React from 'react'
+import { BrowserRouter as Router, Routes, Route, Link, useLocation } from 'react-router-dom'
+import { Database, Table, LayoutDashboard, ChevronRight } from 'lucide-react'
+import Dashboard from './Dashboard'
+{% for table_name, columns in schemas.items() %}
+import {{ table_name.replace('_', ' ').title().replace(' ', '') }}Crud from './pages/{{ table_name.replace('_', ' ').title().replace(' ', '') }}Crud'
+{% endfor %}
+
+const SidebarLink = ({ to, children, icon: Icon }: { to: string; children: React.ReactNode; icon: any }) => {
+  const location = useLocation()
+  const isActive = location.pathname === to
+  return (
+    <Link
+      to={to}
+      className={`flex items-center gap-3 px-4 py-3 rounded-xl transition-all duration-200 group ${
+        isActive
+          ? 'bg-gradient-to-r from-brand-600 to-brand-700 text-white font-medium shadow-lg shadow-brand-500/20'
+          : 'text-slate-400 hover:text-slate-100 hover:bg-slate-900/60'
+      }`}
+    >
+      <Icon className={`w-5 h-5 transition-transform duration-200 ${isActive ? 'scale-110' : 'group-hover:scale-110'}`} />
+      <span className="text-sm font-outfit">{children}</span>
+      {isActive && <ChevronRight className="w-4 h-4 ml-auto" />}
+    </Link>
+  )
+}
+
+function AppContent() {
+  return (
+    <div className="flex min-h-screen bg-slate-950 text-slate-100 font-sans">
+      {/* Sidebar */}
+      <aside className="w-64 border-r border-slate-900 bg-slate-950/70 backdrop-blur-xl flex flex-col p-6 fixed h-full z-10">
+        <div className="flex items-center gap-3 mb-8 px-2">
+          <div className="p-2.5 bg-brand-500/10 text-brand-400 rounded-xl border border-brand-500/20">
+            <Database className="w-6 h-6 animate-pulse" />
+          </div>
+          <div>
+            <h1 className="font-outfit font-bold text-lg bg-gradient-to-r from-brand-400 to-brand-300 bg-clip-text text-transparent">Proto Console</h1>
+            <p className="text-[10px] text-slate-500 tracking-wider uppercase font-semibold">Generated Admin</p>
+          </div>
+        </div>
+
+        <nav className="flex-1 space-y-1.5 overflow-y-auto pr-1">
+          <SidebarLink to="/" icon={LayoutDashboard}>Dashboard</SidebarLink>
+          <div className="pt-4 pb-2">
+            <p className="text-[10px] font-semibold text-slate-500 uppercase tracking-widest px-4">Tables</p>
+          </div>
+          {% for table_name, columns in schemas.items() %}
+          <SidebarLink to="/{{ table_name }}" icon={Table}>
+            {{ table_name.replace('_', ' ').title() }}
+          </SidebarLink>
+          {% endfor %}
+        </nav>
+
+        <div className="mt-auto border-t border-slate-900 pt-4 px-2">
+          <p className="text-xs text-slate-500">FastAPI + React SPA</p>
+          <p className="text-[10px] text-slate-600 mt-1">Status: <span className="text-emerald-500 font-semibold">Online</span></p>
+        </div>
+      </aside>
+
+      {/* Main Content Area */}
+      <main className="flex-1 ml-64 min-h-screen flex flex-col bg-gradient-to-b from-slate-900/50 to-slate-950">
+        <header className="h-16 border-b border-slate-900/50 flex items-center px-8 bg-slate-950/50 backdrop-blur-md sticky top-0 z-20 justify-between">
+          <div className="flex items-center gap-2">
+            <span className="h-2 w-2 rounded-full bg-emerald-500 animate-ping"></span>
+            <span className="text-xs text-slate-400 font-medium">Development Instance</span>
+          </div>
+        </header>
+
+        <div className="p-8 flex-1">
+          <Routes>
+            <Route path="/" element={<Dashboard />} />
+            {% for table_name, columns in schemas.items() %}
+            <Route path="/{{ table_name }}" element={<{{ table_name.replace('_', ' ').title().replace(' ', '') }}Crud />} />
+            {% endfor %}
+          </Routes>
+        </div>
+      </main>
+    </div>
+  )
+}
+
+export default function App() {
+  return (
+    <Router>
+      <AppContent />
+    </Router>
+  )
+}

sirius_cli/templates/frontend/src/Dashboard.tsx.jinja2

@@ -0,0 +1,210 @@
+import React, { useEffect, useState } from 'react'
+import { Link } from 'react-router-dom'
+import { Table, Layers, Hash, Calendar, ArrowRight, RefreshCw, BarChart2 } from 'lucide-react'
+import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, CartesianGrid } from 'recharts'
+
+const API_BASE = import.meta.env.VITE_API_URL || 'http://localhost:8000'
+
+interface TableMetadata {
+  name: string
+  count: number
+  columns: Array<{ name: string; type: string; is_pk: boolean }>
+}
+
+export default function Dashboard() {
+  const [metadata, setMetadata] = useState<TableMetadata[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
+
+  const fetchMetadata = async () => {
+    try {
+      setLoading(true)
+      const res = await fetch(`${API_BASE}/api/metadata`)
+      if (!res.ok) throw new Error('Failed to fetch system metadata')
+      const data = await res.json()
+      setMetadata(data)
+      setError(null)
+    } catch (err: any) {
+      setError(err.message || 'Something went wrong')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  useEffect(() => {
+    fetchMetadata()
+  }, [])
+
+  const totalTables = metadata.length
+  const totalRows = metadata.reduce((acc, curr) => acc + curr.count, 0)
+
+  return (
+    <div className="space-y-8">
+      {/* Top Banner */}
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-4">
+        <div>
+          <h2 className="text-3xl font-outfit font-bold tracking-tight bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent">
+            System Overview
+          </h2>
+          <p className="text-slate-400 mt-1 text-sm font-sans">
+            Overview of autogenerated tables, records, and database stats.
+          </p>
+        </div>
+        <button
+          onClick={fetchMetadata}
+          className="flex items-center gap-2 px-4 py-2 bg-slate-900 border border-slate-800 rounded-xl text-xs font-semibold hover:bg-slate-800 transition-all text-slate-300"
+        >
+          <RefreshCw className={`w-3.5 h-3.5 ${loading ? 'animate-spin' : ''}`} />
+          Refresh Stats
+        </button>
+      </div>
+
+      {/* Stats Grid */}
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <div className="p-6 bg-slate-900/40 border border-slate-900 rounded-2xl relative overflow-hidden group hover:border-slate-800 transition-all duration-300">
+          <div className="absolute top-0 right-0 p-8 text-brand-500/10 transition-transform duration-300 group-hover:scale-110">
+            <Layers className="w-24 h-24" />
+          </div>
+          <p className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Total Tables</p>
+          <p className="text-4xl font-bold font-outfit mt-2">{totalTables}</p>
+          <p className="text-xs text-slate-400 mt-2">Discovered in schema parse</p>
+        </div>
+
+        <div className="p-6 bg-slate-900/40 border border-slate-900 rounded-2xl relative overflow-hidden group hover:border-slate-800 transition-all duration-300">
+          <div className="absolute top-0 right-0 p-8 text-brand-500/10 transition-transform duration-300 group-hover:scale-110">
+            <Hash className="w-24 h-24" />
+          </div>
+          <p className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Total Rows</p>
+          <p className="text-4xl font-bold font-outfit mt-2">{totalRows}</p>
+          <p className="text-xs text-slate-400 mt-2">Stored across all tables</p>
+        </div>
+
+        <div className="p-6 bg-slate-900/40 border border-slate-900 rounded-2xl relative overflow-hidden group hover:border-slate-800 transition-all duration-300 md:col-span-2 lg:col-span-1">
+          <div className="absolute top-0 right-0 p-8 text-emerald-500/10 transition-transform duration-300 group-hover:scale-110">
+            <Calendar className="w-24 h-24" />
+          </div>
+          <p className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Server Status</p>
+          <p className="text-4xl font-bold font-outfit mt-2">Active</p>
+          <p className="text-xs text-slate-400 mt-2 flex items-center gap-1.5">
+            <span className="h-1.5 w-1.5 rounded-full bg-emerald-500"></span> Live sync connection
+          </p>
+        </div>
+      </div>
+
+      {/* Row Distribution Chart */}
+      {!loading && !error && metadata.length > 0 && (
+        <div className="p-6 bg-slate-900/30 border border-slate-900 rounded-2xl">
+          <h3 className="text-lg font-bold font-outfit text-slate-200 mb-6 flex items-center gap-2">
+            <BarChart2 className="w-5 h-5 text-brand-400" />
+            Record Distribution
+          </h3>
+          <div className="h-72 w-full">
+            <ResponsiveContainer width="100%" height="100%">
+              <BarChart data={metadata} margin={{ top: 10, right: 10, left: -20, bottom: 0 }}>
+                <CartesianGrid strokeDasharray="3 3" stroke="#1e293b" vertical={false} />
+                <XAxis 
+                  dataKey="name" 
+                  stroke="#64748b" 
+                  fontSize={12} 
+                  tickLine={false}
+                  axisLine={false}
+                  tickFormatter={(val) => val.replace('_', ' ')}
+                />
+                <YAxis 
+                  stroke="#64748b" 
+                  fontSize={12}
+                  tickLine={false}
+                  axisLine={false}
+                  tickFormatter={(val) => val >= 1000 ? `${(val / 1000).toFixed(1)}k` : val}
+                />
+                <Tooltip 
+                  cursor={{ fill: '#0f172a' }}
+                  contentStyle={{ backgroundColor: '#0f172a', borderColor: '#1e293b', borderRadius: '0.75rem' }}
+                  itemStyle={{ color: '#38bdf8' }}
+                  labelStyle={{ color: '#94a3b8', textTransform: 'capitalize', marginBottom: '4px' }}
+                  formatter={(value: number) => [value, 'Records']}
+                  labelFormatter={(label: string) => label.replace('_', ' ')}
+                />
+                <Bar 
+                  dataKey="count" 
+                  fill="#0ea5e9" 
+                  radius={[4, 4, 0, 0]} 
+                  barSize={40}
+                  animationDuration={1500}
+                />
+              </BarChart>
+            </ResponsiveContainer>
+          </div>
+        </div>
+      )}
+
+      {/* Tables section */}
+      <div>
+        <h3 className="text-lg font-bold font-outfit text-slate-200 mb-6 flex items-center gap-2">
+          <Table className="w-5 h-5 text-brand-400" />
+          Entity Navigator
+        </h3>
+
+        {loading ? (
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {[1, 2].map((n) => (
+              <div key={n} className="h-48 rounded-2xl bg-slate-900/20 border border-slate-900/50 animate-pulse" />
+            ))}
+          </div>
+        ) : error ? (
+          <div className="p-6 border border-red-500/20 bg-red-500/5 text-red-400 rounded-2xl">
+            <p className="font-semibold text-sm">Failed to connect to backend server</p>
+            <p className="text-xs mt-1 text-red-400/80">Make sure the FastAPI backend is running on {API_BASE}.</p>
+          </div>
+        ) : (
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {metadata.map((table) => (
+              <div
+                key={table.name}
+                className="p-6 bg-slate-900/30 border border-slate-900 rounded-2xl hover:border-slate-800 transition-all duration-300 flex flex-col justify-between group"
+              >
+                <div>
+                  <div className="flex items-center justify-between mb-4">
+                    <h4 className="text-lg font-bold text-white group-hover:text-brand-400 transition-colors capitalize font-outfit">
+                      {table.name.replace('_', ' ')}
+                    </h4>
+                    <span className="px-2.5 py-1 bg-brand-500/10 text-brand-400 border border-brand-500/10 rounded-lg text-xs font-semibold">
+                      {table.count} row{table.count !== 1 ? 's' : ''}
+                    </span>
+                  </div>
+
+                  <p className="text-xs text-slate-400 mb-4">
+                    Contains {table.columns.length} columns:
+                  </p>
+
+                  <div className="flex flex-wrap gap-1.5 mb-6">
+                    {table.columns.map((col) => (
+                      <span
+                        key={col.name}
+                        className={`text-[10px] px-2 py-0.5 rounded-md font-mono ${
+                          col.is_pk
+                            ? 'bg-amber-500/10 text-amber-400 border border-amber-500/20'
+                            : 'bg-slate-800 text-slate-300'
+                        }`}
+                      >
+                        {col.name}: {col.type}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+
+                <Link
+                  to={`/${table.name}`}
+                  className="flex items-center gap-2 text-xs font-semibold text-slate-300 hover:text-white mt-auto group/btn transition-colors"
+                >
+                  Manage Records
+                  <ArrowRight className="w-3.5 h-3.5 transform group-hover/btn:translate-x-1 transition-transform" />
+                </Link>
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}