refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1) - #496

Merged
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup
Jul 31, 2026
Merged

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1)#496
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup

Conversation

@AndresL230

@AndresL230AndresL230 commented Jul 31, 2026

Copy link
Copy Markdown
Collaborator

Phase 1 of the landing redesign: dead-code removal only, no visual change. Phases 2–4 need your and Jack's taste input and aren't touched.

Removed — each verified unreachable, not assumed

whatwhy it was dead
startCounters (18 lines)its only caller was the landing-stat-fade-up branch of the fade-up observer, and that class appears in no markup anywhere
the spotlight mouse-follow effect (42 lines)opens with if (cards.length === 0) return, and .landing-spotlight-card is applied in no markup — it early-returned on every mount
16 orphaned CSS rules.landing-btn-shimmer, .landing-spotlight-card, .landing-icon-container — zero consumers outside globals.css, in both the unscoped and scoped copies

The observer itself stays: .landing-fade-up is live at three call sites, so only the stat branch and the dead selector go.

Net: 117 deleted, 1 added.

One thing in the diff that looks alarming and isn't

The suppressions baseline swaps react-hooks/immutabilityreact-hooks/set-state-in-effect on (public)/page.tsx. That is not a new violation.

The deleted code mutated DOM styles and drove requestAnimationFrame loops, which made React Compiler bail out on the whole component — masking a pre-existing setState inside the mount-time URL-error effect at :110. Removing the dead code made the file analyzable again, and the latent violation surfaced.

Verified by swapping main's page.tsx into this branch: with main's file the full lint is 0 errors, with mine it's 1. Same suppressions file both times.

The pattern itself predates this PR and can't move to lazy state init — the initializer would also run during SSR, where window is undefined. Suppression count for the file is unchanged: one out, one in.

Deliberately not done

The wider de-dup of the unscoped vs .landing-page-scoped rule blocks. I verified it's safe in principle:

  • all 21 unscoped landing-* selectors have scoped twins
  • the two apparent "properties only the unscoped rule defines" are comment-parsing artifacts — the scoped rules do define them, identically
  • no .public-surface content page (about/careers/privacy/terms) uses a landing-* class

But the two blocks are interleaved with 11 unrelated rules (.glass-panel, .liquid-glass-*, .glass-input, :root, toast keyframes…), so it can't be a range delete — and this phase's own gate is "screenshot diff shows no change", which I can't run here: Turbopack refuses the symlinked node_modules in a worktree. Left for a follow-up that can actually be screenshotted, rather than shipping ~200 lines of CSS deletion on the acquisition surface unverified.

Also untouched: the hint text ("SEE WHAT'S INSIDE", "Scroll the catalog", "— end of catalog") and the page indicator. Both are visible changes, so they belong with your phase-2 sign-off, not in a zero-visual-change cleanup.

Gates

  • tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests
  • Full local e2e cycle — in a comment below

part of #344

Summary by CodeRabbit

  • Refinements
    • Simplified landing-page scroll animations to focus on supported fade-up elements.
    • Removed animated statistic counters from the landing page.
    • Streamlined landing-page visual effects, including button shimmer, card glow, and feature-icon hover styling.
  • Maintenance
    • Updated linting configuration to reflect the current React hook usage.

…phase 1)
Phase 1 of the landing redesign: dead-code removal only, no visual change.
Removed, each verified unreachable rather than assumed:
startCounters (18 lines) — its only caller was the `landing-stat-fade-up`
branch of the fade-up observer, and that class appears in no markup
anywhere. The observer itself stays; `.landing-fade-up` is live at three
call sites, so only the stat branch and the dead selector go.
the spotlight mouse-follow effect (42 lines) — opens with
`if (cards.length === 0) return`, and `.landing-spotlight-card` is applied
in no markup, so it early-returned on every mount.
16 orphaned CSS rules across .landing-btn-shimmer, .landing-spotlight-card
and .landing-icon-container — zero consumers outside globals.css, in both
the unscoped and the .landing-page-scoped copies.
Net: 117 lines deleted, 1 added.
One consequence worth recording, because it looks alarming in the diff: the
eslint suppressions baseline swaps `react-hooks/immutability` for
`react-hooks/set-state-in-effect` on (public)/page.tsx. That is not a new
violation. The deleted code mutated DOM styles and drove requestAnimationFrame
loops, which made React Compiler bail out on the whole component — masking a
pre-existing `setState` inside the mount-time URL-error effect at :110.
Removing the dead code made the file analyzable again and the latent violation
surfaced. Verified by swapping main's page.tsx into this branch: with main's
file the full lint is 0 errors, with mine it is 1. The pattern itself (reading
window.location on mount) predates this PR and cannot move to lazy state init,
since the initializer would also run during SSR where `window` is undefined.
Suppression count for the file is unchanged: one out, one in.
NOT done in this commit, deliberately — the wider de-dup of the unscoped vs
.landing-page-scoped rule blocks. I verified it is safe in principle (all 21
unscoped landing selectors have scoped twins, the two apparent property gaps
are comment-parsing artifacts, and no .public-surface content page uses a
landing-* class), but the two blocks are interleaved with 11 unrelated rules
so it cannot be a range delete, and the phase's own gate is "screenshot diff
shows no change" — which I cannot run here, since Turbopack refuses the
symlinked node_modules in a worktree. Left for a follow-up that can be
screenshotted.
part of #344
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@supabase

supabaseBot commented Jul 31, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project ybgqdonkoqftwrmweuyv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with Cloudflare Workers Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

StatusNameLatest CommitPreview URLUpdated (UTC)
✅ Deployment successful!
View logs
frontend-stagingcbf88c8Commit Preview URL

Branch Preview URL
Jul 31 2026, 07:47 AM

@AndresL230

Copy link
Copy Markdown
CollaboratorAuthor

Local e2e cycle — green

Run at cbf88c8 inside one flock, SAPLING_MODEL_MODE=function:

35 passed (1.3m)
0 finding(s), 0 suppressed (allowlisted)

Disclosure: an earlier run of this cycle was discarded, not reported. I switched the primary checkout to main while that run held the stack lock, so its oracles executed newer code than the build under test. It passed, but a contaminated gate isn't a gate — this result is from a clean re-run with the tree untouched throughout.

Gates: tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests.

@AndresL230
AndresL230 merged commit 8fb7949 into mainJul 31, 2026
6 checks passed
@coderabbitai

coderabbitaiBot commented Jul 31, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 06aad740-5dca-405d-8b37-05c5b46fe5dd

📥 Commits

Reviewing files that changed from the base of the PR and between abdde21 and cbf88c8.

📒 Files selected for processing (3)
  • frontend/eslint-suppressions.json
  • frontend/src/app/(public)/page.tsx
  • frontend/src/app/globals.css

📝 Walkthrough

Walkthrough

The landing page observer no longer starts statistic counters. The related ESLint suppression now targets react-hooks/set-state-in-effect. Redundant landing-page shimmer, glow, and icon hover styles were removed.

Changes

Landing page cleanup

Layer / File(s)Summary
Observer behavior and lint suppression
frontend/src/app/(public)/page.tsx, frontend/eslint-suppressions.json
The observer processes fade-up elements only. Counter initialization and statistic observation were removed. The ESLint suppression rule was updated.
Landing-page style removal
frontend/src/app/globals.css
Generic and scoped shimmer, spotlight-card glow, and feature-icon hover styles were removed. Two empty lines were also removed.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers:jose-gael-cruz-lopez

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/344-phase1-cleanup

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@AndresL230
AndresL230 deleted the feat/344-phase1-cleanup branch August 2, 2026 18:30
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@AndresL230
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1) - #496

