@storybook/react-native/scripts/common.js

A better way to develop React Native Components for your app

const { globToRegexp, serverRequire } = require('storybook/internal/common');
const path = require('path');
const fs = require('fs');

const cwd = process.cwd();

const toRequireContext = (specifier) => {
  const { directory, files } = specifier;

  // The importPathMatcher is a `./`-prefixed matcher that includes the directory
  // For `require.context()` we want the same thing, relative to directory
  const match = globToRegexp(`./${files}`);

  return {
    path: directory,
    recursive: files.includes('**') || files.split('/').length > 1,
    match,
  };
};

function requireUncached(module) {
  delete require.cache[require.resolve(module)];

  return serverRequire(module);
}

const supportedExtensions = ['js', 'jsx', 'ts', 'tsx', 'cjs', 'mjs'];

function getFilePathExtension({ configPath }, fileName) {
  for (const ext of supportedExtensions) {
    const filePath = path.resolve(cwd, configPath, `${fileName}.${ext}`);

    if (fs.existsSync(filePath)) {
      return ext;
    }
  }

  return null;
}

function getMain({ configPath }) {
  const fileExtension = getFilePathExtension({ configPath }, 'main');

  if (fileExtension === null) {
    throw new Error('main config file not found');
  }

  const mainPath = path.resolve(cwd, configPath, `main.${fileExtension}`);

  return requireUncached(mainPath);
}

function ensureRelativePathHasDot(relativePath) {
  return relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
}

function getPreviewExists({ configPath }) {
  return !!getFilePathExtension({ configPath }, 'preview');
}

function resolveAddonFile(addon, file, extensions = ['js', 'mjs', 'ts'], configPath) {
  if (!addon || typeof addon !== 'string') return null;

  try {
    const basePath = `${addon}/${file}`;

    require.resolve(basePath);

    return basePath;
  } catch (_error) {}

  for (const ext of extensions) {
    try {
      const filePath = `${addon}/${file}.${ext}`;

      require.resolve(filePath);

      return filePath;
    } catch (_error) {}
  }

  // attempt to resolve as a relative path for local addons
  if (addon.startsWith('./') || addon.startsWith('../')) {
    try {
      const extension = getFilePathExtension({ configPath }, `${addon}/${file}`);

      if (extension) {
        return `${addon}/${file}`;
      }
    } catch (_error) {}
  }

  return null;
}

function getAddonName(addon) {
  if (typeof addon === 'string') return addon;

  if (typeof addon === 'object' && addon.name && typeof addon.name === 'string') return addon.name;

  console.error('Invalid addon configuration', addon);

  return null;
}

module.exports = {
  toRequireContext,
  requireUncached,
  getFilePathExtension,
  getMain,
  ensureRelativePathHasDot,
  getPreviewExists,
  resolveAddonFile,
  getAddonName,
};