Skip to content

Show runnable JSX and live widget previews on the homepage - #74

Merged
everettjf merged 2 commits into
mainfrom
codex/home-code-preview
Oct 27, 2026
Merged

everettjf merged 2 commits into
mainfrom
codex/home-code-preview

Conversation

@everettjf

@everettjf everettjf commented Oct 27, 2026 •

Copy link
Copy Markdown
Owner

The homepage now shows runnable JavaScript + JSX beside the widget it produces, making code-based widget creation visible immediately. Visitors can switch between reading habit, weather and countdown examples, change the source color, and open the exact current code and theme in Web Studio without overwriting existing drafts.

The light design uses the existing isolated browser runtime and shared renderer; all data is explicitly marked as sample data. No native runtime, permissions, storage or App Store binary changes. Web Studio builds the small homepage entry together with its shared engine, and Pages verifies the demonstration before deployment.

Validation:

  • Web Studio build/typecheck and all 114 unit tests passed.
  • Homepage smoke: all three real previews, theme changes, rapid switching, 320/375/390/768/1024/1440 px layouts, exact source handoff, draft preservation, reload and unavailable-runtime fallback passed.
  • Existing website onboarding and preview handoff smoke checks passed.
  • Chromium and WebKit: all examples, theme changes, mobile overflow and zero page errors passed locally. Local Firefox could not launch its profile; Chromium, Firefox and WebKit all subsequently passed on both Linux and Windows in remote CI.
  • All three exported examples compiled, executed and rendered using the installed native Mac CLI, with zero diagnostics.
  • Documentation links and git diff whitespace checks passed.
  • No physical-device testing needed or claimed for this website-only change.

Visual evidence (local):

  • Before: /Users/xnu/.codex/backups/scriptwidget-website-jsx-headline/live.png
  • After desktop/mobile: /Users/xnu/.codex/backups/scriptwidget-hero-qa/desktop-0.png and layout-390.png

Successful remote evidence:

Merged to main as 3efb781. Pages deployment: https://github.com/everettjf/scriptwidget/actions/runs/40556233401

Post-merge follow-up: 68f0419 makes the existing onboarding assertion independent of browser font truncation while preserving exact template-source and original-draft comparisons. Local onboarding rerun and the latest main editor/catalog gate passed:
https://github.com/everettjf/scriptwidget/actions/runs/40556895713/job/122375938525

Latest main deployment succeeded:
https://github.com/everettjf/scriptwidget/actions/runs/40556895806

Production UI verified: sample switching, source/theme changes, automatic Studio import with the selected color, original projects retained, live preview rendered. Evidence: /Users/xnu/.codex/backups/scriptwidget-hero-qa/live-home.png and live-studio.png. Apple native full regression was still running at this website handoff; it is not represented as passed.

@everettjf
everettjf merged commit 3efb781 into main Oct 27, 2026
6 checks passed
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.

1 participant