Merged
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup
Jul 31, 2026
Merged

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1)#496
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup

Conversation

@AndresL230

@AndresL230AndresL230 commented Jul 31, 2026

Copy link
Copy Markdown
Collaborator

Phase 1 of the landing redesign: dead-code removal only, no visual change. Phases 2–4 need your and Jack's taste input and aren't touched.

Removed — each verified unreachable, not assumed

whatwhy it was dead
startCounters (18 lines)its only caller was the landing-stat-fade-up branch of the fade-up observer, and that class appears in no markup anywhere
the spotlight mouse-follow effect (42 lines)opens with if (cards.length === 0) return, and .landing-spotlight-card is applied in no markup — it early-returned on every mount
16 orphaned CSS rules.landing-btn-shimmer, .landing-spotlight-card, .landing-icon-container — zero consumers outside globals.css, in both the unscoped and scoped copies

The observer itself stays: .landing-fade-up is live at three call sites, so only the stat branch and the dead selector go.

Net: 117 deleted, 1 added.

One thing in the diff that looks alarming and isn't

The suppressions baseline swaps react-hooks/immutabilityreact-hooks/set-state-in-effect on (public)/page.tsx. That is not a new violation.

The deleted code mutated DOM styles and drove requestAnimationFrame loops, which made React Compiler bail out on the whole component — masking a pre-existing setState inside the mount-time URL-error effect at :110. Removing the dead code made the file analyzable again, and the latent violation surfaced.

Verified by swapping main's page.tsx into this branch: with main's file the full lint is 0 errors, with mine it's 1. Same suppressions file both times.

The pattern itself predates this PR and can't move to lazy state init — the initializer would also run during SSR, where window is undefined. Suppression count for the file is unchanged: one out, one in.

Deliberately not done

The wider de-dup of the unscoped vs .landing-page-scoped rule blocks. I verified it's safe in principle:

  • all 21 unscoped landing-* selectors have scoped twins
  • the two apparent "properties only the unscoped rule defines" are comment-parsing artifacts — the scoped rules do define them, identically
  • no .public-surface content page (about/careers/privacy/terms) uses a landing-* class

But the two blocks are interleaved with 11 unrelated rules (.glass-panel, .liquid-glass-*, .glass-input, :root, toast keyframes…), so it can't be a range delete — and this phase's own gate is "screenshot diff shows no change", which I can't run here: Turbopack refuses the symlinked node_modules in a worktree. Left for a follow-up that can actually be screenshotted, rather than shipping ~200 lines of CSS deletion on the acquisition surface unverified.

Also untouched: the hint text ("SEE WHAT'S INSIDE", "Scroll the catalog", "— end of catalog") and the page indicator. Both are visible changes, so they belong with your phase-2 sign-off, not in a zero-visual-change cleanup.

Gates

  • tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests
  • Full local e2e cycle — in a comment below

part of #344

Summary by CodeRabbit

  • Refinements
    • Simplified landing-page scroll animations to focus on supported fade-up elements.
    • Removed animated statistic counters from the landing page.
    • Streamlined landing-page visual effects, including button shimmer, card glow, and feature-icon hover styling.
  • Maintenance
    • Updated linting configuration to reflect the current React hook usage.

…phase 1)
Phase 1 of the landing redesign: dead-code removal only, no visual change.
Removed, each verified unreachable rather than assumed:
startCounters (18 lines) — its only caller was the `landing-stat-fade-up`
branch of the fade-up observer, and that class appears in no markup
anywhere. The observer itself stays; `.landing-fade-up` is live at three
call sites, so only the stat branch and the dead selector go.
the spotlight mouse-follow effect (42 lines) — opens with
`if (cards.length === 0) return`, and `.landing-spotlight-card` is applied
in no markup, so it early-returned on every mount.
16 orphaned CSS rules across .landing-btn-shimmer, .landing-spotlight-card
and .landing-icon-container — zero consumers outside globals.css, in both
the unscoped and the .landing-page-scoped copies.
Net: 117 lines deleted, 1 added.
One consequence worth recording, because it looks alarming in the diff: the
eslint suppressions baseline swaps `react-hooks/immutability` for
`react-hooks/set-state-in-effect` on (public)/page.tsx. That is not a new
violation. The deleted code mutated DOM styles and drove requestAnimationFrame
loops, which made React Compiler bail out on the whole component — masking a
pre-existing `setState` inside the mount-time URL-error effect at :110.
Removing the dead code made the file analyzable again and the latent violation
surfaced. Verified by swapping main's page.tsx into this branch: with main's
file the full lint is 0 errors, with mine it is 1. The pattern itself (reading
window.location on mount) predates this PR and cannot move to lazy state init,
since the initializer would also run during SSR where `window` is undefined.
Suppression count for the file is unchanged: one out, one in.
NOT done in this commit, deliberately — the wider de-dup of the unscoped vs
.landing-page-scoped rule blocks. I verified it is safe in principle (all 21
unscoped landing selectors have scoped twins, the two apparent property gaps
are comment-parsing artifacts, and no .public-surface content page uses a
landing-* class), but the two blocks are interleaved with 11 unrelated rules
so it cannot be a range delete, and the phase's own gate is "screenshot diff
shows no change" — which I cannot run here, since Turbopack refuses the
symlinked node_modules in a worktree. Left for a follow-up that can be
screenshotted.
part of #344
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@supabase

supabaseBot commented Jul 31, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project ybgqdonkoqftwrmweuyv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with Cloudflare Workers Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

StatusNameLatest CommitPreview URLUpdated (UTC)
✅ Deployment successful!
View logs
frontend-stagingcbf88c8Commit Preview URL

Branch Preview URL
Jul 31 2026, 07:47 AM

@AndresL230

Copy link
Copy Markdown
CollaboratorAuthor

Local e2e cycle — green

Run at cbf88c8 inside one flock, SAPLING_MODEL_MODE=function:

35 passed (1.3m)
0 finding(s), 0 suppressed (allowlisted)

Disclosure: an earlier run of this cycle was discarded, not reported. I switched the primary checkout to main while that run held the stack lock, so its oracles executed newer code than the build under test. It passed, but a contaminated gate isn't a gate — this result is from a clean re-run with the tree untouched throughout.

Gates: tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests.

@AndresL230
AndresL230 merged commit 8fb7949 into mainJul 31, 2026
6 checks passed
@coderabbitai

coderabbitaiBot commented Jul 31, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 06aad740-5dca-405d-8b37-05c5b46fe5dd

📥 Commits

Reviewing files that changed from the base of the PR and between abdde21 and cbf88c8.

📒 Files selected for processing (3)
  • frontend/eslint-suppressions.json
  • frontend/src/app/(public)/page.tsx
  • frontend/src/app/globals.css

📝 Walkthrough

Walkthrough

The landing page observer no longer starts statistic counters. The related ESLint suppression now targets react-hooks/set-state-in-effect. Redundant landing-page shimmer, glow, and icon hover styles were removed.

Changes

Landing page cleanup

Layer / File(s)Summary
Observer behavior and lint suppression
frontend/src/app/(public)/page.tsx, frontend/eslint-suppressions.json
The observer processes fade-up elements only. Counter initialization and statistic observation were removed. The ESLint suppression rule was updated.
Landing-page style removal
frontend/src/app/globals.css
Generic and scoped shimmer, spotlight-card glow, and feature-icon hover styles were removed. Two empty lines were also removed.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers:jose-gael-cruz-lopez

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/344-phase1-cleanup

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@AndresL230
AndresL230 deleted the feat/344-phase1-cleanup branch August 2, 2026 18:30
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@AndresL230
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1) - #496

Merged
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup
Jul 31, 2026
Merged

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1)#496
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup

