creevey 0.8.0-beta.0 → 0.8.0

package/lib/esm/shared/serializeRegExp.js

@@ -0,0 +1,24 @@
+export const isRegExp = exp => {
+  return exp instanceof RegExp;
+};
+export const isSerializedRegExp = exp => {
+  return typeof exp === 'object' && exp !== null && Reflect.get(exp, '__regexp') === true;
+};
+export const serializeRegExp = exp => {
+  const {
+    source,
+    flags
+  } = exp;
+  return {
+    __regexp: true,
+    source,
+    flags
+  };
+};
+export const deserializeRegExp = _ref => {
+  let {
+    source,
+    flags
+  } = _ref;
+  return new RegExp(source, flags);
+};

package/lib/esm/types.js

@@ -29,6 +29,9 @@ export function isProcessMessage(message) {
 export function isWorkerMessage(message) {
   return isProcessMessage(message) && message.scope == 'worker';
 }
+export function isStoriesMessage(message) {
+  return isProcessMessage(message) && message.scope == 'stories';
+}
 export function isTestMessage(message) {
   return isProcessMessage(message) && message.scope == 'test';
 }

package/lib/types/client/addon/Manager.d.ts

@@ -1,5 +1,5 @@
 import { API } from '@storybook/api';
-import { SetStoriesPayload } from '@storybook/api/dist/ts3.9/lib/stories';
+import { denormalizeStoryParameters } from '../../shared';
 import { CreeveyStatus, CreeveyUpdate, TestData, TestStatus, StoriesRaw } from '../../types';
 import { CreeveyClientApi } from '../shared/creeveyClientApi';
 export declare class CreeveyManager {
@@ -24,7 +24,7 @@ export declare class CreeveyManager {
     onImageApprove: (id: string, retry: number, image: string) => void;
     onStartAllStoryTests: () => void;
     onStartAllTests: () => void;
-    onSetStories: (data: SetStoriesPayload) => void;
+    onSetStories: (data: Parameters<typeof denormalizeStoryParameters>['0']) => void;
     setActiveBrowser: (browser: string) => void;
     setSelectedTestId: (testId: string) => void;
     getStoryTests: (storyId: string) => TestData[];

package/lib/types/client/addon/components/TestSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TestData } from '../../../types';
 interface TestSelectProps {
     tests: TestData[];

package/lib/types/client/addon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './withCreevey';
+export * from './readyForCapture';

package/lib/types/client/addon/preset.d.ts

@@ -1,14 +1,15 @@
-/// <reference types="webpack-dev-server" />
 import { Configuration } from 'webpack';
 export declare function config(entry?: string[]): string[];
 export declare function managerEntries(entry?: string[]): string[];
 declare global {
+    const __CREEVEY_SERVER_HOST__: string;
     const __CREEVEY_SERVER_PORT__: number;
     const __CREEVEY_CLIENT_PORT__: number | null;
 }
 export interface CreeveyAddonOptions {
     creeveyConfigPath?: string;
     creeveyPreExtract?: string;
+    creeveyHost?: string;
     creeveyPort?: number;
     clientPort?: number;
     configType: string;

package/lib/types/client/addon/preset.ie11.d.ts

@@ -0,0 +1,10 @@
+import type { Configuration } from 'webpack';
+import { PluginItem } from '@babel/core';
+interface BabelOptions {
+    extends: string | null;
+    presets: PluginItem[] | null;
+}
+export declare const babel: (config: BabelOptions) => BabelOptions;
+export declare const managerWebpack: (webpackConfig?: Configuration) => Configuration;
+export declare const webpack: (webpackConfig?: Configuration) => Configuration;
+export {};

package/lib/types/client/addon/readyForCapture.d.ts

@@ -0,0 +1,6 @@
+declare global {
+    interface Window {
+        __CREEVEY_SET_READY_FOR_CAPTURE__?: () => void;
+    }
+}
+export declare function readyForCapture(): void;

package/lib/types/client/addon/utils.d.ts

@@ -1,2 +1,3 @@
 import { TestStatus } from '../../types';
 export declare function getEmojiByTestStatus(status: TestStatus | undefined, skip?: string | boolean): string;
+export declare const isInternetExplorer: boolean;

package/lib/types/client/addon/withCreevey.d.ts

@@ -1,13 +1,24 @@
+import type { PreviewWeb } from '@storybook/preview-web';
+import type { AnyFramework } from '@storybook/csf';
+import type { StoryStore } from '@storybook/client-api';
 import { MakeDecoratorResult, Channel } from '@storybook/addons';
-import { StorybookGlobals } from '../../types';
+import { CaptureOptions, StoriesRaw, StorybookGlobals } from '../../types';
 declare global {
     interface Window {
-        __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (error?: string) => void) => void;
+        __CREEVEY_SERVER_HOST__: string;
+        __CREEVEY_SERVER_PORT__: number;
+        __CREEVEY_WORKER_ID__: number;
+        __CREEVEY_GET_STORIES__: () => Promise<StoriesRaw | void>;
+        __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (response: [error?: string | null, isCaptureCalled?: boolean]) => void) => Promise<void>;
         __CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
         __CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
         __CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
+        __CREEVEY_HAS_PLAY_COMPLETED_YET__: (callback: (isPlayCompleted: boolean) => void) => void;
         __CREEVEY_SET_READY_FOR_CAPTURE__?: () => void;
         __STORYBOOK_ADDONS_CHANNEL__: Channel;
+        __STORYBOOK_STORY_STORE__: StoryStore<AnyFramework>;
+        __STORYBOOK_PREVIEW__: PreviewWeb<AnyFramework>;
     }
 }
 export declare function withCreevey(): MakeDecoratorResult;
+export declare function capture(options?: CaptureOptions): Promise<void>;

package/lib/types/client/shared/components/ImagesView/BlendView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ViewPropsWithTheme } from './ImagesView';
-export declare const BlendView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+export declare const BlendView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/ImagesView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Images, ImagesViewMode } from '../../../../types';
 import { Theme } from '@storybook/theming';
 export declare const themeBorderColors: {

package/lib/types/client/shared/components/ImagesView/SideBySideView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ViewPropsWithTheme } from './ImagesView';
-export declare const SideBySideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+export declare const SideBySideView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/SlideView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ViewPropsWithTheme } from './ImagesView';
-export declare const SlideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+export declare const SlideView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/SwapView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ViewPropsWithTheme } from './ImagesView';
-export declare const SwapView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+export declare const SwapView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/PageFooter/PageFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PageFooterProps {
     canApprove: boolean;
     retriesCount: number;

package/lib/types/client/shared/components/PageFooter/Paging.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PagingProps {
     activePage: number;
     onPageChange: (pageNumber: number) => void;

package/lib/types/client/shared/components/PageHeader/ImagePreview.d.ts

@@ -8,5 +8,5 @@ interface ImageSwapProps {
     theme: Theme;
     error?: boolean;
 }
-export declare const ImagePreview: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ImageSwapProps, "theme">>;
+export declare const ImagePreview: React.FC<import("@storybook/theming").AddOptionalTo<ImageSwapProps, "theme">>;
 export {};

package/lib/types/client/shared/components/PageHeader/PageHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ImagesViewMode, Images } from '../../../../types';
 interface PageHeaderProps {
     title: string[];

package/lib/types/client/shared/components/ResultsPage.d.ts

@@ -14,5 +14,5 @@ interface TestResultsProps {
     height?: string;
 }
 export declare function ResultsPageInternal({ id, path, results, approved, theme, onImageApprove, showTitle, height, }: TestResultsProps): JSX.Element;
-export declare const ResultsPage: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestResultsProps, "theme">>;
+export declare const ResultsPage: React.FC<import("@storybook/theming").AddOptionalTo<TestResultsProps, "theme">>;
 export {};

package/lib/types/client/web/CreeveyApp.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreeveySuite } from '../../types';
 import { CreeveyClientApi } from '../shared/creeveyClientApi';
 export interface CreeveyAppProps {

package/lib/types/client/web/CreeveyLoader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const rotate360: import("@emotion/serialize").Keyframes;
+export declare const rotate360: import("@storybook/theming").Keyframes;
 export declare function CreeveyLoader(): JSX.Element;

package/lib/types/client/web/CreeveyView/SideBar/Checkbox.d.ts

@@ -8,7 +8,7 @@ interface BooleanProps {
 interface CheckboxState {
     indeterminate: boolean;
 }
-export declare const CheckboxContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, Theme>;
+export declare const CheckboxContainer: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, Theme>;
 export declare class Checkbox extends React.Component<BooleanProps, CheckboxState> {
     state: CheckboxState;
     handleIndeterminateChange: (value: boolean) => void;

package/lib/types/client/web/CreeveyView/SideBar/SideBarHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TestsStatusProps } from './TestsStatus';
 import { CreeveyViewFilter } from '../../../shared/helpers';
 interface SideBarHeaderProps {

package/lib/types/client/web/CreeveyView/SideBar/SuiteLink.d.ts

@@ -4,9 +4,9 @@ import { Theme } from '@storybook/theming';
 export interface SuiteLinkProps {
     title: string;
     suite: CreeveySuite;
-    'data-tid'?: string;
+    'data-testid'?: string;
 }
-export declare const Container: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<{
+export declare const Container: React.FC<import("@storybook/theming").AddOptionalTo<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<{
     theme: Theme;
     disabled?: boolean | undefined;
 }, "disabled"> & {
@@ -16,7 +16,7 @@ export declare const Container: React.SFC<import("emotion-theming/types/helper")
 }, "key" | "theme" | keyof React.HTMLAttributes<HTMLDivElement> | "disabled"> & {
     ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, "theme">>;
-export declare const Button: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & Pick<{
+export declare const Button: React.FC<import("@storybook/theming").AddOptionalTo<Pick<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & Pick<{
     theme: Theme;
     active?: boolean | undefined;
     focused?: boolean | undefined;
@@ -24,10 +24,10 @@ export declare const Button: React.SFC<import("emotion-theming/types/helper").Ad
     theme?: Theme | undefined;
 } & {
     children?: React.ReactNode;
-}, "key" | "theme" | "active" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "focused"> & {
+}, "key" | "theme" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "active" | "focused"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "theme">>;
-export declare const SuiteContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const SuiteContainer: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     padding: number;
 }, Theme>;
-export declare function SuiteLink({ title, suite, 'data-tid': dataTid }: SuiteLinkProps): JSX.Element;
+export declare function SuiteLink({ title, suite, 'data-testid': dataTid }: SuiteLinkProps): JSX.Element;

package/lib/types/client/web/CreeveyView/SideBar/TestLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreeveyTest } from '../../../../types';
 export interface TestLinkProps {
     title: string;

package/lib/types/client/web/CreeveyView/SideBar/TestStatusIcon.d.ts

@@ -7,4 +7,4 @@ export interface TestStatusIconProps {
     skip?: string | boolean;
     theme: Theme;
 }
-export declare const TestStatusIcon: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestStatusIconProps, "theme">>;
+export declare const TestStatusIcon: React.FC<import("@storybook/theming").AddOptionalTo<TestStatusIconProps, "theme">>;

package/lib/types/client/web/CreeveyView/SideBar/TestsStatus.d.ts

@@ -6,4 +6,4 @@ export interface TestsStatusProps extends CreeveyTestsStatus {
     onClickByStatus: (value: TestStatus) => void;
     theme?: Theme;
 }
-export declare const TestsStatus: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestsStatusProps, "theme">>;
+export declare const TestsStatus: React.FC<import("@storybook/theming").AddOptionalTo<TestsStatusProps, "theme">>;

package/lib/types/index.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="../../types/chai" />
 export * from './types';
-export * from './client/addon/withCreevey';

package/lib/types/server/loaders/babel/register.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="webpack-env" />
 import { Config } from '../../../types';
-declare function getRequireContext(rootDir: string): (rootPath: string, deep?: boolean | undefined, filter?: RegExp | undefined) => __WebpackModuleApi.RequireContext;
+declare function getRequireContext(rootDir: string): (rootPath: string, deep?: boolean, filter?: RegExp) => __WebpackModuleApi.RequireContext;
 export default function register(config: Config, debug?: boolean): Promise<ReturnType<typeof getRequireContext>>;
 export {};

package/lib/types/server/loaders/webpack/creevey-loader.d.ts

@@ -1,2 +1,4 @@
-import { loader } from 'webpack';
-export default function (this: loader.LoaderContext | void, source: string): string;
+import { getOptions } from 'loader-utils';
+declare type LoaderContext = Parameters<typeof getOptions>[0];
+export default function loader(this: LoaderContext | void, source: string): string;
+export {};

package/lib/types/server/logger.d.ts

@@ -1,6 +1,10 @@
-import { Chalk } from 'chalk';
+import chalk from 'chalk';
 export { getLogger } from 'loglevel';
 export declare const colors: {
-    [level: string]: Chalk;
+    TRACE: chalk.Chalk;
+    DEBUG: chalk.Chalk;
+    INFO: chalk.Chalk;
+    WARN: chalk.Chalk;
+    ERROR: chalk.Chalk;
 };
 export declare const logger: import("loglevel").Logger;

package/lib/types/server/master/master.d.ts

@@ -3,4 +3,5 @@ import Runner from './runner';
 export default function master(config: Config, options: {
     watch: boolean;
     debug: boolean;
+    port: number;
 }): Promise<Runner>;

package/lib/types/server/master/pool.d.ts

@@ -26,5 +26,6 @@ export default class Pool extends EventEmitter {
     private exitHandler;
     private gracefullyKill;
     private shouldRetry;
+    private handleTestResult;
     private subscribe;
 }

package/lib/types/server/master/server.d.ts

@@ -1,2 +1,2 @@
 import { CreeveyApi } from './api';
-export default function server(reportDir: string, port: number): (api: CreeveyApi) => void;
+export default function server(reportDir: string, port: number, ui: boolean): (api: CreeveyApi) => void;

package/lib/types/server/messages.d.ts

@@ -1,18 +1,29 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
-import cluster from 'cluster';
-import { WorkerMessage, TestMessage, WebpackMessage, DockerMessage, WorkerHandler, TestHandler, WebpackHandler, DockerHandler, ShutdownHandler } from '../types';
+/// <reference types="node" />
+import { Worker } from 'cluster';
+import { WorkerMessage, StoriesMessage, TestMessage, WebpackMessage, DockerMessage, WorkerHandler, StoriesHandler, TestHandler, WebpackHandler, DockerHandler, ShutdownHandler } from '../types';
 export declare function emitWorkerMessage(message: WorkerMessage): boolean;
+export declare function emitStoriesMessage(message: StoriesMessage): boolean;
 export declare function emitTestMessage(message: TestMessage): boolean;
 export declare function emitWebpackMessage(message: WebpackMessage): boolean;
 export declare function emitDockerMessage(message: DockerMessage): boolean;
 export declare function emitShutdownMessage(): boolean;
-export declare function sendTestMessage(target: NodeJS.Process | cluster.Worker, message: TestMessage): void;
-export declare function sendDockerMessage(target: NodeJS.Process | cluster.Worker, message: DockerMessage): void;
-export declare function sendShutdownMessage(target: NodeJS.Process | cluster.Worker): void;
+export declare function sendStoriesMessage(target: NodeJS.Process | Worker, message: StoriesMessage): void;
+export declare function sendTestMessage(target: NodeJS.Process | Worker, message: TestMessage): void;
+export declare function sendDockerMessage(target: NodeJS.Process | Worker, message: DockerMessage): void;
+export declare function sendShutdownMessage(target: NodeJS.Process | Worker): void;
 export declare function subscribeOn(scope: 'worker', handler: WorkerHandler): () => void;
+export declare function subscribeOn(scope: 'stories', handler: StoriesHandler): () => void;
 export declare function subscribeOn(scope: 'test', handler: TestHandler): () => void;
 export declare function subscribeOn(scope: 'webpack', handler: WebpackHandler): () => void;
 export declare function subscribeOn(scope: 'docker', handler: DockerHandler): () => void;
 export declare function subscribeOn(scope: 'shutdown', handler: ShutdownHandler): () => void;
-export declare function subscribeOn(scope: 'worker' | 'test' | 'webpack' | 'docker' | 'shutdown', handler: WorkerHandler | TestHandler | WebpackHandler | DockerHandler | ShutdownHandler): () => void;
+export declare function subscribeOn(scope: 'worker' | 'stories' | 'test' | 'webpack' | 'docker' | 'shutdown', handler: WorkerHandler | StoriesHandler | TestHandler | WebpackHandler | DockerHandler | ShutdownHandler): () => void;
+export declare function subscribeOnWorker(worker: Worker, scope: 'worker', handler: WorkerHandler): () => void;
+export declare function subscribeOnWorker(worker: Worker, scope: 'stories', handler: StoriesHandler): () => void;
+export declare function subscribeOnWorker(worker: Worker, scope: 'test', handler: TestHandler): () => void;
+export declare function subscribeOnWorker(worker: Worker, scope: 'webpack', handler: WebpackHandler): () => void;
+export declare function subscribeOnWorker(worker: Worker, scope: 'docker', handler: DockerHandler): () => void;
+export declare function subscribeOnWorker(worker: Worker, scope: 'shutdown', handler: ShutdownHandler): () => void;
+export declare function subscribeOnWorker(worker: Worker, scope: 'worker' | 'stories' | 'test' | 'webpack' | 'docker' | 'shutdown', handler: WorkerHandler | StoriesHandler | TestHandler | WebpackHandler | DockerHandler | ShutdownHandler): () => void;

package/lib/types/server/selenium/browser.d.ts

@@ -1,6 +1,6 @@
 import { Context } from 'mocha';
 import { WebDriver } from 'selenium-webdriver';
-import { BrowserConfig, Config, StorybookGlobals } from '../../types';
+import { Config, StorybookGlobals, StoriesRaw } from '../../types';
 declare global {
     interface Window {
         __CREEVEY_RESTORE_SCROLL__?: () => void;
@@ -9,6 +9,9 @@ declare global {
         __CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
     }
 }
+export declare function takeScreenshot(browser: WebDriver, captureElement?: string | null, ignoreElements?: string | string[] | null): Promise<string>;
 export declare function updateStorybookGlobals(browser: WebDriver, globals: StorybookGlobals): Promise<void>;
-export declare function getBrowser(config: Config, browserConfig: BrowserConfig): Promise<WebDriver | null>;
+export declare function loadStoriesFromBrowser(port: number): Promise<StoriesRaw>;
+export declare function getBrowser(config: Config, name: string): Promise<WebDriver | null>;
+export declare function closeBrowser(): Promise<void>;
 export declare function switchStory(this: Context): Promise<void>;

package/lib/types/server/stories.d.ts

@@ -1,5 +1,5 @@
-import type { ServerTest, StoryInput, SetStoriesData } from '../types';
-export declare function loadTestsFromStories(browsers: string[], provider: (storiesListener: (stories: Map<string, StoryInput[]>) => void) => Promise<SetStoriesData>, update?: (testsDiff: Partial<{
+import type { StoriesRaw, ServerTest, StoryInput, SetStoriesData } from '../types';
+export declare function loadTestsFromStories(browsers: string[], provider: (storiesListener: (stories: Map<string, StoryInput[]>) => void) => Promise<StoriesRaw>, update?: (testsDiff: Partial<{
     [id: string]: ServerTest;
 }>) => void): Promise<Partial<{
     [id: string]: ServerTest;

package/lib/types/server/storybook/entry.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="node" />
 /// <reference types="webpack-env" />
 import type { StoryApi } from '@storybook/addons';
-import type { Channel } from '@storybook/channels';
-declare const start: typeof import("@storybook/core").start;
-export declare const channel: Channel;
+declare const start: typeof import("@storybook/core-client").start;
+export declare const channel: import("@storybook/channels").Channel;
 declare type ClientApi = ReturnType<typeof start>['clientApi'];
 export declare const clientApi: ClientApi;
 export declare const forceReRender: (() => never) | (() => void);

package/lib/types/server/storybook/helpers.d.ts

@@ -5,7 +5,7 @@ export declare const storybookDirRef: {
 export declare const resolveFromStorybook: (modulePath: string) => string;
 export declare const resolveFromStorybookAddonDocs: (modulePath: string) => string;
 export declare const resolveFromStorybookBuilderWebpack4: (modulePath: string) => string;
-export declare const resolveFromStorybookCore: (modulePath: string) => string;
+export declare const resolveFromStorybookCoreClient: (modulePath: string) => string;
 export declare const resolveFromStorybookCoreServer: (modulePath: string) => string;
 export declare const importStorybookClientLogger: <T = typeof import("@storybook/client-logger")>() => Promise<T>;
 export declare const importStorybookCoreCommon: <T = typeof import("@storybook/core-common")>() => Promise<T>;

package/lib/types/server/storybook/providers/browser.d.ts

@@ -0,0 +1,4 @@
+import type { Config, StoriesRaw, StoryInput } from '../../../types';
+export declare function loadStories(_config: Config, { port }: {
+    port: number;
+}, storiesListener: (stories: Map<string, StoryInput[]>) => void): Promise<StoriesRaw>;

package/lib/types/server/storybook/providers/nodejs.d.ts

@@ -0,0 +1,9 @@
+import type { StoryInput, SetStoriesData, Config, StoriesRaw } from '../../../types';
+export declare function loadStories(config: Config, { watch, debug }: {
+    watch: boolean;
+    debug: boolean;
+}, storiesListener: (stories: Map<string, StoryInput[]>) => void): Promise<StoriesRaw>;
+export declare function extractStoriesData(config: Config, { watch, debug }: {
+    watch: boolean;
+    debug: boolean;
+}): Promise<SetStoriesData>;

package/lib/types/server/utils.d.ts

@@ -1,4 +1,4 @@
-import { SkipOptions, TestData } from '../types';
+import { SkipOptions, SkipOption, TestData } from '../types';
 export declare const isShuttingDown: {
     current: boolean;
 };
@@ -9,6 +9,10 @@ export declare function shouldSkip(browser: string, meta: {
     kind: string;
     story: string;
 }, skipOptions: SkipOptions, test?: string): string | boolean;
+export declare function shouldSkipByOption(browser: string, meta: {
+    kind: string;
+    story: string;
+}, skipOption: SkipOption | SkipOption[], reason: string, test?: string): string | boolean;
 export declare function shutdownWorkers(): Promise<void>;
 export declare function shutdown(): void;
 export declare function getCreeveyCache(): string;

package/lib/types/server/worker/helpers.d.ts

@@ -1,7 +1,8 @@
 import { Suite } from 'mocha';
 import { Config } from '../../types';
-export declare function addTestsFromStories(rootSuite: Suite, config: Config, { browser, watch, debug }: {
+export declare function addTestsFromStories(rootSuite: Suite, config: Config, { browser, ...options }: {
     browser: string;
     watch: boolean;
     debug: boolean;
+    port: number;
 }): Promise<void>;

package/lib/types/shared/index.d.ts

@@ -0,0 +1,7 @@
+import { Parameters } from '@storybook/api';
+import { SetStoriesData, StoriesRaw, StoryInput } from '../types';
+export declare const combineParameters: (...parameterSets: Parameters[]) => Parameters;
+export declare const denormalizeStoryParameters: ({ globalParameters, kindParameters, stories, }: SetStoriesData) => StoriesRaw;
+export declare const serializeRawStories: (stories: StoriesRaw) => StoriesRaw;
+export declare const deserializeRawStories: (stories: StoriesRaw) => StoriesRaw;
+export declare const deserializeStory: (story: StoryInput) => StoryInput;

package/lib/types/shared/serializeRegExp.d.ts

@@ -0,0 +1,9 @@
+export interface SerializedRegExp {
+    __regexp: true;
+    source: string;
+    flags: string;
+}
+export declare const isRegExp: (exp: unknown) => exp is RegExp;
+export declare const isSerializedRegExp: (exp: unknown) => exp is SerializedRegExp;
+export declare const serializeRegExp: (exp: RegExp) => SerializedRegExp;
+export declare const deserializeRegExp: ({ source, flags }: SerializedRegExp) => RegExp;

package/lib/types/types.d.ts

@@ -9,6 +9,7 @@ import type Pixelmatch from 'pixelmatch';
 import type { Context } from 'mocha';
 export declare type DiffOptions = typeof Pixelmatch extends (x1: any, x2: any, x3: any, x4: any, x5: any, options?: infer T) => void ? T : never;
 export declare type SetStoriesData = {
+    v?: number;
     globalParameters: {
         creevey?: CreeveyStoryParams;
     };
@@ -206,11 +207,13 @@ export interface Config {
      * module.exports = {
      *   storiesProvider: provider
      * }
+     * ```
      */
-    storiesProvider: (config: Config, { watch, debug, }: {
+    storiesProvider: (config: Config, options: {
         watch: boolean;
         debug: boolean;
-    }, storiesListener: (stories: Map<string, StoryInput[]>) => void) => Promise<SetStoriesData>;
+        port: number;
+    }, storiesListener: (stories: Map<string, StoryInput[]>) => void) => Promise<StoriesRaw>;
     /**
      * Define custom babel options for load stories transformation
      */
@@ -271,6 +274,22 @@ export declare type WorkerMessage = {
         error: string;
     };
 };
+export declare type StoriesMessage = {
+    type: 'get';
+    payload?: never;
+} | {
+    type: 'set';
+    payload: {
+        stories: StoriesRaw;
+        oldTests: string[];
+    };
+} | {
+    type: 'update';
+    payload: [string, StoryInput[]][];
+} | {
+    type: 'capture';
+    payload?: CaptureOptions;
+};
 export declare type TestMessage = {
     type: 'start';
     payload: {
@@ -307,6 +326,8 @@ export declare type DockerMessage = {
 export declare type ShutdownMessage = unknown;
 export declare type ProcessMessage = (WorkerMessage & {
     scope: 'worker';
+}) | (StoriesMessage & {
+    scope: 'stories';
 }) | (TestMessage & {
     scope: 'test';
 }) | (WebpackMessage & {
@@ -317,6 +338,7 @@ export declare type ProcessMessage = (WorkerMessage & {
     scope: 'shutdown';
 });
 export declare type WorkerHandler = (message: WorkerMessage) => void;
+export declare type StoriesHandler = (message: StoriesMessage) => void;
 export declare type TestHandler = (message: TestMessage) => void;
 export declare type WebpackHandler = (message: WebpackMessage) => void;
 export declare type DockerHandler = (message: DockerMessage) => void;
@@ -378,13 +400,12 @@ export interface CreeveyUpdate {
     removedTests?: TestMeta[];
 }
 export interface SkipOption {
-    reason?: string;
     in?: string | string[] | RegExp;
     kinds?: string | string[] | RegExp;
     stories?: string | string[] | RegExp;
     tests?: string | string[] | RegExp;
 }
-export declare type SkipOptions = boolean | string | SkipOption | SkipOption[] | Record<string, SkipOption | SkipOption[]>;
+export declare type SkipOptions = boolean | string | Record<string, SkipOption | SkipOption[]>;
 export declare type CreeveyTestFunction = (this: {
     browser: WebDriver;
     until: typeof until;
@@ -394,9 +415,12 @@ export declare type CreeveyTestFunction = (this: {
     updateStoryArgs: <Args extends Record<string, unknown>>(updatedArgs: Args) => Promise<void>;
     readonly captureElement?: WebElementPromise;
 }) => Promise<void>;
-export interface CreeveyStoryParams {
+export interface CaptureOptions {
+    imageName?: string;
     captureElement?: string | null;
     ignoreElements?: string | string[] | null;
+}
+export interface CreeveyStoryParams extends CaptureOptions {
     waitForReady?: boolean;
     delay?: number | {
         for: string[];
@@ -429,6 +453,8 @@ export declare type Response = {
 } | {
     type: 'update';
     payload: CreeveyUpdate;
+} | {
+    type: 'capture';
 };
 export interface CreeveyTest extends TestData {
     checked: boolean;
@@ -454,6 +480,7 @@ export declare function isFunction(x: unknown): x is (...args: any[]) => any;
 export declare function isImageError(error: unknown): error is ImagesError;
 export declare function isProcessMessage(message: unknown): message is ProcessMessage;
 export declare function isWorkerMessage(message: unknown): message is WorkerMessage;
+export declare function isStoriesMessage(message: unknown): message is StoriesMessage;
 export declare function isTestMessage(message: unknown): message is TestMessage;
 export declare function isWebpackMessage(message: unknown): message is WebpackMessage;
 export declare function isDockerMessage(message: unknown): message is DockerMessage;