fix: remark-lsx pagination

[miya]

Task

• #159497 Lsx の "Load more" をクリックした時に正しくページングされない
  • #159499 修正

[changeset-bot]

⚠️ No Changeset found

Latest commit: 8217a12

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[miya]

バグの原因

offset が文字列になっていたことにより、 ("50" ?? 0) + pages.length の結果が 5050 のようになってしまっていた。

growi/packages/remark-lsx/src/server/routes/list-pages/index.ts

Line 115 in 8217a12

const cursor = (offset ?? 0) + pages.length;

API のレスポンスである cursor は次の Road more をクリックした時に走る API リクエストのクエリパラメーターである offset に入る。

growi/packages/remark-lsx/src/client/stores/lsx/lsx.ts

Lines 43 to 56 in 8217a12

	async([endpoint, pagePath, options, offset, limit, parseErrorMessage]) => {
	if (parseErrorMessage != null) {
	throw new Error(parseErrorMessage);
	}
	const apiOptions = Object.assign({}, options, { num: undefined }) as LsxApiOptions;
	const params: LsxApiParams = {
	pagePath,
	offset,
	limit,
	options: apiOptions,
	};
	try {
	const res = await axios.get<LsxApiResponseData>(endpoint, { params });

解決策

express-validation でクエリパラメータに指定された文字列を Number に変換する
https://express-validator.github.io/docs/api/validation-chain/#toint