kosmonaut

---

Kosmonautは、World Wide Webを旅するための手段として機能するために作成されたWebブラウザエンジンです。

星への道は急で危険です。しかし、私たちは恐れていません...宇宙飛行を止めることはできません。

- ユリ・ガガリン

Kosmonautは何ができますか？

これまでのところ、それほどではありません。現在、CSSの非常に限られたサブセットのみがサポートされているため、ほとんどのWebページは機能しません。ただし、非常に基本的なHTMLとCSSを考えると、Kosmonautは正しいものをレンダリングします。Firefoxのコードと比較して、Kosmonautのこのコードのレンダリングを参照してください。

Kosmonautができること、私が現在取り組んでいること、Todoリストの最前線に向かっていることの要約があります。

• CSSのHTMLと小さなサブセットをDOMおよびルールに解析し、CSSをカスケードし、DOMに適用します
• 通常のフローのレイアウトとペイント、非交換ブロックレベルのボックス。
  • writing-modeとdirectionプロパティを備えた抽象ボックスレイアウトのサポート¹
• レイアウトツリーダンプスナップショットベースのテストと自動ディスカバーレフテスト
• 任意のスケール因子のサポート（例：高DPIモニター）
• テキストレンダリング（レイアウトへの実際の統合なし - 次の項目を参照）
• 基本的な非表現インラインレベルのコンテンツのレイアウト（テキストなど）

1：直交フロー（スペックを参照）はサポートされていません。一般的に（並列フローを含む）混合writing-modeサポートは現在正確です。単に* { writing-mode: <val> }を使用することをお勧めします。 ↩

プロジェクトの目標

Kosmonautは、ブラウザエンジン開発を学習することを目的として作成されました。しかし、このプロジェクトは今や少しの方法で届いており、私はコスモナウトを取り付けるために取り組むことができるニッチについて考えてきました。私はこの問題の潜在的なニッチについていくつかの考えを共有しました、そしてあなたのアイデアも聞きたいです。

ビルドとテスト

Kosmonautは、GL-RSを介したOpenGLバインディング、ウィンドウ管理用のグルチン、OpenGLコンテキスト作成のためのGlutin、HTMLおよびCSS解析のためのServoのHTML5EREVERおよびCSSPARSER、およびその他のさまざまな補助ライブラリを使用して、錆びて構築されています。

ソースから構築するには：

1. Rust：https：//www.rustlang.org/tools/installをインストールします
2. ネイティブの依存関係をインストールします。そのほとんどは、Kosmonautがテキストレンダリングに使用するFreetypeに必要です。
   • Windows 10、macos
     • この手順をスキップします（KosmonautはFont-Kitを使用します。Font-Kitは、WindowsとMacOSにネイティブフォントAPIを使用します）。
   • ubuntu
     • このDockerFileにある依存関係をマシンにインストールします（ apt-get installビット）。
   • Arch Linux
     • このdockerfileにある依存関係をマシンにインストールします（ pacman -Syuビット）。
   • 他のオペレーティングシステムで実行されている人の場合、同等のパッケージをインストールする必要があります。他のシステムのインストールに関するより多くのドキュメントを取得したいので、問題がある場合、またはセットアッププロセスを共有したい場合は問題を開きます。
3. cargo build

KosmonautでHTMLとCSSをレンダリングするには、ファイル（HTMLおよびオプションのCSS）のどちらかをパスします。

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

またはURL：

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

ユニットとレイアウトの両方のテストを実行するには、実行してください。

cargo test --all

レイアウトテストの場合、Kosmonautは、指定されたHTMLとCSSをボックスツリーに変換し、レイアウトし、テキストとして捨てます。これらのテキストスナップショットはInstaで検証されています。

レイアウトスナップショットを確認 /更新する必要がある場合は、次のような貨物Insta CLIツールをインストールすると役立ちます。

cargo install cargo-insta

Kosmonautは、Ref-Testsを実行することもできます。 REFテストは2つのHTMLファイルをレンダリングし、結果をピクセルごとに比較して、それらが同じであることを確認します。これは、速記がロングハンドに相当するものと同じようにレンダリングするテストなど、多くのシナリオで役立ちます。

ライセンスとクレジット

Kosmonautの現在の実装は、サーボに大きく触発されており、時にはコードを直接使用しています。したがって、KosmonautはMozilla Public License 2.0でライセンスされています。

Kosmonautは、ロビンソンからもインスピレーションを得ています。ブラウザエンジンに関する素晴らしい一連の記事をMbrubeckに感謝します。

最後に、KosomonautのDomの実装はKuchikiから取られ、私たちのニーズに合わせてわずかに変更されました。