@storybook/vue3-webpack5 7.0.0-beta.6 → 7.0.0-beta.60

package/README.md

@@ -1,4 +1,4 @@
-# Storybook for Vue 3
+# Storybook for Vue 3 and Webpack
 
 Storybook for Vue 3 is a UI development environment for your Vue 3 components.
 With it, you can visualize different states of your UI components and develop them interactively.
@@ -24,20 +24,21 @@ You can also build a [static version](https://storybook.js.org/docs/vue/sharing/
 
 ## Extending the Vue application
 
-Storybook creates a [Vue 3 application](https://v3.vuejs.org/api/application-api.html#application-api) for your component preview which can be imported as `import { app } from '@storybook/vue3'`.
-
+Storybook creates a [Vue 3 application](https://v3.vuejs.org/api/application-api.html#application-api) for your component preview.
 When using global custom components (`app.component`), directives (`app.directive`), extensions (`app.use`), or other application methods, you will need to configure those in the `./storybook/preview.js` file.
 
-For example:
+Therefore, Storybook provides you with a `setup` function exported from this package, which receives as a callback your Storybook instance, which you can interact with and add your custom configuration.
 
 ```js
 // .storybook/preview.js
 
-import { app } from '@storybook/vue3';
+import { setup } from '@storybook/vue3';
 
-app.use(MyPlugin);
-app.component('my-component', MyComponent);
-app.mixin({
-  /* My mixin */
+setup((app) => {
+  app.use(MyPlugin);
+  app.component('my-component', MyComponent);
+  app.mixin({
+    /* My mixin */
+  });
 });
 ```

package/dist/index.js

@@ -1 +1 @@
-var m=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,o,p,f)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of x(o))!a.call(r,e)&&e!==p&&m(r,e,{get:()=>o[e],enumerable:!(f=t(o,e))||f.enumerable});return r};var c=r=>b(m({},"__esModule",{value:!0}),r);var d={};module.exports=c(d);
+var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __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 __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};module.exports=__toCommonJS(src_exports);

package/dist/preset.d.ts

@@ -720,7 +720,7 @@ PackageJson$1.NonStandardEntryPoints &
 PackageJson$1.TypeScriptConfiguration &
 PackageJson$1.YarnConfiguration &
 PackageJson$1.JSPMConfiguration;
-declare type Tag = string;
+type Tag = string;
 interface Parameters {
     [name: string]: any;
 }
