wip

code/lib/client-api/package.json

@@ -22,15 +22,15 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/entry.js",
+      "import": "./dist/entry.mjs",
+      "types": "./dist/entry.d.ts"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "dist/entry.js",
+  "module": "dist/entry.mjs",
+  "types": "dist/entry.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -42,33 +42,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/client-logger": "7.0.0-alpha.47",
-    "@storybook/csf": "next",
-    "@storybook/store": "7.0.0-alpha.47",
-    "@storybook/types": "7.0.0-alpha.47",
-    "@types/qs": "^6.9.5",
-    "@types/webpack-env": "^1.16.4",
-    "global": "^4.4.0",
-    "qs": "^6.10.0",
-    "synchronous-promise": "^2.0.15",
-    "ts-dedent": "^2.0.0",
-    "util-deprecate": "^1.0.2"
-  },
-  "devDependencies": {
-    "@storybook/core-common": "7.0.0-alpha.47",
-    "typescript": "~4.6.3"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "@storybook/preview-api": "7.0.0-alpha.47"
   },
   "publishConfig": {
     "access": "public"
   },
   "bundler": {
     "entries": [
-      "./src/index.ts"
+      "./src/entry.ts"
     ]
   },
   "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"

code/lib/client-api/src/entry.ts

@@ -0,0 +1 @@
+export * from '@storybook/preview-api/dist/client-api';

code/lib/core-client/package.json

@@ -21,48 +21,28 @@
   "license": "MIT",
   "exports": {
     ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/entry.js",
+      "import": "./dist/entry.mjs",
+      "types": "./dist/entry.d.ts"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "dist/entry.js",
+  "module": "dist/entry.mjs",
+  "types": "dist/entry.d.ts",
   "scripts": {
     "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/channel-postmessage": "7.0.0-alpha.47",
-    "@storybook/channel-websocket": "7.0.0-alpha.47",
-    "@storybook/channels": "7.0.0-alpha.47",
-    "@storybook/client-api": "7.0.0-alpha.47",
-    "@storybook/client-logger": "7.0.0-alpha.47",
-    "@storybook/core-events": "7.0.0-alpha.47",
-    "@storybook/csf": "next",
-    "@storybook/preview-web": "7.0.0-alpha.47",
-    "@storybook/store": "7.0.0-alpha.47",
-    "@storybook/types": "7.0.0-alpha.47",
-    "global": "^4.4.0",
-    "util-deprecate": "^1.0.2"
-  },
-  "devDependencies": {
-    "typescript": "~4.6.3"
-  },
-  "peerDependenciesMeta": {
-    "typescript": {
-      "optional": true
-    }
+    "@storybook/preview-api": "7.0.0-alpha.47"
   },
   "publishConfig": {
     "access": "public"
   },
   "bundler": {
     "entries": [
-      "./src/index.ts"
+      "./src/entry.ts"
     ]
   },
   "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"

code/lib/core-client/src/entry.ts

@@ -0,0 +1 @@
+export * from '@storybook/preview-api/dist/core-client';

code/lib/core-client/src/index.ts

@@ -1,5 +0,0 @@
-import { ClientApi } from '@storybook/client-api';
-import { StoryStore } from '@storybook/store';
-import { start } from './start';
-
-export { start, ClientApi, StoryStore };

code/lib/preview-api/package.json

@@ -26,6 +26,26 @@
       "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
+    "./dist/store": {
+      "import": "./dist/store.mjs",
+      "require": "./dist/store.js",
+      "types": "./dist/store.d.ts"
+    },
+    "./dist/client-api": {
+      "import": "./dist/client-api.mjs",
+      "require": "./dist/client-api.js",
+      "types": "./dist/client-api.d.ts"
+    },
+    "./dist/core-client": {
+      "import": "./dist/core-client.mjs",
+      "require": "./dist/core-client.js",
+      "types": "./dist/core-client.d.ts"
+    },
+    "./dist/preview-web": {
+      "import": "./dist/preview-web.mjs",
+      "require": "./dist/preview-web.js",
+      "types": "./dist/preview-web.d.ts"
+    },
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
@@ -43,17 +63,32 @@
   },
   "dependencies": {
     "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/client-api": "7.0.0-alpha.47",
-    "@storybook/core-client": "7.0.0-alpha.47",
-    "@storybook/preview-web": "7.0.0-alpha.47",
-    "@storybook/store": "7.0.0-alpha.47"
+    "@storybook/client-logger": "7.0.0-alpha.47",
+    "@storybook/core-events": "7.0.0-alpha.47",
+    "@storybook/csf": "next",
+    "@storybook/types": "7.0.0-alpha.47",
+    "@types/qs": "^6.9.5",
+    "@types/webpack-env": "^1.16.4",
+    "dequal": "^2.0.2",
+    "global": "^4.4.0",
+    "lodash": "^4.17.21",
+    "memoizerific": "^1.11.3",
+    "qs": "^6.10.0",
+    "slash": "^3.0.0",
+    "synchronous-promise": "^2.0.15",
+    "ts-dedent": "^2.0.0",
+    "util-deprecate": "^1.0.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "bundler": {
     "entries": [
-      "./src/index.ts"
+      "./src/index.ts",
+      "./src/store.ts",
+      "./src/client-api.ts",
+      "./src/core-client.ts",
+      "./src/preview-web.ts"
     ]
   },
   "gitHead": "3ef14366115c56c1d45c0359ff681cc47ed50532"

