storybook-builder-rsbuild 0.0.3 → 0.0.4

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 ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 
 type RsbuildStats = {
     toJson: () => any;
 };
+/**
+ * Options for TypeScript usage within Storybook.
+ */
+interface TypescriptOptions extends TypescriptOptions$1 {
+    /**
+     * Configures `fork-ts-checker-webpack-plugin`
+     */
+    checkOptions?: ConstructorParameters<typeof ForkTsCheckerWebpackPlugin>[0];
+}
 type RsbuildBuilder = Builder<RsbuildConfig, RsbuildStats>;
 type RsbuildFinal = (config: RsbuildConfig, options: Options) => RsbuildConfig | Promise<RsbuildConfig>;
 type StorybookConfigRsbuild = {
@@ -41,4 +51,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

@@ -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_fork_ts_checker_webpack_plugin = __toESM(require("fork-ts-checker-webpack-plugin"));
 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.
@@ -454,7 +457,8 @@ var iframe_rsbuild_config_default = async (options) => {
             new rspack.ProvidePlugin({
               process: require.resolve("process/browser.js")
             }),
-            new import_case_sensitive_paths_webpack_plugin.default()
+            new import_case_sensitive_paths_webpack_plugin.default(),
+            shouldCheckTs ? new import_fork_ts_checker_webpack_plugin.default(tsCheckOptions) : null
           ].filter(Boolean)
         );
         return mergeConfig(config, appliedDocsWebpack);

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 ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 
 // ../../node_modules/.pnpm/pretty-hrtime@1.0.3/node_modules/pretty-hrtime/index.js
 var require_pretty_hrtime = __commonJS({
@@ -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.
@@ -395,7 +398,8 @@ var iframe_rsbuild_config_default = async (options) => {
             new rspack.ProvidePlugin({
               process: __require.resolve("process/browser.js")
             }),
-            new CaseSensitivePathsPlugin()
+            new CaseSensitivePathsPlugin(),
+            shouldCheckTs ? new ForkTsCheckerWebpackPlugin(tsCheckOptions) : null
           ].filter(Boolean)
         );
         return mergeConfig(config, appliedDocsWebpack);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-builder-rsbuild",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Rsbuild builder for Storybook",
   "keywords": [
     "storybook",
@@ -74,6 +74,7 @@
     "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",