jjj 0.4.1

Distributed project management and code review for Jujutsu
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

const features = [
  { name: 'Works offline', jjj: true, github: false, linear: false, jira: false },
  { name: 'No server or account needed', jjj: true, github: false, linear: false, jira: false },
  { name: 'Data versioned with your code', jjj: true, github: false, linear: false, jira: false },
  { name: 'Survives rebases & history rewrites', jjj: true, github: false, linear: false, jira: false },
  { name: 'Blocking critiques (enforced review)', jjj: true, github: false, linear: false, jira: false },
  { name: 'Explicit refutation workflow', jjj: true, github: false, linear: false, jira: false },
  { name: 'Team collaboration', jjj: true, github: true, linear: true, jira: true },
  { name: 'Hosted / SaaS option', jjj: false, github: true, linear: true, jira: true },
  { name: 'Mobile app', jjj: false, github: true, linear: true, jira: true },
  { name: 'Non-Jujutsu repo support', jjj: false, github: true, linear: true, jira: true },
];

function Check() {
  return <span className="text-accent font-bold">✓</span>;
}

function Cross() {
  return <span className="text-text-secondary/50">✗</span>;
}

export function ComparisonTable() {
  return (
    <section className="py-24">
      <div className="container mx-auto px-6">
        <h2 className="text-3xl font-bold text-center text-text-primary mb-4">
          How jjj Compares
        </h2>
        <p className="text-center text-text-secondary mb-12">
          jjj vs hosted project management tools
        </p>

        <div className="overflow-x-auto">
          <table className="w-full max-w-4xl mx-auto">
            <thead>
              <tr className="border-b border-border">
                <th className="text-left py-4 px-4 font-semibold text-text-primary">Feature</th>
                <th className="text-center py-4 px-4 font-semibold text-accent">jjj</th>
                <th className="text-center py-4 px-4 font-semibold text-text-secondary">GitHub Issues</th>
                <th className="text-center py-4 px-4 font-semibold text-text-secondary">Linear</th>
                <th className="text-center py-4 px-4 font-semibold text-text-secondary">Jira</th>
              </tr>
            </thead>
            <tbody>
              {features.map((feature) => (
                <tr key={feature.name} className="border-b border-border/50 hover:bg-surface/50">
                  <td className="py-3 px-4 text-text-primary">{feature.name}</td>
                  <td className="py-3 px-4 text-center">{feature.jjj ? <Check /> : <Cross />}</td>
                  <td className="py-3 px-4 text-center">{feature.github ? <Check /> : <Cross />}</td>
                  <td className="py-3 px-4 text-center">{feature.linear ? <Check /> : <Cross />}</td>
                  <td className="py-3 px-4 text-center">{feature.jira ? <Check /> : <Cross />}</td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </section>
  );
}