chore: preload rule data (#277)

Author: hardfist

website/docs/en/rules/rule-manifest.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import { usePageData } from '@rspress/core/runtime';
 
 type FailingCase = {
   name: string;
@@ -108,15 +109,21 @@ export default function RuleManifestTable() {
   const [error, setError] = useState<string | null>(null);
   const [statusFilter, setStatusFilter] = useState<string>('all');
   const [groupFilter, setGroupFilter] = useState<string>('all');
-
+  const pageData = usePageData();
   useEffect(() => {
+    if (pageData.page.ruleManifest) {
+      let data: any = pageData.page.ruleManifest;
+      setRules(data.rules ?? []);
+      setLoading(false);
+      return;
+    }
     fetch(RULE_MANIFEST_URL)
       .then(res => {
         if (!res.ok) throw new Error('Failed to fetch rule-manifest.json');
         return res.json();
       })
       .then(data => {
-        setRules(Array.isArray(data) ? data : data.rules || []);
+        setRules(data.rules ?? []);
         setLoading(false);
       })
       .catch(err => {

website/preload-plugin.ts

@@ -0,0 +1,17 @@
+import { RspressPlugin } from '@rspress/core';
+const RULE_MANIFEST_URL =
+  'https://raw.githubusercontent.com/web-infra-dev/rslint/main/packages/rslint-test-tools/rule-manifest.json';
+export function pluginPreloadRule(): RspressPlugin {
+  return {
+    name: 'preload-rules-data',
+    async extendPageData(pageData) {
+      try {
+        const result = await fetch(RULE_MANIFEST_URL);
+        (pageData as any).ruleManifest = await result.json();
+      } catch (error) {
+        // don't stop compile if fetch failed
+        console.error('Failed to fetch rule manifest:', error);
+      }
+    },
+  };
+}

website/rspress.config.ts

@@ -6,6 +6,7 @@ import { pluginGoogleAnalytics } from 'rsbuild-plugin-google-analytics';
 import { pluginOpenGraph } from 'rsbuild-plugin-open-graph';
 import { pluginFontOpenSans } from 'rspress-plugin-font-open-sans';
 import pluginSitemap from 'rspress-plugin-sitemap';
+import { pluginPreloadRule } from './preload-plugin';
 
 const siteUrl = 'https://rslint.rs';
 const description = 'The Rspack-based testing framework';
@@ -55,6 +56,7 @@ export default defineConfig({
     ],
   },
   plugins: [
+    pluginPreloadRule(),
     pluginFontOpenSans(),
     pluginSitemap({
       domain: siteUrl,