@storybook/react 6.5.9 → 7.0.0-alpha.10

package/dist/modern/client/preview/index.js

@@ -1,21 +0,0 @@
-/* eslint-disable prefer-destructuring */
-import { start } from '@storybook/core';
-import './globals';
-import { renderToDOM, render } from './render';
-const framework = 'react';
-const api = start(renderToDOM, {
-  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.addDecorator;
-export const addParameters = api.clientApi.addParameters;
-export const clearDecorators = api.clientApi.clearDecorators;
-export const setAddon = api.clientApi.setAddon;
-export const forceReRender = api.forceReRender;
-export const getStorybook = api.clientApi.getStorybook;
-export const raw = api.clientApi.raw;

package/dist/modern/client/preview/render.js

@@ -1,141 +0,0 @@
-import global from 'global';
-import React, { Component as ReactComponent, StrictMode, Fragment } from 'react';
-import ReactDOM, { version as reactDomVersion } from 'react-dom';
-const {
-  FRAMEWORK_OPTIONS
-} = global; // A map of all rendered React 18 nodes
-
-const nodes = new Map();
-export const render = (args, 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`);
-  }
-
-  return /*#__PURE__*/React.createElement(Component, args);
-};
-
-const renderElement = async (node, el) => {
-  // Create Root Element conditionally for new React 18 Root Api
-  const root = await getReactRoot(el);
-  return new Promise(resolve => {
-    if (root) {
-      root.render(node);
-      setTimeout(() => {
-        resolve(null);
-      }, 0);
-    } else {
-      ReactDOM.render(node, el, () => resolve(null));
-    }
-  });
-};
-
-const canUseNewReactRootApi = reactDomVersion && (reactDomVersion.startsWith('18') || reactDomVersion.startsWith('0.0.0'));
-const shouldUseNewRootApi = (FRAMEWORK_OPTIONS === null || FRAMEWORK_OPTIONS === void 0 ? void 0 : FRAMEWORK_OPTIONS.legacyRootApi) !== true;
-const isUsingNewReactRootApi = shouldUseNewRootApi && canUseNewReactRootApi;
-
-const unmountElement = el => {
-  const root = nodes.get(el);
-
-  if (root && isUsingNewReactRootApi) {
-    root.unmount();
-    nodes.delete(el);
-  } else {
-    ReactDOM.unmountComponentAtNode(el);
-  }
-};
-
-const getReactRoot = async el => {
-  if (!isUsingNewReactRootApi) {
-    return null;
-  }
-
-  let root = nodes.get(el);
-
-  if (!root) {
-    // eslint-disable-next-line import/no-unresolved
-    const reactDomClient = (await import('react-dom/client')).default;
-    root = reactDomClient.createRoot(el);
-    nodes.set(el, root);
-  }
-
-  return root;
-};
-
-class ErrorBoundary extends ReactComponent {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-      hasError: false
-    };
-  }
-
-  static getDerivedStateFromError() {
-    return {
-      hasError: true
-    };
-  }
-
-  componentDidMount() {
-    const {
-      hasError
-    } = this.state;
-    const {
-      showMain
-    } = this.props;
-
-    if (!hasError) {
-      showMain();
-    }
-  }
-
-  componentDidCatch(err) {
-    const {
-      showException
-    } = this.props; // message partially duplicates stack, strip it
-
-    showException(err);
-  }
-
-  render() {
-    const {
-      hasError
-    } = this.state;
-    const {
-      children
-    } = this.props;
-    return hasError ? null : children;
-  }
-
-}
-
-const Wrapper = FRAMEWORK_OPTIONS !== null && FRAMEWORK_OPTIONS !== void 0 && FRAMEWORK_OPTIONS.strictMode ? StrictMode : Fragment;
-export async function renderToDOM({
-  storyContext,
-  unboundStoryFn,
-  showMain,
-  showException,
-  forceRemount
-}, domElement) {
-  const Story = unboundStoryFn;
-  const content = /*#__PURE__*/React.createElement(ErrorBoundary, {
-    showMain: showMain,
-    showException: showException
-  }, /*#__PURE__*/React.createElement(Story, storyContext)); // For React 15, StrictMode & Fragment doesn't exists.
-
-  const element = Wrapper ? /*#__PURE__*/React.createElement(Wrapper, null, content) : content; // In most cases, we need to unmount the existing set of components in the DOM node.
-  // Otherwise, React may not recreate instances for every story run.
-  // This could leads to issues like below:
-  // https://github.com/storybookjs/react-storybook/issues/81
-  // (This is not the case when we change args or globals to the story however)
-
-  if (forceRemount) {
-    unmountElement(domElement);
-  }
-
-  await renderElement(element, domElement);
-}

package/dist/modern/client/preview/types-6-0.js

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

package/dist/modern/client/preview/types-6-3.js

@@ -1,10 +0,0 @@
-export * from './types-6-0';
-/**
- * For the common case where a component's stories are simple components that receives args as props:
- *
- * ```tsx
- * export default { ... } as ComponentMeta<typeof Button>;
- * ```
- */
-
-export {};

package/dist/modern/client/preview/types-7-0.js

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

package/dist/modern/client/preview/types.js

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

package/dist/modern/client/testing/index.js

@@ -1,96 +0,0 @@
-import { composeStory as originalComposeStory, composeStories as originalComposeStories, setProjectAnnotations as originalSetProjectAnnotations } from '@storybook/store';
-import { once } from '@storybook/client-logger';
-import { render } from '../preview/render';
-
-/** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
- *
- * It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
- *
- * Example:
- *```jsx
- * // setup.js (for jest)
- * import { setProjectAnnotations } from '@storybook/react';
- * import * as projectAnnotations from './.storybook/preview';
- *
- * setProjectAnnotations(projectAnnotations);
- *```
- *
- * @param projectAnnotations - e.g. (import * as projectAnnotations from '../.storybook/preview')
- */
-export function setProjectAnnotations(projectAnnotations) {
-  originalSetProjectAnnotations(projectAnnotations);
-}
-/** Preserved for users migrating from `@storybook/testing-react`.
- *
- * @deprecated Use setProjectAnnotations instead
- */
-
-export function setGlobalConfig(projectAnnotations) {
-  once.warn(`setGlobalConfig is deprecated. Use setProjectAnnotations instead.`);
-  setProjectAnnotations(projectAnnotations);
-} // This will not be necessary once we have auto preset loading
-
-const defaultProjectAnnotations = {
-  render
-};
-/**
- * Function that will receive a story along with meta (e.g. a default export from a .stories file)
- * and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
- * and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
- *
- *
- * It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
- *
- * Example:
- *```jsx
- * import { render } from '@testing-library/react';
- * import { composeStory } from '@storybook/react';
- * import Meta, { Primary as PrimaryStory } from './Button.stories';
- *
- * const Primary = composeStory(PrimaryStory, Meta);
- *
- * test('renders primary button with Hello World', () => {
- *   const { getByText } = render(<Primary>Hello world</Primary>);
- *   expect(getByText(/Hello world/i)).not.toBeNull();
- * });
- *```
- *
- * @param story
- * @param componentAnnotations - e.g. (import Meta from './Button.stories')
- * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
- * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
- */
-
-export function composeStory(story, componentAnnotations, projectAnnotations, exportsName) {
-  return originalComposeStory(story, componentAnnotations, projectAnnotations, defaultProjectAnnotations, exportsName);
-}
-/**
- * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
- * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
- * and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.
- *
- *
- * It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
- *
- * Example:
- *```jsx
- * import { render } from '@testing-library/react';
- * import { composeStories } from '@storybook/react';
- * import * as stories from './Button.stories';
- *
- * const { Primary, Secondary } = composeStories(stories);
- *
- * test('renders primary button with Hello World', () => {
- *   const { getByText } = render(<Primary>Hello world</Primary>);
- *   expect(getByText(/Hello world/i)).not.toBeNull();
- * });
- *```
- *
- * @param csfExports - e.g. (import * as stories from './Button.stories')
- * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
- */
-
-export function composeStories(csfExports, projectAnnotations) {
-  const composedStories = originalComposeStories(csfExports, projectAnnotations, composeStory);
-  return composedStories;
-}

package/dist/modern/demo/Button.js

@@ -1,25 +0,0 @@
-import React from 'react';
-const styles = {
-  border: '1px solid #eee',
-  borderRadius: 3,
-  backgroundColor: '#FFFFFF',
-  cursor: 'pointer',
-  fontSize: 15,
-  padding: '3px 10px',
-  margin: 10
-};
-
-const Button = ({
-  children,
-  onClick
-}) => /*#__PURE__*/React.createElement("button", {
-  onClick: onClick,
-  style: styles,
-  type: "button"
-}, children);
-
-Button.displayName = 'Button';
-Button.defaultProps = {
-  onClick: () => {}
-};
-export default Button;

package/dist/modern/demo/Welcome.js

@@ -1,108 +0,0 @@
-const _excluded = ["children"],
-      _excluded2 = ["children", "href", "target", "rel"],
-      _excluded3 = ["children", "onClick"];
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-
-const Main = props => /*#__PURE__*/React.createElement("article", _extends({}, props, {
-  style: {
-    padding: 15,
-    lineHeight: 1.4,
-    fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
-    backgroundColor: '#fff',
-    color: '#000'
-  }
-}));
-
-const Title = _ref => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement("h1", props, children);
-};
-
-const Note = props => /*#__PURE__*/React.createElement("p", _extends({}, props, {
-  style: {
-    opacity: 0.5
-  }
-}));
-
-const InlineCode = props => /*#__PURE__*/React.createElement("code", _extends({}, props, {
-  style: {
-    fontSize: 15,
-    fontWeight: 600,
-    padding: '2px 5px',
-    border: '1px solid #eae9e9',
-    borderRadius: 4,
-    backgroundColor: '#f3f2f2',
-    color: '#3a3a3a'
-  }
-}));
-
-const Link = _ref2 => {
-  let {
-    children,
-    href,
-    target,
-    rel
-  } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
-  return /*#__PURE__*/React.createElement("a", _extends({
-    href: href
-  }, props, {
-    target: target,
-    rel: rel,
-    style: {
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2
-    }
-  }), children);
-};
-
-const NavButton = _ref3 => {
-  let {
-    children,
-    onClick
-  } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-
-  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
-    type: "button",
-    onClick: onClick,
-    style: {
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2,
-      borderTop: 'none',
-      borderRight: 'none',
-      borderLeft: 'none',
-      backgroundColor: 'transparent',
-      padding: 0,
-      cursor: 'pointer',
-      font: 'inherit'
-    }
-  }), children);
-};
-
-const Welcome = ({
-  showApp
-}) => /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(Title, null, "Welcome to storybook"), /*#__PURE__*/React.createElement("p", null, "This is a UI component dev environment for your app."), /*#__PURE__*/React.createElement("p", null, "We've added some basic stories inside the ", /*#__PURE__*/React.createElement(InlineCode, null, "src/stories"), " directory.", /*#__PURE__*/React.createElement("br", null), "A story is a single state of one or more UI components. You can have as many stories as you want.", /*#__PURE__*/React.createElement("br", null), "(Basically a story is like a visual test case.)"), /*#__PURE__*/React.createElement("p", null, "See these sample ", /*#__PURE__*/React.createElement(NavButton, {
-  onClick: showApp
-}, "stories"), " for a component called\xA0", /*#__PURE__*/React.createElement(InlineCode, null, "Button"), "."), /*#__PURE__*/React.createElement("p", null, "Just like that, you can add your own components as stories.", /*#__PURE__*/React.createElement("br", null), "You can also edit those components and see changes right away.", /*#__PURE__*/React.createElement("br", null), "(Try editing the ", /*#__PURE__*/React.createElement(InlineCode, null, "Button"), " stories located at\xA0", /*#__PURE__*/React.createElement(InlineCode, null, "src/stories/1-Button.stories.js"), ".)"), /*#__PURE__*/React.createElement("p", null, "Usually we create stories with smaller UI components in the app.", /*#__PURE__*/React.createElement("br", null), "Have a look at the\xA0", /*#__PURE__*/React.createElement(Link, {
-  href: "https://storybook.js.org/basics/writing-stories",
-  target: "_blank",
-  rel: "noopener noreferrer"
-}, "Writing Stories"), "\xA0section in our documentation."), /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement("b", null, "NOTE:"), /*#__PURE__*/React.createElement("br", null), "Have a look at the ", /*#__PURE__*/React.createElement(InlineCode, null, ".storybook/webpack.config.js"), " to add webpack loaders and plugins you are using in this project."));
-
-Welcome.displayName = 'Welcome';
-export { Welcome as default };

package/dist/modern/server/build.js

@@ -1,3 +0,0 @@
-import { buildStatic } from '@storybook/core/server';
-import options from './options';
-buildStatic(options);

package/dist/modern/server/cra-config.js

@@ -1,49 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import semver from '@storybook/semver';
-import { logger } from '@storybook/node-logger';
-var appDirectory = fs.realpathSync(process.cwd());
-var reactScriptsPath;
-export function getReactScriptsPath({
-  noCache: noCache
-} = {}) {
-  if (reactScriptsPath && !noCache) return reactScriptsPath;
-  var reactScriptsScriptPath = fs.realpathSync(path.join(appDirectory, '/node_modules/.bin/react-scripts'));
-
-  try {
-    // Note: Since there is no symlink for .bin/react-scripts on Windows
-    // we'll parse react-scripts file to find actual package path.
-    // This is important if you use fork of CRA.
-    var pathIsNotResolved = /node_modules[\\/]\.bin[\\/]react-scripts/i.test(reactScriptsScriptPath);
-
-    if (pathIsNotResolved) {
-      var content = fs.readFileSync(reactScriptsScriptPath, 'utf8');
-      var packagePathMatch = content.match(/"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i);
-
-      if (packagePathMatch && packagePathMatch.length > 1) {
-        reactScriptsScriptPath = path.join(appDirectory, '/node_modules/.bin/', packagePathMatch[1]);
-      }
-    }
-  } catch (e) {
-    logger.warn(`Error occurred during react-scripts package path resolving: ${e}`);
-  }
-
-  reactScriptsPath = path.join(reactScriptsScriptPath, '../..');
-  var scriptsPkgJson = path.join(reactScriptsPath, 'package.json');
-
-  if (!fs.existsSync(scriptsPkgJson)) {
-    reactScriptsPath = 'react-scripts';
-  }
-
-  return reactScriptsPath;
-}
-export function isReactScriptsInstalled(requiredVersion = '2.0.0') {
-  try {
-    // eslint-disable-next-line import/no-dynamic-require,global-require
-    var reactScriptsJson = require(path.join(getReactScriptsPath(), 'package.json'));
-
-    return !semver.gtr(requiredVersion, reactScriptsJson.version);
-  } catch (e) {
-    return false;
-  }
-}

package/dist/modern/server/framework-preset-cra.js

@@ -1,25 +0,0 @@
-import { logger } from '@storybook/node-logger';
-import { isReactScriptsInstalled } from './cra-config';
-
-var checkForNewPreset = function (presetsList) {
-  var hasNewPreset = presetsList.some(function (preset) {
-    var presetName = typeof preset === 'string' ? preset : preset.name;
-    return /@storybook(\/|\\)preset-create-react-app/.test(presetName);
-  });
-
-  if (!hasNewPreset) {
-    logger.warn('Storybook support for Create React App is now a separate preset.');
-    logger.warn('To use the new preset, install `@storybook/preset-create-react-app` and add it to the list of `addons` in your `.storybook/main.js` config file.');
-    logger.warn('The built-in preset has been disabled in Storybook 6.0.');
-  }
-};
-
-export function webpackFinal(config, {
-  presetsList: presetsList
-}) {
-  if (isReactScriptsInstalled()) {
-    checkForNewPreset(presetsList);
-  }
-
-  return config;
-}

package/dist/modern/server/framework-preset-react-docs.js

@@ -1,49 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import "core-js/modules/es.promise.js";
-import { findDistEsm } from '@storybook/core-common';
-import ReactDocgenTypescriptPlugin from '@storybook/react-docgen-typescript-plugin';
-import { hasDocsOrControls } from '@storybook/docs-tools';
-export async function babel(config, options) {
-  if (!hasDocsOrControls(options)) return config;
-  var typescriptOptions = await options.presets.apply('typescript', {});
-  var reactDocgen = typescriptOptions.reactDocgen;
-
-  if (typeof reactDocgen !== 'string') {
-    return config;
-  }
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    overrides: [...((config === null || config === void 0 ? void 0 : config.overrides) || []), {
-      test: reactDocgen === 'react-docgen' ? /\.(mjs|tsx?|jsx?)$/ : /\.(mjs|jsx?)$/,
-      plugins: [[require.resolve('babel-plugin-react-docgen'), {
-        DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES'
-      }]]
-    }]
-  });
-}
-export async function webpackFinal(config, options) {
-  if (!hasDocsOrControls(options)) return config;
-  var typescriptOptions = await options.presets.apply('typescript', {});
-  var reactDocgen = typescriptOptions.reactDocgen,
-      reactDocgenTypescriptOptions = typescriptOptions.reactDocgenTypescriptOptions;
-
-  if (reactDocgen !== 'react-docgen-typescript') {
-    return config;
-  }
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, new ReactDocgenTypescriptPlugin(_objectSpread(_objectSpread({}, reactDocgenTypescriptOptions), {}, {
-      // We *need* this set so that RDT returns default values in the same format as react-docgen
-      savePropValueAsString: true
-    }))]
-  });
-}
-export var previewAnnotations = function (entry = [], options) {
-  if (!hasDocsOrControls(options)) return entry;
-  return [...entry, findDistEsm(__dirname, 'client/docs/config')];
-};

package/dist/modern/server/framework-preset-react-dom-hack.js

@@ -1,21 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import "core-js/modules/es.promise.js";
-import { readJSON } from 'fs-extra';
-import { IgnorePlugin } from 'webpack'; // this is a hack to allow importing react-dom/client even when it's not available
-// this should be removed once we drop support for react-dom < 18
-
-export async function webpackFinal(config) {
-  var reactDomPkg = await readJSON(require.resolve('react-dom/package.json'));
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, reactDomPkg.version.startsWith('18') || reactDomPkg.version.startsWith('0.0.0') ? null : new IgnorePlugin({
-      resourceRegExp: /react-dom\/client$/,
-      contextRegExp: /(app\/react|app\\react|@storybook\/react|@storybook\\react)/ // TODO this needs to work for both in our MONOREPO and in the user's NODE_MODULES
-
-    })].filter(Boolean)
-  });
-}

package/dist/modern/server/framework-preset-react.js

@@ -1,78 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import "core-js/modules/es.promise.js";
-import path from 'path';
-import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
-import { logger } from '@storybook/node-logger';
-export async function babel(config, options) {
-  var isDevelopment = options.configType === 'DEVELOPMENT';
-  var reactOptions = await options.presets.apply('reactOptions', {}, options);
-  var fastRefreshEnabled = isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
-
-  if (!fastRefreshEnabled) {
-    return config;
-  }
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [[require.resolve('react-refresh/babel'), {}, 'storybook-react-refresh'], ...(config.plugins || [])]
-  });
-}
-var storybookReactDirName = path.dirname(require.resolve('@storybook/react/package.json')); // TODO: improve node_modules detection
-
-var context = storybookReactDirName.includes('node_modules') ? path.join(storybookReactDirName, '../../') // Real life case, already in node_modules
-: path.join(storybookReactDirName, '../../node_modules'); // SB Monorepo
-
-var hasJsxRuntime = function () {
-  try {
-    require.resolve('react/jsx-runtime', {
-      paths: [context]
-    });
-
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-export async function babelDefault(config) {
-  var presetReactOptions = hasJsxRuntime() ? {
-    runtime: 'automatic'
-  } : {};
-  return _objectSpread(_objectSpread({}, config), {}, {
-    presets: [...((config === null || config === void 0 ? void 0 : config.presets) || []), [require.resolve('@babel/preset-react'), presetReactOptions], require.resolve('@babel/preset-flow')],
-    plugins: [...((config === null || config === void 0 ? void 0 : config.plugins) || []), require.resolve('babel-plugin-add-react-displayname')]
-  });
-}
-export async function webpackFinal(config, options) {
-  var isDevelopment = options.configType === 'DEVELOPMENT';
-  var reactOptions = await options.presets.apply('reactOptions', {}, options);
-  var fastRefreshEnabled = isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
-
-  if (!fastRefreshEnabled) {
-    return config;
-  } // matches the name of the plugin in CRA.
-
-
-  var hasReactRefresh = config.plugins.find(function (p) {
-    return p.constructor.name === 'ReactRefreshPlugin';
-  });
-
-  if (hasReactRefresh) {
-    logger.warn("=> React refresh is already set. You don't need to set the option");
-    return config;
-  }
-
-  logger.info('=> Using React fast refresh');
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, // Storybook uses webpack-hot-middleware https://github.com/storybookjs/storybook/issues/14114
-    new ReactRefreshWebpackPlugin({
-      overlay: {
-        sockIntegration: 'whm'
-      }
-    })]
-  });
-}

package/dist/modern/server/index.js

@@ -1,3 +0,0 @@
-import { buildDev } from '@storybook/core/server';
-import options from './options';
-buildDev(options);

package/dist/modern/server/options.js

@@ -1,8 +0,0 @@
-import { sync } from 'read-pkg-up';
-export default {
-  packageJson: sync({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'react',
-  frameworkPresets: [require.resolve('./preset')]
-};

package/dist/modern/server/preset.js

@@ -1,5 +0,0 @@
-import { findDistEsm } from '@storybook/core-common';
-export var previewAnnotations = function (entries = []) {
-  return [...entries, findDistEsm(__dirname, 'client/preview/config')];
-};
-export var addons = [require.resolve('./framework-preset-react'), require.resolve('./framework-preset-react-dom-hack'), require.resolve('./framework-preset-cra'), require.resolve('./framework-preset-react-docs')];