storybook-builder-rsbuild 0.0.4 → 0.0.5

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as rsbuildReal from '@rsbuild/core';
 import { RsbuildConfig } from '@rsbuild/core';
 import { TypescriptOptions as TypescriptOptions$1, Builder, Options, NormalizedStoriesSpecifier } from '@storybook/types';
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+import { PluginTypeCheckerOptions } from '@rsbuild/plugin-type-check';
 
 type RsbuildStats = {
     toJson: () => any;
@@ -11,9 +11,9 @@ type RsbuildStats = {
  */
 interface TypescriptOptions extends TypescriptOptions$1 {
     /**
-     * Configures `fork-ts-checker-webpack-plugin`
+     * Configures `@rsbuild/plugin-type-check`, using `fork-ts-checker-webpack-plugin` under the hood.
      */
-    checkOptions?: ConstructorParameters<typeof ForkTsCheckerWebpackPlugin>[0];
+    checkOptions?: PluginTypeCheckerOptions;
 }
 type RsbuildBuilder = Builder<RsbuildConfig, RsbuildStats>;
 type RsbuildFinal = (config: RsbuildConfig, options: Options) => RsbuildConfig | Promise<RsbuildConfig>;
@@ -27,6 +27,10 @@ type BuilderOptions = {
     rsbuildConfigPath?: string;
 };
 
+type RsbuildBuilderOptions = Options & {
+    typescriptOptions: TypescriptOptions;
+};
+
 declare const getVirtualModules: (options: Options) => Promise<{
     virtualModules: Record<string, string>;
     entries: string[];
@@ -43,7 +47,7 @@ type BuilderStartOptions = Parameters<RsbuildBuilder['start']>['0'];
 declare const executor: {
     get: (options: Options) => Promise<typeof rsbuildReal>;
 };
-declare const rsbuild: (_: unknown, options: Options) => Promise<rsbuildReal.RsbuildConfig>;
+declare const rsbuild: (_: unknown, options: RsbuildBuilderOptions) => Promise<rsbuildReal.RsbuildConfig>;
 declare const getConfig: RsbuildBuilder['getConfig'];
 declare function bail(): Promise<void>;
 declare const start: RsbuildBuilder['start'];

package/dist/index.js

@@ -162,7 +162,7 @@ var getVirtualModules = async (options) => {
     configDir: options.configDir,
     workingDir
   });
-  const realPathRelativeToCwd = import_path.default.relative(workingDir, cwd);
+  const realPathRelativeToCwd = import_path.default.relative(workingDir, cwd).split(import_path.default.sep).join(import_path.default.posix.sep);
   const previewAnnotations = [
     ...(await options.presets.apply(
       "previewAnnotations",
@@ -272,7 +272,7 @@ function importPipeline() {
 // src/preview/iframe-rsbuild.config.ts
 var import_core = require("@rsbuild/core");
 var import_preset = require("@storybook/addon-docs/dist/preset");
-var import_fork_ts_checker_webpack_plugin = __toESM(require("fork-ts-checker-webpack-plugin"));
+var import_plugin_type_check = require("@rsbuild/plugin-type-check");
 var getAbsolutePath = (input) => (0, import_path3.dirname)(require.resolve((0, import_path3.join)(input, "package.json")));
 var maybeGetAbsolutePath = (input) => {
   try {
@@ -414,6 +414,9 @@ var iframe_rsbuild_config_default = async (options) => {
         }
       }
     },
+    plugins: [shouldCheckTs ? (0, import_plugin_type_check.pluginTypeCheck)(tsCheckOptions) : null].filter(
+      Boolean
+    ),
     tools: {
       rspack: (config, { addRules, appendPlugins, rspack, mergeConfig }) => {
         addRules({
@@ -457,8 +460,7 @@ var iframe_rsbuild_config_default = async (options) => {
             new rspack.ProvidePlugin({
               process: require.resolve("process/browser.js")
             }),
-            new import_case_sensitive_paths_webpack_plugin.default(),
-            shouldCheckTs ? new import_fork_ts_checker_webpack_plugin.default(tsCheckOptions) : null
+            new import_case_sensitive_paths_webpack_plugin.default()
           ].filter(Boolean)
         );
         return mergeConfig(config, appliedDocsWebpack);

package/dist/index.mjs

@@ -12,7 +12,7 @@ import { dedent } from 'ts-dedent';
 import fs from 'fs';
 import { webpackIncludeRegexp } from '@storybook/core-webpack';
 import { webpack } from '@storybook/addon-docs/dist/preset';
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
 
 // ../../node_modules/.pnpm/pretty-hrtime@1.0.3/node_modules/pretty-hrtime/index.js
 var require_pretty_hrtime = __commonJS({
@@ -104,7 +104,7 @@ var getVirtualModules = async (options) => {
     configDir: options.configDir,
     workingDir
   });
-  const realPathRelativeToCwd = path.relative(workingDir, cwd);
+  const realPathRelativeToCwd = path.relative(workingDir, cwd).split(path.sep).join(path.posix.sep);
   const previewAnnotations = [
     ...(await options.presets.apply(
       "previewAnnotations",
@@ -353,6 +353,9 @@ var iframe_rsbuild_config_default = async (options) => {
         }
       }
     },
+    plugins: [shouldCheckTs ? pluginTypeCheck(tsCheckOptions) : null].filter(
+      Boolean
+    ),
     tools: {
       rspack: (config, { addRules, appendPlugins, rspack, mergeConfig }) => {
         addRules({
@@ -398,8 +401,7 @@ var iframe_rsbuild_config_default = async (options) => {
             new rspack.ProvidePlugin({
               process: __require.resolve("process/browser.js")
             }),
-            new CaseSensitivePathsPlugin(),
-            shouldCheckTs ? new ForkTsCheckerWebpackPlugin(tsCheckOptions) : null
+            new CaseSensitivePathsPlugin()
           ].filter(Boolean)
         );
         return mergeConfig(config, appliedDocsWebpack);

package/dist/loaders/export-order-loader.js

@@ -64,8 +64,16 @@ async function loader(source, map, meta) {
         `;module.exports.__namedExportsOrder = ${JSON.stringify(namedExportsOrder)};`
       );
     }
-    const generatedMap = magicString.generateMap({ hires: true });
-    return callback(null, magicString.toString(), generatedMap, meta);
+    return callback(
+      null,
+      magicString.toString(),
+      map ?? magicString.generateMap({
+        hires: true,
+        includeContent: true,
+        source: this.resourcePath
+      }),
+      meta
+    );
   } catch (err) {
     return callback(null, source, map, meta);
   }

package/dist/loaders/export-order-loader.mjs

@@ -31,8 +31,16 @@ async function loader(source, map, meta) {
         `;module.exports.__namedExportsOrder = ${JSON.stringify(namedExportsOrder)};`
       );
     }
-    const generatedMap = magicString.generateMap({ hires: true });
-    return callback(null, magicString.toString(), generatedMap, meta);
+    return callback(
+      null,
+      magicString.toString(),
+      map ?? magicString.generateMap({
+        hires: true,
+        includeContent: true,
+        source: this.resourcePath
+      }),
+      meta
+    );
   } catch (err) {
     return callback(null, source, map, meta);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-builder-rsbuild",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Rsbuild builder for Storybook",
   "keywords": [
     "storybook",
@@ -56,6 +56,7 @@
     "!src/**/*"
   ],
   "dependencies": {
+    "@rsbuild/plugin-type-check": "0.6.15",
     "@storybook/addon-docs": "^8.0.10",
     "@storybook/channels": "^8.0.10",
     "@storybook/client-logger": "^8.0.10",
@@ -74,7 +75,6 @@
     "css-loader": "^6.7.1",
     "es-module-lexer": "^1.5.0",
     "express": "^4.17.3",
-    "fork-ts-checker-webpack-plugin": "^8.0.0",
     "fs-extra": "^11.1.0",
     "magic-string": "^0.30.5",
     "path-browserify": "^1.0.1",