storybook 9.1.0-alpha.8 → 9.1.0-alpha.9

package/dist/test/index.d.ts

@@ -1368,5 +1368,12 @@ declare module 'storybook/internal/csf' {
     }
 }
 declare const expect: Expect;
+type ModuleMockOptions = {
+    spy?: boolean;
+};
+type ReturnTypeOfModuleMocker = (path: string | Promise<unknown>, factory?: ModuleMockOptions) => void;
+declare const sb: {
+    mock: ReturnTypeOfModuleMocker;
+};
 
-export { type UserEvent, type UserEventObject, buildQueries, clearAllMocks, configure, createEvent, expect, findAllByAltText, findAllByDisplayValue, findAllByLabelText, findAllByPlaceholderText, findAllByRole, findAllByTestId, findAllByText, findAllByTitle, findByAltText, findByDisplayValue, findByLabelText, findByPlaceholderText, findByRole, findByTestId, findByText, findByTitle, fireEvent, fn, getAllByAltText, getAllByDisplayValue, getAllByLabelText, getAllByPlaceholderText, getAllByRole, getAllByTestId, getAllByText, getAllByTitle, getByAltText, getByDisplayValue, getByLabelText, getByPlaceholderText, getByRole, getByTestId, getByText, getByTitle, getConfig, getDefaultNormalizer, getElementError, getNodeText, getQueriesForElement, getRoles, getSuggestedQuery, isInaccessible, logDOM, logRoles, mocked, onMockCall, prettyDOM, prettyFormat, queries, queryAllByAltText, queryAllByAttribute, queryAllByDisplayValue, queryAllByLabelText, queryAllByPlaceholderText, queryAllByRole, queryAllByTestId, queryAllByText, queryAllByTitle, queryByAltText, queryByAttribute, queryByDisplayValue, queryByLabelText, queryByPlaceholderText, queryByRole, queryByTestId, queryByText, queryByTitle, queryHelpers, resetAllMocks, restoreAllMocks, screen, spyOn, uninstrumentedUserEvent, userEvent, waitFor, waitForElementToBeRemoved, within };
+export { type UserEvent, type UserEventObject, buildQueries, clearAllMocks, configure, createEvent, expect, findAllByAltText, findAllByDisplayValue, findAllByLabelText, findAllByPlaceholderText, findAllByRole, findAllByTestId, findAllByText, findAllByTitle, findByAltText, findByDisplayValue, findByLabelText, findByPlaceholderText, findByRole, findByTestId, findByText, findByTitle, fireEvent, fn, getAllByAltText, getAllByDisplayValue, getAllByLabelText, getAllByPlaceholderText, getAllByRole, getAllByTestId, getAllByText, getAllByTitle, getByAltText, getByDisplayValue, getByLabelText, getByPlaceholderText, getByRole, getByTestId, getByText, getByTitle, getConfig, getDefaultNormalizer, getElementError, getNodeText, getQueriesForElement, getRoles, getSuggestedQuery, isInaccessible, logDOM, logRoles, mocked, onMockCall, prettyDOM, prettyFormat, queries, queryAllByAltText, queryAllByAttribute, queryAllByDisplayValue, queryAllByLabelText, queryAllByPlaceholderText, queryAllByRole, queryAllByTestId, queryAllByText, queryAllByTitle, queryByAltText, queryByAttribute, queryByDisplayValue, queryByLabelText, queryByPlaceholderText, queryByRole, queryByTestId, queryByText, queryByTitle, queryHelpers, resetAllMocks, restoreAllMocks, sb, screen, spyOn, uninstrumentedUserEvent, userEvent, waitFor, waitForElementToBeRemoved, within };

package/dist/test/index.js

@@ -33017,7 +33017,10 @@ var { expect: nOe } = xne(
     mutate: !0,
     intercept: /* @__PURE__ */ o((e) => e !== "expect", "intercept")
   }
