@storybook/vue3 7.0.0-alpha.5 → 7.0.0-alpha.50

package/dist/cjs/preview/decorateStory.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.decorateStory = decorateStory;
-
-var _vue = require("vue");
-
-var _store = require("@storybook/store");
-
-/*
-  This normalizes a functional component into a render method in ComponentOptions.
-
-  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
-  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
- */
-function normalizeFunctionalComponent(options) {
-  return typeof options === 'function' ? {
-    render: options,
-    name: options.name
-  } : options;
-}
-
-function prepare(rawStory, innerStory) {
-  const story = rawStory;
-
-  if (story == null) {
-    return null;
-  }
-
-  if (innerStory) {
-    return Object.assign({}, normalizeFunctionalComponent(story), {
-      components: Object.assign({}, story.components || {}, {
-        story: innerStory
-      })
-    });
-  }
-
-  return {
-    render() {
-      return (0, _vue.h)(story);
-    }
-
-  };
-}
-
-function decorateStory(storyFn, decorators) {
-  return decorators.reduce((decorated, decorator) => context => {
-    let story;
-    const decoratedStory = decorator(update => {
-      story = decorated(Object.assign({}, context, (0, _store.sanitizeStoryContextUpdate)(update)));
-      return story;
-    }, context);
-
-    if (!story) {
-      story = decorated(context);
-    }
-
-    if (decoratedStory === story) {
-      return story;
-    }
-
-    return prepare(decoratedStory, story);
-  }, context => prepare(storyFn(context)));
-}

package/dist/cjs/preview/globals.js

@@ -1,11 +0,0 @@
-"use strict";
-
-var _global = _interopRequireDefault(require("global"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const {
-  window: globalWindow
-} = _global.default;
-globalWindow.STORYBOOK_REACT_CLASSES = {};
-globalWindow.STORYBOOK_ENV = 'vue3';

package/dist/cjs/preview/index.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
-Object.defineProperty(exports, "setup", {
-  enumerable: true,
-  get: function () {
-    return _render.setup;
-  }
-});
-exports.storiesOf = void 0;
-
-var _coreClient = require("@storybook/core-client");
-
-require("./globals");
-
-var _decorateStory = require("./decorateStory");
-
-var _render = require("./render");
-
-const framework = 'vue3';
-const api = (0, _coreClient.start)(_render.renderToDOM, {
-  decorateStory: _decorateStory.decorateStory,
-  render: _render.render
-});
-
-const storiesOf = (kind, m) => {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework
-  });
-};
-
-exports.storiesOf = storiesOf;
-
-const configure = (...args) => api.configure(framework, ...args);
-
-exports.configure = configure;
-const {
-  addDecorator
-} = api.clientApi;
-exports.addDecorator = addDecorator;
-const {
-  addParameters
-} = api.clientApi;
-exports.addParameters = addParameters;
-const {
-  clearDecorators
-} = api.clientApi;
-exports.clearDecorators = clearDecorators;
-const {
-  setAddon
-} = api.clientApi;
-exports.setAddon = setAddon;
-const {
-  forceReRender
-} = api;
-exports.forceReRender = forceReRender;
-const {
-  getStorybook
-} = api.clientApi;
-exports.getStorybook = getStorybook;
-const {
-  raw
-} = api.clientApi;
-exports.raw = raw;

