chore: migrate packages building with Rslib (#1770)

Author: fi3ework

e2e/fixtures/plugin-playground/doc/component.jsx

@@ -0,0 +1,3 @@
+export default function HelloWorld() {
+  return <div>Hello World External</div>;
+}

e2e/fixtures/plugin-playground/doc/index.mdx

@@ -0,0 +1,15 @@
+# Guide
+
+```jsx
+export default function HelloWorld() {
+  return <div>Hello World Internal (default)</div>;
+}
+```
+
+<code src="./component.jsx" />
+
+```jsx direction=vertical
+export default function HelloWorld() {
+  return <div>Hello World Internal (vertical)</div>;
+}
+```

e2e/fixtures/plugin-playground/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@rspress-fixture/plugin-playground",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "build": "rspress build",
+    "dev": "rspress dev",
+    "preview": "rspress preview"
+  },
+  "dependencies": {
+    "@rspress/plugin-playground": "workspace:*",
+    "@rspress/shared": "workspace:*",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rspress": "workspace:*",
+    "solid-js": "^1.9.4"
+  },
+  "devDependencies": {
+    "@types/node": "^18.11.17"
+  }
+}

e2e/fixtures/plugin-playground/rspress.config.ts

@@ -0,0 +1,8 @@
+import path from 'node:path';
+import { pluginPlayground } from '@rspress/plugin-playground';
+import { defineConfig } from 'rspress/config';
+
+export default defineConfig({
+  root: path.join(__dirname, 'doc'),
+  plugins: [pluginPlayground()],
+});

e2e/fixtures/plugin-playground/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "jsx": "react-jsx"
+  }
+}

e2e/tests/plugin-playground.test.ts

@@ -0,0 +1,46 @@
+import path from 'node:path';
+import { expect, test } from '@playwright/test';
+import { getPort, killProcess, runDevCommand } from '../utils/runCommands';
+
+const fixtureDir = path.resolve(__dirname, '../fixtures');
+
+test.describe('plugin test', async () => {
+  let appPort;
+  let app;
+  test.beforeAll(async () => {
+    const appDir = path.join(fixtureDir, 'plugin-playground');
+    appPort = await getPort();
+    app = await runDevCommand(appDir, appPort);
+  });
+
+  test.afterAll(async () => {
+    if (app) {
+      await killProcess(app);
+    }
+  });
+
+  test('Should render the element', async ({ page }) => {
+    await page.goto(`http://localhost:${appPort}/`, {
+      waitUntil: 'networkidle',
+    });
+
+    const playgroundElements = await page.$$('.rspress-playground');
+
+    const internalDemoCodePreviewDefault = await page
+      .locator('.rspress-playground > .rspress-playground-runner > div')
+      .getByText('Hello World Internal (default)');
+
+    const internalDemoCodePreviewVertical = await page
+      .locator('.rspress-playground > .rspress-playground-runner > div')
+      .getByText('Hello World Internal (vertical)');
+
+    const externalDemoCodePreview = await page
+      .locator('.rspress-playground > .rspress-playground-runner > div')
+      .getByText('Hello World External');
+
+    expect(playgroundElements.length).toBe(3);
+    expect(await internalDemoCodePreviewDefault.count()).toBe(1);
+    expect(await internalDemoCodePreviewVertical.count()).toBe(1);
+    expect(await externalDemoCodePreview.count()).toBe(1);
+  });
+});

packages/plugin-playground/modern.config.ts

@@ -12,12 +12,12 @@
   "exports": {
     ".": {
       "types": "./dist/cli/esm/index.d.ts",
-      "import": "./dist/cli/esm/index.js",
+      "import": "./dist/cli/esm/index.mjs",
       "default": "./dist/cli/cjs/index.js"
     },
     "./web": {
       "types": "./dist/web/esm/index.d.ts",
-      "import": "./dist/web/esm/index.js",
+      "import": "./dist/web/esm/index.mjs",
       "default": "./dist/web/cjs/index.js"
     }
   },
@@ -29,8 +29,8 @@
     "static"
   ],
   "scripts": {
-    "build": "modern build",
-    "dev": "modern build -w",
+    "build": "rslib build",
+    "dev": "rslib build -w",
     "reset": "rimraf ./**/node_modules",
     "test": "vitest run --passWithNoTests"
   },
@@ -44,6 +44,7 @@
   },
   "devDependencies": {
     "@babel/types": "^7.26.5",
+    "@rslib/core": "0.3.2",
     "@types/babel__core": "^7.20.5",
     "@types/babel__standalone": "^7.1.9",
     "@types/babel__traverse": "^7.20.6",

packages/plugin-playground/package.json

@@ -0,0 +1,58 @@
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      format: 'cjs',
+      source: {
+        entry: { index: 'src/cli/index.ts' },
+      },
+      output: {
+        distPath: {
+          root: 'dist/cli/cjs',
+        },
+      },
+      syntax: 'es2020',
+    },
+    {
+      format: 'esm',
+      source: {
+        entry: { index: 'src/cli/index.ts' },
+      },
+      output: {
+        distPath: {
+          root: 'dist/cli/esm',
+        },
+        externals: ['@types/react'],
+      },
+      syntax: 'es2020',
+      dts: { bundle: true },
+    },
+    {
+      format: 'cjs',
+      source: {
+        entry: { index: 'src/web/index.ts' },
+      },
+      output: {
+        distPath: {
+          root: 'dist/web/cjs',
+        },
+      },
+      syntax: 'es2020',
+    },
+    {
+      format: 'esm',
+      source: {
+        entry: { index: 'src/web/index.ts' },
+      },
+      output: {
+        externals: ['@types/react'],
+        distPath: {
+          root: 'dist/web/esm',
+        },
+      },
+      syntax: 'es2020',
+      dts: { bundle: true },
+    },
+  ],
+});

packages/plugin-playground/rslib.config.ts

@@ -14,6 +14,6 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["src", "vitest.config.ts", "index.d.ts", "modern.config.ts"],
+  "include": ["src", "vitest.config.ts", "index.d.ts", "rslib.config.ts"],
   "exclude": ["node_modules", "dist"]
 }