-);
+), oOe = {
+  mock: /* @__PURE__ */ o(() => {
+  }, "mock")
+};
 export {
   ARe as buildQueries,
   ube as clearAllMocks,
@@ -33096,6 +33099,7 @@ export {
   VTe as queryHelpers,
   cbe as resetAllMocks,
   dbe as restoreAllMocks,
+  oOe as sb,
   zTe as screen,
   sbe as spyOn,
   XTe as uninstrumentedUserEvent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "9.1.0-alpha.8",
+  "version": "9.1.0-alpha.9",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -83,6 +83,14 @@
       "import": "./dist/core-server/presets/common-override-preset.js",
       "require": "./dist/core-server/presets/common-override-preset.cjs"
     },
+    "./internal/core-server/presets/webpack/loaders/webpack-automock-loader": {
+      "import": "./dist/core-server/presets/webpack/loaders/webpack-automock-loader.js",
+      "require": "./dist/core-server/presets/webpack/loaders/webpack-automock-loader.cjs"
+    },
+    "./internal/core-server/presets/webpack/loaders/storybook-mock-transform-loader": {
+      "import": "./dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.js",
+      "require": "./dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.cjs"
+    },
     "./internal/highlight": {
       "types": "./dist/highlight/index.d.ts",
       "import": "./dist/highlight/index.js",
@@ -424,6 +432,7 @@
   "files": [
     "dist/**/*",
     "assets/**/*",
+    "templates/**/*",
     "README.md",
     "!src/**/*"
   ],
@@ -439,6 +448,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
     "@vitest/expect": "3.2.4",
+    "@vitest/mocker": "3.2.4",
     "@vitest/spy": "3.2.4",
     "better-opn": "^3.0.2",
     "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0",
@@ -468,6 +478,7 @@
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-scroll-area": "1.2.0-rc.7",
     "@radix-ui/react-slot": "^1.0.2",
+    "@rolldown/pluginutils": "1.0.0-beta.18",
     "@storybook/docs-mdx": "4.0.0-next.1",
     "@storybook/icons": "^1.4.0",
     "@tanstack/react-virtual": "^3.3.0",
@@ -479,6 +490,7 @@
     "@types/ejs": "^3.1.1",
     "@types/find-cache-dir": "^5.0.0",
     "@types/js-yaml": "^4.0.5",
+    "@types/lodash": "^4.17.13",
     "@types/node": "^22.0.0",
     "@types/npmlog": "^7.0.0",
     "@types/picomatch": "^2.3.0",
@@ -528,6 +540,7 @@
     "jsdoc-type-pratt-parser": "^4.0.0",
     "lazy-universal-dotenv": "^4.0.0",
     "leven": "^4.0.0",
+    "lodash": "^4.17.21",
     "memfs": "^4.11.1",
     "memoizerific": "^1.11.3",
     "nanoid": "^4.0.2",

package/templates/mocker-runtime.template.js

@@ -0,0 +1,89 @@
+import { MockerRegistry } from '@vitest/mocker';
+import { ModuleMocker, createCompilerHints } from '@vitest/mocker/browser';
+
+/** An interceptor for module mocking. */
+export class ModuleMockerInterceptor {
+  // A registry for runtime mocks (e.g., `sb.mock('path', () => ({}))`)
+  mocks = new MockerRegistry();
+
+  constructor() {}
+
+  /**
+   * Called by ModuleMocker when `sb.mock()` is executed. We just store the mock in our registry.
+   * The dynamic MSW handler will pick it up on the next relevant network request. Currently, we
+   * don't use this.mocks in any way. Mocks will be registered in the user's preview file and live
+   * until the end. There is no way to invalidate or delete them.
+   */
+  async register(module) {
+    this.mocks.add(module);
+  }
+
+  async delete(url) {
+    this.mocks.delete(url);
+  }
+
+  async invalidate() {
+    this.mocks.clear();
+  }
+}
+
+// Dummy implementation of the RPC interface, since it is not used in build mode.
+const rpc = (method) => {
+  switch (method) {
+    case 'resolveId':
+      return Promise.resolve({
+        id: '',
+        url: '',
+        optimized: false,
+      });
+    case 'resolveMock':
+      return Promise.resolve({
+        mockType: 'dummy',
+        resolvedId: '',
+        resolvedUrl: '',
+        redirectUrl: '',
+        needsInterop: false,
+      });
+    case 'invalidate':
+      return Promise.resolve();
+  }
+};
+
+// In build mode, we don't need runtime handling of mocks.
+// Everything is handled at build time and via the MSW interceptor.
+class BuildModuleMocker extends ModuleMocker {
+  queueMock() {
+    // noop
+  }
+}
+
+function registerModuleMocker(interceptor) {
+  const mocker = new BuildModuleMocker(
+    interceptor('__vitest_mocker__'),
+    {
+      resolveId(id, importer) {
+        return rpc('resolveId', { id, importer });
+      },
+      resolveMock(id, importer, options) {
+        return rpc('resolveMock', { id, importer, options });
+      },
+      async invalidate(ids) {
+        return rpc('invalidate', { ids });
+      },
+    },
+    (...args) => {
+      return globalThis.__STORYBOOK_MODULE_TEST__.spyOn(...args);
+    },
+    {
+      root: '',
+    }
+  );
+
+  globalThis['__vitest_mocker__'] = mocker;
+
+  return createCompilerHints({
+    globalThisKey: '__vitest_mocker__',
+  });
+}
+
+globalThis.__STORYBOOK_MOCKER__ = registerModuleMocker(() => new ModuleMockerInterceptor());