Added pagefind filter for language searching (#262)

Orpheus-3145 · web-flow · commit e2a5d6137405 · 2025-06-20T17:26:23.000+01:00
diff --git a/packages/astro-theme/components/search/Pagefind.svelte b/packages/astro-theme/components/search/Pagefind.svelte
@@ -4,6 +4,7 @@
 
 	export let productId: string | undefined;
 	export let placeholder: string;
+	export let locale: string;
 
 	let pagefind: Pagefind;
 	let results: PagefindResult[] = [];
@@ -33,7 +34,7 @@
 		const query = (event.target as HTMLInputElement).value;
 
 		const response = await pagefind.debouncedSearch(query, {
-			filters: { productId },
+			filters: { productId, language: locale },
 			baseUrl: import.meta.env.BASE_URL,
 		});
 		if (response === null) {
diff --git a/packages/astro-theme/components/search/Search.astro b/packages/astro-theme/components/search/Search.astro
@@ -34,6 +34,7 @@ interface Props {
 			client:visible
 			productId={Astro.props.filterProductId}
 			placeholder={t("Type to search...", Astro.currentLocale)}
+			locale={Astro.currentLocale}
 		>
 			<div
 				slot="no-results"
diff --git a/packages/astro-theme/content.ts b/packages/astro-theme/content.ts
@@ -1,8 +1,10 @@
 import { defineCollection, z } from "astro:content";
 
 const productTags = z.array(z.enum(["Cheerp", "CheerpJ", "CheerpX"]));
+const languages = z.enum(["en", "ja"]);
 
 export type ProductTag = z.infer<typeof productTags>[0];
+export type LanguageContent = z.infer<typeof languages>;
 
 export function defineCommonCollections() {
 	return {
@@ -14,6 +16,7 @@ export function defineCommonCollections() {
 				shortTitle: z.string().optional(), // Used for nav only
 				fullWidthLayout: z.boolean().default(false),
 				draft: z.boolean().default(false),
+				language: languages.default("en"),
 			}),
 		}),
 
diff --git a/packages/astro-theme/layouts/DocsArticle.astro b/packages/astro-theme/layouts/DocsArticle.astro
@@ -15,16 +15,19 @@ import WasThisHelpful from "../components/WasThisHelpful.astro";
 import Callout from "../components/Callout.astro";
 import BentoGrid from "../components/patterns/BentoGrid.astro";
 import { Markdown } from "@astropub/md";
+import type { LanguageContent } from "../content";
 
 interface Props {
 	id?: string | undefined;
 	title: string;
 	description?: string | undefined;
 	headings?: Heading[] | undefined;
 	fullWidthLayout: boolean;
+	language: LanguageContent;
 }
 
-const { id, title, description, headings, fullWidthLayout } = Astro.props;
+const { id, title, description, headings, fullWidthLayout, language } =
+	Astro.props;
 
 const nav = await getRootNav();
 const product = productFromUrl(Astro.url);
@@ -61,6 +64,7 @@ function getEditHref(id: string): string {
 		) : (
 			<docs-article class="max-w-[92rem] w-full mx-auto flex justify-between">
 				<div
+					{...(language && { "data-pagefind-filter": `language:${language}` })}
 					data-sidebar-wrapper
 					class="hidden lg:block shadow-xl lg:shadow-none z-50 lg:z-30"
 				>
@@ -83,9 +87,9 @@ function getEditHref(id: string): string {
 
 					<main
 						data-pagefind-body
-						data-pagefind-filter={
-							product ? `productId:${product.id}` : undefined
-						}
+						{...(product && {
+							"data-pagefind-filter": `productId:${product.id}`,
+						})}
 						class="prose prose-stone dark:prose-invert p-6 md:px-8 lg:pt-0 pb-10 w-full max-w-3xl xl:max-w-[49rem]"
 					>
 						{title === product?.name ? (
diff --git a/packages/astro-theme/pages/docs/[...slug].astro b/packages/astro-theme/pages/docs/[...slug].astro
@@ -37,6 +37,7 @@ const rendered = await collectionEntry?.render();
 	id={navEntry.id}
 	headings={rendered?.headings}
 	fullWidthLayout={collectionEntry?.data.fullWidthLayout ?? false}
+	language={collectionEntry?.data?.language}
 >
 	{rendered && <rendered.Content />}
 	{
diff --git a/sites/cheerpj/src/content/docs/ja/00-overview.mdx b/sites/cheerpj/src/content/docs/ja/00-overview.mdx
@@ -2,6 +2,7 @@
 title: CheerpJ
 shortTitle: 概要
 description: 現代のウェブブラウザ向けJava仮想マシン
+language: ja
 ---
 
 import LinkButton from "@leaningtech/astro-theme/components/LinkButton.astro";
diff --git a/sites/cheerpj/src/content/docs/ja/10-getting-started/00-Java-app.md b/sites/cheerpj/src/content/docs/ja/10-getting-started/00-Java-app.md
@@ -1,6 +1,7 @@
 ---
 title: Javaアプリケーションの実行
 description: デスクトップアプリをウェブアプリに変換する
+language: ja
 ---
 
 CheerpJは、ほとんど変更を加えずにブラウザでJavaアプリケーションを実行できます。このページでは、CheerpJを使用して最初のJavaアプリケーションをブラウザで実行する方法を説明します。
diff --git a/sites/cheerpj/src/content/docs/ja/10-getting-started/01-Java-applet.mdx b/sites/cheerpj/src/content/docs/ja/10-getting-started/01-Java-applet.mdx
@@ -1,6 +1,7 @@
 ---
 title: Javaアプレットの実行
 description: 最新のブラウザでJavaアプレットを実行する
+language: ja
 ---
 
 import LinkButton from "@leaningtech/astro-theme/components/LinkButton.astro";
diff --git a/sites/cheerpj/src/content/docs/ja/10-getting-started/02-Java-library.md b/sites/cheerpj/src/content/docs/ja/10-getting-started/02-Java-library.md
@@ -1,6 +1,7 @@
 ---
 title: Javaライブラリの実行
 description: JavaScriptでJavaクラスを使用する
+language: ja
 ---
 
 ## 1. ページにCheerpJを含める
diff --git a/sites/cheerpj/src/content/docs/ja/10-getting-started/03-JNLP.md b/sites/cheerpj/src/content/docs/ja/10-getting-started/03-JNLP.md
@@ -1,6 +1,7 @@
 ---
 title: JNLPの実行
 description: ブラウザでJWS/JNLPアプリケーションを実行する
+language: ja
 ---
 
 このクイックスタートチュートリアルでは、ブラウザでCheerpJを使用してJNLPアプリ（Java Web Startアプリケーションとしても知られています）を実行する手順を説明します。
diff --git a/sites/cheerpj/src/content/docs/ja/11-guides/File-System-support.md b/sites/cheerpj/src/content/docs/ja/11-guides/File-System-support.md
@@ -1,6 +1,7 @@
 ---
 title: ファイルとファイルシステム
 description: 仮想ファイルシステムとその使用方法
+language: ja
 ---
 
 CheerpJのファイルシステムは、複数のマウントポイントを持つUNIXスタイルの仮想ファイルシステムとして実装されています：
diff --git a/sites/cheerpj/src/content/docs/ja/11-guides/Implementing-Java-native-methods-in-JavaScript.md b/sites/cheerpj/src/content/docs/ja/11-guides/Implementing-Java-native-methods-in-JavaScript.md
@@ -1,6 +1,7 @@
 ---
 title: ネイティブメソッドとライブラリの実装
 description: CheerpJでのJavaネイティブインターフェース (JNI)
+language: ja
 ---
 
 CheerpJを使用すると、通常C/C++や他のAOTコンパイル言語で実装されるJavaの「ネイティブ」メソッドを、Java Native Interface（JNI）を使用するのと同様に、JavaScriptで実装することができます。
diff --git a/sites/cheerpj/src/content/docs/ja/11-guides/Networking.md b/sites/cheerpj/src/content/docs/ja/11-guides/Networking.md
@@ -1,6 +1,7 @@
 ---
 title: ネットワーキング
 description: CheerpJでのネットワーキング
+language: ja
 ---
 
 CheerpJは、以下の2つのカテゴリーに分けられるさまざまなネットワーキングシナリオをサポートしています:
diff --git a/sites/cheerpj/src/content/docs/ja/11-guides/Startup-time-optimization.md b/sites/cheerpj/src/content/docs/ja/11-guides/Startup-time-optimization.md
@@ -1,6 +1,7 @@
 ---
 title: 起動時間の最適化
 description: アプリケーションの起動時間を改善する
+language: ja
 ---
 
 慣例上、Javaアプリケーションやアプレットを実行するには、ユーザーがコンピュータにJavaを事前にインストールしておく必要がありました。CheerpJは、JavaをHTML5/JavaScriptにコンパイルし、ユーザーがコンピュータに追加の依存関係をインストールすることなく、ブラウザ上でアプリケーションやアプレットを実行できるようにします。JVMを使用する場合と同様に、CheerpJでJavaScriptにコンパイルされたアプリケーションは、実行中にランタイムコンポーネントをロードする必要があります。CheerpJでは、ランタイムコンポーネントはJavaScriptモジュールであり、必要に応じてオンデマンドでロードされます。
diff --git a/sites/cheerpj/src/content/docs/ja/11-guides/library-mode.md b/sites/cheerpj/src/content/docs/ja/11-guides/library-mode.md
@@ -1,6 +1,7 @@
 ---
 title: ライブラリモード
 description: JavaScriptでJavaライブラリを使用する
+language: ja
 ---
 
 ライブラリモードを使用すると、JavaScriptからJavaのメソッド、オブジェクト、配列を直接利用できます。 このAPIは、async/awaitを活用して、自然に使えるように設計されており、柔軟性を損なうことはありません。
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/00-cheerpjInit.md b/sites/cheerpj/src/content/docs/ja/12-reference/00-cheerpjInit.md
@@ -1,6 +1,7 @@
 ---
 title: cheerpjInit
 description: CheerpJランタイム環境の設定と初期化
+language: ja
 ---
 
 `cheerpjInit`は、CheerpJランタイム環境を設定と初期化するためにページで一度呼び出される必要があります。
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/01-cheerpjRunMain.md b/sites/cheerpj/src/content/docs/ja/12-reference/01-cheerpjRunMain.md
@@ -1,6 +1,7 @@
 ---
 title: cheerpjRunMain
 description: Javaクラスの静的mainメソッドを実行してアプリケーションを起動します
+language: ja
 ---
 
 ```ts
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/02-cheerpjRunJar.md b/sites/cheerpj/src/content/docs/ja/12-reference/02-cheerpjRunJar.md
@@ -1,6 +1,7 @@
 ---
 title: cheerpjRunJar
 description: JARのメインクラスを実行する
+language: ja
 ---
 
 ```ts
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/03-cheerpjRunLibrary.md b/sites/cheerpj/src/content/docs/ja/12-reference/03-cheerpjRunLibrary.md
@@ -1,6 +1,7 @@
 ---
 title: cheerpjRunLibrary
 description: Javaライブラリをロードする
+language: ja
 ---
 
 JavaScriptで使用するためにJavaライブラリをロードします。詳細については[ライブラリモード](/docs/guides/library-mode)を参照してください。
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/10-cheerpjCreateDisplay.md b/sites/cheerpj/src/content/docs/ja/12-reference/10-cheerpjCreateDisplay.md
@@ -1,6 +1,7 @@
 ---
 title: cheerpjCreateDisplay
 description: GUI要素の表示
+language: ja
 ---
 
 `cheerpjCreateDisplay` は、グラフィカルレンダリングに使用される要素をDOMに追加します。
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/20-cjFileBlob.md b/sites/cheerpj/src/content/docs/ja/12-reference/20-cjFileBlob.md
@@ -1,6 +1,7 @@
 ---
 title: cjFileBlob
 description: 仮想ファイルシステムからファイルを読み取る
+language: ja
 ---
 
 CheerpJ仮想ファイルシステムからファイルを読み取るために使用されます。
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/21-cheerpOSAddStringFile.md b/sites/cheerpj/src/content/docs/ja/12-reference/21-cheerpOSAddStringFile.md
@@ -1,6 +1,7 @@
 ---
 title: cheerpOSAddStringFile
 description: 仮想ファイルシステムにファイルを書き込む
+language: ja
 ---
 
 `/str/` ファイルシステムにファイルを書き込むために使用されます。ファイルがすでに存在する場合は上書きされます。
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/30-cjGetRuntimeResources.md b/sites/cheerpj/src/content/docs/ja/12-reference/30-cjGetRuntimeResources.md
@@ -1,6 +1,7 @@
 ---
 title: cjGetRuntimeResources
 description: 読み込まれたリソースの一覧を取得する
+language: ja
 ---
 
 この関数は、[preloadResources]に渡すデータを表すJavaScript文字列を返します。この関数が呼び出された時点までにランタイムから読み込まれたファイル名を含むオブジェクトになります。
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/31-cjGetProguardConfiguration.md b/sites/cheerpj/src/content/docs/ja/12-reference/31-cjGetProguardConfiguration.md
@@ -1,6 +1,7 @@
 ---
 title: cjGetProguardConfiguration
 description: ProGuard設定ファイルをダウンロードする
+language: ja
 ---
 
 これは設定ファイルのダウンロードをトリガーし、[ProGuard]を使用してJARファイルをツリーシェイク（tree shaking）するために使用できます。
diff --git a/sites/cheerpj/src/content/docs/ja/12-reference/40-CJ3Library.md b/sites/cheerpj/src/content/docs/ja/12-reference/40-CJ3Library.md
@@ -1,6 +1,7 @@
 ---
 title: CJ3Library
 description: ライブラリモードセッション
+language: ja
 ---
 
 このクラスは、[ライブラリモード](/docs/ja/guides/library-mode) セッションを表します。ロードされたライブラリのクラスやメソッドにアクセスするために使用できます。
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/00-swingset3.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/00-swingset3.mdx
@@ -1,6 +1,7 @@
 ---
 title: SwingSet3
 description: SwingアプリケーションをWebに移植する
+language: ja
 ---
 
 import LinkButton from "@leaningtech/astro-theme/components/LinkButton.astro";
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/01-applet.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/01-applet.mdx
@@ -1,6 +1,7 @@
 ---
 title: FoilSim アプレット
 description: CheerpJを使用してアプレットを実行する
+language: ja
 ---
 
 import LinkButton from "@leaningtech/astro-theme/components/LinkButton.astro";
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/02-jnlp.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/02-jnlp.mdx
@@ -1,6 +1,7 @@
 ---
 title: JNLP アプリ
 description: JNLPアプリケーションやアプレットの具体例を実行する
+language: ja
 ---
 
 このチュートリアルでは、CheerpJを使用してブラウザでJNLP（Java Web Startアプリ）を実行する方法をステップバイステップで説明します。
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/04-java-browser.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/04-java-browser.mdx
@@ -1,6 +1,7 @@
 ---
 title: Swing Browser (ネットワーキング)
 description: Javaアプリケーションをインターネット接続で実行する
+language: ja
 ---
 
 このチュートリアルでは、CheerpJとTailscaleを使用して、Javaで作成されたウェブブラウザアプリケーションを実行する方法を紹介します。同じ方法を使用して、CheerpJで実行される任意のアプリケーションに広範なインターネットアクセスを提供できます。
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/04-serverclient.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/04-serverclient.mdx
@@ -1,6 +1,7 @@
 ---
 title: サーバークライアント (ネットワーキング)
 description: CheerpJとTailscaleを使用した2つのJavaアプリケーション間の通信
+language: ja
 ---
 
 このチュートリアルでは、ブラウザでCheerpJを使用して実行される2つのJavaアプリケーション間の通信シナリオについてステップバイステップで説明します。`java.net.Socket` と `java.net.ServerSocket` を介して通信が必要なJavaクライアントアプリケーションをブラウザで実行するためのCheerpJとTailscaleのセットアップ方法を学びましょう。
diff --git a/sites/cheerpj/src/content/docs/ja/14-explanation/architecture.mdx b/sites/cheerpj/src/content/docs/ja/14-explanation/architecture.mdx
@@ -1,6 +1,7 @@
 ---
 title: アーキテクチャ
 description: CheerpJはどのように動作するのか？
+language: ja
 ---
 
 import LinkButton from "@leaningtech/astro-theme/components/LinkButton.astro";
diff --git a/sites/cheerpj/src/content/docs/ja/20-faq.md b/sites/cheerpj/src/content/docs/ja/20-faq.md
@@ -1,5 +1,6 @@
 ---
 title: よくある質問
+language: ja
 ---
 
 ## CheerpJとは何ですか？
diff --git a/sites/cheerpj/src/content/docs/ja/21-migrating-from-cheerpj2.md b/sites/cheerpj/src/content/docs/ja/21-migrating-from-cheerpj2.md
@@ -1,5 +1,6 @@
 ---
 title: CheerpJ 2からの移行
+language: ja
 ---
 
 CheerpJ 3はCheerpJ 2の完全な再実装であり、そのため後方互換性はありません。
diff --git a/sites/cheerpj/src/content/docs/ja/22-changelog.md b/sites/cheerpj/src/content/docs/ja/22-changelog.md
@@ -1,5 +1,6 @@
 ---
 title: 更新履歴
+language: ja
 ---
 
 ## [4.1](https://labs.leaningtech.com/blog/cheerpj-4.1) - May 28, 2025
diff --git a/sites/cheerpj/src/content/docs/ja/23-licensing.md b/sites/cheerpj/src/content/docs/ja/23-licensing.md
@@ -1,5 +1,6 @@
 ---
 title: ライセンス
+language: ja
 ---
 
 CheerpJ は、個人プロジェクト、ほとんどの非商用アプリケーション、および技術評価に無料で使用できます。
diff --git a/sites/cheerpj/src/content/docs/ja/24-community.mdx b/sites/cheerpj/src/content/docs/ja/24-community.mdx
@@ -1,5 +1,6 @@
 ---
 title: コミュニティショーケース
+language: ja
 ---
 
 import ShowcaseList from "@leaningtech/astro-theme/components/ShowcaseList.astro";

Original file line number	Diff line number	Diff line change
`@@ -34,6 +34,7 @@ interface Props {`
`34`	`34`	`client:visible`
`35`	`35`	`productId={Astro.props.filterProductId}`
`36`	`36`	`placeholder={t("Type to search...", Astro.currentLocale)}`
	`37`	`+ locale={Astro.currentLocale}`
`37`	`38`	`>`
`38`	`39`	`<div`
`39`	`40`	`slot="no-results"`
Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,7 @@ const rendered = await collectionEntry?.render();`
`37`	`37`	`id={navEntry.id}`
`38`	`38`	`headings={rendered?.headings}`
`39`	`39`	`fullWidthLayout={collectionEntry?.data.fullWidthLayout ?? false}`
	`40`	`+ language={collectionEntry?.data?.language}`
`40`	`41`	`>`
`41`	`42`	`{rendered && <rendered.Content />}`
`42`	`43`	`{`