kosmonaut

---

Kosmonaut es un motor de navegador web creado para servir como vehículo para su viaje a través de la red mundial.

El camino a las estrellas es empinado y peligroso. Pero no tenemos miedo ... los vuelos espaciales no se pueden detener.

- Yuri Gagarin

¿Qué puede hacer Kosmonaut?

Hasta ahora, no mucho. Actualmente, solo se admite un subconjunto muy limitado de CSS, por lo que la mayoría de las páginas web no funcionarán. Sin embargo, dado HTML y CSS muy básicos, Kosmonaut representa las cosas correctas: ver la representación de Kosmonaut de este código, en comparación con la de Firefox:

Aquí hay un resumen de las cosas que Kosmonaut puede hacer, cosas en las que estoy trabajando actualmente y cosas que están hacia el frente de la lista de TODO.

• Analizar HTML y un pequeño subconjunto de CSS en DOM y reglas, Cascade CSS y aplique a DOM
• Diseño y pintura del flujo normal, cajas de nivel de bloque no reemplazadas.
  • Soporte ¹ para el diseño de cuadro abstracto con propiedades writing-mode y direction
• Pruebas basadas en instantáneas de diseño-tree-dump y pruebas de referencia automáticamente para descubrir automáticamente
• Soporte para factores de escala arbitrarios (por ejemplo, monitores de alta DPI)
• Renderización de texto (sin integración real en el diseño: ver el siguiente elemento)
• Diseño de contenido básico de nivel en línea no reemplazado (como el texto)

1: Flujos ortogonales (ver especificación) no admitidos. El soporte writing-mode mixto en general (incluidos los flujos paralelos) es actualmente dudoso; recomiendo simplemente usar * { writing-mode: <val> } . ↩

Proyecto de objetivos

Kosmonaut fue creado con la intención de aprender el desarrollo del motor del navegador. Sin embargo, el proyecto ha llegado un poco de camino ahora, y he estado pensando en nichos en los que puedo trabajar para ajustar a Kosmonaut. He compartido algunas ideas sobre posibles nichos en este tema, y ​​me encantaría escuchar sus ideas también.

Construir y probar

Kosmonaut está construido con óxido utilizando enlaces OpenGL a través de GL-RS, Glutin for Window Management y OpenGL Context Creation, Servo's HTML5ever y CSSParser para HTML y CSS Anygresing, y varias otras bibliotecas auxiliares.

Para construir desde la fuente:

1. Instalar Rust: https://www.rust-lang.org/tools/install
2. Instale dependencias nativas, la mayoría de las cuales son necesarias para el tipo de dete que Kosmonaut usa para la representación de texto.
   • Windows 10, macOS
     • Omita este paso (Kosmonaut usa Font-Kit, que utiliza las API de fuentes nativas para Windows y MacOS).
   • Ubuntu
     • Instale las dependencias que se encuentran en este DockerFile en su máquina (el bit apt-get install ).
   • Arch Linux
     • Instale las dependencias encontradas en este DockerFile en su máquina (el bit pacman -Syu ).
   • Para aquellos que se ejecutan en otros sistemas operativos, deberá instalar los paquetes equivalentes. Me encantaría obtener más documentación sobre la instalación para otros sistemas, así que abra un problema si tiene problemas o si desea compartir su proceso de configuración.
3. cargo build

Para representar HTML y CSS con Kosmonaut, ya sea pase archivos (HTML y opcionalmente CSS):

cargo run -- tests/websrc/rainbow-divs.html

o una URL:

cargo run -- https://twilco.github.io/assets/html/rainbow-divs.html

Para ejecutar las pruebas, tanto la unidad como el diseño, ejecute:

cargo test --all

Para las pruebas de diseño, Kosmonaut transforma el HTML y CSS dados en un árbol de caja, lo pone y lo descarga como texto. Esas instantáneas de texto se verifican con Insta.

Si necesita revisar / actualizar las instantáneas de diseño, es útil instalar la herramienta CARGO INSTA CLI de la misma manera:

cargo install cargo-insta

Kosmonaut también puede ejecutar pruebas de Ref. Las pruebas de ref renderizan dos archivos HTML y compara el resultado píxel por píxel, asegurando que sean lo mismo. Esto es útil en muchos escenarios, como las pruebas que las taquigrafía representan lo mismo que sus equivalentes largos.

Licencia y créditos

La implementación actual de Kosmonaut está fuertemente inspirada en Servo, a veces tomando código directamente de él. Por lo tanto, Kosmonaut tiene licencia con la Licencia Pública de Mozilla 2.0.

Kosmonaut también se inspira en Robinson. Gracias a MBrubeck por su gran serie de artículos sobre motores de navegador.

Finalmente, la implementación DOM de Kosomonaut fue tomada de Kuchiki y ha sido ligeramente modificada para satisfacer nuestras necesidades.