storybook-builder-rsbuild 0.0.3 → 0.0.5

package/dist/index.d.ts

@@ -1,10 +1,20 @@
 import * as rsbuildReal from '@rsbuild/core';
 import { RsbuildConfig } from '@rsbuild/core';
-import { Builder, Options, NormalizedStoriesSpecifier } from '@storybook/types';
+import { TypescriptOptions as TypescriptOptions$1, Builder, Options, NormalizedStoriesSpecifier } from '@storybook/types';
+import { PluginTypeCheckerOptions } from '@rsbuild/plugin-type-check';
 
 type RsbuildStats = {
     toJson: () => any;
 };
+/**
+ * Options for TypeScript usage within Storybook.
+ */
+interface TypescriptOptions extends TypescriptOptions$1 {
+    /**
+     * Configures `@rsbuild/plugin-type-check`, using `fork-ts-checker-webpack-plugin` under the hood.
+     */
+    checkOptions?: PluginTypeCheckerOptions;
+}
 type RsbuildBuilder = Builder<RsbuildConfig, RsbuildStats>;
 type RsbuildFinal = (config: RsbuildConfig, options: Options) => RsbuildConfig | Promise<RsbuildConfig>;
 type StorybookConfigRsbuild = {
@@ -17,6 +27,10 @@ type BuilderOptions = {
     rsbuildConfigPath?: string;
 };
 
+type RsbuildBuilderOptions = Options & {
+    typescriptOptions: TypescriptOptions;
+};
+
 declare const getVirtualModules: (options: Options) => Promise<{
     virtualModules: Record<string, string>;
     entries: string[];
@@ -33,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'];
@@ -41,4 +55,4 @@ declare const build: ({ options }: BuilderStartOptions) => Promise<void>;
 declare const corePresets: string[];
 declare const previewMainTemplate: () => string;
 
-export { BuilderOptions, RsbuildBuilder, RsbuildFinal, StorybookConfigRsbuild, bail, build, corePresets, executor, getConfig, getVirtualModules, importPipeline, previewMainTemplate, printDuration, rsbuild, start, toImportFn, toImportFnPart };
+export { BuilderOptions, RsbuildBuilder, RsbuildFinal, StorybookConfigRsbuild, TypescriptOptions, bail, build, corePresets, executor, getConfig, getVirtualModules, importPipeline, previewMainTemplate, printDuration, rsbuild, start, toImportFn, toImportFnPart };

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,6 +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_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 {
@@ -303,7 +304,7 @@ var iframe_rsbuild_config_default = async (options) => {
     configType,
     presets,
     previewUrl,
-    // typescriptOptions,
+    typescriptOptions,
     features
   } = options;
   const isProd = configType === "PRODUCTION";
@@ -343,6 +344,8 @@ var iframe_rsbuild_config_default = async (options) => {
     configDir: options.configDir,
     workingDir
   });
+  const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipCompiler;
+  const tsCheckOptions = typescriptOptions.checkOptions || {};
   if (!template) {
     throw new Error(import_ts_dedent2.dedent`
       Storybook's Webpack5 builder requires a template to be specified.
@@ -411,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({

package/dist/index.mjs

@@ -12,6 +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 { 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({
@@ -103,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",
@@ -242,7 +243,7 @@ var iframe_rsbuild_config_default = async (options) => {
     configType,
     presets,
     previewUrl,
-    // typescriptOptions,
+    typescriptOptions,
     features
   } = options;
   const isProd = configType === "PRODUCTION";
@@ -282,6 +283,8 @@ var iframe_rsbuild_config_default = async (options) => {
     configDir: options.configDir,
     workingDir
   });
+  const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipCompiler;
+  const tsCheckOptions = typescriptOptions.checkOptions || {};
   if (!template) {
     throw new Error(dedent`
       Storybook's Webpack5 builder requires a template to be specified.
@@ -350,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({

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.3",
+  "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",