@storybook/experimental-nextjs-vite 9.0.0-alpha.1 → 9.0.0-alpha.11

package/dist/preview.js

@@ -1 +1 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preview_exports={};__export(preview_exports,{decorators:()=>decorators,loaders:()=>loaders,parameters:()=>parameters});module.exports=__toCommonJS(preview_exports);var import_navigation2=require("@storybook/experimental-nextjs-vite/navigation.mock"),import_router2=require("@storybook/experimental-nextjs-vite/router.mock"),import_is_next_router_error=require("next/dist/client/components/is-next-router-error");var import_config=require("next/config");(0,import_config.setConfig)(process.env.__NEXT_RUNTIME_CONFIG);var React2=__toESM(require("react"));var import_react=__toESM(require("react")),import_head_manager=__toESM(require("next/dist/client/head-manager")),import_head_manager_context=require("next/dist/shared/lib/head-manager-context.shared-runtime"),HeadManagerProvider=({children})=>{let headManager=(0,import_react.useMemo)(import_head_manager.default,[]);return headManager.getIsSsr=()=>!1,import_react.default.createElement(import_head_manager_context.HeadManagerContext.Provider,{value:headManager},children)},head_manager_provider_default=HeadManagerProvider;var HeadManagerDecorator=Story=>React2.createElement(head_manager_provider_default,null,React2.createElement(Story,null));var React3=__toESM(require("react")),import_image_context=require("sb-original/image-context"),ImageDecorator=(Story,{parameters:parameters2})=>parameters2.nextjs?.image?React3.createElement(import_image_context.ImageContext.Provider,{value:parameters2.nextjs.image},React3.createElement(Story,null)):React3.createElement(Story,null);var React6=__toESM(require("react")),import_redirect_boundary=require("next/dist/client/components/redirect-boundary");var import_react2=__toESM(require("react")),import_navigation=require("@storybook/experimental-nextjs-vite/navigation.mock"),import_app_router_context=require("next/dist/shared/lib/app-router-context.shared-runtime"),import_hooks_client_context=require("next/dist/shared/lib/hooks-client-context.shared-runtime"),import_segment=require("next/dist/shared/lib/segment");function getSelectedParams(currentTree,params={}){let parallelRoutes=currentTree[1];for(let parallelRoute of Object.values(parallelRoutes)){let segment=parallelRoute[0],isDynamicParameter=Array.isArray(segment),segmentValue=isDynamicParameter?segment[1]:segment;if(!segmentValue||segmentValue.startsWith(import_segment.PAGE_SEGMENT_KEY))continue;isDynamicParameter&&(segment[2]==="c"||segment[2]==="oc")?params[segment[0]]=segment[1].split("/"):isDynamicParameter&&(params[segment[0]]=segment[1]),params=getSelectedParams(parallelRoute,params)}return params}var getParallelRoutes=segmentsList=>{let segment=segmentsList.shift();return segment?[segment,{children:getParallelRoutes(segmentsList)}]:[]},AppRouterProvider=({children,routeParams})=>{let{pathname,query,segments=[]}=routeParams,tree=[pathname,{children:getParallelRoutes([...segments])}],pathParams=(0,import_react2.useMemo)(()=>getSelectedParams(tree),[tree]),newLazyCacheNode={lazyData:null,rsc:null,prefetchRsc:null,head:null,prefetchHead:null,parallelRoutes:new Map,loading:null};return import_react2.default.createElement(import_hooks_client_context.PathParamsContext.Provider,{value:pathParams},import_react2.default.createElement(import_hooks_client_context.PathnameContext.Provider,{value:pathname},import_react2.default.createElement(import_hooks_client_context.SearchParamsContext.Provider,{value:new URLSearchParams(query)},import_react2.default.createElement(import_app_router_context.GlobalLayoutRouterContext.Provider,{value:{changeByServerResponse(){},buildId:"storybook",tree,focusAndScrollRef:{apply:!1,hashFragment:null,segmentPaths:[tree],onlyHashChange:!1},nextUrl:pathname}},import_react2.default.createElement(import_app_router_context.AppRouterContext.Provider,{value:(0,import_navigation.getRouter)()},import_react2.default.createElement(import_app_router_context.LayoutRouterContext.Provider,{value:{childNodes:new Map,tree,parentTree:tree,parentCacheNode:newLazyCacheNode,url:pathname,loading:null}},children))))))};var import_react3=__toESM(require("react")),import_router=require("@storybook/experimental-nextjs-vite/router.mock"),import_router_context=require("next/dist/shared/lib/router-context.shared-runtime"),PageRouterProvider=({children})=>import_react3.default.createElement(import_router_context.RouterContext.Provider,{value:(0,import_router.getRouter)()},children);var defaultRouterParams={pathname:"/",query:{}},RouterDecorator=(Story,{parameters:parameters2})=>parameters2.nextjs?.appDirectory??!1?AppRouterProvider?React6.createElement(AppRouterProvider,{routeParams:{...defaultRouterParams,...parameters2.nextjs?.navigation}},React6.createElement(import_redirect_boundary.RedirectBoundary,null,React6.createElement(Story,null))):null:React6.createElement(PageRouterProvider,null,React6.createElement(Story,null));var React7=__toESM(require("react")),import_styled_jsx=require("styled-jsx"),StyledJsxDecorator=Story=>React7.createElement(import_styled_jsx.StyleRegistry,null,React7.createElement(Story,null));function addNextHeadCount(){let meta=document.createElement("meta");meta.name="next-head-count",meta.content="0",document.head.appendChild(meta)}function isAsyncClientComponentError(error){return typeof error=="string"&&(error.includes("A component was suspended by an uncached promise.")||error.includes("async/await is not yet supported in Client Components"))}addNextHeadCount();var origConsoleError=globalThis.console.error;globalThis.console.error=(...args)=>{let error=args[0];(0,import_is_next_router_error.isNextRouterError)(error)||isAsyncClientComponentError(error)||origConsoleError.apply(globalThis.console,args)};globalThis.addEventListener("error",ev=>{if((0,import_is_next_router_error.isNextRouterError)(ev.error)||isAsyncClientComponentError(ev.error)){ev.preventDefault();return}});var decorators=[StyledJsxDecorator,ImageDecorator,RouterDecorator,HeadManagerDecorator],loaders=async({globals,parameters:parameters2})=>{let{router,appDirectory}=parameters2.nextjs??{};appDirectory?(0,import_navigation2.createNavigation)(router):(0,import_router2.createRouter)({locale:globals.locale,...router})},parameters={docs:{source:{excludeDecorators:!0}},react:{rootOptions:{onCaughtError(error){(0,import_is_next_router_error.isNextRouterError)(error)||console.error(error)}}}};0&&(module.exports={decorators,loaders,parameters});
+"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preview_exports={};__export(preview_exports,{decorators:()=>decorators,loaders:()=>loaders,parameters:()=>parameters});module.exports=__toCommonJS(preview_exports);var import_navigation2=require("@storybook/experimental-nextjs-vite/navigation.mock"),import_router2=require("@storybook/experimental-nextjs-vite/router.mock"),import_is_next_router_error=require("next/dist/client/components/is-next-router-error");var import_config=require("next/config");(0,import_config.setConfig)(process.env.__NEXT_RUNTIME_CONFIG);var React2=__toESM(require("react"));var import_react=__toESM(require("react")),import_head_manager=__toESM(require("next/dist/client/head-manager")),import_head_manager_context=require("next/dist/shared/lib/head-manager-context.shared-runtime"),HeadManagerProvider=({children})=>{let headManager=(0,import_react.useMemo)(import_head_manager.default,[]);return headManager.getIsSsr=()=>!1,import_react.default.createElement(import_head_manager_context.HeadManagerContext.Provider,{value:headManager},children)},head_manager_provider_default=HeadManagerProvider;var HeadManagerDecorator=Story=>React2.createElement(head_manager_provider_default,null,React2.createElement(Story,null));var React3=__toESM(require("react")),import_image_context=require("sb-original/image-context"),ImageDecorator=(Story,{parameters:parameters2})=>parameters2.nextjs?.image?React3.createElement(import_image_context.ImageContext.Provider,{value:parameters2.nextjs.image},React3.createElement(Story,null)):React3.createElement(Story,null);var React6=__toESM(require("react")),import_redirect_boundary=require("next/dist/client/components/redirect-boundary");var import_react2=__toESM(require("react")),import_navigation=require("@storybook/experimental-nextjs-vite/navigation.mock"),import_app_router_context=require("next/dist/shared/lib/app-router-context.shared-runtime"),import_hooks_client_context=require("next/dist/shared/lib/hooks-client-context.shared-runtime"),import_segment=require("next/dist/shared/lib/segment");function getSelectedParams(currentTree,params={}){let parallelRoutes=currentTree[1];for(let parallelRoute of Object.values(parallelRoutes)){let segment=parallelRoute[0],isDynamicParameter=Array.isArray(segment),segmentValue=isDynamicParameter?segment[1]:segment;if(!segmentValue||segmentValue.startsWith(import_segment.PAGE_SEGMENT_KEY))continue;isDynamicParameter&&(segment[2]==="c"||segment[2]==="oc")?params[segment[0]]=segment[1].split("/"):isDynamicParameter&&(params[segment[0]]=segment[1]),params=getSelectedParams(parallelRoute,params)}return params}var getParallelRoutes=segmentsList=>{let segment=segmentsList.shift();return segment?[segment,{children:getParallelRoutes(segmentsList)}]:[]},AppRouterProvider=({children,routeParams})=>{let{pathname,query,segments=[]}=routeParams,tree=[pathname,{children:getParallelRoutes([...segments])}],pathParams=(0,import_react2.useMemo)(()=>getSelectedParams(tree),[tree]),newLazyCacheNode={lazyData:null,rsc:null,prefetchRsc:null,head:null,prefetchHead:null,parallelRoutes:new Map,loading:null};return import_react2.default.createElement(import_hooks_client_context.PathParamsContext.Provider,{value:pathParams},import_react2.default.createElement(import_hooks_client_context.PathnameContext.Provider,{value:pathname},import_react2.default.createElement(import_hooks_client_context.SearchParamsContext.Provider,{value:new URLSearchParams(query)},import_react2.default.createElement(import_app_router_context.GlobalLayoutRouterContext.Provider,{value:{changeByServerResponse(){},buildId:"storybook",tree,focusAndScrollRef:{apply:!1,hashFragment:null,segmentPaths:[tree],onlyHashChange:!1},nextUrl:pathname}},import_react2.default.createElement(import_app_router_context.AppRouterContext.Provider,{value:(0,import_navigation.getRouter)()},import_react2.default.createElement(import_app_router_context.LayoutRouterContext.Provider,{value:{childNodes:new Map,tree,parentTree:tree,parentCacheNode:newLazyCacheNode,url:pathname,loading:null}},children))))))};var import_react3=__toESM(require("react")),import_router=require("@storybook/experimental-nextjs-vite/router.mock"),import_router_context=require("next/dist/shared/lib/router-context.shared-runtime"),PageRouterProvider=({children})=>import_react3.default.createElement(import_router_context.RouterContext.Provider,{value:(0,import_router.getRouter)()},children);var defaultRouterParams={pathname:"/",query:{}},RouterDecorator=(Story,{parameters:parameters2})=>parameters2.nextjs?.appDirectory??!1?AppRouterProvider?React6.createElement(AppRouterProvider,{routeParams:{...defaultRouterParams,...parameters2.nextjs?.navigation}},React6.createElement(import_redirect_boundary.RedirectBoundary,null,React6.createElement(Story,null))):null:React6.createElement(PageRouterProvider,null,React6.createElement(Story,null));var React7=__toESM(require("react")),import_styled_jsx=require("styled-jsx"),StyledJsxDecorator=Story=>React7.createElement(import_styled_jsx.StyleRegistry,null,React7.createElement(Story,null));function addNextHeadCount(){let meta=document.createElement("meta");meta.name="next-head-count",meta.content="0",document.head.appendChild(meta)}function isAsyncClientComponentError(error){return typeof error=="string"&&(error.includes("Only Server Components can be async at the moment.")||error.includes("A component was suspended by an uncached promise.")||error.includes("async/await is not yet supported in Client Components"))}addNextHeadCount();var origConsoleError=globalThis.console.error;globalThis.console.error=(...args)=>{let error=args[0];(0,import_is_next_router_error.isNextRouterError)(error)||isAsyncClientComponentError(error)||origConsoleError.apply(globalThis.console,args)};globalThis.addEventListener("error",ev=>{if((0,import_is_next_router_error.isNextRouterError)(ev.error)||isAsyncClientComponentError(ev.error)){ev.preventDefault();return}});var asDecorator=decorator=>decorator,decorators=[asDecorator(StyledJsxDecorator),asDecorator(ImageDecorator),asDecorator(RouterDecorator),asDecorator(HeadManagerDecorator)],loaders=async({globals,parameters:parameters2})=>{let{router,appDirectory}=parameters2.nextjs??{};appDirectory?(0,import_navigation2.createNavigation)(router):(0,import_router2.createRouter)({locale:globals.locale,...router})},parameters={docs:{source:{excludeDecorators:!0}},react:{rootOptions:{onCaughtError(error){(0,import_is_next_router_error.isNextRouterError)(error)||console.error(error)}}}};0&&(module.exports={decorators,loaders,parameters});