Conversation

@AndresL230

@AndresL230AndresL230 commented Jul 31, 2026

Copy link
Copy Markdown
Collaborator

Phase 1 of the landing redesign: dead-code removal only, no visual change. Phases 2–4 need your and Jack's taste input and aren't touched.

Removed — each verified unreachable, not assumed

whatwhy it was dead
startCounters (18 lines)its only caller was the landing-stat-fade-up branch of the fade-up observer, and that class appears in no markup anywhere
the spotlight mouse-follow effect (42 lines)opens with if (cards.length === 0) return, and .landing-spotlight-card is applied in no markup — it early-returned on every mount
16 orphaned CSS rules.landing-btn-shimmer, .landing-spotlight-card, .landing-icon-container — zero consumers outside globals.css, in both the unscoped and scoped copies

The observer itself stays: .landing-fade-up is live at three call sites, so only the stat branch and the dead selector go.

Net: 117 deleted, 1 added.

One thing in the diff that looks alarming and isn't

The suppressions baseline swaps react-hooks/immutabilityreact-hooks/set-state-in-effect on (public)/page.tsx. That is not a new violation.

The deleted code mutated DOM styles and drove requestAnimationFrame loops, which made React Compiler bail out on the whole component — masking a pre-existing setState inside the mount-time URL-error effect at :110. Removing the dead code made the file analyzable again, and the latent violation surfaced.

Verified by swapping main's page.tsx into this branch: with main's file the full lint is 0 errors, with mine it's 1. Same suppressions file both times.

The pattern itself predates this PR and can't move to lazy state init — the initializer would also run during SSR, where window is undefined. Suppression count for the file is unchanged: one out, one in.

Deliberately not done

The wider de-dup of the unscoped vs .landing-page-scoped rule blocks. I verified it's safe in principle:

  • all 21 unscoped landing-* selectors have scoped twins
  • the two apparent "properties only the unscoped rule defines" are comment-parsing artifacts — the scoped rules do define them, identically
  • no .public-surface content page (about/careers/privacy/terms) uses a landing-* class

But the two blocks are interleaved with 11 unrelated rules (.glass-panel, .liquid-glass-*, .glass-input, :root, toast keyframes…), so it can't be a range delete — and this phase's own gate is "screenshot diff shows no change", which I can't run here: Turbopack refuses the symlinked node_modules in a worktree. Left for a follow-up that can actually be screenshotted, rather than shipping ~200 lines of CSS deletion on the acquisition surface unverified.

Also untouched: the hint text ("SEE WHAT'S INSIDE", "Scroll the catalog", "— end of catalog") and the page indicator. Both are visible changes, so they belong with your phase-2 sign-off, not in a zero-visual-change cleanup.

Gates

  • tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests
  • Full local e2e cycle — in a comment below

part of #344

Summary by CodeRabbit

  • Refinements
    • Simplified landing-page scroll animations to focus on supported fade-up elements.
    • Removed animated statistic counters from the landing page.
    • Streamlined landing-page visual effects, including button shimmer, card glow, and feature-icon hover styling.
  • Maintenance
    • Updated linting configuration to reflect the current React hook usage.

…phase 1)
Phase 1 of the landing redesign: dead-code removal only, no visual change.
Removed, each verified unreachable rather than assumed:
startCounters (18 lines) — its only caller was the `landing-stat-fade-up`
branch of the fade-up observer, and that class appears in no markup
anywhere. The observer itself stays; `.landing-fade-up` is live at three
call sites, so only the stat branch and the dead selector go.
the spotlight mouse-follow effect (42 lines) — opens with
`if (cards.length === 0) return`, and `.landing-spotlight-card` is applied
in no markup, so it early-returned on every mount.
16 orphaned CSS rules across .landing-btn-shimmer, .landing-spotlight-card
and .landing-icon-container — zero consumers outside globals.css, in both
the unscoped and the .landing-page-scoped copies.
Net: 117 lines deleted, 1 added.
One consequence worth recording, because it looks alarming in the diff: the
eslint suppressions baseline swaps `react-hooks/immutability` for
`react-hooks/set-state-in-effect` on (public)/page.tsx. That is not a new
violation. The deleted code mutated DOM styles and drove requestAnimationFrame
loops, which made React Compiler bail out on the whole component — masking a
pre-existing `setState` inside the mount-time URL-error effect at :110.
Removing the dead code made the file analyzable again and the latent violation
surfaced. Verified by swapping main's page.tsx into this branch: with main's
file the full lint is 0 errors, with mine it is 1. The pattern itself (reading
window.location on mount) predates this PR and cannot move to lazy state init,
since the initializer would also run during SSR where `window` is undefined.
Suppression count for the file is unchanged: one out, one in.
NOT done in this commit, deliberately — the wider de-dup of the unscoped vs
.landing-page-scoped rule blocks. I verified it is safe in principle (all 21
unscoped landing selectors have scoped twins, the two apparent property gaps
are comment-parsing artifacts, and no .public-surface content page uses a
landing-* class), but the two blocks are interleaved with 11 unrelated rules
so it cannot be a range delete, and the phase's own gate is "screenshot diff
shows no change" — which I cannot run here, since Turbopack refuses the
symlinked node_modules in a worktree. Left for a follow-up that can be
screenshotted.
part of #344
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@supabase

supabaseBot commented Jul 31, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project ybgqdonkoqftwrmweuyv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with Cloudflare Workers Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

StatusNameLatest CommitPreview URLUpdated (UTC)
✅ Deployment successful!
View logs
frontend-stagingcbf88c8Commit Preview URL

Branch Preview URL
Jul 31 2026, 07:47 AM

@AndresL230

Copy link
Copy Markdown
CollaboratorAuthor

Local e2e cycle — green

Run at cbf88c8 inside one flock, SAPLING_MODEL_MODE=function:

35 passed (1.3m)
0 finding(s), 0 suppressed (allowlisted)

Disclosure: an earlier run of this cycle was discarded, not reported. I switched the primary checkout to main while that run held the stack lock, so its oracles executed newer code than the build under test. It passed, but a contaminated gate isn't a gate — this result is from a clean re-run with the tree untouched throughout.

Gates: tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests.

@AndresL230
AndresL230 merged commit 8fb7949 into mainJul 31, 2026
6 checks passed
@coderabbitai

coderabbitaiBot commented Jul 31, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 06aad740-5dca-405d-8b37-05c5b46fe5dd

📥 Commits

Reviewing files that changed from the base of the PR and between abdde21 and cbf88c8.

📒 Files selected for processing (3)
  • frontend/eslint-suppressions.json
  • frontend/src/app/(public)/page.tsx
  • frontend/src/app/globals.css

📝 Walkthrough

Walkthrough

The landing page observer no longer starts statistic counters. The related ESLint suppression now targets react-hooks/set-state-in-effect. Redundant landing-page shimmer, glow, and icon hover styles were removed.

Changes

Landing page cleanup

Layer / File(s)Summary
Observer behavior and lint suppression
frontend/src/app/(public)/page.tsx, frontend/eslint-suppressions.json
The observer processes fade-up elements only. Counter initialization and statistic observation were removed. The ESLint suppression rule was updated.
Landing-page style removal
frontend/src/app/globals.css
Generic and scoped shimmer, spotlight-card glow, and feature-icon hover styles were removed. Two empty lines were also removed.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers:jose-gael-cruz-lopez

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/344-phase1-cleanup

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@AndresL230
AndresL230 deleted the feat/344-phase1-cleanup branch August 2, 2026 18:30
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@AndresL230
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1) - #496

Merged
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup
Jul 31, 2026
Merged

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1)#496
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup

