feat: integrate with rsbuild svgr (#75)

Author: JounQin

.changeset/proud-walls-fetch.md

@@ -0,0 +1,5 @@
+---
+"@alauda/doom": minor
+---
+
+feat: integrate with rsbuild svgr

global.d.ts

@@ -2,3 +2,18 @@
 /// <reference types="@alauda/doom/types" />
 
 type MDXProvidedComponents = typeof import('@alauda/doom/runtime')
+
+declare module '*.module.scss' {
+  const classes: { [key: string]: string }
+  export default classes
+}
+
+declare module '*.svg' {
+  const content: string
+  export default content
+}
+
+declare module '*.svg?react' {
+  const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>
+  export default ReactComponent
+}

package.json

@@ -62,7 +62,9 @@
     "@inquirer/prompts": "^7.5.3",
     "@openapi-contrib/openapi-schema-to-json-schema": "^5.1.0",
     "@playwright/browser-chromium": "^1.52.0",
+    "@rsbuild/plugin-react": "^1.3.2",
     "@rsbuild/plugin-sass": "^1.3.2",
+    "@rsbuild/plugin-svgr": "^1.2.0",
     "@rsbuild/plugin-yaml": "^1.0.2",
     "@rspress/core": "2.0.0-beta.11",
     "@rspress/plugin-algolia": "2.0.0-beta.11",

shim.d.ts

@@ -1,8 +1,3 @@
-declare module '*.module.scss' {
-  const classes: { [key: string]: string }
-  export default classes
-}
-
 declare module 'doom-@api-crdsMap' {
   export default crdsMap
 }

src/cli/load-config.ts

@@ -1,7 +1,9 @@
 import fs from 'node:fs/promises'
 import path from 'node:path'
 
+import { pluginReact } from '@rsbuild/plugin-react'
 import { pluginSass } from '@rsbuild/plugin-sass'
+import { pluginSvgr } from '@rsbuild/plugin-svgr'
 import { pluginYaml } from '@rsbuild/plugin-yaml'
 import {
   addLeadingSlash,
@@ -311,7 +313,7 @@ const getCommonConfig = async ({
       dev: {
         lazyCompilation: lazy,
       },
-      plugins: [pluginSass(), pluginYaml()],
+      plugins: [pluginReact(), pluginSass(), pluginSvgr(), pluginYaml()],
       server: {
         open,
       },