Make local user settings

Offen
#15 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
30/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
typescript

Rechercherichtung

Es werden keine Dateien oder Tests genannt. Beginne damit, die vorhandenen Steuerelemente für den Dark-/Light-Mode und die Minimap zu finden, und ermittle dann den Einstiegspunkt des Playgrounds, um ein Zahnradsymbol und eine Einstellungsseite hinzuzufügen; abgeschlossen ist die Aufgabe, wenn die aufgeführten Einstellungen bearbeitet werden können und lokal gespeichert werden, einschließlich Schriftgröße, Programmierschrift, Theme, Sichtbarkeit der Minimap und Standardansicht.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

good first issue

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.
Vorherrschende Sprache
TypeScript
Sterne
246
Forks
71
Ø Merge
5 Min.
Gemergte PRs (30 T.)
5

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus solidjs/solid-playground

Alle Issues in solidjs/solid-playground

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.