Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Playground / REPL enhancements #696

Open
techniq opened this issue Oct 26, 2024 · 1 comment
Open

Playground / REPL enhancements #696

techniq opened this issue Oct 26, 2024 · 1 comment

Comments

@techniq
Copy link

techniq commented Oct 26, 2024

Describe the problem

Based on a Twitter/X discussion, and at the request of @Rich-Harris, I would like to start a discussion on possibly adding some additional features/functionality to the playaround (aka REPL). I thought opening a general issue to discuss features/scope, and then spiking off individual issues as we determine their usefulness and feasibility.

Initial ideas:

  • Full page / presentation mode (with URL)
    • Remove top header
    • Show/hide code, preview, console, etc
  • Screenshot / previews (similar to codepen, codesandbox, observable notebooks (🫗), etc)
  • Ability to browse all of a user's REPLs, and/or the ability to "publish" / mark as public
    • Currently the security model is similar to "Unlisted" on YouTube where anyone can see a REPL if you have the link, and doesn't warrant itself to exploration
    • Going further with "new", "trending", etc would be nice, but likely well outside the initial scope.

Describe the proposed solution

Discuss these (and other ideas) to determine their usefulness, feasibility, and possible design/architecture.

Importance

nice to have

@kazzkiq
Copy link

kazzkiq commented Oct 26, 2024

Here is a simple sketch of the REPL in "Presentation" mode just for further brainstorming:

editor presentation
  • A query string named mode to switch between "Editor" and "Presentation" mode.
  • Presentation mode removes all REPL UI but adds a small fixed logo button to the top right corner for credits and a easy way to switch back to "Editor" mode. The button follows the UI already used in Svelte website header.

@benmccann benmccann transferred this issue from sveltejs/svelte Oct 29, 2024
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

No branches or pull requests

2 participants