Function iconWrapperPlugin

vitest.browser.config.ts:120–162

* Handle S2 workflow icons. * * Resolves the SVG and wraps it with createIcon from Icon.tsx.

()

 * Resolves the SVG and wraps it with createIcon from Icon.tsx.
 */
function iconWrapperPlugin(): Plugin {
  const VIRTUAL_PREFIX = '\0s2-icon:';
  const iconsDir = path.resolve(s2Dir, 's2wf-icons');

  // Build a map from icon name -> absolute SVG path
  const iconMap = new Map<string, string>();
  if (fs.existsSync(iconsDir)) {
    for (const file of fs.readdirSync(iconsDir)) {
      const match = file.match(/^S2_Icon_(.+)_20_N\.svg$/);
      if (match) {
        iconMap.set(match[1], path.resolve(iconsDir, file));
      }
    }
  }

  return {
    name: 'icon-wrapper',
    enforce: 'pre',
    resolveId(source) {
      if (source.startsWith('@react-spectrum/s2/icons/')) {
        const iconName = source.replace('@react-spectrum/s2/icons/', '');
        if (iconMap.has(iconName)) {
          return VIRTUAL_PREFIX + iconName;
        }
      }
      return null;
    },
    load(id) {
      if (id.startsWith(VIRTUAL_PREFIX)) {
        const iconName = id.slice(VIRTUAL_PREFIX.length);
        const svgPath = iconMap.get(iconName);
        if (svgPath) {
          return [
            `import {createIcon} from '${path.resolve(s2Dir, 'src/Icon.tsx').replaceAll('\\', '/')}';`,
            `import SvgComponent from '${svgPath.replaceAll('\\', '/')}';`,
            `export default /*#__PURE__*/ createIcon(SvgComponent);`
          ].join('\n');
        }
      }
      return null;
    }
  };
}

let unlock: ((value: any) => void) | null = null;