Skip to content

Add Aura hero with guarded startup and lifecycle controls - #24

Merged
sdevil7th merged 18 commits into
developfrom
supro/aura-header
Oct 8, 2026
Merged

sdevil7th merged 18 commits into
developfrom
supro/aura-header

Conversation

@suprabho

@suprabho suprabho commented Sep 18, 2026 •

Copy link
Copy Markdown
Collaborator

Adds the original live Aura scene behind the homepage hero. It starts after page readiness, reveals only after validated light-frame captures, and retains the same iframe across offscreen pauses. Reduced motion and provider failures retain the existing static background.

  • Sandbox the cross-origin iframe and omit the parent referrer; document Aura, Supabase and Google Fonts requests in the shared privacy policy.
  • Pause offscreen/hidden DAW meters, isolate changing meter values from controls, memoize clip artwork, and cap hero DAW snapshots at 20 fps while preserving real-time choreography.
  • Remove the experimental sleeping meter timer: isolated measurements did not justify its extra lifecycle or reduced meter paint cadence.
  • Preserve consent through prerender/client handoff with one shared saved-choice validator; add worker-aware live diagnostics and failure/lifecycle regressions.

Validation on 1 October 2026: production build and lint passed; all 222 tests passed; all 10 loading-budget cases passed without budget changes. Visual checks covered 390, 768, 900, 901 and 1440 px, normal initial loading, delayed uncached navigation, reduced motion and JavaScript-disabled privacy content. The vendored meter reproduces from its pinned upstream source and patch script. GitHub CI and Netlify deployment passed for be3bd81. All 24 deployed route/release/redirect checks passed, as did live desktop/mobile offscreen drawing, resume and reduced-motion checks.

Controlled full-Chromium desktop comparisons covered complete 16-second DAW loops in forward/reverse variant order. The retained 20 fps cap reduced parent task time from 151.5 to 130.9 ms/second (~14%) with comparable cadence. This is not a claim of faster loading, field INP or battery improvement. Mobile evidence is limited by two live readiness timeouts. Aura's own frame rate is unchanged; 60 fps is not required. Actual hidden-tab worker behavior remains unverified.

Active preview: https://deploy-preview-24--openstudiodev.netlify.app/ (the older openstudiowebsite preview is stale). See docs/hero-aura.md for the implementation and dated measurements.

GA4 account correction verified on 1 October 2026: disabled automatic history page views in the production website stream. Both desktop and mobile runs of npm run verify:analytics passed against https://openstudio.org.in: exactly four views for four navigations, correct referrers and engagement attribution, three installer click events, no provider requests before consent, and real Clarity upload generation. Test uploads were intercepted. This clears the previously outstanding analytics check. Commit 1fffd98 records the result in documentation; application code is unchanged from the tested be3bd81. See docs/analytics.md. No merge has been performed.

@netlify

netlify Bot commented Sep 18, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for openstudiowebsite ready!

Name Link
🔨 Latest commit a19b045
🔍 Latest deploy log https://app.netlify.com/projects/openstudiowebsite/deploys/6ab0d0f2b09fde0008212fe9
😎 Deploy Preview https://deploy-preview-24--openstudiowebsite.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

suprabho and others added 12 commits September 18, 2026 12:04
Replace the eager iframe with the aura snippet approach: the hero backdrop paints
the scene's palette immediately, and the live embed is requested only after the
page has loaded, painted, and gone idle, then fades in once its scene has
settled. Reduced-motion visitors keep the static palette.

Drop the intro-loader hold, which a placeholder-first backdrop no longer needs.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Animating the two oversized glow layers under the hero ran permanently and
halved the desktop frame rate (68 fps against 120) while multiplying style
recalculation. The hero keeps the loader's base and glow colours as a static
background; the slow handoff to the aura scene is unchanged.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@sdevil7th
sdevil7th changed the base branch from main to develop September 25, 2026 18:23
@netlify

netlify Bot commented Sep 30, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for openstudiodev ready!

Name Link
🔨 Latest commit 66ab81e
🔍 Latest deploy log https://app.netlify.com/projects/openstudiodev/deploys/6ac71e493c07c50008b1598e
😎 Deploy Preview https://deploy-preview-24--openstudiodev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sdevil7th sdevil7th changed the title Added aura in the landing page banner Add Aura hero with guarded startup and lifecycle controls Oct 1, 2026

@sdevil7th sdevil7th left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@sdevil7th
sdevil7th merged commit 8857449 into develop Oct 8, 2026
5 checks passed
@sdevil7th
sdevil7th deleted the supro/aura-header branch October 8, 2026 05:29
Sign up for free to 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.

2 participants