Conversation

@AndresL230

@AndresL230AndresL230 commented Jul 31, 2026

Copy link
Copy Markdown
Collaborator

Phase 1 of the landing redesign: dead-code removal only, no visual change. Phases 2–4 need your and Jack's taste input and aren't touched.

Removed — each verified unreachable, not assumed

whatwhy it was dead
startCounters (18 lines)its only caller was the landing-stat-fade-up branch of the fade-up observer, and that class appears in no markup anywhere
the spotlight mouse-follow effect (42 lines)opens with if (cards.length === 0) return, and .landing-spotlight-card is applied in no markup — it early-returned on every mount
16 orphaned CSS rules.landing-btn-shimmer, .landing-spotlight-card, .landing-icon-container — zero consumers outside globals.css, in both the unscoped and scoped copies

The observer itself stays: .landing-fade-up is live at three call sites, so only the stat branch and the dead selector go.

Net: 117 deleted, 1 added.

One thing in the diff that looks alarming and isn't

The suppressions baseline swaps react-hooks/immutabilityreact-hooks/set-state-in-effect on (public)/page.tsx. That is not a new violation.

The deleted code mutated DOM styles and drove requestAnimationFrame loops, which made React Compiler bail out on the whole component — masking a pre-existing setState inside the mount-time URL-error effect at :110. Removing the dead code made the file analyzable again, and the latent violation surfaced.

Verified by swapping main's page.tsx into this branch: with main's file the full lint is 0 errors, with mine it's 1. Same suppressions file both times.

The pattern itself predates this PR and can't move to lazy state init — the initializer would also run during SSR, where window is undefined. Suppression count for the file is unchanged: one out, one in.

Deliberately not done

The wider de-dup of the unscoped vs .landing-page-scoped rule blocks. I verified it's safe in principle:

  • all 21 unscoped landing-* selectors have scoped twins
  • the two apparent "properties only the unscoped rule defines" are comment-parsing artifacts — the scoped rules do define them, identically
  • no .public-surface content page (about/careers/privacy/terms) uses a landing-* class

But the two blocks are interleaved with 11 unrelated rules (.glass-panel, .liquid-glass-*, .glass-input, :root, toast keyframes…), so it can't be a range delete — and this phase's own gate is "screenshot diff shows no change", which I can't run here: Turbopack refuses the symlinked node_modules in a worktree. Left for a follow-up that can actually be screenshotted, rather than shipping ~200 lines of CSS deletion on the acquisition surface unverified.

Also untouched: the hint text ("SEE WHAT'S INSIDE", "Scroll the catalog", "— end of catalog") and the page indicator. Both are visible changes, so they belong with your phase-2 sign-off, not in a zero-visual-change cleanup.

Gates

  • tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests
  • Full local e2e cycle — in a comment below

part of #344

Summary by CodeRabbit

  • Refinements
    • Simplified landing-page scroll animations to focus on supported fade-up elements.
    • Removed animated statistic counters from the landing page.
    • Streamlined landing-page visual effects, including button shimmer, card glow, and feature-icon hover styling.
  • Maintenance
    • Updated linting configuration to reflect the current React hook usage.

…phase 1)
Phase 1 of the landing redesign: dead-code removal only, no visual change.
Removed, each verified unreachable rather than assumed:
startCounters (18 lines) — its only caller was the `landing-stat-fade-up`
branch of the fade-up observer, and that class appears in no markup
anywhere. The observer itself stays; `.landing-fade-up` is live at three
call sites, so only the stat branch and the dead selector go.
the spotlight mouse-follow effect (42 lines) — opens with
`if (cards.length === 0) return`, and `.landing-spotlight-card` is applied
in no markup, so it early-returned on every mount.
16 orphaned CSS rules across .landing-btn-shimmer, .landing-spotlight-card
and .landing-icon-container — zero consumers outside globals.css, in both
the unscoped and the .landing-page-scoped copies.
Net: 117 lines deleted, 1 added.
One consequence worth recording, because it looks alarming in the diff: the
eslint suppressions baseline swaps `react-hooks/immutability` for
`react-hooks/set-state-in-effect` on (public)/page.tsx. That is not a new
violation. The deleted code mutated DOM styles and drove requestAnimationFrame
loops, which made React Compiler bail out on the whole component — masking a
pre-existing `setState` inside the mount-time URL-error effect at :110.
Removing the dead code made the file analyzable again and the latent violation
surfaced. Verified by swapping main's page.tsx into this branch: with main's
file the full lint is 0 errors, with mine it is 1. The pattern itself (reading
window.location on mount) predates this PR and cannot move to lazy state init,
since the initializer would also run during SSR where `window` is undefined.
Suppression count for the file is unchanged: one out, one in.
NOT done in this commit, deliberately — the wider de-dup of the unscoped vs
.landing-page-scoped rule blocks. I verified it is safe in principle (all 21
unscoped landing selectors have scoped twins, the two apparent property gaps
are comment-parsing artifacts, and no .public-surface content page uses a
landing-* class), but the two blocks are interleaved with 11 unrelated rules
so it cannot be a range delete, and the phase's own gate is "screenshot diff
shows no change" — which I cannot run here, since Turbopack refuses the
symlinked node_modules in a worktree. Left for a follow-up that can be
screenshotted.
part of #344
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@supabase

supabaseBot commented Jul 31, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project ybgqdonkoqftwrmweuyv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with Cloudflare Workers Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

StatusNameLatest CommitPreview URLUpdated (UTC)
✅ Deployment successful!
View logs
frontend-stagingcbf88c8Commit Preview URL

Branch Preview URL
Jul 31 2026, 07:47 AM

@AndresL230

Copy link
Copy Markdown
CollaboratorAuthor

Local e2e cycle — green

Run at cbf88c8 inside one flock, SAPLING_MODEL_MODE=function:

35 passed (1.3m)
0 finding(s), 0 suppressed (allowlisted)

Disclosure: an earlier run of this cycle was discarded, not reported. I switched the primary checkout to main while that run held the stack lock, so its oracles executed newer code than the build under test. It passed, but a contaminated gate isn't a gate — this result is from a clean re-run with the tree untouched throughout.

Gates: tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests.

@AndresL230
AndresL230 merged commit 8fb7949 into mainJul 31, 2026
6 checks passed
@coderabbitai

coderabbitaiBot commented Jul 31, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 06aad740-5dca-405d-8b37-05c5b46fe5dd

📥 Commits

Reviewing files that changed from the base of the PR and between abdde21 and cbf88c8.

📒 Files selected for processing (3)
  • frontend/eslint-suppressions.json
  • frontend/src/app/(public)/page.tsx
  • frontend/src/app/globals.css

📝 Walkthrough

Walkthrough

The landing page observer no longer starts statistic counters. The related ESLint suppression now targets react-hooks/set-state-in-effect. Redundant landing-page shimmer, glow, and icon hover styles were removed.

Changes

Landing page cleanup

Layer / File(s)Summary
Observer behavior and lint suppression
frontend/src/app/(public)/page.tsx, frontend/eslint-suppressions.json
The observer processes fade-up elements only. Counter initialization and statistic observation were removed. The ESLint suppression rule was updated.
Landing-page style removal
frontend/src/app/globals.css
Generic and scoped shimmer, spotlight-card glow, and feature-icon hover styles were removed. Two empty lines were also removed.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers:jose-gael-cruz-lopez

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/344-phase1-cleanup

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@AndresL230
AndresL230 deleted the feat/344-phase1-cleanup branch August 2, 2026 18:30
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@AndresL230
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1) - #496

Merged
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup
Jul 31, 2026
Merged

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1)#496
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup

Conversation

@AndresL230

