codebread 1.1.3__tar.gz → 1.1.4__tar.gz

{codebread-1.1.3 → codebread-1.1.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: codebread
-Version: 1.1.3
+Version: 1.1.4
 Summary: Interactive codebase analyzer & visualizer — slice open a project and see how it's wired together.
 Author: Danial Irsyad
 License: MIT
@@ -29,7 +29,7 @@ Dynamic: license-file
 </p>
 
 <p align="center">
-  <a href="https://pypi.org/project/codebread/"><img alt="PyPI" src="https://img.shields.io/pypi/v/codebread?color=b0541c&label=pypi"></a>
+  <a href="https://pypi.org/project/codebread/"><img alt="PyPI" src="https://img.shields.io/pypi/v/codebread?color=0e7490&label=pypi&cacheSeconds=3600"></a>
   <a href="https://github.com/honow48-tech/CodeBread/actions/workflows/ci.yml"><img alt="CI" src="https://github.com/honow48-tech/CodeBread/actions/workflows/ci.yml/badge.svg"></a>
   <img alt="Python 3.9+" src="https://img.shields.io/badge/python-3.9%2B-5f5c55">
   <img alt="No dependencies" src="https://img.shields.io/badge/dependencies-none-5f5c55">
@@ -82,6 +82,12 @@ it, all the way from a frontend `fetch()` to the database table.
 
 Read any file with an outline and syntax highlighting, without leaving the page.
 
+### Your colours
+
+The report follows your system's light or dark mode. Click the dot at the
+right of the top bar to pick an accent colour; your choice is saved in your
+browser.
+
 <p align="center">
   <img src="https://cdn.jsdelivr.net/gh/honow48-tech/CodeBread@main/assets/code.png" alt="The Code view: file tree, function outline and highlighted source" width="880">
 </p>
@@ -128,7 +134,7 @@ codebread --path . --html report.html --no-serve
 | Python | ✓ | Flask, FastAPI, Django | requests, httpx, aiohttp | SQLAlchemy, Django, peewee |
 | JavaScript / TypeScript | ✓ | Express, Fastify, Koa, NestJS | fetch, axios | Prisma, Mongoose, Sequelize, Knex, TypeORM |
 | Vue / Svelte | ✓ | same as JS | fetch, axios | same as JS |
-| PHP | ✓ | Laravel | – | raw SQL |
+| PHP | ✓ | Laravel (incl. closures) | – | Eloquent, migrations, raw SQL |
 | Java | ✓ | Spring | – | raw SQL |
 | C# | ✓ | ASP.NET | – | raw SQL |
 | Go | ✓ | Gin, net/http | – | raw SQL |
@@ -154,7 +160,7 @@ structural regex with brace matching and gets parameter names only.
 | Java | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | – |
 | C# | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | – |
 | Go | regex | ✓ | structs | ✓ | – | – | ✓ | ✓ | – |
-| PHP | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | ✓ |
+| PHP | regex | ✓ | ✓ | ✓ | – | Eloquent + migrations | ✓ | ✓ | ✓ |
 | Ruby | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | ✓ |
 | SQL | regex | – | – | – | – | tables + columns | ✓ | – | – |
 | Config (`.env`, json, yaml, toml, ini, xml) | key scan | – | – | – | – | – | – | – | – |

{codebread-1.1.3 → codebread-1.1.4}/README.md

@@ -13,7 +13,7 @@
 </p>
 
 <p align="center">
-  <a href="https://pypi.org/project/codebread/"><img alt="PyPI" src="https://img.shields.io/pypi/v/codebread?color=b0541c&label=pypi"></a>
+  <a href="https://pypi.org/project/codebread/"><img alt="PyPI" src="https://img.shields.io/pypi/v/codebread?color=0e7490&label=pypi&cacheSeconds=3600"></a>
   <a href="https://github.com/honow48-tech/CodeBread/actions/workflows/ci.yml"><img alt="CI" src="https://github.com/honow48-tech/CodeBread/actions/workflows/ci.yml/badge.svg"></a>
   <img alt="Python 3.9+" src="https://img.shields.io/badge/python-3.9%2B-5f5c55">
   <img alt="No dependencies" src="https://img.shields.io/badge/dependencies-none-5f5c55">
@@ -66,6 +66,12 @@ it, all the way from a frontend `fetch()` to the database table.
 
 Read any file with an outline and syntax highlighting, without leaving the page.
 
+### Your colours
+
+The report follows your system's light or dark mode. Click the dot at the
+right of the top bar to pick an accent colour; your choice is saved in your
+browser.
+
 <p align="center">
   <img src="https://cdn.jsdelivr.net/gh/honow48-tech/CodeBread@main/assets/code.png" alt="The Code view: file tree, function outline and highlighted source" width="880">
 </p>
@@ -112,7 +118,7 @@ codebread --path . --html report.html --no-serve
 | Python | ✓ | Flask, FastAPI, Django | requests, httpx, aiohttp | SQLAlchemy, Django, peewee |
 | JavaScript / TypeScript | ✓ | Express, Fastify, Koa, NestJS | fetch, axios | Prisma, Mongoose, Sequelize, Knex, TypeORM |
 | Vue / Svelte | ✓ | same as JS | fetch, axios | same as JS |
-| PHP | ✓ | Laravel | – | raw SQL |
+| PHP | ✓ | Laravel (incl. closures) | – | Eloquent, migrations, raw SQL |
 | Java | ✓ | Spring | – | raw SQL |
 | C# | ✓ | ASP.NET | – | raw SQL |
 | Go | ✓ | Gin, net/http | – | raw SQL |
@@ -138,7 +144,7 @@ structural regex with brace matching and gets parameter names only.
 | Java | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | – |
 | C# | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | – |
 | Go | regex | ✓ | structs | ✓ | – | – | ✓ | ✓ | – |
-| PHP | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | ✓ |
+| PHP | regex | ✓ | ✓ | ✓ | – | Eloquent + migrations | ✓ | ✓ | ✓ |
 | Ruby | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | ✓ |
 | SQL | regex | – | – | – | – | tables + columns | ✓ | – | – |
 | Config (`.env`, json, yaml, toml, ini, xml) | key scan | – | – | – | – | – | – | – | – |

{codebread-1.1.3 → codebread-1.1.4}/codebread/web/app.js

@@ -71,6 +71,7 @@ window.addEventListener("resize", invalidateRectCache);
 /* ---------------- boot ---------------- */
 function boot(data) {
   S.data = data;
+  bindAccent();  // first, so a saved accent applies before anything animates in
   indexData();
   renderHeader();
   renderLanguages();
@@ -2413,6 +2414,55 @@ function esc(s) {
 }
 
 
+/* ---------------- accent color ----------------
+   The viewer's pick sets --accent-pick; CSS derives everything else (--soft,
+   focus rings, highlights). Dark mode gets a lightened mix so it stays legible.
+   Saved per browser: it's a personal preference, not part of the report. */
+const ACCENTS = [["Cyan (logo)", null], ["Blue", "#2563eb"], ["Crust", "#b0541c"],
+  ["Green", "#3f7d3a"], ["Violet", "#7c4dbd"], ["Rose", "#c2416b"], ["Graphite", "#3f3f46"]];
+const ACCENT_DEFAULT = "#0e7490";  // keep in sync with --accent in style.css
+const ACCENT_KEY = "codebread_accent";
+
+function applyAccent(hex, save = true) {
+  const st = document.documentElement.style;
+  if (hex) {
+    st.setProperty("--accent-pick", hex);
+    st.setProperty("--accent-pick-dark", `color-mix(in srgb, ${hex} 62%, white)`);
+  } else {
+    st.removeProperty("--accent-pick");
+    st.removeProperty("--accent-pick-dark");
+  }
+  if (save) {
+    try { hex ? localStorage.setItem(ACCENT_KEY, hex) : localStorage.removeItem(ACCENT_KEY); } catch (e) { /* no storage */ }
+  }
+  document.querySelectorAll(".swatch").forEach(b => b.classList.toggle("on", (b.dataset.hex || null) === hex));
+  $("accent-input").value = hex || ACCENT_DEFAULT;
+}
+
+function bindAccent() {
+  $("accent-swatches").innerHTML = ACCENTS.map(([name, hex]) =>
+    `<button class="swatch" ${hex ? `data-hex="${hex}"` : ""} title="${name}" aria-label="${name}" ` +
+    `style="background:${hex || ACCENT_DEFAULT}"></button>`).join("");
+  let saved = null;
+  try { saved = localStorage.getItem(ACCENT_KEY); } catch (e) { /* no storage */ }
+  applyAccent(saved, false);
+
+  const btn = $("accent-btn"), pop = $("accent-pop");
+  const toggle = (open) => {
+    pop.classList.toggle("hidden", !open);
+    btn.setAttribute("aria-expanded", String(open));
+  };
+  btn.addEventListener("click", () => toggle(pop.classList.contains("hidden")));
+  $("accent-swatches").addEventListener("click", (ev) => {
+    const sw = ev.target.closest(".swatch");
+    if (sw) applyAccent(sw.dataset.hex || null);
+  });
+  $("accent-input").addEventListener("input", (ev) => applyAccent(ev.target.value));
+  $("accent-reset").addEventListener("click", () => applyAccent(null));
+  document.addEventListener("click", (ev) => { if (!ev.target.closest("#accent-wrap")) toggle(false); });
+  document.addEventListener("keydown", (ev) => { if (ev.key === "Escape") toggle(false); });
+}
+
 /* ---------------- start ----------------
    Must run after every top-level const above is initialized: the static
    --html export inlines CODEBREAD_DATA, so boot() runs synchronously and

{codebread-1.1.3 → codebread-1.1.4}/codebread/web/index.html

@@ -47,6 +47,19 @@
       <button data-layer="database">Database</button>
       <button data-layer="config">Config</button>
     </nav>
+
+    <div id="accent-wrap">
+      <button id="accent-btn" title="Accent color" aria-label="Accent color"
+              aria-haspopup="dialog" aria-expanded="false"><span></span></button>
+      <div id="accent-pop" class="hidden" role="dialog" aria-label="Accent color">
+        <div class="kicker">Accent color</div>
+        <div id="accent-swatches"></div>
+        <div class="accent-row">
+          <label class="accent-custom"><input type="color" id="accent-input"> Custom</label>
+          <button id="accent-reset" class="chip">Reset</button>
+        </div>
+      </div>
+    </div>
   </header>
 
   <div id="main">

{codebread-1.1.3 → codebread-1.1.4}/codebread/web/style.css

@@ -14,9 +14,11 @@
   --ink-3: #9a978e;
   --line: #e3e0d7;
   --line2: #cfcbc0;
-  --accent: #b0541c;
+  /* default: the logo's cyan, deepened for text contrast on paper (~5:1).
+     Viewers can pick another from the top bar, see applyAccent() */
+  --accent: var(--accent-pick, #0e7490);
   --accent-ink: #fff;
-  --soft: rgba(176, 84, 28, 0.08);
+  --soft: color-mix(in srgb, var(--accent) 9%, transparent);
   --warn: #98580f;
   --bad: #a3372a;
   --shadow: 0 18px 40px -22px rgba(30, 24, 12, 0.35);
@@ -51,9 +53,9 @@
     --ink-3: #6c6a63;
     --line: #2a2a27;
     --line2: #3a3934;
-    --accent: #e59a62;
-    --accent-ink: #1a0f08;
-    --soft: rgba(229, 154, 98, 0.11);
+    --accent: var(--accent-pick-dark, #67e8f9);  /* the logo's exact cyan */
+    --accent-ink: #062a33;
+    --soft: color-mix(in srgb, var(--accent) 12%, transparent);
     --warn: #e2a85c;
     --bad: #ef8a7a;
     --shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.7);
@@ -162,6 +164,36 @@ kbd {
 .sr-item .sr-path { margin-left: auto; color: var(--ink-3); font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .sr-empty { padding: 10px 12px; color: var(--ink-3); font-size: 13px; }
 
+/* ---------- accent picker ------------------------------------------------ */
+
+#accent-wrap { position: relative; }
+#accent-btn {
+  width: 30px; height: 30px; display: grid; place-items: center; cursor: pointer;
+  background: none; border: 1px solid var(--line2); border-radius: 50%;
+  transition: border-color .2s, transform .15s;
+}
+#accent-btn:hover { border-color: var(--ink); }
+#accent-btn:active { transform: scale(.94); }
+#accent-btn span { width: 16px; height: 16px; border-radius: 50%; background: var(--accent); transition: background .3s; }
+#accent-pop {
+  position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; width: 236px;
+  padding: 14px; background: var(--panel); border: 1px solid var(--line2); border-radius: 12px;
+  box-shadow: var(--shadow); animation: drop .18s var(--ease);
+}
+#accent-swatches { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin: 12px 0; }
+.swatch {
+  aspect-ratio: 1; border-radius: 50%; cursor: pointer; padding: 0;
+  border: 2px solid var(--panel); box-shadow: 0 0 0 1px var(--line2);
+  transition: box-shadow .2s, transform .15s;
+}
+.swatch:hover { transform: scale(1.1); }
+.swatch.on { box-shadow: 0 0 0 2px var(--ink); }
+.accent-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.accent-custom { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); cursor: pointer; }
+#accent-input { width: 28px; height: 28px; padding: 0; border: 1px solid var(--line2); border-radius: 6px; background: none; cursor: pointer; }
+#accent-input::-webkit-color-swatch-wrapper { padding: 2px; }
+#accent-input::-webkit-color-swatch { border: 0; border-radius: 4px; }
+
 /* ---------- layout ----------------------------------------------------- */
 
 #main { display: flex; flex: 1; min-height: 0; position: relative; }

{codebread-1.1.3 → codebread-1.1.4}/codebread.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: codebread
-Version: 1.1.3
+Version: 1.1.4
 Summary: Interactive codebase analyzer & visualizer — slice open a project and see how it's wired together.
 Author: Danial Irsyad
 License: MIT
@@ -29,7 +29,7 @@ Dynamic: license-file
 </p>
 
 <p align="center">
-  <a href="https://pypi.org/project/codebread/"><img alt="PyPI" src="https://img.shields.io/pypi/v/codebread?color=b0541c&label=pypi"></a>
+  <a href="https://pypi.org/project/codebread/"><img alt="PyPI" src="https://img.shields.io/pypi/v/codebread?color=0e7490&label=pypi&cacheSeconds=3600"></a>
   <a href="https://github.com/honow48-tech/CodeBread/actions/workflows/ci.yml"><img alt="CI" src="https://github.com/honow48-tech/CodeBread/actions/workflows/ci.yml/badge.svg"></a>
   <img alt="Python 3.9+" src="https://img.shields.io/badge/python-3.9%2B-5f5c55">
   <img alt="No dependencies" src="https://img.shields.io/badge/dependencies-none-5f5c55">
@@ -82,6 +82,12 @@ it, all the way from a frontend `fetch()` to the database table.
 
 Read any file with an outline and syntax highlighting, without leaving the page.
 
+### Your colours
+
+The report follows your system's light or dark mode. Click the dot at the
+right of the top bar to pick an accent colour; your choice is saved in your
+browser.
+
 <p align="center">
   <img src="https://cdn.jsdelivr.net/gh/honow48-tech/CodeBread@main/assets/code.png" alt="The Code view: file tree, function outline and highlighted source" width="880">
 </p>
@@ -128,7 +134,7 @@ codebread --path . --html report.html --no-serve
 | Python | ✓ | Flask, FastAPI, Django | requests, httpx, aiohttp | SQLAlchemy, Django, peewee |
 | JavaScript / TypeScript | ✓ | Express, Fastify, Koa, NestJS | fetch, axios | Prisma, Mongoose, Sequelize, Knex, TypeORM |
 | Vue / Svelte | ✓ | same as JS | fetch, axios | same as JS |
-| PHP | ✓ | Laravel | – | raw SQL |
+| PHP | ✓ | Laravel (incl. closures) | – | Eloquent, migrations, raw SQL |
 | Java | ✓ | Spring | – | raw SQL |
 | C# | ✓ | ASP.NET | – | raw SQL |
 | Go | ✓ | Gin, net/http | – | raw SQL |
@@ -154,7 +160,7 @@ structural regex with brace matching and gets parameter names only.
 | Java | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | – |
 | C# | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | – |
 | Go | regex | ✓ | structs | ✓ | – | – | ✓ | ✓ | – |
-| PHP | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | ✓ |
+| PHP | regex | ✓ | ✓ | ✓ | – | Eloquent + migrations | ✓ | ✓ | ✓ |
 | Ruby | regex | ✓ | ✓ | ✓ | – | – | ✓ | ✓ | ✓ |
 | SQL | regex | – | – | – | – | tables + columns | ✓ | – | – |
 | Config (`.env`, json, yaml, toml, ini, xml) | key scan | – | – | – | – | – | – | – | – |

{codebread-1.1.3 → codebread-1.1.4}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "codebread"
-version = "1.1.3"
+version = "1.1.4"
 description = "Interactive codebase analyzer & visualizer — slice open a project and see how it's wired together."
 readme = "README.md"
 requires-python = ">=3.9"