[FEATURE] Implement `Element`'s `getHTML()` to improve SSR of web components
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript
- Área
- web-dev
Línea de trabajo
El issue no nombra ningún archivo ni prueba. Empieza con la API Element.getHTML y la documentación de MDN enlazada; después, identifica el punto de entrada de serialización de Element que ya existe en Linkedom. Compara la salida serializable solicitada para shadow roots con el ejemplo; se considera completado cuando se admita la salida descrita para web components y shadow roots.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hello,
As per https://github.com/WebReflection/linkedom/issues/210#issuecomment-3803892846, I am filing an issue to add support for getHTML().
Recently baseline (2024) across browsers, makes sense to implement in Linkedom. MDN
Element.getHTML({serializableShadowRoots: true})
Example
<hello-world>
<span>Slotted Hello World!</span>
</hello-world>
class HelloWorld extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: "open", serializable: true });
}
....
}
Rendered as this:
<hello-world>
<span>Slotted Hello World</span>
<template shadowroot="open" shadowrootserializable="">
<style>
:host {
display: inline-block;
background: pink;
border: 2px dashed yellow;
}
</style>
<div><slot></slot></div>
</template>
</hello-world>
- Lenguaje dominante
- HTML
- Estrellas
- 2.1k
- Forks
- 104
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Aún no hemos revisado los archivos de configuración de este proyecto. Empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de WebReflection/linkedom
-
Dificultad 3/5 1-2 días Aptitud para principiantes 68/100
WebReflection/linkedom#329 · 5 comentarios ·
-
`el.style.property = ''` and `e.style.setProperty('property', '')` should delete the propertyAbierto
Dificultad 3/5 1-2 días Aptitud para principiantes 52/100
WebReflection/linkedom#327 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 48/100
WebReflection/linkedom#326 · 5 comentarios ·
-
Build Apps For AI Agent.Abierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 15/100
WebReflection/linkedom#321 · 1 comentario ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
WebReflection/linkedom#318 · 6 comentarios ·
Todos los issues de WebReflection/linkedom
Issues similares
-
enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 1 día
-
status: waiting triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
freeCodeCamp/freeCodeCamp#70412 ·
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
openedx/frontend-app-admin-console#239 ·
Los mantenedores suelen responder en 1 día
-
bug good first issue web
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100