@@ -876,20 +876,18 @@ interface CLIOptions {
     quiet?: boolean;
     versionUpdates?: boolean;
     releaseNotes?: boolean;
-    dll?: boolean;
     docs?: boolean;
-    docsDll?: boolean;
-    uiDll?: boolean;
     debugWebpack?: boolean;
     webpackStatsJson?: string | boolean;
     outputDir?: string;
 }
 interface BuilderOptions {
     configType?: 'DEVELOPMENT' | 'PRODUCTION';
-    ignorePreview: boolean;
-    cache: FileSystemCache;
+    ignorePreview?: boolean;
+    cache?: FileSystemCache;
     configDir: string;
-    docsMode: boolean;
+    docsMode?: boolean;
+    env?: (envs: Record<string, string>) => Record<string, string>;
     features?: StorybookConfig['features'];
     versionCheck?: VersionCheck;
     releaseNotesData?: ReleaseNotesData;
@@ -934,19 +932,16 @@ type CoreCommon_StorybookRefs = Record<string, {
     disable: boolean;
 }>;
 type DocsOptions = {
-    /**
-     * Should we generate docs entries at all under any circumstances? (i.e. can they be rendered)
-     */
-    enabled?: boolean;
     /**
      * What should we call the generated docs entries?
      */
     defaultName?: string;
     /**
-     * Should we generate a docs entry per CSF file with the `docsPage` tag?
-     * Set to 'automatic' to generate an entry irrespective of tag.
+     * Should we generate a docs entry per CSF file?
+     * Set to 'tag' (the default) to generate an entry for every CSF file with the
+     * 'autodocs' tag.
      */
-    docsPage?: boolean | 'automatic';
+    autodocs?: boolean | 'tag';
     /**
      * Only show doc entries in the side bar (usually set with the `--docs` CLI flag)
      */
@@ -989,10 +984,6 @@ interface StorybookConfig {
          * Enable a set of planned breaking changes for SB7.0
          */
         breakingChangesV7?: boolean;
-        /**
-         * Enable the step debugger functionality in Addon-interactions.
-         */
-        interactionsDebugger?: boolean;
         /**
          * Filter args with a "target" on the type from the render function (EXPERIMENTAL)
          */
@@ -1002,6 +993,14 @@ interface StorybookConfig {
          * Will be removed in 7.0.
          */
         warnOnLegacyHierarchySeparator?: boolean;
+        /**
+         * Use legacy MDX1, to help smooth migration to 7.0
+         */
+        legacyMdx1?: boolean;
+        /**
+         * Apply decorators from preview.js before decorators from addons or frameworks
+         */
+        legacyDecoratorFileOrder?: boolean;
     };
     /**
      * Tells Storybook where to find stories.
@@ -1010,7 +1009,7 @@ interface StorybookConfig {
      */
     stories: StoriesEntry[];
     /**
-     * Framework, e.g. '@storybook/react', required in v7
+     * Framework, e.g. '@storybook/react-vite', required in v7
      */
     framework?: Preset;
     /**

package/dist/preset.js

@@ -1 +1 @@
-var a=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var m=(o,r)=>{for(var e in r)p(o,e,{get:r[e],enumerable:!0})},n=(o,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of k(r))!c.call(o,s)&&s!==e&&p(o,s,{get:()=>r[s],enumerable:!(i=y(r,s))||i.enumerable});return o};var d=(o,r,e)=>(e=o!=null?a(b(o)):{},n(r||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),f=o=>n(p({},"__esModule",{value:!0}),o);var P={};m(P,{addons:()=>u,core:()=>g,typescript:()=>l});module.exports=f(P);var t=d(require("path")),u=[t.default.dirname(require.resolve(t.default.join("@storybook/preset-vue3-webpack","package.json")))],g=async(o,r)=>{let e=await r.presets.apply("framework");return{...o,builder:{name:t.default.dirname(require.resolve(t.default.join("@storybook/builder-webpack5","package.json"))),options:typeof e=="string"?{}:e.options.builder||{}},renderer:t.default.dirname(require.resolve(t.default.join("@storybook/vue3","package.json")))}},l=async o=>({...o,skipBabel:!0});0&&(module.exports={addons,core,typescript});
+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 preset_exports={};__export(preset_exports,{addons:()=>addons,core:()=>core,typescript:()=>typescript});module.exports=__toCommonJS(preset_exports);var import_path=__toESM(require("path")),addons=[import_path.default.dirname(require.resolve(import_path.default.join("@storybook/preset-vue3-webpack","package.json")))],core=async(config,options)=>{let framework=await options.presets.apply("framework");return{...config,builder:{name:import_path.default.dirname(require.resolve(import_path.default.join("@storybook/builder-webpack5","package.json"))),options:typeof framework=="string"?{}:framework.options.builder||{}},renderer:import_path.default.dirname(require.resolve(import_path.default.join("@storybook/vue3","package.json")))}},typescript=async config=>({...config,skipBabel:!0});0&&(module.exports={addons,core,typescript});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0-beta.60",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -21,6 +21,7 @@
   "license": "MIT",
   "exports": {
     ".": {
+      "node": "./dist/index.js",
       "require": "./dist/index.js",
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
@@ -30,17 +31,14 @@
       "import": "./dist/preset.mjs",
       "types": "./dist/preset.d.ts"
     },
-    "./package.json": {
-      "require": "./package.json",
-      "import": "./package.json",
-      "types": "./package.json"
-    }
+    "./package.json": "./package.json"
   },
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
+    "template/**/*",
     "README.md",
     "*.js",
     "*.d.ts"
@@ -50,10 +48,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-beta.6",
-    "@storybook/core-common": "7.0.0-beta.6",
-    "@storybook/preset-vue3-webpack": "7.0.0-beta.6",
-    "@storybook/vue3": "7.0.0-beta.6",
+    "@storybook/builder-webpack5": "7.0.0-beta.60",
+    "@storybook/core-common": "7.0.0-beta.60",
+    "@storybook/preset-vue3-webpack": "7.0.0-beta.60",
+    "@storybook/vue3": "7.0.0-beta.60",
     "@types/node": "^16.0.0"
   },
   "devDependencies": {
@@ -64,7 +62,7 @@
   "peerDependencies": {
     "@babel/core": "*",
     "@vue/compiler-sfc": "^3.0.0",
-    "babel-loader": "^7.0.0 || ^8.0.0",
+    "babel-loader": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "vue": "^3.0.0"
@@ -82,5 +80,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "edcda9c064bcb77c903263fafcaee2bd369f429a"
+  "gitHead": "325e0406b449b740d94d481a32a62304a8b2fd11"
 }