creevey 0.9.0-beta.1 → 0.9.0-beta.10

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

@@ -6,7 +6,7 @@ export interface SuiteLinkProps {
     suite: CreeveySuite;
     '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-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,4 @@
+/// <reference types="../../types/chai" />
 export * from './types';
 export { loadStories as browserStoriesProvider } from './server/storybook/providers/browser';
 export { loadStories as nodejsStoriesProvider } from './server/storybook/providers/nodejs';

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/messages.d.ts

@@ -1,5 +1,7 @@
+/// <reference types="webpack-env" />
 /// <reference types="node" />
-import cluster from 'cluster';
+/// <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;
@@ -7,10 +9,10 @@ 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 sendStoriesMessage(target: NodeJS.Process | cluster.Worker, message: StoriesMessage): void;
-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;
@@ -18,10 +20,10 @@ export declare function subscribeOn(scope: 'webpack', handler: WebpackHandler):
 export declare function subscribeOn(scope: 'docker', handler: DockerHandler): () => void;
 export declare function subscribeOn(scope: 'shutdown', handler: 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: cluster.Worker, scope: 'worker', handler: WorkerHandler): () => void;
-export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'stories', handler: StoriesHandler): () => void;
-export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'test', handler: TestHandler): () => void;
-export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'webpack', handler: WebpackHandler): () => void;
-export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'docker', handler: DockerHandler): () => void;
-export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'shutdown', handler: ShutdownHandler): () => void;
-export declare function subscribeOnWorker(worker: cluster.Worker, 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 { Config, StorybookGlobals, StoriesRaw } from '../../types';
+import { Config, StorybookGlobals, StoriesRaw, Options } from '../../types';
 declare global {
     interface Window {
         __CREEVEY_RESTORE_SCROLL__?: () => void;
@@ -11,7 +11,9 @@ declare global {
 }
 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 loadStoriesFromBrowser(port: number): Promise<StoriesRaw>;
-export declare function getBrowser(config: Config, name: string): Promise<WebDriver | null>;
+export declare function loadStoriesFromBrowser(): Promise<StoriesRaw>;
+export declare function getBrowser(config: Config, options: Options & {
+    browser: string;
+}): Promise<WebDriver | null>;
 export declare function closeBrowser(): Promise<void>;
 export declare function switchStory(this: Context): Promise<void>;

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

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

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

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

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

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

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/{shared.d.ts → shared/index.d.ts}

@@ -1,16 +1,7 @@
 import { Parameters } from '@storybook/api';
-import { SetStoriesData, StoriesRaw, StoryInput } from './types';
+import { SetStoriesData, StoriesRaw, StoryInput } from '../types';
 export declare const combineParameters: (...parameterSets: Parameters[]) => Parameters;
 export declare const denormalizeStoryParameters: ({ globalParameters, kindParameters, stories, }: SetStoriesData) => StoriesRaw;
-interface SerializedRegExp {
-    __regexp: true;
-    source: string;
-    flags: string;
-}
-export declare const isSerializedRegExp: (exp: unknown) => exp is SerializedRegExp;
-export declare const serializeRegExp: (exp: RegExp) => SerializedRegExp;
-export declare const deserializeRegExp: ({ source, flags }: SerializedRegExp) => RegExp;
 export declare const serializeRawStories: (stories: StoriesRaw) => StoriesRaw;
 export declare const deserializeRawStories: (stories: StoriesRaw) => StoriesRaw;
 export declare const deserializeStory: (story: StoryInput) => StoryInput;
-export {};

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;
     };
@@ -208,11 +209,7 @@ export interface Config {
      * }
      * ```
      */
-    storiesProvider: (config: Config, options: {
-        watch: boolean;
-        debug: boolean;
-        port: number;
-    }, storiesListener: (stories: Map<string, StoryInput[]>) => void) => Promise<StoriesRaw>;
+    storiesProvider: StoriesProvider;
     /**
      * Define custom babel options for load stories transformation
      */
@@ -250,6 +247,7 @@ export interface Config {
     testsDir?: string;
     tsConfig?: string;
 }
+export declare type StoriesProvider<T = any> = (config: Config, options: T, storiesListener: (stories: Map<string, StoryInput[]>) => void) => Promise<StoriesRaw>;
 export declare type CreeveyConfig = Partial<Config>;
 export interface Options {
     config?: string;
@@ -402,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;

package/package.json

@@ -13,10 +13,25 @@
     "addon",
     "test"
   ],
-  "version": "0.9.0-beta.1",
+  "version": "0.9.0-beta.10",
   "bin": {
     "creevey": "./lib/cjs/cli.js"
   },
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/cjs/index.js"
+    },
+    "./addon": {
+      "types": "./lib/types/client/addon/index.d.ts",
+      "module": "./lib/esm/client/addon/index.js",
+      "default": "./lib/cjs/client/addon/index.js"
+    },
+    "./preset": "./preset/index.js",
+    "./preset/ie11": "./preset/ie11.js",
+    "./preset/sb7": "./preset/sb7.js",
+    "./lib/esm/client/addon/decorator.js": "./lib/esm/client/addon/decorator.js"
+  },
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
   "types": "lib/types/index.d.ts",
@@ -36,8 +51,7 @@
     "pretest:e2e": "yarn build && yarn pack -f creevey.tgz",
     "bootstrap:storybook": "cd ../storybook && yarn install && yarn bootstrap --core",
     "test": "run-p test:*",
-    "test:unit": "mocha ./tests/{client,server}/**/*.test.ts ./tests/*.test.ts",
-    "test:e2e": "mocha ./tests/e2e/*.test.ts",
+    "test:unit": "jest --config jest.config.js",
     "start": "run-p start:*",
     "start:client": "webpack-dev-server",
     "start:storybook": "start-storybook --ci -p 6006",
@@ -66,150 +80,150 @@
     "prepare": "husky install"
   },
   "engines": {
-    "node": ">=10.10"
+    "node": ">=16.0"
   },
   "dependencies": {
-    "@babel/code-frame": "^7.12.13",
-    "@babel/generator": "^7.15.0",
-    "@babel/helpers": "^7.15.3",
-    "@babel/parser": "^7.15.3",
-    "@babel/plugin-transform-runtime": "^7.15.0",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-typescript": "^7.15.0",
-    "@babel/register": "^7.15.3",
-    "@babel/runtime-corejs3": "^7.15.3",
-    "@babel/traverse": "^7.15.0",
-    "@babel/types": "^7.15.0",
-    "@koa/cors": "^3.2.0",
-    "@octokit/core": "^3.3.1",
-    "@storybook/components": "^6.4.19",
+    "@babel/code-frame": "^7.18.6",
+    "@babel/generator": "^7.18.7",
+    "@babel/helpers": "^7.18.6",
+    "@babel/parser": "^7.18.8",
+    "@babel/plugin-transform-runtime": "^7.18.6",
+    "@babel/preset-env": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@babel/register": "^7.18.6",
+    "@babel/runtime-corejs3": "^7.18.6",
+    "@babel/traverse": "^7.18.8",
+    "@babel/types": "^7.18.8",
+    "@koa/cors": "^3.3.0",
+    "@octokit/core": "^4.0.4",
+    "@storybook/components": "^6.5.9",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/testing-library": "^0.0.9",
-    "@storybook/theming": "^6.4.19",
-    "@types/chai": "^4.2.15",
-    "@types/selenium-webdriver": "^4.0.12",
+    "@storybook/testing-library": "^0.0.13",
+    "@storybook/theming": "^6.5.9",
+    "@types/chai": "^4.3.1",
+    "@types/selenium-webdriver": "^4.1.5",
     "airbnb-js-shims": "^2.2.1",
     "babel-plugin-tsconfig-paths": "^1.0.3",
-    "chai": "^4.3.4",
+    "chai": "^4.3.6",
     "chalk": "^4.1.2",
-    "chokidar": "^3.5.1",
-    "core-js": "^3.16.3",
-    "dockerode": "^3.2.1",
+    "chokidar": "^3.5.3",
+    "core-js": "^3.23.4",
+    "dockerode": "^3.3.2",
     "event-source-polyfill": "1.0.25",
     "find-cache-dir": "^3.3.1",
     "get-tsconfig": "^4.2.0",
-    "global-jsdom": "8.3.0",
-    "jsdom": "^16.5.2",
-    "koa": "^2.13.1",
+    "global-jsdom": "8.5.0",
+    "jsdom": "^20.0.0",
+    "koa": "^2.13.4",
     "koa-bodyparser": "^4.3.0",
     "koa-mount": "^4.0.0",
     "koa-static": "^5.0.0",
-    "loader-utils": "^2.0.0",
+    "loader-utils": "^3.2.0",
     "lodash": "^4.17.21",
-    "loglevel": "^1.7.1",
+    "loglevel": "^1.8.0",
     "loglevel-plugin-prefix": "^0.8.4",
-    "micromatch": "^4.0.4",
-    "minimist": "^1.2.5",
-    "mocha": "~9.1.0",
+    "micromatch": "^4.0.5",
+    "minimist": "^1.2.6",
+    "mocha": "~10.0.0",
     "null-loader": "^4.0.1",
-    "ora": "^5.4.0",
-    "pirates": "^4.0.1",
-    "pixelmatch": "^5.2.1",
+    "ora": "^5.4.1",
+    "pirates": "^4.0.5",
+    "pixelmatch": "^5.3.0",
     "pngjs": "^6.0.0",
-    "polished": "^4.1.1",
-    "qs": "^6.10.1",
+    "polished": "^4.2.2",
+    "qs": "^6.11.0",
     "regenerator-runtime": "^0.13.7",
     "resolve-from": "^5.0.0",
-    "schema-utils": "^3.0.0",
-    "selenium-webdriver": "^4.0.0-beta.3",
-    "shelljs": "^0.8.4",
-    "ts-node": "^10.9.1",
-    "tsconfig-paths": "^3.11.0",
+    "schema-utils": "^4.0.0",
+    "selenium-webdriver": "^4.3.1",
+    "shelljs": "^0.8.5",
+    "tsconfig-paths": "^4.0.0",
     "webpack-node-externals": "^3.0.0",
-    "ws": "^7.4.6"
+    "whatwg-fetch": "^3.6.2",
+    "ws": "^8.8.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.13.14",
-    "@babel/core": "^7.15.0",
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@babel/preset-react": "^7.13.13",
+    "@babel/cli": "^7.18.6",
+    "@babel/core": "^7.18.6",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/preset-react": "^7.18.6",
     "@mdx-js/mdx": "^1.6.22",
-    "@storybook/addon-essentials": "^6.4.19",
+    "@storybook/addon-essentials": "^6.5.9",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addons": "^6.4.19",
-    "@storybook/api": "^6.4.19",
-    "@storybook/channels": "^6.4.19",
-    "@storybook/client-api": "^6.4.19",
-    "@storybook/client-logger": "^6.4.19",
-    "@storybook/core": "^6.4.19",
-    "@storybook/core-client": "^6.4.19",
-    "@storybook/core-common": "^6.4.19",
-    "@storybook/core-events": "^6.4.19",
-    "@storybook/core-server": "^6.4.19",
-    "@storybook/preview-web": "^6.4.19",
-    "@storybook/react": "^6.4.19",
+    "@storybook/addons": "^6.5.9",
+    "@storybook/api": "^6.5.9",
+    "@storybook/channels": "^6.5.9",
+    "@storybook/client-api": "^6.5.9",
+    "@storybook/client-logger": "^6.5.9",
+    "@storybook/core-client": "^6.5.9",
+    "@storybook/core-common": "^6.5.9",
+    "@storybook/core-events": "^6.5.9",
+    "@storybook/core-server": "^6.5.9",
+    "@storybook/preview-web": "^6.5.9",
+    "@storybook/react": "^6.5.9",
     "@types/babel__code-frame": "^7.0.2",
-    "@types/babel__generator": "^7.6.2",
-    "@types/babel__traverse": "^7.11.1",
-    "@types/dockerode": "^3.2.3",
+    "@types/babel__generator": "^7.6.4",
+    "@types/babel__traverse": "^7.17.1",
+    "@types/dockerode": "^3.3.9",
     "@types/find-cache-dir": "^3.2.0",
     "@types/koa": "^2.13.1",
     "@types/koa-bodyparser": "^4.3.7",
     "@types/koa-mount": "^4.0.1",
     "@types/koa-static": "^4.0.1",
-    "@types/koa__cors": "^3.1.1",
+    "@types/koa__cors": "^3.3.0",
     "@types/loader-utils": "^2.0.2",
-    "@types/lodash": "^4.14.172",
+    "@types/lodash": "^4.14.182",
     "@types/micromatch": "^4.0.1",
     "@types/minimist": "^1.2.1",
-    "@types/mocha": "^9.0.0",
-    "@types/node": "^14.14.37",
+    "@types/mocha": "^9.1.1",
+    "@types/node": "^16.11.43",
     "@types/pixelmatch": "^5.2.2",
     "@types/pngjs": "^6.0.0",
     "@types/qs": "^6.9.6",
     "@types/react": "^17.0.19",
     "@types/react-dom": "^17.0.3",
-    "@types/resize-observer-browser": "^0.1.5",
-    "@types/shelljs": "^0.8.8",
-    "@types/tmp": "^0.2.0",
-    "@types/webpack": "^4.41.26",
-    "@types/webpack-dev-server": "^3.11.3",
-    "@types/webpack-node-externals": "^2.5.1",
-    "@types/ws": "^7.4.0",
-    "@typescript-eslint/eslint-plugin": "^4.29.3",
-    "@typescript-eslint/parser": "^4.29.3",
-    "babel-loader": "^8.2.1",
-    "browserstack-local": "^1.4.8",
-    "chromatic": "^5.7.0",
-    "conventional-changelog-cli": "^2.1.1",
+    "@types/resize-observer-browser": "^0.1.7",
+    "@types/shelljs": "^0.8.11",
+    "@types/tmp": "^0.2.3",
+    "@types/webpack": "^5.28.0",
+    "@types/webpack-node-externals": "^2.5.3",
+    "@types/ws": "^8.5.3",
+    "@typescript-eslint/eslint-plugin": "^5.30.5",
+    "@typescript-eslint/parser": "^5.30.5",
+    "babel-loader": "^8.2.5",
+    "browserstack-local": "^1.5.1",
+    "chromatic": "^6.7.0",
+    "conventional-changelog-cli": "^2.2.2",
     "cpx": "1.5.0",
     "cross-env": "7.0.3",
-    "dotenv": "^10.0.0",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.1.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "dotenv": "^16.0.1",
+    "eslint": "^8.19.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-react": "^7.23.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "git-cz": "^4.7.4",
-    "husky": "^7.0.2",
-    "immer": "^9.0.1",
-    "lint-staged": "^11.1.2",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "git-cz": "^4.9.0",
+    "husky": "^8.0.1",
+    "immer": "^9.0.15",
+    "jest": "^28.1.3",
+    "lint-staged": "^13.0.3",
     "npm-run-all": "^4.1.5",
-    "pinst": "^2.1.6",
-    "prettier": "^2.2.0",
+    "pinst": "^3.0.0",
+    "prettier": "^2.7.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
+    "require-from-string": "^2.0.2",
     "rimraf": "^3.0.2",
     "tmp": "^0.2.1",
-    "typescript": "~4.4.2",
-    "use-immer": "^0.6.0",
-    "webpack": "^4.44.2",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.2"
+    "typescript": "~4.7.4",
+    "use-immer": "^0.7.0",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.9.3"
   },
   "config": {
     "commitizen": {
@@ -229,7 +243,7 @@
     "displayName": "Creevey"
   },
   "volta": {
-    "node": "14.19.0",
-    "yarn": "1.22.17"
+    "node": "16.15.0",
+    "yarn": "1.22.19"
   }
 }

package/preset/ie11.js

@@ -0,0 +1,5 @@
+/* eslint-disable node/no-missing-require, @typescript-eslint/no-unsafe-assignment */
+
+module.exports = {
+  ...require('../lib/cjs/client/addon/preset.ie11'),
+};

package/{preset.js → preset/index.js}

@@ -1,9 +1,9 @@
 /* eslint-disable node/no-missing-require, @typescript-eslint/no-unsafe-assignment */
 
 module.exports = {
-  ...require('./lib/cjs/client/addon/preset'),
+  ...require('../lib/cjs/client/addon/preset'),
   /** @type {(entry: string[]) => string[]} */
   config(entry) {
-    return [...entry, require.resolve('./lib/esm/client/addon/decorator')];
+    return [...entry, require.resolve('../lib/esm/client/addon/decorator')];
   },
 };

package/preset/sb7.js

@@ -0,0 +1,5 @@
+/* eslint-disable node/no-missing-require, @typescript-eslint/no-unsafe-assignment */
+
+module.exports = {
+  ...require('../lib/cjs/client/addon/preset.sb7'),
+};