Function detectFramework

packages/devtools/src/tabs/marketplace/plugin-utils.ts:6–33

(
  pkg: PackageJson,
  frameworks: typeof FRAMEWORKS,
)

import type { ActionType, FRAMEWORKS, PluginCard, PluginSection } from './types'

export const detectFramework = (
  pkg: PackageJson,
  frameworks: typeof FRAMEWORKS,
): string => {
  const allDeps = {
    ...pkg.dependencies,
    ...pkg.devDependencies,
  }

  // Map of framework to their actual package names
  const frameworkPackageMap: Record<string, Array<string>> = {
    react: ['react', 'react-dom'],
    vue: ['vue', '@vue/core'],
    solid: ['solid-js'],
    svelte: ['svelte'],
    angular: ['@angular/core'],
  }

  // Check for actual framework packages
  for (const framework of frameworks) {
    const frameworkPackages = frameworkPackageMap[framework]
    if (frameworkPackages && frameworkPackages.some((pkg) => allDeps[pkg])) {
      return framework
    }
  }

  return 'unknown'
}

export const isPluginRegistered = (
  registeredPlugins: Set<string>,