package/dist/preview.mjs

@@ -1,3 +1,3 @@
-export { decorators, loaders, parameters } from './chunk-PIRL4JPH.mjs';
+export { decorators, loaders, parameters } from './chunk-HFILGZ5B.mjs';
 import './chunk-GKRSUUNG.mjs';
 import './chunk-H6MOWX77.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-nextjs-vite",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.0-alpha.11",
   "description": "Storybook for Next.js and Vite",
   "keywords": [
     "storybook",
@@ -104,12 +104,11 @@
     "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "9.0.0-alpha.1",
-    "@storybook/react": "9.0.0-alpha.1",
-    "@storybook/react-vite": "9.0.0-alpha.1",
-    "@storybook/test": "9.0.0-alpha.1",
+    "@storybook/builder-vite": "9.0.0-alpha.11",
+    "@storybook/react": "9.0.0-alpha.11",
+    "@storybook/react-vite": "9.0.0-alpha.11",
     "styled-jsx": "5.1.6",
-    "vite-plugin-storybook-nextjs": "^1.1.0"
+    "vite-plugin-storybook-nextjs": "2.0.0--canary.33.7c1f48f.0"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
@@ -117,11 +116,10 @@
     "typescript": "^5.7.3"
   },
   "peerDependencies": {
-    "@storybook/test": "9.0.0-alpha.1",
     "next": "^14.1.0 || ^15.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-    "storybook": "^9.0.0-alpha.1",
+    "storybook": "^9.0.0-alpha.11",
     "vite": "^5.0.0 || ^6.0.0"
   },
   "peerDependenciesMeta": {
@@ -129,9 +127,6 @@
       "optional": true
     }
   },
