miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

docs(core): api icons fallback (#30499)

Browse Source 
Add rsbuild icon and update rspack icon. `nx-api` icons default to Nx
icon if none is specified.
This commit is contained in:
Isaac Mann 2025-03-26 11:28:37 -04:00 committed by GitHub
parent e6d8b3913b
commit b21af21657
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 869 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
nx-dev/nx-dev/pages/nx-api/index.tsx
View File

@ -119,7 +119,7 @@ export default function Packages({
<img <img
className="h-5 w-5 object-cover opacity-75 dark:invert" className="h-5 w-5 object-cover opacity-75 dark:invert"
loading="lazy" loading="lazy"
src={iconsMap[pkg.name]} src={iconsMap[pkg.name] || iconsMap['nx']}
alt={pkg.name + ' illustration'} alt={pkg.name + ' illustration'}
aria-hidden="true" aria-hidden="true"
/> />

451
nx-dev/nx-dev/public/images/icons/rsbuild.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

457
nx-dev/nx-dev/public/images/icons/rspack.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 56 KiB

3
nx-dev/ui-references/src/lib/icons-map.ts
View File

@ -1,5 +1,7 @@
export const iconsMap: Record<string, string> = { export const iconsMap: Record<string, string> = {
angular: '/images/icons/angular.svg', angular: '/images/icons/angular.svg',
'angular-rsbuild': '/images/icons/rsbuild.svg',
'angular-rspack': '/images/icons/rspack.svg',
cli: '/images/icons/nx.svg', cli: '/images/icons/nx.svg',
cypress: '/images/icons/cypress.svg', cypress: '/images/icons/cypress.svg',
detox: '/images/icons/react.svg', detox: '/images/icons/react.svg',
@ -32,6 +34,7 @@ export const iconsMap: Record<string, string> = {
'react-native': '/images/icons/react.svg', 'react-native': '/images/icons/react.svg',
remix: '/images/icons/remix.svg', remix: '/images/icons/remix.svg',
rollup: '/images/icons/rollup.svg', rollup: '/images/icons/rollup.svg',
rsbuild: '/images/icons/rsbuild.svg',
rspack: '/images/icons/rspack.svg', rspack: '/images/icons/rspack.svg',
storybook: '/images/icons/storybook.svg', storybook: '/images/icons/storybook.svg',
vite: '/images/icons/vite.svg', vite: '/images/icons/vite.svg',