@AndresL230AndresL230 commented Jul 31, 2026

Copy link
Copy Markdown
Collaborator

Phase 1 of the landing redesign: dead-code removal only, no visual change. Phases 2–4 need your and Jack's taste input and aren't touched.

Removed — each verified unreachable, not assumed

whatwhy it was dead
startCounters (18 lines)its only caller was the landing-stat-fade-up branch of the fade-up observer, and that class appears in no markup anywhere
the spotlight mouse-follow effect (42 lines)opens with if (cards.length === 0) return, and .landing-spotlight-card is applied in no markup — it early-returned on every mount
16 orphaned CSS rules.landing-btn-shimmer, .landing-spotlight-card, .landing-icon-container — zero consumers outside globals.css, in both the unscoped and scoped copies

The observer itself stays: .landing-fade-up is live at three call sites, so only the stat branch and the dead selector go.

Net: 117 deleted, 1 added.

One thing in the diff that looks alarming and isn't

The suppressions baseline swaps react-hooks/immutabilityreact-hooks/set-state-in-effect on (public)/page.tsx. That is not a new violation.

The deleted code mutated DOM styles and drove requestAnimationFrame loops, which made React Compiler bail out on the whole component — masking a pre-existing setState inside the mount-time URL-error effect at :110. Removing the dead code made the file analyzable again, and the latent violation surfaced.

Verified by swapping main's page.tsx into this branch: with main's file the full lint is 0 errors, with mine it's 1. Same suppressions file both times.

The pattern itself predates this PR and can't move to lazy state init — the initializer would also run during SSR, where window is undefined. Suppression count for the file is unchanged: one out, one in.

Deliberately not done

The wider de-dup of the unscoped vs .landing-page-scoped rule blocks. I verified it's safe in principle:

  • all 21 unscoped landing-* selectors have scoped twins
  • the two apparent "properties only the unscoped rule defines" are comment-parsing artifacts — the scoped rules do define them, identically
  • no .public-surface content page (about/careers/privacy/terms) uses a landing-* class

But the two blocks are interleaved with 11 unrelated rules (.glass-panel, .liquid-glass-*, .glass-input, :root, toast keyframes…), so it can't be a range delete — and this phase's own gate is "screenshot diff shows no change", which I can't run here: Turbopack refuses the symlinked node_modules in a worktree. Left for a follow-up that can actually be screenshotted, rather than shipping ~200 lines of CSS deletion on the acquisition surface unverified.

Also untouched: the hint text ("SEE WHAT'S INSIDE", "Scroll the catalog", "— end of catalog") and the page indicator. Both are visible changes, so they belong with your phase-2 sign-off, not in a zero-visual-change cleanup.

Gates

  • tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests
  • Full local e2e cycle — in a comment below

part of #344

Summary by CodeRabbit

  • Refinements
    • Simplified landing-page scroll animations to focus on supported fade-up elements.
    • Removed animated statistic counters from the landing page.
    • Streamlined landing-page visual effects, including button shimmer, card glow, and feature-icon hover styling.
  • Maintenance
    • Updated linting configuration to reflect the current React hook usage.

…phase 1)
Phase 1 of the landing redesign: dead-code removal only, no visual change.
Removed, each verified unreachable rather than assumed:
startCounters (18 lines) — its only caller was the `landing-stat-fade-up`
branch of the fade-up observer, and that class appears in no markup
anywhere. The observer itself stays; `.landing-fade-up` is live at three
call sites, so only the stat branch and the dead selector go.
the spotlight mouse-follow effect (42 lines) — opens with
`if (cards.length === 0) return`, and `.landing-spotlight-card` is applied
in no markup, so it early-returned on every mount.
16 orphaned CSS rules across .landing-btn-shimmer, .landing-spotlight-card
and .landing-icon-container — zero consumers outside globals.css, in both
the unscoped and the .landing-page-scoped copies.
Net: 117 lines deleted, 1 added.
One consequence worth recording, because it looks alarming in the diff: the
eslint suppressions baseline swaps `react-hooks/immutability` for
`react-hooks/set-state-in-effect` on (public)/page.tsx. That is not a new
violation. The deleted code mutated DOM styles and drove requestAnimationFrame
loops, which made React Compiler bail out on the whole component — masking a
pre-existing `setState` inside the mount-time URL-error effect at :110.
Removing the dead code made the file analyzable again and the latent violation
surfaced. Verified by swapping main's page.tsx into this branch: with main's
file the full lint is 0 errors, with mine it is 1. The pattern itself (reading
window.location on mount) predates this PR and cannot move to lazy state init,
since the initializer would also run during SSR where `window` is undefined.
Suppression count for the file is unchanged: one out, one in.
NOT done in this commit, deliberately — the wider de-dup of the unscoped vs
.landing-page-scoped rule blocks. I verified it is safe in principle (all 21
unscoped landing selectors have scoped twins, the two apparent property gaps
are comment-parsing artifacts, and no .public-surface content page uses a
landing-* class), but the two blocks are interleaved with 11 unrelated rules
so it cannot be a range delete, and the phase's own gate is "screenshot diff
shows no change" — which I cannot run here, since Turbopack refuses the
symlinked node_modules in a worktree. Left for a follow-up that can be
screenshotted.
part of #344
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@supabase

supabaseBot commented Jul 31, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project ybgqdonkoqftwrmweuyv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with Cloudflare Workers Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

StatusNameLatest CommitPreview URLUpdated (UTC)
✅ Deployment successful!
View logs
frontend-stagingcbf88c8Commit Preview URL

Branch Preview URL
Jul 31 2026, 07:47 AM

@AndresL230

Copy link
Copy Markdown
CollaboratorAuthor

Local e2e cycle — green

Run at cbf88c8 inside one flock, SAPLING_MODEL_MODE=function:

35 passed (1.3m)
0 finding(s), 0 suppressed (allowlisted)

Disclosure: an earlier run of this cycle was discarded, not reported. I switched the primary checkout to main while that run held the stack lock, so its oracles executed newer code than the build under test. It passed, but a contaminated gate isn't a gate — this result is from a clean re-run with the tree untouched throughout.

Gates: tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests.

@AndresL230
AndresL230 merged commit 8fb7949 into mainJul 31, 2026
6 checks passed
@coderabbitai

coderabbitaiBot commented Jul 31, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 06aad740-5dca-405d-8b37-05c5b46fe5dd

📥 Commits

Reviewing files that changed from the base of the PR and between abdde21 and cbf88c8.

📒 Files selected for processing (3)
  • frontend/eslint-suppressions.json
  • frontend/src/app/(public)/page.tsx
  • frontend/src/app/globals.css

📝 Walkthrough

Walkthrough

The landing page observer no longer starts statistic counters. The related ESLint suppression now targets react-hooks/set-state-in-effect. Redundant landing-page shimmer, glow, and icon hover styles were removed.

Changes

Landing page cleanup

Layer / File(s)Summary
Observer behavior and lint suppression
frontend/src/app/(public)/page.tsx, frontend/eslint-suppressions.json
The observer processes fade-up elements only. Counter initialization and statistic observation were removed. The ESLint suppression rule was updated.
Landing-page style removal
frontend/src/app/globals.css
Generic and scoped shimmer, spotlight-card glow, and feature-icon hover styles were removed. Two empty lines were also removed.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers:jose-gael-cruz-lopez

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/344-phase1-cleanup

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@AndresL230
AndresL230 deleted the feat/344-phase1-cleanup branch August 2, 2026 18:30
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@AndresL230
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1) - #496

Merged
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup
Jul 31, 2026
Merged

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1)#496
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup

Conversation

@AndresL230