-  "optionalDependencies": {
-    "sharp": "^0.33.3"
-  },
   "engines": {
     "node": ">=18.0.0"
   },

package/template/cli/js/Button.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import PropTypes from 'prop-types';
 
 import './button.css';

package/template/cli/js/Button.stories.js

@@ -1,4 +1,4 @@
-import { fn } from '@storybook/test';
+import { fn } from 'storybook/test';
 
 import { Button } from './Button';
 

package/template/cli/js/Header.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import PropTypes from 'prop-types';
 
 import { Button } from './Button';

package/template/cli/js/Header.stories.js

@@ -1,4 +1,4 @@
-import { fn } from '@storybook/test';
+import { fn } from 'storybook/test';
 
 import { Header } from './Header';
 

package/template/cli/js/Page.stories.js

@@ -1,4 +1,4 @@
-import { expect, userEvent, within } from '@storybook/test';
+import { expect, userEvent, within } from 'storybook/test';
 
 import { Page } from './Page';
 

package/template/cli/ts-4-9/Button.stories.ts

@@ -1,5 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/experimental-nextjs-vite';
+
+import { fn } from 'storybook/test';
 
 import { Button } from './Button';
 

package/template/cli/ts-4-9/Button.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import './button.css';
 
 export interface ButtonProps {

package/template/cli/ts-4-9/Header.stories.ts

@@ -1,5 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/experimental-nextjs-vite';
+
+import { fn } from 'storybook/test';
 
 import { Header } from './Header';
 

package/template/cli/ts-4-9/Header.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Button } from './Button';
 import './header.css';
 

