comparisons

tannerlinsley · tannerlinsley · commit 5f871c387d2f · 2025-05-01T13:27:16.000-06:00
diff --git a/app/routes/stats/npm/-comparisons.ts b/app/routes/stats/npm/-comparisons.ts
@@ -171,11 +171,11 @@ export function getPopularComparisons(): PackageComparison[] {
         },
         {
           packages: ['vite'],
-          color: '#646CFF',
+          color: '#008000', // Green color
         },
         {
           packages: ['rollup'],
-          color: '#EC4A3F',
+          color: '#e80A3F',
         },
         {
           packages: ['rolldown'],
@@ -237,7 +237,7 @@ export function getPopularComparisons(): PackageComparison[] {
         },
         {
           packages: ['@tanstack/form-core'],
-          color: '#FF4500',
+          color: '#FFD700',
         },
         {
           packages: ['conform'],
@@ -258,48 +258,44 @@ export function getPopularComparisons(): PackageComparison[] {
         },
         {
           packages: ['@radix-ui/themes'],
-          color: '#14b8a6',
+          color: '#FF6F61',
         },
         {
           packages: ['@headlessui/react'],
           color: '#f43f5e',
         },
         {
           packages: ['@mantine/core'],
-          color: '#339AF0',
-        },
-        {
-          packages: ['@nextui-org/react'],
-          color: '#0ea5e9',
+          color: '#FFD700',
         },
       ],
     },
     {
       title: 'Animation Libraries',
       packages: [
         {
-          packages: ['framer-motion'],
+          packages: ['motion', 'framer-motion'],
           color: '#FF0055',
         },
         {
           packages: ['react-spring'],
-          color: '#FF6B6B',
+          color: '#FF7F50',
         },
         {
           packages: ['@react-spring/web'],
-          color: '#FF6B6B',
+          color: '#FF4500',
         },
         {
           packages: ['gsap'],
-          color: '#88CE02',
+          color: '#32CD32',
         },
         {
           packages: ['@motionone/dom'],
-          color: '#FF0055',
+          color: '#FF1493',
         },
         {
           packages: ['auto-animate'],
-          color: '#F59E0B',
+          color: '#FFD700',
         },
       ],
     },