@AndresL230AndresL230 commented Jul 31, 2026

Copy link
Copy Markdown
Collaborator

Phase 1 of the landing redesign: dead-code removal only, no visual change. Phases 2–4 need your and Jack's taste input and aren't touched.

Removed — each verified unreachable, not assumed

whatwhy it was dead
startCounters (18 lines)its only caller was the landing-stat-fade-up branch of the fade-up observer, and that class appears in no markup anywhere
the spotlight mouse-follow effect (42 lines)opens with if (cards.length === 0) return, and .landing-spotlight-card is applied in no markup — it early-returned on every mount
16 orphaned CSS rules.landing-btn-shimmer, .landing-spotlight-card, .landing-icon-container — zero consumers outside globals.css, in both the unscoped and scoped copies

The observer itself stays: .landing-fade-up is live at three call sites, so only the stat branch and the dead selector go.

Net: 117 deleted, 1 added.

One thing in the diff that looks alarming and isn't

The suppressions baseline swaps react-hooks/immutabilityreact-hooks/set-state-in-effect on (public)/page.tsx. That is not a new violation.

The deleted code mutated DOM styles and drove requestAnimationFrame loops, which made React Compiler bail out on the whole component — masking a pre-existing setState inside the mount-time URL-error effect at :110. Removing the dead code made the file analyzable again, and the latent violation surfaced.

Verified by swapping main's page.tsx into this branch: with main's file the full lint is 0 errors, with mine it's 1. Same suppressions file both times.

The pattern itself predates this PR and can't move to lazy state init — the initializer would also run during SSR, where window is undefined. Suppression count for the file is unchanged: one out, one in.

Deliberately not done

The wider de-dup of the unscoped vs .landing-page-scoped rule blocks. I verified it's safe in principle:

  • all 21 unscoped landing-* selectors have scoped twins
  • the two apparent "properties only the unscoped rule defines" are comment-parsing artifacts — the scoped rules do define them, identically
  • no .public-surface content page (about/careers/privacy/terms) uses a landing-* class

But the two blocks are interleaved with 11 unrelated rules (.glass-panel, .liquid-glass-*, .glass-input, :root, toast keyframes…), so it can't be a range delete — and this phase's own gate is "screenshot diff shows no change", which I can't run here: Turbopack refuses the symlinked node_modules in a worktree. Left for a follow-up that can actually be screenshotted, rather than shipping ~200 lines of CSS deletion on the acquisition surface unverified.

Also untouched: the hint text ("SEE WHAT'S INSIDE", "Scroll the catalog", "— end of catalog") and the page indicator. Both are visible changes, so they belong with your phase-2 sign-off, not in a zero-visual-change cleanup.

Gates

  • tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests
  • Full local e2e cycle — in a comment below

part of #344

Summary by CodeRabbit

  • Refinements
    • Simplified landing-page scroll animations to focus on supported fade-up elements.
    • Removed animated statistic counters from the landing page.
    • Streamlined landing-page visual effects, including button shimmer, card glow, and feature-icon hover styling.
  • Maintenance
    • Updated linting configuration to reflect the current React hook usage.

…phase 1)
Phase 1 of the landing redesign: dead-code removal only, no visual change.
Removed, each verified unreachable rather than assumed:
startCounters (18 lines) — its only caller was the `landing-stat-fade-up`
branch of the fade-up observer, and that class appears in no markup
anywhere. The observer itself stays; `.landing-fade-up` is live at three
call sites, so only the stat branch and the dead selector go.
the spotlight mouse-follow effect (42 lines) — opens with
`if (cards.length === 0) return`, and `.landing-spotlight-card` is applied
in no markup, so it early-returned on every mount.
16 orphaned CSS rules across .landing-btn-shimmer, .landing-spotlight-card
and .landing-icon-container — zero consumers outside globals.css, in both
the unscoped and the .landing-page-scoped copies.
Net: 117 lines deleted, 1 added.
One consequence worth recording, because it looks alarming in the diff: the
eslint suppressions baseline swaps `react-hooks/immutability` for
`react-hooks/set-state-in-effect` on (public)/page.tsx. That is not a new
violation. The deleted code mutated DOM styles and drove requestAnimationFrame
loops, which made React Compiler bail out on the whole component — masking a
pre-existing `setState` inside the mount-time URL-error effect at :110.
Removing the dead code made the file analyzable again and the latent violation
surfaced. Verified by swapping main's page.tsx into this branch: with main's
file the full lint is 0 errors, with mine it is 1. The pattern itself (reading
window.location on mount) predates this PR and cannot move to lazy state init,
since the initializer would also run during SSR where `window` is undefined.
Suppression count for the file is unchanged: one out, one in.
NOT done in this commit, deliberately — the wider de-dup of the unscoped vs
.landing-page-scoped rule blocks. I verified it is safe in principle (all 21
unscoped landing selectors have scoped twins, the two apparent property gaps
are comment-parsing artifacts, and no .public-surface content page uses a
landing-* class), but the two blocks are interleaved with 11 unrelated rules
so it cannot be a range delete, and the phase's own gate is "screenshot diff
shows no change" — which I cannot run here, since Turbopack refuses the
symlinked node_modules in a worktree. Left for a follow-up that can be
screenshotted.
part of #344
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@supabase

supabaseBot commented Jul 31, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project ybgqdonkoqftwrmweuyv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with Cloudflare Workers Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

StatusNameLatest CommitPreview URLUpdated (UTC)
✅ Deployment successful!
View logs
frontend-stagingcbf88c8Commit Preview URL

Branch Preview URL
Jul 31 2026, 07:47 AM

@AndresL230

Copy link
Copy Markdown
CollaboratorAuthor

Local e2e cycle — green

Run at cbf88c8 inside one flock, SAPLING_MODEL_MODE=function:

35 passed (1.3m)
0 finding(s), 0 suppressed (allowlisted)

Disclosure: an earlier run of this cycle was discarded, not reported. I switched the primary checkout to main while that run held the stack lock, so its oracles executed newer code than the build under test. It passed, but a contaminated gate isn't a gate — this result is from a clean re-run with the tree untouched throughout.

Gates: tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests.

@AndresL230
AndresL230 merged commit 8fb7949 into mainJul 31, 2026
6 checks passed
@coderabbitai

coderabbitaiBot commented Jul 31, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 06aad740-5dca-405d-8b37-05c5b46fe5dd

📥 Commits

Reviewing files that changed from the base of the PR and between abdde21 and cbf88c8.

📒 Files selected for processing (3)
  • frontend/eslint-suppressions.json
  • frontend/src/app/(public)/page.tsx
  • frontend/src/app/globals.css

📝 Walkthrough

Walkthrough

The landing page observer no longer starts statistic counters. The related ESLint suppression now targets react-hooks/set-state-in-effect. Redundant landing-page shimmer, glow, and icon hover styles were removed.

Changes

Landing page cleanup

Layer / File(s)Summary
Observer behavior and lint suppression
frontend/src/app/(public)/page.tsx, frontend/eslint-suppressions.json
The observer processes fade-up elements only. Counter initialization and statistic observation were removed. The ESLint suppression rule was updated.
Landing-page style removal
frontend/src/app/globals.css
Generic and scoped shimmer, spotlight-card glow, and feature-icon hover styles were removed. Two empty lines were also removed.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers:jose-gael-cruz-lopez

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/344-phase1-cleanup

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@AndresL230
AndresL230 deleted the feat/344-phase1-cleanup branch August 2, 2026 18:30
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@AndresL230
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1) - #496

Merged
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup
Jul 31, 2026
Merged

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1)#496
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup

Conversation

@AndresL230

@AndresL230AndresL230 commented Jul 31, 2026

