build(core): use Rslib to build the package (#1831)

Author: fi3ework

e2e/fixtures/modern-js/package.json

@@ -25,6 +25,7 @@
     "@arco-design/web-react": "^2.65.0"
   },
   "devDependencies": {
+    "@modern-js/module-tools": "2.64.0",
     "@rspress/modern-js-plugin": "workspace:*",
     "@types/node": "^18.11.17",
     "@types/react": "^18.3.18",

nx.json

@@ -13,7 +13,7 @@
       "{projectRoot}/src/**/*",
       "{projectRoot}/tsconfig.json",
       "{projectRoot}/package.json",
-      "{projectRoot}/modern.config.*"
+      "{projectRoot}/rslib.config.*"
     ],
     "dev": ["default"],
     "build": ["default"],

package.json

@@ -34,7 +34,6 @@
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@changesets/cli": "^2.27.12",
-    "@modern-js/module-tools": "2.64.0",
     "@modern-js/tsconfig": "2.64.0",
     "@playwright/test": "1.47.2",
     "@types/cross-spawn": "^6.0.6",

packages/core/modern.config.ts

@@ -47,8 +47,8 @@
     "theme.ts"
   ],
   "scripts": {
-    "build": "modern build",
-    "dev": "modern build -w",
+    "build": "rslib build",
+    "dev": "rslib build -w",
     "reset": "rimraf ./**/node_modules"
   },
   "dependencies": {
@@ -92,8 +92,9 @@
     "unist-util-visit-children": "^3.0.0"
   },
   "devDependencies": {
-    "@modern-js/plugin-tailwindcss": "2.64.0",
+    "@microsoft/api-extractor": "^7.49.2",
     "@modern-js/tsconfig": "2.64.0",
+    "@rslib/core": "0.4.0",
     "@types/hast": "3.0.4",
     "@types/html-to-text": "^9.0.4",
     "@types/jest": "~29.5.14",

packages/core/package.json

@@ -0,0 +1,9 @@
+import path from 'node:path';
+
+export default {
+  plugins: {
+    tailwindcss: {
+      config: path.join(__dirname, './tailwind.config.ts'),
+    },
+  },
+};

packages/core/postcss.config.ts

@@ -0,0 +1,83 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      format: 'esm',
+      dts: {
+        bundle: true,
+      },
+      syntax: 'es2020',
+      shims: {
+        esm: {
+          require: true,
+        },
+      },
+      source: {
+        define: {
+          REQUIRE_CACHE: 'require.cache',
+        },
+      },
+      output: {
+        distPath: {
+          root: './dist',
+        },
+        externals: [
+          {
+            'react-syntax-highlighter/dist/cjs/languages/prism/supported-languages':
+              'commonjs react-syntax-highlighter/dist/cjs/languages/prism/supported-languages',
+          },
+          'react-syntax-highlighter/dist/cjs/languages/prism/supported-languages',
+          '@rspress/mdx-rs',
+          'jsdom',
+          'tailwindcss',
+          '@rspress/plugin-container-syntax',
+        ],
+      },
+    },
+    {
+      format: 'esm',
+      syntax: 'es2020',
+      dts: {
+        bundle: true,
+      },
+      shims: {
+        esm: {
+          require: true,
+        },
+      },
+      output: {
+        distPath: {
+          root: './dist',
+        },
+        externals: {
+          '@rspress/mdx-rs': 'commonjs @rspress/mdx-rs',
+        },
+      },
+      source: {
+        entry: {
+          loader: './src/node/mdx/loader.ts',
+        },
+      },
+    },
+    {
+      bundle: false,
+      dts: true,
+      format: 'esm',
+      syntax: 'es2020',
+      source: {
+        entry: {
+          index: './src/runtime/*',
+        },
+        tsconfigPath: './src/runtime/tsconfig.json',
+      },
+      output: {
+        distPath: {
+          root: './dist/runtime',
+        },
+      },
+      plugins: [pluginReact()],
+    },
+  ],
+});

packages/core/rslib.config.ts

@@ -7,7 +7,8 @@ const DEFAULT_I18N_SOURCE = join(process.cwd(), 'i18n.json');
 export function getI18nData(docConfig: UserConfig) {
   const { i18nSourcePath = DEFAULT_I18N_SOURCE } = docConfig;
   try {
-    delete require.cache[i18nSourcePath];
+    // @ts-expect-error require.cache is an API in Rslib.
+    delete REQUIRE_CACHE[i18nSourcePath];
     // eslint-disable-next-line import/no-dynamic-require
     const i18nSource = require(i18nSourcePath);
     return i18nSource;

packages/core/src/node/runtimeModule/i18n.ts

@@ -32,8 +32,11 @@ type PageMeta = {
 
 export async function initPageData(routePath: string): Promise<PageData> {
   const { routes } = process.env.__SSR__
-    ? (require('virtual-routes-ssr') as typeof import('virtual-routes-ssr'))
-    : (require('virtual-routes') as typeof import('virtual-routes'));
+    ? // biome-ignore format: Biome format will add an extra comma.
+      ((await import('virtual-routes-ssr')) as typeof import(
+        'virtual-routes-ssr'
+      ))
+    : ((await import('virtual-routes')) as typeof import('virtual-routes'));
   const matched = matchRoutes(routes, routePath)!;
   if (matched) {
     // Preload route component

packages/core/src/runtime/App.tsx

@@ -1,6 +1,6 @@
 import type { Config } from 'tailwindcss';
 
-export const tailwindConfig: Config = {
+export default {
   content: [],
   darkMode: 'class',
   theme: {
@@ -66,4 +66,4 @@ export const tailwindConfig: Config = {
       },
     },
   },
-};
+} satisfies Config;