Something went wrong. Try again.
[READ-ONLY]
a fast, modern browser for the npm registry forked from npmx.dev/npmx.dev
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475export type ShowcasedFramework = { name: string package: string color: string}
export const SHOWCASED_FRAMEWORKS = [ { name: 'nuxt', package: 'nuxt', color: 'oklch(0.7862 0.192 155.63)', }, { name: 'vue', package: 'vue', color: 'oklch(0.7025 0.132 160.37)' }, { name: 'nitro', package: 'nitro', color: 'oklch(70.4% 0.191 22.216)', }, { name: 'react', package: 'react', color: 'oklch(0.832 0.1167 218.69)', }, { name: 'svelte', package: 'svelte', color: 'oklch(0.6917 0.1865 35.04)', }, { name: 'vite', package: 'vite', color: 'oklch(0.7484 0.1439 294.03)', }, { name: 'next', package: 'next', color: 'oklch(71.7% .1648 250.794)', }, { name: 'astro', package: 'astro', color: 'oklch(0.5295 0.2434 270.23)', }, { name: 'typescript', package: 'typescript', color: 'oklch(0.5671 0.1399 253.3)', }, { name: 'angular', package: '@angular/core', color: 'oklch(0.626 0.2663 310.4)', }, { name: 'analog', package: '@analogjs/platform', color: 'oklch(0.5205 0.2035 21.88)', }, { name: 'solid', package: 'solid-js', color: 'oklch(0.4237 0.0857 255.45)', },]
export type FrameworkPackageName = (typeof SHOWCASED_FRAMEWORKS)[number]['package']
export function getFrameworkColor(framework: FrameworkPackageName): string { return SHOWCASED_FRAMEWORKS.find(f => f.package === framework)!.color}
export function isListedFramework(name: string): name is FrameworkPackageName { return SHOWCASED_FRAMEWORKS.some(f => f.package === name)}