Copy link
Copy Markdown
Collaborator

Phase 1 of the landing redesign: dead-code removal only, no visual change. Phases 2–4 need your and Jack's taste input and aren't touched.

Removed — each verified unreachable, not assumed

whatwhy it was dead
startCounters (18 lines)its only caller was the landing-stat-fade-up branch of the fade-up observer, and that class appears in no markup anywhere
the spotlight mouse-follow effect (42 lines)opens with if (cards.length === 0) return, and .landing-spotlight-card is applied in no markup — it early-returned on every mount
16 orphaned CSS rules.landing-btn-shimmer, .landing-spotlight-card, .landing-icon-container — zero consumers outside globals.css, in both the unscoped and scoped copies

The observer itself stays: .landing-fade-up is live at three call sites, so only the stat branch and the dead selector go.

Net: 117 deleted, 1 added.

One thing in the diff that looks alarming and isn't

The suppressions baseline swaps react-hooks/immutabilityreact-hooks/set-state-in-effect on (public)/page.tsx. That is not a new violation.

The deleted code mutated DOM styles and drove requestAnimationFrame loops, which made React Compiler bail out on the whole component — masking a pre-existing setState inside the mount-time URL-error effect at :110. Removing the dead code made the file analyzable again, and the latent violation surfaced.

Verified by swapping main's page.tsx into this branch: with main's file the full lint is 0 errors, with mine it's 1. Same suppressions file both times.

The pattern itself predates this PR and can't move to lazy state init — the initializer would also run during SSR, where window is undefined. Suppression count for the file is unchanged: one out, one in.

Deliberately not done

The wider de-dup of the unscoped vs .landing-page-scoped rule blocks. I verified it's safe in principle:

  • all 21 unscoped landing-* selectors have scoped twins
  • the two apparent "properties only the unscoped rule defines" are comment-parsing artifacts — the scoped rules do define them, identically
  • no .public-surface content page (about/careers/privacy/terms) uses a landing-* class

But the two blocks are interleaved with 11 unrelated rules (.glass-panel, .liquid-glass-*, .glass-input, :root, toast keyframes…), so it can't be a range delete — and this phase's own gate is "screenshot diff shows no change", which I can't run here: Turbopack refuses the symlinked node_modules in a worktree. Left for a follow-up that can actually be screenshotted, rather than shipping ~200 lines of CSS deletion on the acquisition surface unverified.

Also untouched: the hint text ("SEE WHAT'S INSIDE", "Scroll the catalog", "— end of catalog") and the page indicator. Both are visible changes, so they belong with your phase-2 sign-off, not in a zero-visual-change cleanup.

Gates

  • tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests
  • Full local e2e cycle — in a comment below

part of #344

Summary by CodeRabbit

  • Refinements
    • Simplified landing-page scroll animations to focus on supported fade-up elements.
    • Removed animated statistic counters from the landing page.
    • Streamlined landing-page visual effects, including button shimmer, card glow, and feature-icon hover styling.
  • Maintenance
    • Updated linting configuration to reflect the current React hook usage.

…phase 1)
Phase 1 of the landing redesign: dead-code removal only, no visual change.
Removed, each verified unreachable rather than assumed:
startCounters (18 lines) — its only caller was the `landing-stat-fade-up`
branch of the fade-up observer, and that class appears in no markup
anywhere. The observer itself stays; `.landing-fade-up` is live at three
call sites, so only the stat branch and the dead selector go.
the spotlight mouse-follow effect (42 lines) — opens with
`if (cards.length === 0) return`, and `.landing-spotlight-card` is applied
in no markup, so it early-returned on every mount.
16 orphaned CSS rules across .landing-btn-shimmer, .landing-spotlight-card
and .landing-icon-container — zero consumers outside globals.css, in both
the unscoped and the .landing-page-scoped copies.
Net: 117 lines deleted, 1 added.
One consequence worth recording, because it looks alarming in the diff: the
eslint suppressions baseline swaps `react-hooks/immutability` for
`react-hooks/set-state-in-effect` on (public)/page.tsx. That is not a new
violation. The deleted code mutated DOM styles and drove requestAnimationFrame
loops, which made React Compiler bail out on the whole component — masking a
pre-existing `setState` inside the mount-time URL-error effect at :110.
Removing the dead code made the file analyzable again and the latent violation
surfaced. Verified by swapping main's page.tsx into this branch: with main's
file the full lint is 0 errors, with mine it is 1. The pattern itself (reading
window.location on mount) predates this PR and cannot move to lazy state init,
since the initializer would also run during SSR where `window` is undefined.
Suppression count for the file is unchanged: one out, one in.
NOT done in this commit, deliberately — the wider de-dup of the unscoped vs
.landing-page-scoped rule blocks. I verified it is safe in principle (all 21
unscoped landing selectors have scoped twins, the two apparent property gaps
are comment-parsing artifacts, and no .public-surface content page uses a
landing-* class), but the two blocks are interleaved with 11 unrelated rules
so it cannot be a range delete, and the phase's own gate is "screenshot diff
shows no change" — which I cannot run here, since Turbopack refuses the
symlinked node_modules in a worktree. Left for a follow-up that can be
screenshotted.
part of #344
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@supabase

supabaseBot commented Jul 31, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project ybgqdonkoqftwrmweuyv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with Cloudflare Workers Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

StatusNameLatest CommitPreview URLUpdated (UTC)
✅ Deployment successful!
View logs
frontend-stagingcbf88c8Commit Preview URL

Branch Preview URL
Jul 31 2026, 07:47 AM

@AndresL230

Copy link
Copy Markdown
CollaboratorAuthor

Local e2e cycle — green

Run at cbf88c8 inside one flock, SAPLING_MODEL_MODE=function:

35 passed (1.3m)
0 finding(s), 0 suppressed (allowlisted)

Disclosure: an earlier run of this cycle was discarded, not reported. I switched the primary checkout to main while that run held the stack lock, so its oracles executed newer code than the build under test. It passed, but a contaminated gate isn't a gate — this result is from a clean re-run with the tree untouched throughout.

Gates: tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests.

@AndresL230
AndresL230 merged commit 8fb7949 into mainJul 31, 2026
6 checks passed
@coderabbitai

coderabbitaiBot commented Jul 31, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 06aad740-5dca-405d-8b37-05c5b46fe5dd

📥 Commits

Reviewing files that changed from the base of the PR and between abdde21 and cbf88c8.

📒 Files selected for processing (3)
  • frontend/eslint-suppressions.json
  • frontend/src/app/(public)/page.tsx
  • frontend/src/app/globals.css

📝 Walkthrough

Walkthrough

The landing page observer no longer starts statistic counters. The related ESLint suppression now targets react-hooks/set-state-in-effect. Redundant landing-page shimmer, glow, and icon hover styles were removed.

Changes

Landing page cleanup

Layer / File(s)Summary
Observer behavior and lint suppression
frontend/src/app/(public)/page.tsx, frontend/eslint-suppressions.json
The observer processes fade-up elements only. Counter initialization and statistic observation were removed. The ESLint suppression rule was updated.
Landing-page style removal
frontend/src/app/globals.css
Generic and scoped shimmer, spotlight-card glow, and feature-icon hover styles were removed. Two empty lines were also removed.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers:jose-gael-cruz-lopez

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/344-phase1-cleanup

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@AndresL230
AndresL230 deleted the feat/344-phase1-cleanup branch August 2, 2026 18:30
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@AndresL230
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1) - #496

Merged
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup
Jul 31, 2026
Merged

