Using backticks in the example code results in a "Error loading Code Connect Failed to load Code Connect example"

Aberta
  • Algo errado?
#310 0 comentários 2 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
52/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
figma, typescript
Domínio
developer-experience, tooling

Direção de pesquisa

Start with the Code Connect example processing and snippet assignment path; the issue does not name files or tests. Compare the two examples, which differ by a template string containing backticks, and trace why the first passes dry-run validation but fails to load. Done means the backtick example loads successfully and produces the expected snippet.

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

Descrição

feature request 
figma.connect(Autocomplete, "<FIGMA_BACKTICK_TEST>", {
  props: {
    label: figma.nestedProps("field-label", { label: figma.string("label") }),
  },
  example: ({ label }) => <Chip label={label.label} otherProp={(value)=>(`${value.length}`)} />,
});

Passes dry-run validation, but results in

Image 
figma.connect(Autocomplete, "<FIGMA_BACKTICK_TEST>", {
  props: {
    label: figma.nestedProps("field-label", { label: figma.string("label") }),
  },
  example: ({ label }) => <Chip label={label.label} otherProp={(value)=>value.length} />,
});

correctly assigns the following Code Connect snippet:
Image

Linguagem predominante
TypeScript
Estrelas
1.6k
Forks
126
Nenhum PR com merge em 30d

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

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 figma/code-connect

Todas as issues de figma/code-connect

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.