Repository navigation
Show runnable JSX and live widget previews on the homepage - #74
Merged
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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:
Visual evidence (local):
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.