refactor(landing): delete unreachable effects and orphaned CSS (#344 phase 1)#496
AndresL230 merged 1 commit into
mainfrom
feat/344-phase1-cleanup

Conversation

@AndresL230

@AndresL230AndresL230 commented Jul 31, 2026

Copy link
Copy Markdown
Collaborator

Phase 1 of the landing redesign: dead-code removal only, no visual change. Phases 2–4 need your and Jack's taste input and aren't touched.

Removed — each verified unreachable, not assumed

whatwhy it was dead
startCounters (18 lines)its only caller was the landing-stat-fade-up branch of the fade-up observer, and that class appears in no markup anywhere
the spotlight mouse-follow effect (42 lines)opens with if (cards.length === 0) return, and .landing-spotlight-card is applied in no markup — it early-returned on every mount
16 orphaned CSS rules.landing-btn-shimmer, .landing-spotlight-card, .landing-icon-container — zero consumers outside globals.css, in both the unscoped and scoped copies

The observer itself stays: .landing-fade-up is live at three call sites, so only the stat branch and the dead selector go.

Net: 117 deleted, 1 added.

One thing in the diff that looks alarming and isn't

The suppressions baseline swaps react-hooks/immutabilityreact-hooks/set-state-in-effect on (public)/page.tsx. That is not a new violation.

The deleted code mutated DOM styles and drove requestAnimationFrame loops, which made React Compiler bail out on the whole component — masking a pre-existing setState inside the mount-time URL-error effect at :110. Removing the dead code made the file analyzable again, and the latent violation surfaced.

Verified by swapping main's page.tsx into this branch: with main's file the full lint is 0 errors, with mine it's 1. Same suppressions file both times.

The pattern itself predates this PR and can't move to lazy state init — the initializer would also run during SSR, where window is undefined. Suppression count for the file is unchanged: one out, one in.

Deliberately not done

The wider de-dup of the unscoped vs .landing-page-scoped rule blocks. I verified it's safe in principle:

  • all 21 unscoped landing-* selectors have scoped twins
  • the two apparent "properties only the unscoped rule defines" are comment-parsing artifacts — the scoped rules do define them, identically
  • no .public-surface content page (about/careers/privacy/terms) uses a landing-* class

But the two blocks are interleaved with 11 unrelated rules (.glass-panel, .liquid-glass-*, .glass-input, :root, toast keyframes…), so it can't be a range delete — and this phase's own gate is "screenshot diff shows no change", which I can't run here: Turbopack refuses the symlinked node_modules in a worktree. Left for a follow-up that can actually be screenshotted, rather than shipping ~200 lines of CSS deletion on the acquisition surface unverified.

Also untouched: the hint text ("SEE WHAT'S INSIDE", "Scroll the catalog", "— end of catalog") and the page indicator. Both are visible changes, so they belong with your phase-2 sign-off, not in a zero-visual-change cleanup.

Gates

  • tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests
  • Full local e2e cycle — in a comment below

part of #344

Summary by CodeRabbit

  • Refinements
    • Simplified landing-page scroll animations to focus on supported fade-up elements.
    • Removed animated statistic counters from the landing page.
    • Streamlined landing-page visual effects, including button shimmer, card glow, and feature-icon hover styling.
  • Maintenance
    • Updated linting configuration to reflect the current React hook usage.

…phase 1)
Phase 1 of the landing redesign: dead-code removal only, no visual change.
Removed, each verified unreachable rather than assumed:
startCounters (18 lines) — its only caller was the `landing-stat-fade-up`
branch of the fade-up observer, and that class appears in no markup
anywhere. The observer itself stays; `.landing-fade-up` is live at three
call sites, so only the stat branch and the dead selector go.
the spotlight mouse-follow effect (42 lines) — opens with
`if (cards.length === 0) return`, and `.landing-spotlight-card` is applied
in no markup, so it early-returned on every mount.
16 orphaned CSS rules across .landing-btn-shimmer, .landing-spotlight-card
and .landing-icon-container — zero consumers outside globals.css, in both
the unscoped and the .landing-page-scoped copies.
Net: 117 lines deleted, 1 added.
One consequence worth recording, because it looks alarming in the diff: the
eslint suppressions baseline swaps `react-hooks/immutability` for
`react-hooks/set-state-in-effect` on (public)/page.tsx. That is not a new
violation. The deleted code mutated DOM styles and drove requestAnimationFrame
loops, which made React Compiler bail out on the whole component — masking a
pre-existing `setState` inside the mount-time URL-error effect at :110.
Removing the dead code made the file analyzable again and the latent violation
surfaced. Verified by swapping main's page.tsx into this branch: with main's
file the full lint is 0 errors, with mine it is 1. The pattern itself (reading
window.location on mount) predates this PR and cannot move to lazy state init,
since the initializer would also run during SSR where `window` is undefined.
Suppression count for the file is unchanged: one out, one in.
NOT done in this commit, deliberately — the wider de-dup of the unscoped vs
.landing-page-scoped rule blocks. I verified it is safe in principle (all 21
unscoped landing selectors have scoped twins, the two apparent property gaps
are comment-parsing artifacts, and no .public-surface content page uses a
landing-* class), but the two blocks are interleaved with 11 unrelated rules
so it cannot be a range delete, and the phase's own gate is "screenshot diff
shows no change" — which I cannot run here, since Turbopack refuses the
symlinked node_modules in a worktree. Left for a follow-up that can be
screenshotted.
part of #344
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@supabase

supabaseBot commented Jul 31, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project ybgqdonkoqftwrmweuyv because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with Cloudflare Workers Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

StatusNameLatest CommitPreview URLUpdated (UTC)
✅ Deployment successful!
View logs
frontend-stagingcbf88c8Commit Preview URL

Branch Preview URL
Jul 31 2026, 07:47 AM

@AndresL230

Copy link
Copy Markdown
CollaboratorAuthor

Local e2e cycle — green

Run at cbf88c8 inside one flock, SAPLING_MODEL_MODE=function:

35 passed (1.3m)
0 finding(s), 0 suppressed (allowlisted)

Disclosure: an earlier run of this cycle was discarded, not reported. I switched the primary checkout to main while that run held the stack lock, so its oracles executed newer code than the build under test. It passed, but a contaminated gate isn't a gate — this result is from a clean re-run with the tree untouched throughout.

Gates: tsc --noEmit clean · npm run lint 0 errors · npx vitest run 58 files / 415 tests.

@AndresL230
AndresL230 merged commit 8fb7949 into mainJul 31, 2026
6 checks passed
@coderabbitai

coderabbitaiBot commented Jul 31, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 06aad740-5dca-405d-8b37-05c5b46fe5dd

📥 Commits

Reviewing files that changed from the base of the PR and between abdde21 and cbf88c8.

📒 Files selected for processing (3)
  • frontend/eslint-suppressions.json
  • frontend/src/app/(public)/page.tsx
  • frontend/src/app/globals.css

📝 Walkthrough

Walkthrough

The landing page observer no longer starts statistic counters. The related ESLint suppression now targets react-hooks/set-state-in-effect. Redundant landing-page shimmer, glow, and icon hover styles were removed.

Changes

Landing page cleanup

Layer / File(s)Summary
Observer behavior and lint suppression
frontend/src/app/(public)/page.tsx, frontend/eslint-suppressions.json
The observer processes fade-up elements only. Counter initialization and statistic observation were removed. The ESLint suppression rule was updated.
Landing-page style removal
frontend/src/app/globals.css
Generic and scoped shimmer, spotlight-card glow, and feature-icon hover styles were removed. Two empty lines were also removed.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers:jose-gael-cruz-lopez

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/344-phase1-cleanup

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@AndresL230
AndresL230 deleted the feat/344-phase1-cleanup branch August 2, 2026 18:30
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@AndresL230