Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Render object references in hint steps as tappable references

Abierto
#32 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
72/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
typescript
Área
frontend

Línea de trabajo

Start with apps/web/src/components/hintModal.ts and apps/web/src/screens/game.ts, then compare how apps/web/src/components/transcript.ts renders references using apps/web/src/logic/text.ts. Check the content-pack rules in docs/spec/content-pack.md, then run the relevant unit or end-to-end tests and apps/web/test/styles.test.ts. Done means present objects open their action sheet from a hint, absent objects remain plain text, and inserted text stays text-only.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

area: web good first issue priority: low type: feature

Context

Hint steps may contain {object_id} and {object_id|text} references, like all pack text. The hint sheet strips them to plain names (stepText uses stripMarkup in apps/web/src/screens/game.ts), so players cannot tap the object a hint talks about, unlike in the story text.

Scope

  • Render hint steps with the same span rendering as the transcript, references as buttons.
  • Tapping a reference closes the hint sheet and opens the object's action sheet.
  • References to objects that are not present render as plain text, so no action is offered on an absent object.
  • Keep the lang attribute of the pack language.

Acceptance criteria

  • In a test fixture, a hint step with {red_book} shows a tappable "red book" when the book is present; tapping it opens its action sheet.
  • A reference to an absent object renders as plain text.
  • A unit or end-to-end test covers both cases.
  • Text is still inserted as text nodes only (apps/web/test/styles.test.ts passes).

References

  • apps/web/src/components/hintModal.ts
  • apps/web/src/screens/game.ts
  • apps/web/src/components/transcript.ts
  • apps/web/src/logic/text.ts
  • docs/spec/content-pack.md (sections 4 and 13)
Lenguaje dominante
TypeScript
Estrellas
0
Forks
0
Merge medio
28 min
PR fusionados (30 d)
2

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de nullthrone/lexvm

Todos los issues de nullthrone/lexvm

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.