From 3425ed952031a254b87f210fde9fa4f563561ea5 Mon Sep 17 00:00:00 2001
From: fi3ework <fi3ework@gmail.com>
Date: Mon, 3 Nov 2025 15:54:58 +0800
Subject: [PATCH] fix(create-rslib): compatible with Storybook 10

---
 .../fragments/tools/storybook-react-js/.storybook/main.js     | 3 +++
 .../fragments/tools/storybook-react-ts/.storybook/main.ts     | 4 ++++
 .../fragments/tools/storybook-vue-js/.storybook/main.js       | 2 ++
 .../fragments/tools/storybook-vue-ts/.storybook/main.ts       | 4 ++++
 .../template-[react]-[rstest,storybook]-js/.storybook/main.js | 3 +++
 .../template-[react]-[rstest,storybook]-ts/.storybook/main.ts | 4 ++++
 .../template-[react]-[storybook,vitest]-js/.storybook/main.js | 3 +++
 .../template-[react]-[storybook,vitest]-ts/.storybook/main.ts | 4 ++++
 .../template-[react]-[storybook]-js/.storybook/main.js        | 3 +++
 .../template-[react]-[storybook]-ts/.storybook/main.ts        | 4 ++++
 .../template-[vue]-[rstest,storybook]-js/.storybook/main.js   | 2 ++
 .../template-[vue]-[rstest,storybook]-ts/.storybook/main.ts   | 4 ++++
 .../template-[vue]-[storybook,vitest]-js/.storybook/main.js   | 2 ++
 .../template-[vue]-[storybook,vitest]-ts/.storybook/main.ts   | 4 ++++
 .../template-[vue]-[storybook]-js/.storybook/main.js          | 2 ++
 .../template-[vue]-[storybook]-ts/.storybook/main.ts          | 4 ++++
 16 files changed, 52 insertions(+)

diff --git a/packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js b/packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js
index b36660dd1..8fcb02fda 100644
--- a/packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js
+++ b/packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js
@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts b/packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts
index 1b03e548d..8f0d7fd2e 100644
--- a/packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts
+++ b/packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**
diff --git a/packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js b/packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js
index f851f7f33..ac08d67e0 100644
--- a/packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js
+++ b/packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js
@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts b/packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts
index da4786cc5..98ef7d795 100644
--- a/packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts
+++ b/packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js b/packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js
index b36660dd1..8fcb02fda 100644
--- a/packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js
@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts b/packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts
index 1b03e548d..8f0d7fd2e 100644
--- a/packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js b/packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js
index b36660dd1..8fcb02fda 100644
--- a/packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js
@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts b/packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts
index 1b03e548d..8f0d7fd2e 100644
--- a/packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js b/packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js
index b36660dd1..8fcb02fda 100644
--- a/packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js
@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts b/packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts
index 1b03e548d..8f0d7fd2e 100644
--- a/packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js b/packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js
index f851f7f33..ac08d67e0 100644
--- a/packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js
@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[vue]-[rstest,storybook]-ts/.storybook/main.ts b/packages/create-rslib/template-[vue]-[rstest,storybook]-ts/.storybook/main.ts
index da4786cc5..98ef7d795 100644
--- a/packages/create-rslib/template-[vue]-[rstest,storybook]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[vue]-[rstest,storybook]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js b/packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js
index f851f7f33..ac08d67e0 100644
--- a/packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js
@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[vue]-[storybook,vitest]-ts/.storybook/main.ts b/packages/create-rslib/template-[vue]-[storybook,vitest]-ts/.storybook/main.ts
index da4786cc5..98ef7d795 100644
--- a/packages/create-rslib/template-[vue]-[storybook,vitest]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[vue]-[storybook,vitest]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[vue]-[storybook]-js/.storybook/main.js b/packages/create-rslib/template-[vue]-[storybook]-js/.storybook/main.js
index f851f7f33..ac08d67e0 100644
--- a/packages/create-rslib/template-[vue]-[storybook]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[vue]-[storybook]-js/.storybook/main.js
@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[vue]-[storybook]-ts/.storybook/main.ts b/packages/create-rslib/template-[vue]-[storybook]-ts/.storybook/main.ts
index da4786cc5..98ef7d795 100644
--- a/packages/create-rslib/template-[vue]-[storybook]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[vue]-[storybook]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**