package/template/cli/ts-4-9/Page.stories.ts

@@ -1,5 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { expect, userEvent, within } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/experimental-nextjs-vite';
+
+import { expect, userEvent, within } from 'storybook/test';
 
 import { Page } from './Page';
 

package/dist/index.d-5a935e77.d.ts

@@ -1,266 +0,0 @@
-interface MockResultReturn<T> {
-    type: 'return';
-    /**
-     * The value that was returned from the function. If function returned a Promise, then this will be a resolved value.
-     */
-    value: T;
-}
-interface MockResultIncomplete {
-    type: 'incomplete';
-    value: undefined;
-}
-interface MockResultThrow {
-    type: 'throw';
-    /**
-     * An error that was thrown during function execution.
-     */
-    value: any;
-}
-interface MockSettledResultFulfilled<T> {
-    type: 'fulfilled';
-    value: T;
-}
-interface MockSettledResultRejected {
-    type: 'rejected';
-    value: any;
-}
-type MockResult<T> = MockResultReturn<T> | MockResultThrow | MockResultIncomplete;
-type MockSettledResult<T> = MockSettledResultFulfilled<T> | MockSettledResultRejected;
-interface MockContext<T extends Procedure> {
-    /**
-     * This is an array containing all arguments for each call. One item of the array is the arguments of that call.
-     *
-     * @example
-     * const fn = vi.fn()
-     *
-     * fn('arg1', 'arg2')
-     * fn('arg3')
-     *
-     * fn.mock.calls === [
-     *   ['arg1', 'arg2'], // first call
-     *   ['arg3'], // second call
-     * ]
-     */
-    calls: Parameters<T>[];
-    /**
-     * This is an array containing all instances that were instantiated when mock was called with a `new` keyword. Note that this is an actual context (`this`) of the function, not a return value.
-     */
-    instances: ReturnType<T>[];
-    /**
-     * An array of `this` values that were used during each call to the mock function.
-     */
-    contexts: ThisParameterType<T>[];
-    /**
-     * The order of mock's execution. This returns an array of numbers which are shared between all defined mocks.
-     *
-     * @example
-     * const fn1 = vi.fn()
-     * const fn2 = vi.fn()
-     *
-     * fn1()
-     * fn2()
-     * fn1()
-     *
-     * fn1.mock.invocationCallOrder === [1, 3]
-     * fn2.mock.invocationCallOrder === [2]
-     */
-    invocationCallOrder: number[];
-    /**
-     * This is an array containing all values that were `returned` from the function.
-     *
-     * The `value` property contains the returned value or thrown error. If the function returned a `Promise`, then `result` will always be `'return'` even if the promise was rejected.
-     *
-     * @example
-     * const fn = vi.fn()
-     *   .mockReturnValueOnce('result')
-     *   .mockImplementationOnce(() => { throw new Error('thrown error') })
-     *
-     * const result = fn()
-     *
-     * try {
-     *   fn()
-     * }
-     * catch {}
-     *
-     * fn.mock.results === [
-     *   {
-     *     type: 'return',
-     *     value: 'result',
-     *   },
-     *   {
-     *     type: 'throw',
-     *     value: Error,
-     *   },
-     * ]
-     */
-    results: MockResult<ReturnType<T>>[];
-    /**
-     * An array containing all values that were `resolved` or `rejected` from the function.
-     *
-     * This array will be empty if the function was never resolved or rejected.
-     *
-     * @example
-     * const fn = vi.fn().mockResolvedValueOnce('result')
-     *
-     * const result = fn()
-     *
-     * fn.mock.settledResults === []
-     * fn.mock.results === [
-     *   {
-     *     type: 'return',
-     *     value: Promise<'result'>,
-     *   },
-     * ]
-     *
-     * await result
-     *
-     * fn.mock.settledResults === [
-     *   {
-     *     type: 'fulfilled',
-     *     value: 'result',
-     *   },
-     * ]
-     */
-    settledResults: MockSettledResult<Awaited<ReturnType<T>>>[];
-    /**
-     * This contains the arguments of the last call. If spy wasn't called, will return `undefined`.
-     */
-    lastCall: Parameters<T> | undefined;
-}
-type Procedure = (...args: any[]) => any;
-type NormalizedPrecedure<T extends Procedure> = (...args: Parameters<T>) => ReturnType<T>;
-interface MockInstance<T extends Procedure = Procedure> {
-    /**
-     * Use it to return the name given to mock with method `.mockName(name)`.
-     */
-    getMockName(): string;
-    /**
-     * Sets internal mock name. Useful to see the name of the mock if an assertion fails.
-     */
-    mockName(n: string): this;
-    /**
-     * Current context of the mock. It stores information about all invocation calls, instances, and results.
-     */
-    mock: MockContext<T>;
-    /**
-     * Clears all information about every call. After calling it, all properties on `.mock` will return an empty state. This method does not reset implementations.
-     *
-     * It is useful if you need to clean up mock between different assertions.
-     */
-    mockClear(): this;
-    /**
-     * Does what `mockClear` does and makes inner implementation an empty function (returning `undefined` when invoked). This also resets all "once" implementations.
-     *
-     * This is useful when you want to completely reset a mock to the default state.
-     */
-    mockReset(): this;
-    /**
-     * Does what `mockReset` does and restores inner implementation to the original function.
-     *
-     * Note that restoring mock from `vi.fn()` will set implementation to an empty function that returns `undefined`. Restoring a `vi.fn(impl)` will restore implementation to `impl`.
-     */
-    mockRestore(): void;
-    /**
-     * Returns current mock implementation if there is one.
-     *
-     * If mock was created with `vi.fn`, it will consider passed down method as a mock implementation.
-     *
-     * If mock was created with `vi.spyOn`, it will return `undefined` unless a custom implementation was provided.
-     */
-    getMockImplementation(): NormalizedPrecedure<T> | undefined;
-    /**
-     * Accepts a function that will be used as an implementation of the mock.
-     * @example
-     * const increment = vi.fn().mockImplementation(count => count + 1);
-     * expect(increment(3)).toBe(4);
-     */
-    mockImplementation(fn: NormalizedPrecedure<T>): this;
-    /**
-     * Accepts a function that will be used as a mock implementation during the next call. Can be chained so that multiple function calls produce different results.
-     * @example
-     * const fn = vi.fn(count => count).mockImplementationOnce(count => count + 1);
-     * expect(fn(3)).toBe(4);
-     * expect(fn(3)).toBe(3);
-     */
-    mockImplementationOnce(fn: NormalizedPrecedure<T>): this;
-    /**
-     * Overrides the original mock implementation temporarily while the callback is being executed.
-     * @example
-     * const myMockFn = vi.fn(() => 'original')
-     *
-     * myMockFn.withImplementation(() => 'temp', () => {
-     *   myMockFn() // 'temp'
-     * })
-     *
-     * myMockFn() // 'original'
-     */
-    withImplementation<T2>(fn: NormalizedPrecedure<T>, cb: () => T2): T2 extends Promise<unknown> ? Promise<this> : this;
-    /**
-     * Use this if you need to return `this` context from the method without invoking actual implementation.
-     */
-    mockReturnThis(): this;
-    /**
-     * Accepts a value that will be returned whenever the mock function is called.
-     */
-    mockReturnValue(obj: ReturnType<T>): this;
-    /**
-     * Accepts a value that will be returned during the next function call. If chained, every consecutive call will return the specified value.
-     *
-     * When there are no more `mockReturnValueOnce` values to use, mock will fallback to the previously defined implementation if there is one.
-     * @example
-     * const myMockFn = vi
-     *   .fn()
-     *   .mockReturnValue('default')
-     *   .mockReturnValueOnce('first call')
-     *   .mockReturnValueOnce('second call')
-     *
-     * // 'first call', 'second call', 'default'
-     * console.log(myMockFn(), myMockFn(), myMockFn())
-     */
-    mockReturnValueOnce(obj: ReturnType<T>): this;
-    /**
-     * Accepts a value that will be resolved when async function is called.
-     * @example
-     * const asyncMock = vi.fn().mockResolvedValue(42)
-     * asyncMock() // Promise<42>
-     */
-    mockResolvedValue(obj: Awaited<ReturnType<T>>): this;
-    /**
-     * Accepts a value that will be resolved during the next function call. If chained, every consecutive call will resolve specified value.
-     * @example
-     * const myMockFn = vi
-     *   .fn()
-     *   .mockResolvedValue('default')
-     *   .mockResolvedValueOnce('first call')
-     *   .mockResolvedValueOnce('second call')
-     *
-     * // Promise<'first call'>, Promise<'second call'>, Promise<'default'>
-     * console.log(myMockFn(), myMockFn(), myMockFn())
-     */
-    mockResolvedValueOnce(obj: Awaited<ReturnType<T>>): this;
-    /**
-     * Accepts an error that will be rejected when async function is called.
-     * @example
-     * const asyncMock = vi.fn().mockRejectedValue(new Error('Async error'))
-     * await asyncMock() // throws 'Async error'
-     */
-    mockRejectedValue(obj: any): this;
-    /**
-     * Accepts a value that will be rejected during the next function call. If chained, every consecutive call will reject specified value.
-     * @example
-     * const asyncMock = vi
-     *   .fn()
-     *   .mockResolvedValueOnce('first call')
-     *   .mockRejectedValueOnce(new Error('Async error'))
-     *
-     * await asyncMock() // first call
-     * await asyncMock() // throws "Async error"
-     */
-    mockRejectedValueOnce(obj: any): this;
-}
-interface Mock<T extends Procedure = Procedure> extends MockInstance<T> {
-    new (...args: Parameters<T>): ReturnType<T>;
-    (...args: Parameters<T>): ReturnType<T>;
-}
-
-export { Mock as M };

