storybook-builder-rsbuild 0.0.14 → 0.1.0

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { TypescriptOptions as TypescriptOptions$1, Builder, Options, BuilderResu
 import { PluginTypeCheckerOptions } from '@rsbuild/plugin-type-check';
 
 type RsbuildStats = {
-    toJson: () => any;
+    toJson: (...args: any[]) => any;
 };
 /**
  * Options for TypeScript usage within Storybook.
@@ -33,6 +33,10 @@ type BuilderOptions = {
      * Which environment to use from the Rsbuild config.
      */
     environment?: string;
+    /**
+     * @storybook/addon-docs options
+     */
+    addonDocs?: any;
 };
 interface BuilderResult extends BuilderResult$1 {
     stats?: Stats;

package/dist/index.js

@@ -302,7 +302,8 @@ var storybookPaths = {
   ...themingPath ? { "@storybook/theming": themingPath } : {}
 };
 var iframe_rsbuild_config_default = async (options) => {
-  const appliedDocsWebpack = await (0, import_preset.webpack)({}, options);
+  const { rsbuildConfigPath, addonDocs } = await (0, import_common2.getBuilderOptions)(options);
+  const appliedDocsWebpack = await (0, import_preset.webpack)({}, { ...options, ...addonDocs });
   const {
     outputDir = (0, import_node_path3.join)(".", "public"),
     quiet,
@@ -345,7 +346,6 @@ var iframe_rsbuild_config_default = async (options) => {
     options.presets.apply("build"),
     presets.apply("tags", {})
   ]);
-  const { rsbuildConfigPath } = await (0, import_common2.getBuilderOptions)(options);
   const stories = (0, import_common2.normalizeStories)(nonNormalizedStories, {
     configDir: options.configDir,
     workingDir
@@ -491,6 +491,15 @@ var iframe_rsbuild_config_default = async (options) => {
         });
         config.resolve ??= {};
         config.resolve.symlinks = !(0, import_common2.isPreservingSymlinks)();
+        config.resolve.extensions = [
+          ".mjs",
+          ".js",
+          ".jsx",
+          ".ts",
+          ".tsx",
+          ".json",
+          ".cjs"
+        ];
         config.watchOptions = {
           ignored: /node_modules/
         };
@@ -540,7 +549,7 @@ var iframe_rsbuild_config_default = async (options) => {
         inject: false,
         template,
         templateParameters: {
-          version: packageJson.version,
+          version: packageJson?.version ?? "0.0.0-storybook-rsbuild-unknown-version",
           globals: {
             CONFIG_TYPE: configType,
             LOGLEVEL: logLevel,

package/dist/index.mjs

@@ -245,7 +245,8 @@ var storybookPaths = {
   ...themingPath ? { "@storybook/theming": themingPath } : {}
 };
 var iframe_rsbuild_config_default = async (options) => {
-  const appliedDocsWebpack = await webpack({}, options);
+  const { rsbuildConfigPath, addonDocs } = await getBuilderOptions(options);
+  const appliedDocsWebpack = await webpack({}, { ...options, ...addonDocs });
   const {
     outputDir = join(".", "public"),
     quiet,
@@ -288,7 +289,6 @@ var iframe_rsbuild_config_default = async (options) => {
     options.presets.apply("build"),
     presets.apply("tags", {})
   ]);
-  const { rsbuildConfigPath } = await getBuilderOptions(options);
   const stories = normalizeStories(nonNormalizedStories, {
     configDir: options.configDir,
     workingDir
@@ -436,6 +436,15 @@ var iframe_rsbuild_config_default = async (options) => {
         });
         config.resolve ??= {};
         config.resolve.symlinks = !isPreservingSymlinks();
+        config.resolve.extensions = [
+          ".mjs",
+          ".js",
+          ".jsx",
+          ".ts",
+          ".tsx",
+          ".json",
+          ".cjs"
+        ];
         config.watchOptions = {
           ignored: /node_modules/
         };
@@ -485,7 +494,7 @@ var iframe_rsbuild_config_default = async (options) => {
         inject: false,
         template,
         templateParameters: {
-          version: packageJson.version,
+          version: packageJson?.version ?? "0.0.0-storybook-rsbuild-unknown-version",
           globals: {
             CONFIG_TYPE: configType,
             LOGLEVEL: logLevel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-builder-rsbuild",
-  "version": "0.0.14",
+  "version": "0.1.0",
   "description": "Rsbuild builder for Storybook",
   "keywords": [
     "storybook",
@@ -56,41 +56,41 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@rsbuild/plugin-type-check": "1.0.1-beta.14",
+    "@rsbuild/plugin-type-check": "^1.0.1",
     "@storybook/addon-docs": "^8.2.1",
     "@storybook/core-webpack": "^8.2.1",
     "browser-assert": "^1.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "cjs-module-lexer": "^1.2.3",
     "constants-browserify": "^1.0.0",
-    "css-loader": "^6.7.1",
-    "es-module-lexer": "^1.5.0",
-    "express": "^4.17.3",
-    "fs-extra": "^11.1.0",
-    "magic-string": "^0.30.5",
+    "css-loader": "^6.11.0",
+    "es-module-lexer": "^1.5.4",
+    "express": "^4.19.2",
+    "fs-extra": "^11.2.0",
+    "magic-string": "^0.30.11",
     "path-browserify": "^1.0.1",
     "process": "^0.11.10",
-    "rsbuild-plugin-html-minifier-terser": "^1.1.0",
-    "style-loader": "^3.3.1",
+    "rsbuild-plugin-html-minifier-terser": "^1.1.1",
+    "style-loader": "^3.3.4",
     "ts-dedent": "^2.2.0",
-    "url": "^0.11.0",
-    "util": "^0.12.4",
+    "url": "^0.11.4",
+    "util": "^0.12.5",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.0.1-beta.14",
+    "@rsbuild/core": "1.0.1",
     "@types/express": "^4.17.21",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^18.0.0",
-    "@types/pretty-hrtime": "^1.0.0",
+    "@types/pretty-hrtime": "^1.0.3",
     "add": "^2.0.6",
     "pretty-hrtime": "^1.0.3",
-    "slash": "^5.0.0",
-    "storybook": "8.2.8",
+    "slash": "^5.1.0",
+    "storybook": "8.3.0-beta.3",
     "typescript": "^5.3.2"
   },
   "peerDependencies": {
-    "@rsbuild/core": ">= 1.0.1-beta.14 || 1.x",
+    "@rsbuild/core": "^1.0.1",
     "storybook": "^8.2.1"
   },
   "peerDependenciesMeta": {

package/templates/preview.ejs

@@ -73,13 +73,8 @@
     <% } %>
     <script type="module">
       import './sb-preview/runtime.js';
-
       <% htmlWebpackPlugin.files.js.forEach(file => { %>
-        <% if (file.startsWith('/')) { %>
-          import '.<%= file %>';
-        <% } else { %>
-          import './<%= file %>';
-        <% } %>
+      import '<%= file %>';
       <% }); %>
     </script>    
   </body>