package/dist/cjs/preview/render.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.render = void 0;
-exports.renderToDOM = renderToDOM;
-exports.setup = void 0;
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _vue = require("vue");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const render = (props, context) => {
-  const {
-    id,
-    component: Component
-  } = context;
-
-  if (!Component) {
-    throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
-  } // TODO remove this hack
-
-
-  return (0, _vue.h)(Component, props);
-};
-
-exports.render = render;
-
-let setupFunction = app => {};
-
-const setup = fn => {
-  setupFunction = fn;
-};
-
-exports.setup = setup;
-const map = new Map();
-
-function renderToDOM({
-  title,
-  name,
-  storyFn,
-  showMain,
-  showError,
-  showException
-}, domElement) {
-  // TODO: explain cyclical nature of these app => story => mount
-  let element;
-  const storybookApp = (0, _vue.createApp)({
-    unmounted() {
-      map.delete(domElement);
-    },
-
-    render() {
-      map.set(domElement, storybookApp);
-      setupFunction(storybookApp);
-      return (0, _vue.h)(element);
-    }
-
-  });
-  storybookApp.config.errorHandler = showException;
-  element = storyFn();
-
-  if (!element) {
-    showError({
-      title: `Expecting a Vue component from the story: "${name}" of "${title}".`,
-      description: (0, _tsDedent.default)`
-      Did you forget to return the Vue component from the story?
-      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `
-    });
-    return;
-  }
-
-  showMain();
-
-  if (map.has(domElement)) {
-    map.get(domElement).unmount(domElement);
-  }
-
-  storybookApp.mount(domElement);
-}

package/dist/cjs/preview/types-6-0.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/preview/types-7-0.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/preview/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/esm/config.js

@@ -1,6 +0,0 @@
-import { parameters as docsParams } from './docs/config';
-export const parameters = Object.assign({
-  framework: 'vue3'
-}, docsParams);
-export { argTypesEnhancers } from './docs/config';
-export * from './preview/config';

package/dist/esm/docs/config.js

@@ -1,10 +0,0 @@
-import { extractComponentDescription, enhanceArgTypes } from '@storybook/docs-tools';
-import { extractArgTypes } from './extractArgTypes';
-export const parameters = {
-  docs: {
-    inlineStories: true,
-    extractArgTypes,
-    extractComponentDescription
-  }
-};
-export const argTypesEnhancers = [enhanceArgTypes];

package/dist/esm/docs/extractArgTypes.js

@@ -1,42 +0,0 @@
-import { hasDocgen, extractComponentProps, convert } from '@storybook/docs-tools';
-const SECTIONS = ['props', 'events', 'slots'];
-export const extractArgTypes = component => {
-  if (!hasDocgen(component)) {
-    return null;
-  }
-
-  const results = {};
-  SECTIONS.forEach(section => {
-    const props = extractComponentProps(component, section);
-    props.forEach(({
-      propDef,
-      docgenInfo,
-      jsDocTags
-    }) => {
-      const {
-        name,
-        type,
-        description,
-        defaultValue: defaultSummary,
-        required
-      } = propDef;
-      const sbType = section === 'props' ? convert(docgenInfo) : {
-        name: 'void'
-      };
-      results[name] = {
-        name,
-        description,
-        type: Object.assign({
-          required
-        }, sbType),
-        table: {
-          type,
-          jsDocTags,
-          defaultValue: defaultSummary,
-          category: section
-        }
-      };
-    });
-  });
-  return results;
-};

package/dist/esm/index.js

@@ -1,4 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, setup } from './preview';
-export * from './preview/types-6-0'; // optimization: stop HMR propagation in webpack
-
-module?.hot?.decline();

package/dist/esm/preview/config.js

@@ -1,5 +0,0 @@
-export { render, renderToDOM } from './render';
-export { decorateStory as applyDecorators } from './decorateStory';
-export const parameters = {
-  framework: 'vue3'
-};

package/dist/esm/preview/decorateStory.js

@@ -1,58 +0,0 @@
-import { h } from 'vue';
-import { sanitizeStoryContextUpdate } from '@storybook/store';
-
-/*
-  This normalizes a functional component into a render method in ComponentOptions.
-
-  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
-  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
- */
-function normalizeFunctionalComponent(options) {
-  return typeof options === 'function' ? {
-    render: options,
-    name: options.name
-  } : options;
-}
-
-function prepare(rawStory, innerStory) {
-  const story = rawStory;
-
-  if (story == null) {
-    return null;
-  }
-
-  if (innerStory) {
-    return Object.assign({}, normalizeFunctionalComponent(story), {
-      components: Object.assign({}, story.components || {}, {
-        story: innerStory
-      })
-    });
-  }
-
-  return {
-    render() {
-      return h(story);
-    }
-
-  };
-}
-
-export function decorateStory(storyFn, decorators) {
-  return decorators.reduce((decorated, decorator) => context => {
-    let story;
-    const decoratedStory = decorator(update => {
-      story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
-      return story;
-    }, context);
-
-    if (!story) {
-      story = decorated(context);
-    }
-
-    if (decoratedStory === story) {
-      return story;
-    }
-
-    return prepare(decoratedStory, story);
-  }, context => prepare(storyFn(context)));
-}

