Text.jsの最新情報
Text.jsチームのリリース情報と技術ノート。
Text.js 1.0
Text.js 1.0は安定版です。フレームごとに1回のconsole.logで、React 19とApp RouterのアプリをDevToolsコンソールに描画します。
Adam反転アーキテクチャー
ReactのコミットがDevToolsで1回のconsole.log呼び出しになる仕組み。
AdamTurbolog：ちらつきの解消
フレームごとにコンソールを消去すると、DevToolsの描画の70〜81%で空白が見えていました。フレームを追記すると1%に減り、すべて最初のフレームで発生するものになりました。
Adamコンソールで右から左に書くテキスト
Text.jsはUnicode双方向アルゴリズムを実装し、BidiTest.txtの全770,241ケースに合格しています。ヘブライ語とアラビア語は視覚順で描画され、アラビア文字の字形処理にも対応し、セルのグリッドに整列します。
AdamuseKeymapによるキーボードショートカット
useKeymapでキー割り当てを一度宣言すると、Text.jsがキー入力を振り分け、?ヘルプ画面に掲載し、フッターに表示し、Ctrl+Kコマンドパレットに追加します。
Adamコンソールのサーバーレンダリング
Text.js 0.4はサーバーでページを描画し、フレームをセルの差分としてコンソールにストリーミングできます。静的ルートでは最初のフレームもHTMLに事前描画します。
AdamText.jsのFIGletフォント
@textjs/fontはFIGletの.flfフォントを解析し、figletプログラムと同じように配置します。テストではfiglet 2.2.5で記録した273件の出力を再現し、すべて一致しています。
AdamYogaによるコンソールのレイアウト
Text.jsはポイントスケール係数1でWebAssembly上のYogaを実行するため、すべてのボックスがセル単位で配置されます。テキストはIntl.Segmenterで分割し、セル単位で測定します。
AdamText.js 0.1
Text.js 0.1は、DevToolsコンソールに描画するアプリに、React 19リコンサイラー、Yogaレイアウト、ファイルシステムベースのApp Routerを提供します。
Adamconsole.logへのReactの描画
Text.jsは、フレームごとに1回のスタイル付きconsole.log呼び出しで、DevToolsコンソールにReactアプリを描画します。
Adam