package/template/cli/ts-3-8/Button.stories.ts

@@ -1,53 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
-
-import { Button } from './Button';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta: Meta<typeof Button> = {
-  title: 'Example/Button',
-  component: Button,
-  parameters: {
-    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-    layout: 'centered',
-  },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  // More on argTypes: https://storybook.js.org/docs/api/argtypes
-  argTypes: {
-    backgroundColor: { control: 'color' },
-  },
-  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
-  args: { onClick: fn() },
-};
-
-export default meta;
-type Story = StoryObj<typeof Button>;
-
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export const Primary: Story = {
-  args: {
-    primary: true,
-    label: 'Button',
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    label: 'Button',
-  },
-};
-
-export const Large: Story = {
-  args: {
-    size: 'large',
-    label: 'Button',
-  },
-};
-
-export const Small: Story = {
-  args: {
-    size: 'small',
-    label: 'Button',
-  },
-};

package/template/cli/ts-3-8/Button.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-
-import './button.css';
-
-export interface ButtonProps {
-  /** Is this the principal call to action on the page? */
-  primary?: boolean;
-  /** What background color to use */
-  backgroundColor?: string;
-  /** How large should the button be? */
-  size?: 'small' | 'medium' | 'large';
-  /** Button contents */
-  label: string;
-  /** Optional click handler */
-  onClick?: () => void;
-}
-
-/** Primary UI component for user interaction */
-export const Button = ({
-  primary = false,
-  size = 'medium',
-  backgroundColor,
-  label,
-  ...props
-}: ButtonProps) => {
-  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
-  return (
-    <button
-      type="button"
-      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
-      {...props}
-    >
-      {label}
-      <style jsx>{`
-        button {
-          background-color: ${backgroundColor};
-        }
-      `}</style>
-    </button>
-  );
-};