@storybook/api/dist/modern/modules/versions.js

Core Storybook API & Context

import global from 'global';
import semver from '@storybook/semver';
import memoize from 'memoizerific';
import { version as currentVersion } from '../version';
const {
  VERSIONCHECK
} = global;
const getVersionCheckData = memoize(1)(() => {
  try {
    return Object.assign({}, JSON.parse(VERSIONCHECK).data || {});
  } catch (e) {
    return {};
  }
});
export const init = ({
  store,
  mode,
  fullAPI
}) => {
  const {
    dismissedVersionNotification
  } = store.getState();
  const state = {
    versions: Object.assign({
      current: {
        version: currentVersion
      }
    }, getVersionCheckData()),
    dismissedVersionNotification
  };
  const api = {
    getCurrentVersion: () => {
      const {
        versions: {
          current
        }
      } = store.getState();
      return current;
    },
    getLatestVersion: () => {
      const {
        versions: {
          latest,
          next,
          current
        }
      } = store.getState();

      if (current && semver.prerelease(current.version) && next) {
        return latest && semver.gt(latest.version, next.version) ? latest : next;
      }

      return latest;
    },
    versionUpdateAvailable: () => {
      const latest = api.getLatestVersion();
      const current = api.getCurrentVersion();

      if (latest) {
        if (!latest.version) {
          return true;
        }

        if (!current.version) {
          return true;
        }

        const onPrerelease = !!semver.prerelease(current.version);
        const actualCurrent = onPrerelease ? `${semver.major(current.version)}.${semver.minor(current.version)}.${semver.patch(current.version)}` : current.version;
        const diff = semver.diff(actualCurrent, latest.version);
        return semver.gt(latest.version, actualCurrent) && diff !== 'patch' && !diff.includes('pre');
      }

      return false;
    }
  }; // Grab versions from the server/local storage right away

  const initModule = async () => {
    const {
      versions = {}
    } = store.getState();
    const {
      latest,
      next
    } = getVersionCheckData();
    await store.setState({
      versions: Object.assign({}, versions, {
        latest,
        next
      })
    });

    if (api.versionUpdateAvailable()) {
      const latestVersion = api.getLatestVersion().version;
      const diff = semver.diff(versions.current.version, versions.latest.version);

      if (latestVersion !== dismissedVersionNotification && diff !== 'patch' && !semver.prerelease(latestVersion) && mode !== 'production') {
        fullAPI.addNotification({
          id: 'update',
          link: '/settings/about',
          content: {
            headline: `Storybook ${latestVersion} is available!`,
            subHeadline: `Your current version is: ${versions.current.version}`
          },
          icon: {
            name: 'book'
          },

          onClear() {
            store.setState({
              dismissedVersionNotification: latestVersion
            }, {
              persistence: 'permanent'
            });
          }

        });
      }
    }
  };

  return {
    init: initModule,
    state,
    api
  };
};