Make local user settings

Aberta
#15 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
30/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
typescript

Direção de pesquisa

Nenhum arquivo ou teste é especificado. Comece localizando os controles existentes de modo escuro/claro e da minimapa e, em seguida, identifique o ponto de entrada do playground para adicionar um ícone de engrenagem e uma página de configurações; considera-se concluído quando as preferências listadas puderem ser editadas e persistirem localmente, incluindo tamanho da fonte, fonte de programação, tema, visibilidade da minimapa e visualização padrão.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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.
Linguagem predominante
TypeScript
Estrelas
246
Forks
71
Merge médio
5min
PRs com merge (30d)
5

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de solidjs/solid-playground

Todas as issues de solidjs/solid-playground

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.