code/lib/preview-api/src/client-api.ts

@@ -0,0 +1 @@
+export * from './modules/client-api';

code/lib/preview-api/src/core-client.ts

@@ -0,0 +1 @@
+export * from './modules/core-client';

code/lib/preview-api/src/index.ts

@@ -31,12 +31,12 @@ export { addons } from '@storybook/addons';
 /**
  * DOCS API
  */
-export { DocsContext } from '@storybook/preview-web';
+export { DocsContext } from './preview-web';
 
 /**
  * SIMULATION API
  */
-export { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web';
+export { simulatePageLoad, simulateDOMContentLoaded } from './preview-web';
 
 /**
  * STORIES API
@@ -50,9 +50,9 @@ export {
   addLoader,
   addParameters,
   addStepRunner,
-} from '@storybook/client-api';
-export { getQueryParam, getQueryParams } from '@storybook/client-api';
-export { setGlobalRender } from '@storybook/client-api';
+} from './client-api';
+export { getQueryParam, getQueryParams } from './client-api';
+export { setGlobalRender } from './client-api';
 
 export {
   combineArgs,
@@ -71,12 +71,12 @@ export {
   inferControls,
   userOrAutoTitleFromSpecifier,
   sortStoriesV7,
-} from '@storybook/store';
+} from './store';
 
 /**
  * STORIES API
  */
-export { ClientApi } from '@storybook/client-api';
-export { StoryStore } from '@storybook/store';
-export { Preview, PreviewWeb } from '@storybook/preview-web';
-export { start } from '@storybook/core-client';
+export { ClientApi } from './client-api';
+export { StoryStore } from './store';
+export { Preview, PreviewWeb } from './preview-web';
+export { start } from './core-client';

code/lib/preview-api/src/modules/client-api/ClientApi.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-this-alias */
 /// <reference types="webpack-env" />
 
 import { dedent } from 'ts-dedent';
@@ -24,8 +25,8 @@ import type {
   Store_ModuleImportFn,
   Store_ModuleExports,
 } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
-import { combineParameters, composeStepRunners, normalizeInputTypes } from '@storybook/store';
+import type { StoryStore } from '../../store';
+import { combineParameters, composeStepRunners, normalizeInputTypes } from '../../store';
 
 import { StoryStoreFacade } from './StoryStoreFacade';
 
@@ -105,7 +106,9 @@ export const getGlobalRender = () => {
   return singleton.facade.projectAnnotations.render;
 };
 
-export const setGlobalRender = (render: StoryFn<AnyFramework>) => {
+export const setGlobalRender = (
+  render: typeof singleton['facade']['projectAnnotations']['render']
+) => {
   checkMethod('setGlobalRender');
   singleton.facade.projectAnnotations.render = render;
 };
@@ -131,7 +134,7 @@ export class ClientApi<TFramework extends AnyFramework> {
 
     this.storyStore = storyStore;
 
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    // @ts-expect-error (whatever)
     singleton = this;
   }
 
@@ -147,7 +150,7 @@ export class ClientApi<TFramework extends AnyFramework> {
   }
 
   addDecorator = (decorator: DecoratorFunction<TFramework>) => {
-    this.facade.projectAnnotations.decorators.push(decorator);
+    this.facade.projectAnnotations.decorators?.push(decorator);
   };
 
   addParameters = ({
@@ -175,12 +178,12 @@ export class ClientApi<TFramework extends AnyFramework> {
 
   addStepRunner = (stepRunner: StepRunner) => {
     this.facade.projectAnnotations.runStep = composeStepRunners(
-      [this.facade.projectAnnotations.runStep, stepRunner].filter(Boolean)
+      [this.facade.projectAnnotations.runStep, stepRunner].filter(Boolean) as StepRunner[]
     );
   };
 
   addLoader = (loader: LoaderFunction<TFramework>) => {
-    this.facade.projectAnnotations.loaders.push(loader);
+    this.facade.projectAnnotations.loaders?.push(loader);
   };
 
   addArgs = (args: Args) => {
@@ -198,11 +201,11 @@ export class ClientApi<TFramework extends AnyFramework> {
   };
 
   addArgsEnhancer = (enhancer: ArgsEnhancer<TFramework>) => {
-    this.facade.projectAnnotations.argsEnhancers.push(enhancer);
+    this.facade.projectAnnotations.argsEnhancers?.push(enhancer);
   };
 
   addArgTypesEnhancer = (enhancer: ArgTypesEnhancer<TFramework>) => {
-    this.facade.projectAnnotations.argTypesEnhancers.push(enhancer);
+    this.facade.projectAnnotations.argTypesEnhancers?.push(enhancer);
   };
 
   // Because of the API of `storiesOf().add()` we don't have a good "end" call for a
@@ -345,14 +348,14 @@ export class ClientApi<TFramework extends AnyFramework> {
         throw new Error(`You cannot add a decorator after the first story for a kind.
 Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);
 
-      meta.decorators.push(decorator);
+      meta.decorators?.push(decorator);
       return api;
     };
 
     api.addLoader = (loader: LoaderFunction<TFramework>) => {
       if (hasAdded) throw new Error(`You cannot add a loader after the first story for a kind.`);
 
-      meta.loaders.push(loader);
+      meta.loaders?.push(loader);
       return api;
     };
 
@@ -374,7 +377,7 @@ Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.m
 
   // @deprecated
   raw = () => {
-    return this.storyStore.raw();
+    return this.storyStore?.raw();
   };
 
   // @deprecated

code/lib/preview-api/src/modules/client-api/StoryStoreFacade.ts

@@ -17,9 +17,9 @@ import type {
   Store_StoryIndex,
   StoryId,
 } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
-import { userOrAutoTitle, sortStoriesV6 } from '@storybook/store';
 import { logger } from '@storybook/client-logger';
+import type { StoryStore } from '../../store';
+import { userOrAutoTitle, sortStoriesV6 } from '../../store';
 
 export class StoryStoreFacade<TFramework extends AnyFramework> {
   projectAnnotations: Store_NormalizedProjectAnnotations<TFramework>;
@@ -60,36 +60,35 @@ export class StoryStoreFacade<TFramework extends AnyFramework> {
 
     const storyEntries = Object.entries(this.entries);
     // Add the kind parameters and global parameters to each entry
-    const sortableV6: [StoryId, Store_Story<TFramework>, Parameters, Parameters][] =
-      storyEntries.map(([storyId, { type, importPath, ...entry }]) => {
-        const exports = this.csfExports[importPath];
-        const csfFile = store.processCSFFileWithCache<TFramework>(
-          exports,
-          importPath,
-          exports.default.title
-        );
+    const sortableV6 = storyEntries.map(([storyId, { type, importPath, ...entry }]) => {
+      const exports = this.csfExports[importPath];
+      const csfFile = store.processCSFFileWithCache<TFramework>(
+        exports,
+        importPath,
+        exports.default.title
+      );
 
-        let storyLike: Store_Story<TFramework>;
-        if (type === 'story') {
-          storyLike = store.storyFromCSFFile({ storyId, csfFile });
-        } else {
-          storyLike = {
-            ...entry,
-            story: entry.name,
-            kind: entry.title,
-            componentId: toId(entry.componentId || entry.title),
-            parameters: { fileName: importPath },
-          } as any;
-        }
-        return [storyId, storyLike, csfFile.meta.parameters, this.projectAnnotations.parameters];
-      });
+      let storyLike: Store_Story<TFramework>;
+      if (type === 'story') {
+        storyLike = store.storyFromCSFFile({ storyId, csfFile });
+      } else {
+        storyLike = {
+          ...entry,
+          story: entry.name,
+          kind: entry.title,
+          componentId: toId(entry.componentId || entry.title),
+          parameters: { fileName: importPath },
+        } as any;
+      }
+      return [storyId, storyLike, csfFile.meta.parameters, this.projectAnnotations.parameters];
+    }) as [StoryId, Store_Story<TFramework>, Parameters, Parameters][];
 
     // NOTE: the sortStoriesV6 version returns the v7 data format. confusing but more convenient!
     let sortedV7: Addon_IndexEntry[];
 
     try {
       sortedV7 = sortStoriesV6(sortableV6, storySortParameter, fileNameOrder);
-    } catch (err) {
+    } catch (err: any) {
       if (typeof storySortParameter === 'function') {
         throw new Error(dedent`
           Error sorting stories with sort parameter ${storySortParameter}:

code/lib/preview-api/src/modules/core-client/index.ts

@@ -0,0 +1,5 @@
+import { ClientApi } from '../../client-api';
+import { StoryStore } from '../../store';
+import { start } from './start';
+
+export { start, ClientApi, StoryStore };

code/lib/preview-api/src/modules/core-client/start.test.ts

@@ -2,8 +2,8 @@
 import { STORY_RENDERED, STORY_UNCHANGED, SET_INDEX } from '@storybook/core-events';
 
 import type { Store_ModuleExports, Path, Loadable } from '@storybook/types';
-import { setGlobalRender } from '@storybook/client-api';
 import global from 'global';
+import { setGlobalRender } from '../../client-api';
 import {
   waitForRender,
   waitForEvents,
@@ -36,8 +36,8 @@ jest.mock('@storybook/channel-postmessage', () => ({ createChannel: () => mockCh
 jest.mock('react-dom');
 
 // for the auto-title test
-jest.mock('@storybook/store', () => {
-  const actualStore = jest.requireActual('@storybook/store');
+jest.mock('../../store', () => {
+  const actualStore = jest.requireActual('../../store');
   return {
     ...actualStore,
     userOrAutoTitle: (importPath: Path, specifier: any, userTitle?: string) =>
@@ -45,8 +45,8 @@ jest.mock('@storybook/store', () => {
   };
 });
 
-jest.mock('@storybook/preview-web', () => {
-  const actualPreviewWeb = jest.requireActual('@storybook/preview-web');
+jest.mock('../../preview-web', () => {
+  const actualPreviewWeb = jest.requireActual('../../preview-web');
 
   class OverloadPreviewWeb extends actualPreviewWeb.PreviewWeb {
     constructor() {

code/lib/preview-api/src/modules/core-client/start.ts

@@ -1,7 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import global from 'global';
-import { ClientApi } from '@storybook/client-api';
-import { PreviewWeb } from '@storybook/preview-web';
 import type {
   AnyFramework,
   ArgsStoryFn,
@@ -12,6 +10,8 @@ import type {
 import { createChannel } from '@storybook/channel-postmessage';
 import { addons } from '@storybook/addons';
 import { FORCE_RE_RENDER } from '@storybook/core-events';
+import { PreviewWeb } from '../../preview-web';
+import { ClientApi } from '../../client-api';
 
 import { executeLoadableForChanges } from './executeLoadable';
 

code/lib/preview-api/src/modules/preview-web/Preview.tsx

@@ -29,7 +29,7 @@ import type {
   Store_WebProjectAnnotations,
   StoryId,
 } from '@storybook/types';
-import { StoryStore } from '@storybook/store';
+import { StoryStore } from '../../store';
 
 import { StoryRender } from './render/StoryRender';
 import type { TemplateDocsRender } from './render/TemplateDocsRender';

code/lib/preview-api/src/modules/preview-web/PreviewWeb.test.ts

@@ -30,8 +30,8 @@ import {
 import { logger } from '@storybook/client-logger';
 import { addons, mockChannel as createMockChannel } from '@storybook/addons';
 import type { AnyFramework } from '@storybook/types';
-import type { ModuleImportFn, WebProjectAnnotations } from '@storybook/store';
 import { mocked } from 'ts-jest/utils';
+import type { ModuleImportFn, WebProjectAnnotations } from '../../store';
 
 import { PreviewWeb } from './PreviewWeb';
 import {

code/lib/preview-api/src/modules/preview-web/docs-context/DocsContext.ts

@@ -8,8 +8,8 @@ import type {
   StoryId,
   StoryName,
 } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
 import type { Channel } from '@storybook/channels';
+import type { StoryStore } from '../../store';
 
 import type { DocsContextProps } from './DocsContextProps';
 

code/lib/preview-api/src/modules/preview-web/index.ts

@@ -1,5 +1,5 @@
 // FIXME: breaks builder-vite, remove this in 7.0
-export { composeConfigs } from '@storybook/store';
+export { composeConfigs } from '../../store';
 export type { Store_WebProjectAnnotations as WebProjectAnnotations } from '@storybook/types';
 
 export { Preview } from './Preview';

code/lib/preview-api/src/modules/preview-web/render/StandaloneDocsRender.test.ts

@@ -1,7 +1,7 @@
 import { jest, describe, it, expect } from '@jest/globals';
 import { Channel } from '@storybook/channels';
 import type { AnyFramework, Addon_StandaloneDocsIndexEntry } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
+import type { StoryStore } from '../../store';
 import { PREPARE_ABORTED } from './Render';
 
 import { StandaloneDocsRender } from './StandaloneDocsRender';

code/lib/preview-api/src/modules/preview-web/render/StandaloneDocsRender.ts

@@ -5,9 +5,9 @@ import type {
   Store_ModuleExports,
   StoryId,
 } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
 import type { Channel } from '@storybook/channels';
 import { DOCS_RENDERED } from '@storybook/core-events';
+import type { StoryStore } from '../../store';
 
 import type { Render, RenderType } from './Render';
 import { PREPARE_ABORTED } from './Render';

code/lib/preview-api/src/modules/preview-web/render/StoryRender.test.ts

@@ -1,7 +1,7 @@
 import { jest, describe, it, expect } from '@jest/globals';
 import { Channel } from '@storybook/channels';
 import type { AnyFramework, Addon_StoryIndexEntry } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
+import type { StoryStore } from '../../store';
 import { PREPARE_ABORTED } from './Render';
 
 import { StoryRender } from './StoryRender';

code/lib/preview-api/src/modules/preview-web/render/StoryRender.ts

@@ -10,7 +10,6 @@ import type {
   StoryId,
   ViewMode,
 } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
 import type { Channel } from '@storybook/channels';
 import { logger } from '@storybook/client-logger';
 import {
@@ -18,6 +17,7 @@ import {
   STORY_RENDERED,
   PLAY_FUNCTION_THREW_EXCEPTION,
 } from '@storybook/core-events';
+import type { StoryStore } from '../../store';
 import type { Render, RenderType } from './Render';
 import { PREPARE_ABORTED } from './Render';
 

code/lib/preview-api/src/modules/preview-web/render/TemplateDocsRender.test.ts

@@ -1,7 +1,7 @@
 import { jest, describe, it, expect } from '@jest/globals';
 import { Channel } from '@storybook/channels';
 import type { AnyFramework, Addon_TemplateDocsIndexEntry } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
+import type { StoryStore } from '../../store';
 import { PREPARE_ABORTED } from './Render';
 
 import { TemplateDocsRender } from './TemplateDocsRender';

code/lib/preview-api/src/modules/preview-web/render/TemplateDocsRender.ts

@@ -5,9 +5,9 @@ import type {
   Store_Story,
   StoryId,
 } from '@storybook/types';
-import type { StoryStore } from '@storybook/store';
 import type { Channel } from '@storybook/channels';
 import { DOCS_RENDERED } from '@storybook/core-events';
+import type { StoryStore } from '../../../store';
 
 import type { Render, RenderType } from './Render';
 import { PREPARE_ABORTED } from './Render';

code/lib/preview-api/src/preview-web.ts

@@ -0,0 +1 @@
+export * from './modules/preview-web';

code/lib/preview-api/src/store.ts

@@ -0,0 +1 @@
+export * from './modules/store';

code/lib/preview-web/package.json

@@ -22,15 +22,15 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/entry.js",
+      "import": "./dist/entry.mjs",
+      "types": "./dist/entry.d.ts"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "dist/entry.js",
+  "module": "dist/entry.mjs",
+  "types": "dist/entry.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -42,32 +42,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/channels": "7.0.0-alpha.47",
-    "@storybook/client-logger": "7.0.0-alpha.47",
-    "@storybook/core-events": "7.0.0-alpha.47",
-    "@storybook/store": "7.0.0-alpha.47",
-    "@storybook/types": "7.0.0-alpha.47",
-    "ansi-to-html": "^0.6.11",
-    "global": "^4.4.0",
-    "lodash": "^4.17.21",
-    "qs": "^6.10.0",
-    "synchronous-promise": "^2.0.15",
-    "ts-dedent": "^2.0.0",
-    "util-deprecate": "^1.0.2"
-  },
-  "devDependencies": {
-    "@storybook/channel-postmessage": "7.0.0-alpha.47",
-    "react": "16.14.0",
-    "ts-jest": "^28.0.8",
-    "typescript": "~4.6.3"
-  },
-  "publishConfig": {
-    "access": "public"
+    "@storybook/preview-api": "7.0.0-alpha.47"
   },
   "bundler": {
     "entries": [
-      "./src/index.ts"
+      "./src/entry.ts"
     ]
   },
   "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"

code/lib/preview-web/src/entry.ts

@@ -0,0 +1 @@
+export * from '@storybook/preview-api/dist/preview-web';

code/lib/store/package.json

@@ -22,15 +22,15 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/entry.js",
+      "import": "./dist/entry.mjs",
+      "types": "./dist/entry.d.ts"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "dist/entry.js",
+  "module": "dist/entry.mjs",
+  "types": "dist/entry.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -42,33 +42,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/client-logger": "7.0.0-alpha.47",
-    "@storybook/core-events": "7.0.0-alpha.47",
-    "@storybook/csf": "next",
-    "@storybook/types": "7.0.0-alpha.47",
-    "dequal": "^2.0.2",
-    "global": "^4.4.0",
-    "lodash": "^4.17.21",
-    "memoizerific": "^1.11.3",
-    "slash": "^3.0.0",
-    "synchronous-promise": "^2.0.15",
-    "ts-dedent": "^2.0.0",
-    "util-deprecate": "^1.0.2"
-  },
-  "devDependencies": {
-    "typescript": "~4.6.3"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "@storybook/preview-api": "7.0.0-alpha.47"
   },
   "publishConfig": {
     "access": "public"
   },
   "bundler": {
     "entries": [
-      "./src/index.ts"
+      "./src/entry.ts"
     ],
     "platform": "node"
   },

code/lib/store/src/entry.ts

@@ -0,0 +1 @@
+export * from '@storybook/preview-api/dist/store';

code/yarn.lock

@@ -6393,23 +6393,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/client-api@workspace:lib/client-api"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.47
-    "@storybook/client-logger": 7.0.0-alpha.47
-    "@storybook/core-common": 7.0.0-alpha.47
-    "@storybook/csf": next
-    "@storybook/store": 7.0.0-alpha.47
-    "@storybook/types": 7.0.0-alpha.47
-    "@types/qs": ^6.9.5
-    "@types/webpack-env": ^1.16.4
-    global: ^4.4.0
-    qs: ^6.10.0
-    synchronous-promise: ^2.0.15
-    ts-dedent: ^2.0.0
-    typescript: ~4.6.3
-    util-deprecate: ^1.0.2
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    "@storybook/preview-api": 7.0.0-alpha.47
   languageName: unknown
   linkType: soft
 
@@ -6488,23 +6472,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/core-client@workspace:lib/core-client"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.47
-    "@storybook/channel-postmessage": 7.0.0-alpha.47
-    "@storybook/channel-websocket": 7.0.0-alpha.47
-    "@storybook/channels": 7.0.0-alpha.47
-    "@storybook/client-api": 7.0.0-alpha.47
-    "@storybook/client-logger": 7.0.0-alpha.47
-    "@storybook/core-events": 7.0.0-alpha.47
-    "@storybook/csf": next
-    "@storybook/preview-web": 7.0.0-alpha.47
-    "@storybook/store": 7.0.0-alpha.47
-    "@storybook/types": 7.0.0-alpha.47
-    global: ^4.4.0
-    typescript: ~4.6.3
-    util-deprecate: ^1.0.2
-  peerDependenciesMeta:
-    typescript:
-      optional: true
+    "@storybook/preview-api": 7.0.0-alpha.47
   languageName: unknown
   linkType: soft
 
@@ -7272,10 +7240,21 @@ __metadata:
   resolution: "@storybook/preview-api@workspace:lib/preview-api"
   dependencies:
     "@storybook/addons": 7.0.0-alpha.47
-    "@storybook/client-api": 7.0.0-alpha.47
-    "@storybook/core-client": 7.0.0-alpha.47
-    "@storybook/preview-web": 7.0.0-alpha.47
-    "@storybook/store": 7.0.0-alpha.47
+    "@storybook/client-logger": 7.0.0-alpha.47
+    "@storybook/core-events": 7.0.0-alpha.47
+    "@storybook/csf": next
+    "@storybook/types": 7.0.0-alpha.47
+    "@types/qs": ^6.9.5
+    "@types/webpack-env": ^1.16.4
+    dequal: ^2.0.2
+    global: ^4.4.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    qs: ^6.10.0
+    slash: ^3.0.0
+    synchronous-promise: ^2.0.15
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
   languageName: unknown
   linkType: soft
 
@@ -7283,23 +7262,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/preview-web@workspace:lib/preview-web"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.47
-    "@storybook/channel-postmessage": 7.0.0-alpha.47
-    "@storybook/channels": 7.0.0-alpha.47
-    "@storybook/client-logger": 7.0.0-alpha.47
-    "@storybook/core-events": 7.0.0-alpha.47
-    "@storybook/store": 7.0.0-alpha.47
-    "@storybook/types": 7.0.0-alpha.47
-    ansi-to-html: ^0.6.11
-    global: ^4.4.0
-    lodash: ^4.17.21
-    qs: ^6.10.0
-    react: 16.14.0
-    synchronous-promise: ^2.0.15
-    ts-dedent: ^2.0.0
-    ts-jest: ^28.0.8
-    typescript: ~4.6.3
-    util-deprecate: ^1.0.2
+    "@storybook/preview-api": 7.0.0-alpha.47
   languageName: unknown
   linkType: soft
 
@@ -7814,23 +7777,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/store@workspace:lib/store"
   dependencies:
-    "@storybook/addons": 7.0.0-alpha.47
-    "@storybook/client-logger": 7.0.0-alpha.47
-    "@storybook/core-events": 7.0.0-alpha.47
-    "@storybook/csf": next
-    "@storybook/types": 7.0.0-alpha.47
-    dequal: ^2.0.2
-    global: ^4.4.0
-    lodash: ^4.17.21
-    memoizerific: ^1.11.3
-    slash: ^3.0.0
-    synchronous-promise: ^2.0.15
-    ts-dedent: ^2.0.0
-    typescript: ~4.6.3
-    util-deprecate: ^1.0.2
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    "@storybook/preview-api": 7.0.0-alpha.47
   languageName: unknown
   linkType: soft