regresso 0.1.0

data/site/dist/assets/site.css

@@ -0,0 +1,458 @@
+:root {
+  --bg: #0b0f14;
+  --bg-accent: #111826;
+  --ink: #eef2f8;
+  --muted: #9aa6b2;
+  --accent: #ff6a3d;
+  --accent-2: #3bd6c6;
+  --accent-3: #f2b84b;
+  --card: #121923;
+  --card-2: #0f1622;
+  --stroke: rgba(255, 255, 255, 0.08);
+  --shadow: 0 28px 70px rgba(2, 8, 18, 0.6);
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: "Space Grotesk", "Work Sans", sans-serif;
+  background: radial-gradient(circle at 15% 10%, rgba(59, 214, 198, 0.16), transparent 45%),
+    radial-gradient(circle at 85% 5%, rgba(255, 106, 61, 0.14), transparent 40%),
+    radial-gradient(circle at 30% 80%, rgba(242, 184, 75, 0.14), transparent 45%),
+    linear-gradient(160deg, #0b0f14 10%, #0a111c 55%, #0c141f 100%);
+  color: var(--ink);
+  line-height: 1.6;
+}
+
+.ambient-orbit {
+  position: fixed;
+  inset: -20vh -10vw auto auto;
+  width: 50vw;
+  height: 50vw;
+  background: radial-gradient(circle at 30% 30%, rgba(255, 106, 61, 0.3), transparent 65%),
+    radial-gradient(circle at 70% 40%, rgba(59, 214, 198, 0.24), transparent 60%);
+  filter: blur(12px);
+  pointer-events: none;
+  animation: drift 18s ease-in-out infinite;
+  z-index: 0;
+}
+
+@keyframes drift {
+  0%,
+  100% {
+    transform: translateY(0) rotate(0deg);
+  }
+  50% {
+    transform: translateY(-20px) rotate(3deg);
+  }
+}
+
+.hero {
+  padding: 48px 8vw 80px;
+  position: relative;
+  z-index: 1;
+}
+
+.nav {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 24px;
+  margin-bottom: 64px;
+}
+
+.nav nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  align-items: center;
+}
+
+.nav a {
+  text-decoration: none;
+  color: var(--muted);
+  font-weight: 500;
+}
+
+.nav a:hover {
+  color: var(--ink);
+}
+
+.logo {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-weight: 700;
+  font-size: 1.1rem;
+}
+
+.logo img {
+  width: 42px;
+  height: 42px;
+}
+
+.hero-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
+  gap: 48px;
+  align-items: center;
+}
+
+.eyebrow {
+  text-transform: uppercase;
+  letter-spacing: 0.14em;
+  font-size: 0.8rem;
+  color: var(--accent-2);
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+
+.hero h1 {
+  font-size: clamp(2.6rem, 4vw, 4rem);
+  line-height: 1.1;
+  margin-bottom: 20px;
+}
+
+.lead {
+  font-size: 1.1rem;
+  color: var(--muted);
+  margin-bottom: 28px;
+}
+
+.cta {
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.button {
+  border-radius: 999px;
+  padding: 12px 24px;
+  border: 1px solid var(--stroke);
+  text-decoration: none;
+  font-weight: 600;
+  color: var(--ink);
+  background: var(--card);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.button.primary {
+  background: linear-gradient(120deg, #ff6a3d, #ff9c6a);
+  color: #091118;
+  border: none;
+  box-shadow: 0 14px 40px rgba(255, 106, 61, 0.35);
+}
+
+.button.ghost {
+  background: transparent;
+}
+
+.button:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 16px 32px rgba(2, 8, 18, 0.45);
+}
+
+.signal {
+  margin-top: 24px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+.signal span {
+  background: rgba(18, 25, 35, 0.8);
+  border: 1px solid var(--stroke);
+  padding: 6px 12px;
+  border-radius: 999px;
+}
+
+.hero-card {
+  background: var(--card);
+  border: 1px solid var(--stroke);
+  border-radius: 24px;
+  padding: 24px;
+  box-shadow: var(--shadow);
+  position: relative;
+  overflow: hidden;
+}
+
+.hero-card::after {
+  content: "";
+  position: absolute;
+  inset: auto -40% -40% auto;
+  width: 200px;
+  height: 200px;
+  background: radial-gradient(circle, rgba(59, 214, 198, 0.25), transparent 70%);
+  z-index: 0;
+}
+
+.card-header,
+.card-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.card-header {
+  margin-bottom: 16px;
+  font-size: 0.9rem;
+  color: var(--muted);
+}
+
+.status {
+  padding: 4px 12px;
+  border-radius: 999px;
+  font-weight: 600;
+  font-size: 0.8rem;
+}
+
+.status.ok {
+  background: rgba(59, 214, 198, 0.18);
+  color: #b9fff4;
+}
+
+.card-body {
+  background: #0b0f14;
+  border-radius: 16px;
+  padding: 16px;
+  color: #fff;
+  margin-bottom: 20px;
+  position: relative;
+  z-index: 1;
+}
+
+pre {
+  font-family: "IBM Plex Mono", "SFMono-Regular", monospace;
+  font-size: 0.85rem;
+  white-space: pre-wrap;
+}
+
+.card-footer .label {
+  font-size: 0.75rem;
+  color: var(--muted);
+}
+
+.card-footer .value {
+  font-size: 1.4rem;
+  font-weight: 700;
+}
+
+.section {
+  padding: 80px 8vw;
+  position: relative;
+  z-index: 1;
+}
+
+.section-title {
+  max-width: 640px;
+  margin-bottom: 48px;
+}
+
+.section h2 {
+  font-size: clamp(2rem, 3vw, 3rem);
+  margin-bottom: 16px;
+}
+
+.section p {
+  color: var(--muted);
+}
+
+.feature-grid,
+.adapter-grid {
+  display: grid;
+  gap: 20px;
+}
+
+.feature-grid {
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+}
+
+.feature {
+  background: var(--card);
+  border: 1px solid var(--stroke);
+  border-radius: 20px;
+  padding: 20px;
+  box-shadow: 0 14px 34px rgba(2, 8, 18, 0.5);
+}
+
+.feature h3 {
+  margin-bottom: 10px;
+}
+
+.split {
+  display: grid;
+  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
+  gap: 40px;
+  align-items: start;
+}
+
+.callouts {
+  display: grid;
+  gap: 16px;
+  margin-top: 24px;
+}
+
+.note {
+  background: linear-gradient(180deg, #121b27, #0f151f);
+  border: 1px solid var(--stroke);
+  border-radius: 24px;
+  padding: 24px;
+  box-shadow: 0 18px 38px rgba(2, 8, 18, 0.6);
+}
+
+.note h4 {
+  margin-bottom: 12px;
+}
+
+.small {
+  font-size: 0.85rem;
+  color: var(--muted);
+  margin-top: 12px;
+}
+
+.adapter-grid {
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+}
+
+.adapter {
+  padding: 16px 18px;
+  border-radius: 16px;
+  border: 1px dashed var(--stroke);
+  background: rgba(18, 25, 35, 0.7);
+  font-weight: 600;
+}
+
+.steps {
+  display: grid;
+  gap: 12px;
+  list-style: none;
+  counter-reset: step;
+}
+
+.steps li {
+  background: var(--card);
+  border: 1px solid var(--stroke);
+  border-radius: 16px;
+  padding: 16px 20px;
+  counter-increment: step;
+}
+
+.steps li::before {
+  content: counter(step);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: var(--accent-3);
+  color: #1a1f2b;
+  font-weight: 700;
+  margin-right: 12px;
+}
+
+.ui-preview {
+  background: #0f151f;
+  color: #fff;
+  border-radius: 24px;
+  padding: 20px;
+  box-shadow: var(--shadow);
+}
+
+.ui-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 16px;
+  font-size: 0.9rem;
+}
+
+.ui-body {
+  display: grid;
+  gap: 12px;
+}
+
+.ui-row {
+  display: grid;
+  grid-template-columns: 1fr 0.6fr 0.6fr auto;
+  gap: 12px;
+  background: rgba(255, 255, 255, 0.06);
+  padding: 10px 12px;
+  border-radius: 12px;
+  font-size: 0.85rem;
+}
+
+.pill {
+  padding: 4px 10px;
+  border-radius: 999px;
+  font-size: 0.75rem;
+}
+
+.pill.ok {
+  background: rgba(59, 214, 198, 0.24);
+  color: #c7fff7;
+}
+
+.pill.warn {
+  background: rgba(242, 184, 75, 0.24);
+  color: #ffe0a6;
+}
+
+.footer {
+  background: var(--card);
+  border-radius: 32px;
+  margin: 40px 8vw 80px;
+  padding: 40px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: var(--shadow);
+}
+
+@media (max-width: 960px) {
+  .hero-grid,
+  .split {
+    grid-template-columns: 1fr;
+  }
+
+  .nav {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .footer {
+    flex-direction: column;
+    gap: 20px;
+    text-align: left;
+  }
+}
+
+@media (max-width: 640px) {
+  .hero {
+    padding: 32px 6vw 60px;
+  }
+
+  .section {
+    padding: 60px 6vw;
+  }
+
+  .ui-row {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ambient-orbit {
+    animation: none;
+  }
+
+  .button {
+    transition: none;
+  }
+}

data/site/dist/index.html

@@ -0,0 +1,232 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Regresso - Regression testing for Ruby</title>
+    <meta name="description" content="Regression testing for Ruby APIs, files, and data snapshots.">
+    <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=Space+Grotesk:wght@400;500;600;700&family=Work+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/regresso/assets/site.css">
+  </head>
+  <body>
+    <div class="ambient-orbit"></div>
+
+    <section class="hero">
+  <header class="nav">
+    <div class="logo">
+      <img src="/regresso/assets/logo-header.png" alt="Regresso logo">
+      <span>Regresso</span>
+    </div>
+    <nav>
+      <a href="#features">Features</a>
+      <a href="#adapters">Adapters</a>
+      <a href="#how">How It Works</a>
+      <a href="#web-ui">Web UI</a>
+      <a href="#quick-start" class="button ghost">Quick Start</a>
+    </nav>
+  </header>
+
+  <div class="hero-grid">
+    <div class="hero-copy">
+      <p class="eyebrow">Regression testing for Ruby data</p>
+      <h1>Catch production drift across APIs, files, and databases.</h1>
+      <p class="lead">Regresso compares structured outputs with precision tolerances, ignore rules, and snapshot workflows. Ship confidently, even when data changes are subtle.</p>
+      <div class="cta">
+        <a class="button primary" href="#quick-start">Get started</a>
+        <a class="button ghost" href="https://github.com/ydah/regresso">GitHub</a>
+      </div>
+      <div class="signal">
+        <span>Ruby 3.2+</span>
+        <span>APIs · CSV · DB · GraphQL</span>
+        <span>CI-ready reports</span>
+      </div>
+    </div>
+
+    <div class="hero-card">
+      <div class="card-header">
+        <span>Latest comparison</span>
+        <span class="status ok">Passed</span>
+      </div>
+      <div class="card-body">
+        <pre><code>expect(new_api)
+  .to have_no_regression_from(old_api)
+  .with_tolerance(0.01)
+  .ignoring("$.timestamp")</code></pre>
+      </div>
+      <div class="card-footer">
+        <div>
+          <p class="label">Meaningful diffs</p>
+          <p class="value">0</p>
+        </div>
+        <div>
+          <p class="label">Runtime</p>
+          <p class="value">1.2s</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section id="features" class="section">
+  <div class="section-title">
+    <h2>Designed for regression certainty</h2>
+    <p>Pinpoint where outputs drift and decide what matters to your product.</p>
+  </div>
+  <div class="feature-grid">
+    <article class="feature">
+      <h3>Precision diffs</h3>
+      <p>JSONPath-level ignores and numeric tolerances keep the signal clean.</p>
+    </article>
+    <article class="feature">
+      <h3>Source adapters</h3>
+      <p>Compare HTTP, CSV, JSON files, GraphQL, database queries, and snapshots.</p>
+    </article>
+    <article class="feature">
+      <h3>Snapshots</h3>
+      <p>Freeze stable output and review changes when business logic evolves.</p>
+    </article>
+    <article class="feature">
+      <h3>Parallel runs</h3>
+      <p>Run many comparisons concurrently and aggregate CI-ready reports.</p>
+    </article>
+    <article class="feature">
+      <h3>Test frameworks</h3>
+      <p>RSpec matchers and Minitest assertions come out of the box.</p>
+    </article>
+    <article class="feature">
+      <h3>Web UI</h3>
+      <p>Inspect stored results, filter diffs, and share reports with your team.</p>
+    </article>
+  </div>
+</section>
+
+  </body>
+</html>
+
+<section id="quick-start" class="section split">
+  <div>
+    <h2>Quick start</h2>
+    <p>Install the gem, compare two sources, and inspect the summary.</p>
+    <div class="callouts">
+      <div>
+        <h4>Install</h4>
+        <pre><code>bundle add regresso</code></pre>
+      </div>
+      <div>
+        <h4>Compare</h4>
+        <pre><code>result = Regresso::Comparator.new(
+  source_a: old_api,
+  source_b: new_api
+).compare
+puts result.summary</code></pre>
+      </div>
+    </div>
+  </div>
+  <aside class="note">
+    <h4>Snapshot flow</h4>
+    <p>Lock in stable outputs and keep regressions intentional.</p>
+    <pre><code>expect(payload)
+  .to match_snapshot("report_total")</code></pre>
+    <p class="small">Set <code>UPDATE_SNAPSHOTS=1</code> to refresh stored snapshots.</p>
+  </aside>
+</section>
+
+<section id="adapters" class="section">
+  <div class="section-title">
+    <h2>Adapters you can chain together</h2>
+    <p>Everything is just a source that responds to <code>fetch</code>.</p>
+  </div>
+  <div class="adapter-grid">
+    <div class="adapter">HTTP APIs</div>
+    <div class="adapter">CSV exports</div>
+    <div class="adapter">JSON files</div>
+    <div class="adapter">GraphQL queries</div>
+    <div class="adapter">GraphQL batches</div>
+    <div class="adapter">Database queries</div>
+    <div class="adapter">Database snapshots</div>
+    <div class="adapter">Custom Proc adapters</div>
+  </div>
+</section>
+
+<section id="how" class="section">
+  <div class="section-title">
+    <h2>How it works</h2>
+    <p>Regresso compares structured data with a clear audit trail.</p>
+  </div>
+  <ol class="steps">
+    <li>Normalize inputs from two sources.</li>
+    <li>Compute diffs with type coercion and tolerance rules.</li>
+    <li>Filter out ignored paths and noise.</li>
+    <li>Generate reports for CI or the Web UI.</li>
+  </ol>
+</section>
+
+<section id="web-ui" class="section split">
+  <div>
+    <h2>Web UI for shared visibility</h2>
+    <p>Store results on disk, filter diffs, and keep a browseable trail of comparisons.</p>
+    <pre><code>require "regresso/web_ui"
+
+store = Regresso::WebUI::ResultStore.new(
+  storage_path: "tmp/regresso_results"
+)
+Regresso::WebUI::Server.set :result_store, store
+Regresso::WebUI::Server.run!</code></pre>
+  </div>
+  <div class="ui-preview">
+    <div class="ui-header">
+      <span>Run #128</span>
+      <span class="pill">Diffs</span>
+    </div>
+    <div class="ui-body">
+      <div class="ui-row">
+        <span>$.prices[2]</span>
+        <span>19.99</span>
+        <span>20.10</span>
+        <span class="pill warn">changed</span>
+      </div>
+      <div class="ui-row">
+        <span>$.users[4]</span>
+        <span>nil</span>
+        <span>"Nia"</span>
+        <span class="pill ok">added</span>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="section split">
+  <div>
+    <h2>CI-friendly outputs</h2>
+    <p>Generate JUnit XML or GitHub annotations from parallel runs.</p>
+    <pre><code>runner = Regresso::Parallel::Runner.new(
+  comparisons: comparisons,
+  workers: 4
+)
+result = runner.run
+
+reporter = Regresso::CI::Reporter.new(result)
+File.write("tmp/regresso.xml", reporter.to_junit_xml)</code></pre>
+  </div>
+  <div class="note">
+    <h4>History tracking</h4>
+    <p>Persist results and build weekly trend reports.</p>
+    <pre><code>store = Regresso::History::Store.new
+store.record(result)
+report = Regresso::History::TrendReporter.new(store)
+puts report.generate(period: :week)</code></pre>
+  </div>
+</section>
+
+<section class="section footer">
+  <div>
+    <h2>Ready to stop regressions before they ship?</h2>
+    <p>Wire Regresso into your test suite and keep data drift visible.</p>
+  </div>
+  <div class="cta">
+    <a class="button primary" href="#quick-start">Start now</a>
+    <a class="button ghost" href="https://rubygems.org/gems/regresso">RubyGems</a>
+  </div>
+</section>

data/site/dist/search.json

@@ -0,0 +1,9 @@
+[
+  {
+    "title": "Regresso",
+    "url": "/",
+    "content": "Regresso is a regression testing toolkit for Ruby APIs, files, and data snapshots.",
+    "tags": [],
+    "date": null
+  }
+]

data/site/dist/sitemap.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<url>
+  <loc>https://ydah.github.io/regresso/</loc>
+  <lastmod>2026-01-18</lastmod>
+</url>
+</urlset>