highlights

@pierre/highlights

組み込みのWebAssemblyレキサーを使用したスタンドアロンの構文ハイライトには、@pierre/highlightsを使用します。コードブロック全体にはHTML、カスタムレンダラーにはトークン、追記専用の入力にはStreamTokenizer、編集可能なドキュメントにはLiveTokenizerを選択してください。

インストール

pnpm add @pierre/highlights

@pierre/highlightsからインポートします。条件付きエクスポートにより、Node.js、ブラウザー、Cloudflare Workers向けにWebAssemblyが自動的に初期化されます。インポート後、ハイライト処理は同期的に行われます。通常の使用では、init()や言語の登録は不要です。

リファレンスを選択する

タスク	リファレンス
HTMLまたはトークンを生成する、言語を検証する、またはWasmモジュールを管理する	レンダリング
テーマを読み込む、またはカスタマイズする、CSS変数を切り替える、複数のスキームをレンダリングする	テーマ
ストリーミング文字列またはバイト列をトークン化する	ストリーミング
編集を適用する、ビューポートの優先度を設定する、またはパックされたトークンレコードを読み取る	インクリメンタル編集

ファイル、差分、またはエディターのコンポーネントについては、diffsスキルをお読みください。