package/dist/esm/preview/globals.js

@@ -1,6 +0,0 @@
-import global from 'global';
-const {
-  window: globalWindow
-} = global;
-globalWindow.STORYBOOK_REACT_CLASSES = {};
-globalWindow.STORYBOOK_ENV = 'vue3';

package/dist/esm/preview/index.js

@@ -1,37 +0,0 @@
-import { start } from '@storybook/core-client';
-import './globals';
-import { decorateStory } from './decorateStory';
-import { render, renderToDOM } from './render';
-const framework = 'vue3';
-const api = start(renderToDOM, {
-  decorateStory,
-  render
-});
-export const storiesOf = (kind, m) => {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework
-  });
-};
-export const configure = (...args) => api.configure(framework, ...args);
-export const {
-  addDecorator
-} = api.clientApi;
-export const {
-  addParameters
-} = api.clientApi;
-export const {
-  clearDecorators
-} = api.clientApi;
-export const {
-  setAddon
-} = api.clientApi;
-export const {
-  forceReRender
-} = api;
-export const {
-  getStorybook
-} = api.clientApi;
-export const {
-  raw
-} = api.clientApi;
-export { setup } from './render';

package/dist/esm/preview/render.js

@@ -1,66 +0,0 @@
-import dedent from 'ts-dedent';
-import { createApp, h } from 'vue';
-export const render = (props, context) => {
-  const {
-    id,
-    component: Component
-  } = context;
-
-  if (!Component) {
-    throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
-  } // TODO remove this hack
-
-
-  return h(Component, props);
-};
-
-let setupFunction = app => {};
-
-export const setup = fn => {
-  setupFunction = fn;
-};
-const map = new Map();
-export function renderToDOM({
-  title,
-  name,
-  storyFn,
-  showMain,
-  showError,
-  showException
-}, domElement) {
-  // TODO: explain cyclical nature of these app => story => mount
-  let element;
-  const storybookApp = createApp({
-    unmounted() {
-      map.delete(domElement);
-    },
-
-    render() {
-      map.set(domElement, storybookApp);
-      setupFunction(storybookApp);
-      return h(element);
-    }
-
-  });
-  storybookApp.config.errorHandler = showException;
-  element = storyFn();
-
-  if (!element) {
-    showError({
-      title: `Expecting a Vue component from the story: "${name}" of "${title}".`,
-      description: dedent`
-      Did you forget to return the Vue component from the story?
-      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `
-    });
-    return;
-  }
-
-  showMain();
-
-  if (map.has(domElement)) {
-    map.get(domElement).unmount(domElement);
-  }
-
-  storybookApp.mount(domElement);
-}

package/dist/esm/preview/types-6-0.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/preview/types-7-0.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/preview/types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/config.d.ts

@@ -1,10 +0,0 @@
-export declare const parameters: {
-    docs: {
-        inlineStories: boolean;
-        extractArgTypes: import("lib/docs-tools/dist/types").ArgTypesExtractor;
-        extractComponentDescription: typeof import("lib/docs-tools/dist/types").extractComponentDescription;
-    };
-    framework: string;
-};
-export { argTypesEnhancers } from './docs/config';
-export * from './preview/config';

package/dist/types/docs/config.d.ts

@@ -1,9 +0,0 @@
-import { extractComponentDescription } from '@storybook/docs-tools';
-export declare const parameters: {
-    docs: {
-        inlineStories: boolean;
-        extractArgTypes: import("@storybook/docs-tools").ArgTypesExtractor;
-        extractComponentDescription: typeof extractComponentDescription;
-    };
-};
-export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args> | import("lib/addons/dist/types").Parameters)[];

package/dist/types/docs/extractArgTypes.d.ts

