solidjs / solidjs/solid-playground
Make local user settings
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 244
- Forks
- 69
- PR merge metrics
- No merged PRs in 30d
Description
I'm among those people that prefer larger coding fonts but that would feel selfish to impose that to every user as I feel like this is not so common.
What I'd like to see is a gear icon somewhere that would introduce a setting page that would be store locally (either via localstorage or indexdb with idb-keyval for example).
I'm sure this feature could also introduce a lot more personalisation without going full crazy and produce a poor man version of codesandbox.
Here are a couple of things that I have in mind as I write this:
- font size
- coding font
- dark/light mode (already exists, just need to move the location)
- minimap or not (easily switchable today)
- default vue (code or output), I know some people like Ryan tends to look a lot at the output tab rather than the iframe.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No files or tests are named. Start by locating the existing dark/light-mode and minimap controls, then identify the playground entry point for adding a gear icon and settings page; done means the listed preferences are editable and persist locally, including font size, coding font, theme, minimap visibility, and default view.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- developer-experience, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100