feedBack/tailwind.config.js
Byron Gamatos 9d0bf95716
refactor(ui)!: remove the classic v2 shell — v3 is the only UI (R3a) (#871)
* refactor(ui)!: remove the classic v2 shell — v3 is the only UI (R3a)

Deletes `static/index.html`, the `/v2` route, and the `FEEDBACK_UI` v2/legacy
opt-out. `/` and `/v3` both serve `static/v3/index.html`, which has been the
default since 0.3.0.

This is step 0 of the core-frontend ES-module migration (R3a). Both shells load
the same `static/app.js`, so every later step of that migration — exposing the
window contract, the `defer` ordering fix, the `type="module"` flips — would
otherwise have to be made and verified twice. Removing the fallback now halves
that surface before any of it is touched.

Incidentally fixes a latent bug in `index()`: its guard read
`if getenv_compat("FEEDBACK_UI") or getenv_compat("FEEDBACK_UI") in ("v2", "legacy")`,
whose left operand is truthy for *any* non-empty value — so `FEEDBACK_UI=v3`
actually served the **v2** shell.

- `static/tailwind.min.css` regenerated: the content globs scanned the deleted
  file, so v2-only utility classes are now purged (CI's tailwind-fresh job
  rebuilds and diffs it).
- Constitution amended to 1.3.0 — Principle II's frontend file list now names
  `static/v3/index.html`.
- Tests: 4 suites read the v2 shell (3 via a constructed `path.join` that a
  literal grep misses). Their v2 halves are paired duplicates of v3 tests that
  stay, so they are dropped; `alpha_warning_banner` and the capability-registry
  script-order test retarget to `static/v3/index.html`.

BREAKING CHANGE: `FEEDBACK_UI=v2` / `=legacy` and the `/v2` route are gone.
Unset the variable and use `/`. No chart, settings, or plugin data changes, and
no plugin API changes — v3 reuses the same engine.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* docs: drop the stale '/ is v2' plugin-verification guidance (CodeRabbit)

The v3-only rewrite updated the intro paragraphs but left three lines that
still instructed plugin authors to verify in 'both / (v2) and /v3' — now the
same shell. Historical 'in v2 it was X' contrasts are kept: they still orient
authors whose plugins also ship to users on older cores.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-11 16:33:03 +02:00

75 lines
3.7 KiB
JavaScript

/**
* Tailwind CSS build config for feedBack core.
*
* Replaces the Play CDN (`cdn.tailwindcss.com`) JIT runtime that
* previously scanned the DOM ~1.8x/sec on the main thread, causing
* sustained frame drops with the 3D highway. See feedBack-desktop#110.
*
* Regenerate `static/tailwind.min.css` with:
* bash scripts/build-tailwind.sh
*
* The generated CSS is committed; there is no build step at serve time.
*/
module.exports = {
content: [
'./static/**/*.{html,js}',
// fee[dB]ack v0.3.0 shell + screens — the only UI since the classic v2
// shell was removed. Subsumed by the recursive ./static/** glob above,
// but listed explicitly so the v3 tree's Tailwind coverage is obvious.
'./static/v3/**/*.{html,js}',
// One recursive plugin glob subsumes the previous four narrow ones
// (static/**, screen.js, settings.html, *.html) and additionally
// scans plugin .js files that aren't screen.js (e.g.
// plugins/app_tour_*/script.js), closing a silent coverage hole.
'./plugins/**/*.{js,html}',
// highway_3d owns its styles via the `styles` capability (it ships
// plugins/highway_3d/assets/plugin.css, preflight off), so core no
// longer scans it — its arbitrary values live in its own sheet, not
// core's. Pilot for decentralizing all bundled plugins' CSS.
'!./plugins/highway_3d/**',
],
theme: {
extend: {
colors: {
dark: { 900: '#050508', 800: '#0a0a12', 700: '#10101e', 600: '#181830', 500: '#1e1e3a' },
accent: { DEFAULT: '#4080e0', light: '#60a0ff', dark: '#2060b0' },
gold: '#e8c040',
// fee[dB]ack v0.3.0 palette (additive). Namespaced under `fb`
// so it never clashes with the legacy `accent`/`dark`/`gold`
// tokens the 0.2.9 stylesheet still builds against.
// See ~/Repositories/feedBack-feedback-v030/design/01-design-system.md §1.
fb: {
bg: '#0f172a', // app background (navy)
sidebar: '#111827', // sidebar
card: '#1e293b', // cards / panels
cardMuted: '#0b1220', // inset wells
primary: '#0ea5e9', // sky — primary actions, active nav, progress fill
primaryHi: '#38bdf8', // hover
accent: '#ef4444', // red — Support Us, destructive, low-accuracy
text: '#f8fafc', // primary text
textDim: '#94a3b8', // secondary text
border: '#334155', // hairlines / card borders
good: '#22c55e', // accuracy >=90%
mid: '#eab308', // accuracy 50-89%
low: '#ef4444', // accuracy <50%
gold: '#e8c040', // mastery accent retained from legacy palette
},
},
fontFamily: {
// Shared token used by BOTH the v2 (legacy) and v3 bodies. Keep it
// Inter so the default v2 UI is unchanged; v3 overrides font-display
// to Rubik in static/v3/v3.css (loaded only by the v3 page).
display: ['"Inter"', 'system-ui', 'sans-serif'],
},
},
},
safelist: [
// Dynamically-built class names that don't appear textually in
// any source file the content globs cover.
{ pattern: /^(bg|text|border|ring)-(red|green|amber|yellow|blue|indigo|purple|pink|gray|slate)-(50|100|200|300|400|500|600|700|800|900)$/ },
{ pattern: /^(bg|text|border)-(dark|accent)(-.+)?$/ },
'text-gold', 'bg-gold', 'border-gold',
],
plugins: [],
};