Rename terminology to industry standard terms
- Grove → Project - Tree → Package - Fruit → Artifact - Graft → Tag - Cultivate → Upload - Harvest → Download Updated across: - Backend models, schemas, and routes - Frontend types, API client, and components - README documentation - API endpoints now use /project/:project/packages pattern
This commit is contained in:
@@ -1,74 +1,74 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import { Grove } from '../types';
|
||||
import { listGroves, createGrove } from '../api';
|
||||
import { Project } from '../types';
|
||||
import { listProjects, createProject } from '../api';
|
||||
import './Home.css';
|
||||
|
||||
function Home() {
|
||||
const [groves, setGroves] = useState<Grove[]>([]);
|
||||
const [projects, setProjects] = useState<Project[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [showForm, setShowForm] = useState(false);
|
||||
const [newGrove, setNewGrove] = useState({ name: '', description: '', is_public: true });
|
||||
const [newProject, setNewProject] = useState({ name: '', description: '', is_public: true });
|
||||
const [creating, setCreating] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
loadGroves();
|
||||
loadProjects();
|
||||
}, []);
|
||||
|
||||
async function loadGroves() {
|
||||
async function loadProjects() {
|
||||
try {
|
||||
setLoading(true);
|
||||
const data = await listGroves();
|
||||
setGroves(data);
|
||||
const data = await listProjects();
|
||||
setProjects(data);
|
||||
setError(null);
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'Failed to load groves');
|
||||
setError(err instanceof Error ? err.message : 'Failed to load projects');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function handleCreateGrove(e: React.FormEvent) {
|
||||
async function handleCreateProject(e: React.FormEvent) {
|
||||
e.preventDefault();
|
||||
try {
|
||||
setCreating(true);
|
||||
await createGrove(newGrove);
|
||||
setNewGrove({ name: '', description: '', is_public: true });
|
||||
await createProject(newProject);
|
||||
setNewProject({ name: '', description: '', is_public: true });
|
||||
setShowForm(false);
|
||||
loadGroves();
|
||||
loadProjects();
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'Failed to create grove');
|
||||
setError(err instanceof Error ? err.message : 'Failed to create project');
|
||||
} finally {
|
||||
setCreating(false);
|
||||
}
|
||||
}
|
||||
|
||||
if (loading) {
|
||||
return <div className="loading">Loading groves...</div>;
|
||||
return <div className="loading">Loading projects...</div>;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="home">
|
||||
<div className="page-header">
|
||||
<h1>Groves</h1>
|
||||
<h1>Projects</h1>
|
||||
<button className="btn btn-primary" onClick={() => setShowForm(!showForm)}>
|
||||
{showForm ? 'Cancel' : '+ New Grove'}
|
||||
{showForm ? 'Cancel' : '+ New Project'}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{error && <div className="error-message">{error}</div>}
|
||||
|
||||
{showForm && (
|
||||
<form className="form card" onSubmit={handleCreateGrove}>
|
||||
<h3>Create New Grove</h3>
|
||||
<form className="form card" onSubmit={handleCreateProject}>
|
||||
<h3>Create New Project</h3>
|
||||
<div className="form-group">
|
||||
<label htmlFor="name">Name</label>
|
||||
<input
|
||||
id="name"
|
||||
type="text"
|
||||
value={newGrove.name}
|
||||
onChange={(e) => setNewGrove({ ...newGrove, name: e.target.value })}
|
||||
value={newProject.name}
|
||||
onChange={(e) => setNewProject({ ...newProject, name: e.target.value })}
|
||||
placeholder="my-project"
|
||||
required
|
||||
/>
|
||||
@@ -78,8 +78,8 @@ function Home() {
|
||||
<input
|
||||
id="description"
|
||||
type="text"
|
||||
value={newGrove.description}
|
||||
onChange={(e) => setNewGrove({ ...newGrove, description: e.target.value })}
|
||||
value={newProject.description}
|
||||
onChange={(e) => setNewProject({ ...newProject, description: e.target.value })}
|
||||
placeholder="Optional description"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,34 +87,34 @@ function Home() {
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={newGrove.is_public}
|
||||
onChange={(e) => setNewGrove({ ...newGrove, is_public: e.target.checked })}
|
||||
checked={newProject.is_public}
|
||||
onChange={(e) => setNewProject({ ...newProject, is_public: e.target.checked })}
|
||||
/>
|
||||
Public
|
||||
</label>
|
||||
</div>
|
||||
<button type="submit" className="btn btn-primary" disabled={creating}>
|
||||
{creating ? 'Creating...' : 'Create Grove'}
|
||||
{creating ? 'Creating...' : 'Create Project'}
|
||||
</button>
|
||||
</form>
|
||||
)}
|
||||
|
||||
{groves.length === 0 ? (
|
||||
{projects.length === 0 ? (
|
||||
<div className="empty-state">
|
||||
<p>No groves yet. Create your first grove to get started!</p>
|
||||
<p>No projects yet. Create your first project to get started!</p>
|
||||
</div>
|
||||
) : (
|
||||
<div className="grove-grid">
|
||||
{groves.map((grove) => (
|
||||
<Link to={`/grove/${grove.name}`} key={grove.id} className="grove-card card">
|
||||
<h3>{grove.name}</h3>
|
||||
{grove.description && <p>{grove.description}</p>}
|
||||
<div className="grove-meta">
|
||||
<span className={`badge ${grove.is_public ? 'badge-public' : 'badge-private'}`}>
|
||||
{grove.is_public ? 'Public' : 'Private'}
|
||||
<div className="project-grid">
|
||||
{projects.map((project) => (
|
||||
<Link to={`/project/${project.name}`} key={project.id} className="project-card card">
|
||||
<h3>{project.name}</h3>
|
||||
{project.description && <p>{project.description}</p>}
|
||||
<div className="project-meta">
|
||||
<span className={`badge ${project.is_public ? 'badge-public' : 'badge-private'}`}>
|
||||
{project.is_public ? 'Public' : 'Private'}
|
||||
</span>
|
||||
<span className="date">
|
||||
Created {new Date(grove.created_at).toLocaleDateString()}
|
||||
Created {new Date(project.created_at).toLocaleDateString()}
|
||||
</span>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
Reference in New Issue
Block a user