@@ -324,7 +320,7 @@ export function getPopularComparisons(): PackageComparison[] {
         },
         {
           packages: ['@date-io/date-fns'],
-          color: '#E91E63',
+          color: '#FFD700',
         },
         {
           packages: ['temporal-polyfill'],
@@ -366,15 +362,15 @@ export function getPopularComparisons(): PackageComparison[] {
       packages: [
         {
           packages: ['react-router'],
-          color: '#CA4245',
+          color: '#FF0000',
         },
         {
           packages: ['@tanstack/react-router'],
-          color: '#FF4500',
+          color: '#32CD32',
         },
         {
           packages: ['next'],
-          color: '#84cc16',
+          color: '#4682B4',
         },
         {
           packages: ['wouter'],

Original file line number	Diff line number	Diff line change
`@@ -171,11 +171,11 @@ export function getPopularComparisons(): PackageComparison[] {`
`171`	`171`	`},`
`172`	`172`	`{`
`173`	`173`	`packages: ['vite'],`
`174`		`- color: '#646CFF',`
	`174`	`+ color: '#008000', // Green color`
`175`	`175`	`},`
`176`	`176`	`{`
`177`	`177`	`packages: ['rollup'],`
`178`		`- color: '#EC4A3F',`
	`178`	`+ color: '#e80A3F',`
`179`	`179`	`},`
`180`	`180`	`{`
`181`	`181`	`packages: ['rolldown'],`
`@@ -237,7 +237,7 @@ export function getPopularComparisons(): PackageComparison[] {`
`237`	`237`	`},`
`238`	`238`	`{`
`239`	`239`	`packages: ['@tanstack/form-core'],`
`240`		`- color: '#FF4500',`
	`240`	`+ color: '#FFD700',`
`241`	`241`	`},`
`242`	`242`	`{`
`243`	`243`	`packages: ['conform'],`
`@@ -258,48 +258,44 @@ export function getPopularComparisons(): PackageComparison[] {`
`258`	`258`	`},`
`259`	`259`	`{`
`260`	`260`	`packages: ['@radix-ui/themes'],`
`261`		`- color: '#14b8a6',`
	`261`	`+ color: '#FF6F61',`
`262`	`262`	`},`
`263`	`263`	`{`
`264`	`264`	`packages: ['@headlessui/react'],`
`265`	`265`	`color: '#f43f5e',`
`266`	`266`	`},`
`267`	`267`	`{`
`268`	`268`	`packages: ['@mantine/core'],`
`269`		`- color: '#339AF0',`
`270`		`- },`
`271`		`- {`
`272`		`- packages: ['@nextui-org/react'],`
`273`		`- color: '#0ea5e9',`
	`269`	`+ color: '#FFD700',`
`274`	`270`	`},`
`275`	`271`	`],`
`276`	`272`	`},`
`277`	`273`	`{`
`278`	`274`	`title: 'Animation Libraries',`
`279`	`275`	`packages: [`
`280`	`276`	`{`
`281`		`- packages: ['framer-motion'],`
	`277`	`+ packages: ['motion', 'framer-motion'],`
`282`	`278`	`color: '#FF0055',`
`283`	`279`	`},`
`284`	`280`	`{`
`285`	`281`	`packages: ['react-spring'],`
`286`		`- color: '#FF6B6B',`
	`282`	`+ color: '#FF7F50',`
`287`	`283`	`},`
`288`	`284`	`{`
`289`	`285`	`packages: ['@react-spring/web'],`
`290`		`- color: '#FF6B6B',`
	`286`	`+ color: '#FF4500',`
`291`	`287`	`},`
`292`	`288`	`{`
`293`	`289`	`packages: ['gsap'],`
`294`		`- color: '#88CE02',`
	`290`	`+ color: '#32CD32',`
`295`	`291`	`},`
`296`	`292`	`{`
`297`	`293`	`packages: ['@motionone/dom'],`
`298`		`- color: '#FF0055',`
	`294`	`+ color: '#FF1493',`
`299`	`295`	`},`
`300`	`296`	`{`
`301`	`297`	`packages: ['auto-animate'],`
`302`		`- color: '#F59E0B',`
	`298`	`+ color: '#FFD700',`
`303`	`299`	`},`
`304`	`300`	`],`
`305`	`301`	`},`
`@@ -324,7 +320,7 @@ export function getPopularComparisons(): PackageComparison[] {`
`324`	`320`	`},`
`325`	`321`	`{`
`326`	`322`	`packages: ['@date-io/date-fns'],`
`327`		`- color: '#E91E63',`
	`323`	`+ color: '#FFD700',`
`328`	`324`	`},`
`329`	`325`	`{`
`330`	`326`	`packages: ['temporal-polyfill'],`
`@@ -366,15 +362,15 @@ export function getPopularComparisons(): PackageComparison[] {`
`366`	`362`	`packages: [`
`367`	`363`	`{`
`368`	`364`	`packages: ['react-router'],`
`369`		`- color: '#CA4245',`
	`365`	`+ color: '#FF0000',`
`370`	`366`	`},`
`371`	`367`	`{`
`372`	`368`	`packages: ['@tanstack/react-router'],`
`373`		`- color: '#FF4500',`
	`369`	`+ color: '#32CD32',`
`374`	`370`	`},`
`375`	`371`	`{`
`376`	`372`	`packages: ['next'],`
`377`		`- color: '#84cc16',`
	`373`	`+ color: '#4682B4',`
`378`	`374`	`},`
`379`	`375`	`{`
`380`	`376`	`packages: ['wouter'],`