@@ -1,2 +0,0 @@
-import type { ArgTypesExtractor } from '@storybook/docs-tools';
-export declare const extractArgTypes: ArgTypesExtractor;

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, setup, } from './preview';
-export * from './preview/types-6-0';

package/dist/types/preview/config.d.ts

@@ -1,5 +0,0 @@
-export { render, renderToDOM } from './render';
-export { decorateStory as applyDecorators } from './decorateStory';
-export declare const parameters: {
-    framework: string;
-};

package/dist/types/preview/decorateStory.d.ts

@@ -1,3 +0,0 @@
-import type { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
-import type { VueFramework } from './types-6-0';
-export declare function decorateStory(storyFn: LegacyStoryFn<VueFramework>, decorators: DecoratorFunction<VueFramework>[]): LegacyStoryFn<VueFramework>;

package/dist/types/preview/globals.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/preview/index.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="webpack-env" />
-/// <reference types="node" />
-import type { App } from 'vue';
-import type { ClientStoryApi, Loadable } from '@storybook/addons';
-import './globals';
-import type { IStorybookSection } from './types';
-import type { VueFramework } from './types-6-0';
-interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
-    setAddon(addon: any): void;
-    configure(loader: Loadable, module: NodeModule): void;
-    getStorybook(): IStorybookSection[];
-    clearDecorators(): void;
-    forceReRender(): void;
-    raw: () => any;
-    load: (...args: any[]) => void;
-    app: App;
-}
-export declare const storiesOf: ClientApi['storiesOf'];
-export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<VueFramework, import("@storybook/addons").Args>) => void);
-export declare const addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: import("@storybook/csf/dist/story").Parameters & {
-    globals?: import("@storybook/csf").Globals;
-    globalTypes?: import("@storybook/csf").GlobalTypes;
-}) => void);
-export declare const clearDecorators: (() => never) | (() => void);
-export declare const setAddon: (() => never) | ((addon: any) => void);
-export declare const forceReRender: (() => never) | (() => void);
-export declare const getStorybook: (() => never) | (() => import("lib/client-api/dist/types/ClientApi").GetStorybookKind<VueFramework>[]);
-export declare const raw: (() => never) | (() => import("lib/store/dist/types").BoundStory<VueFramework>[]);
-export { setup } from './render';

package/dist/types/preview/render.d.ts

@@ -1,6 +0,0 @@
-import type { RenderContext } from '@storybook/store';
-import type { ArgsStoryFn } from '@storybook/csf';
-import { VueFramework } from './types-6-0';
-export declare const render: ArgsStoryFn<VueFramework>;
-export declare const setup: (fn: (app: any) => void) => void;
-export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: Element): void;

package/dist/types/preview/types-6-0.d.ts

@@ -1,35 +0,0 @@
-import type { ConcreteComponent } from 'vue';
-import type { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-import type { StoryFnVueReturnType } from './types';
-export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
-export declare type VueFramework = {
-    component: ConcreteComponent<any>;
-    storyResult: StoryFnVueReturnType;
-};
-/**
- * Metadata to configure the stories for a component.
- *
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
- */
-export declare type Meta<TArgs = Args> = ComponentAnnotations<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type StoryObj<TArgs = Args> = StoryAnnotations<VueFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- *
- * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
- *
- */
-export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/types/preview/types-7-0.d.ts

@@ -1,9 +0,0 @@
-import type { Args } from '@storybook/csf';
-import type { StoryObj } from './types-6-0';
-export type { StoryFn, StoryObj, Meta } from './types-6-0';
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/types/preview/types.d.ts

@@ -1,15 +0,0 @@
-import { ConcreteComponent } from 'vue';
-export type { RenderContext } from '@storybook/core-client';
-export interface ShowErrorArgs {
-    title: string;
-    description: string;
-}
-export declare type StoryFnVueReturnType = ConcreteComponent<any>;
-export interface IStorybookStory {
-    name: string;
-    render: (context: any) => any;
-}
-export interface IStorybookSection {
-    kind: string;
-    stories: IStorybookStory[];
-}