From 4f464aebad2df7d2f719c427dbcc234cdc11adc6 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Thu, 2 Oct 2025 09:55:31 -0700 Subject: [PATCH 1/6] docs: add more links to documentation in packages page --- apps/svelte.dev/src/lib/packages-meta.ts | 69 ++++++++++++++---------- 1 file changed, 40 insertions(+), 29 deletions(-) diff --git a/apps/svelte.dev/src/lib/packages-meta.ts b/apps/svelte.dev/src/lib/packages-meta.ts index 463e7ebbf7..889a9c7dcb 100644 --- a/apps/svelte.dev/src/lib/packages-meta.ts +++ b/apps/svelte.dev/src/lib/packages-meta.ts @@ -139,16 +139,6 @@ const FEATURED: { { name: 'typewriter-editor' } ] }, - { - title: 'Icons', - packages: [ - { name: '@iconify/tailwind4' }, - { name: '@unocss/preset-icons' }, - { name: '@lucide/svelte', description: 'Beautiful and consistent icons' }, - { name: 'svelte-awesome', description: 'Font Awesome icons for Svelte' }, - { name: 'phosphor-svelte', description: 'A clean and friendly icon family' } - ] - }, { title: 'Data visualization', packages: [ @@ -219,16 +209,6 @@ const FEATURED: { } ] }, - { - title: 'Testing and devtools', - packages: [ - { name: '@testing-library/svelte', description: 'Testing utilities for DOM interaction' }, - { name: 'playwright', description: 'Browser automation for end-to-end testing' }, - { name: 'vitest' }, - { name: 'svelte-render-scan', description: 'Visual debugging tool' }, - { name: 'svelte-inspect-value', description: 'Value inspector component' } - ] - }, { title: 'Internationalization (i18n)', packages: [ @@ -240,15 +220,6 @@ const FEATURED: { { name: 'i18n-js' } ] }, - { - title: 'Bundler plugins', - packages: [ - { name: '@sveltejs/vite-plugin-svelte' }, - { name: 'rollup-plugin-svelte' }, - { name: 'svelte-loader', description: 'Compile Svelte components with webpack' }, - { name: 'esbuild-svelte', description: 'Compile Svelte components with esbuild' } - ] - }, { title: 'Media', packages: [ @@ -321,6 +292,46 @@ const FEATURED: { } ] }, + { + title: 'Devtools', + packages: [ + { name: 'svelte-render-scan', description: 'Visual debugging tool' }, + { name: 'svelte-inspect-value', description: 'Value inspector component' } + ] + }, + { + title: 'Icons', + description: + 'The documentation about icons may be helpful when choosing how to handle icons in Svelte', + packages: [ + { name: '@iconify/tailwind4' }, + { name: '@unocss/preset-icons' }, + { name: '@lucide/svelte', description: 'Beautiful and consistent icons' }, + { name: 'svelte-awesome', description: 'Font Awesome icons for Svelte' }, + { name: 'phosphor-svelte', description: 'A clean and friendly icon family' } + ] + }, + { + title: 'Testing', + description: + 'You might find the Svelte CLI and documentation about testing to be helpful during setup', + packages: [ + { name: '@testing-library/svelte', description: 'Testing utilities for DOM interaction' }, + { name: 'playwright', description: 'Browser automation for end-to-end testing' }, + { name: 'vitest' } + ] + }, + { + title: 'Bundler plugins', + description: + 'SvelteKit comes with set things up on your own', + packages: [ + { name: '@sveltejs/vite-plugin-svelte' }, + { name: 'rollup-plugin-svelte' }, + { name: 'svelte-loader', description: 'Compile Svelte components with webpack' }, + { name: 'esbuild-svelte', description: 'Compile Svelte components with esbuild' } + ] + }, { title: 'Routing', description: From e55bc4c070e3905018d850cf820fdbdeaf7a140f Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Thu, 2 Oct 2025 10:50:13 -0700 Subject: [PATCH 2/6] Update apps/svelte.dev/src/lib/packages-meta.ts Co-authored-by: Rich Harris --- apps/svelte.dev/src/lib/packages-meta.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/svelte.dev/src/lib/packages-meta.ts b/apps/svelte.dev/src/lib/packages-meta.ts index 889a9c7dcb..4d9d071e61 100644 --- a/apps/svelte.dev/src/lib/packages-meta.ts +++ b/apps/svelte.dev/src/lib/packages-meta.ts @@ -302,7 +302,7 @@ const FEATURED: { { title: 'Icons', description: - 'The documentation about icons may be helpful when choosing how to handle icons in Svelte', + 'See the icons documentation for best practices when using an icon library, packages: [ { name: '@iconify/tailwind4' }, { name: '@unocss/preset-icons' }, From daad714eab4958fe0b38e7f0c8a2deb36d75c554 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Thu, 2 Oct 2025 10:50:55 -0700 Subject: [PATCH 3/6] Update apps/svelte.dev/src/lib/packages-meta.ts Co-authored-by: Rich Harris --- apps/svelte.dev/src/lib/packages-meta.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/svelte.dev/src/lib/packages-meta.ts b/apps/svelte.dev/src/lib/packages-meta.ts index 4d9d071e61..33c089c30a 100644 --- a/apps/svelte.dev/src/lib/packages-meta.ts +++ b/apps/svelte.dev/src/lib/packages-meta.ts @@ -324,7 +324,7 @@ const FEATURED: { { title: 'Bundler plugins', description: - 'SvelteKit comes with set things up on your own', + 'If you’re using SvelteKit or a similar framework, this part is taken care of. If you’re setting things up on your own, you will need a plugin to tell your bundler how to compile Svelte files', packages: [ { name: '@sveltejs/vite-plugin-svelte' }, { name: 'rollup-plugin-svelte' }, From 57c76d3cd4014d50536d9e03a05d3bd818d75511 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Thu, 2 Oct 2025 10:54:03 -0700 Subject: [PATCH 4/6] Update apps/svelte.dev/src/lib/packages-meta.ts --- apps/svelte.dev/src/lib/packages-meta.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/svelte.dev/src/lib/packages-meta.ts b/apps/svelte.dev/src/lib/packages-meta.ts index 33c089c30a..3d37e618e7 100644 --- a/apps/svelte.dev/src/lib/packages-meta.ts +++ b/apps/svelte.dev/src/lib/packages-meta.ts @@ -314,7 +314,7 @@ const FEATURED: { { title: 'Testing', description: - 'You might find the Svelte CLI and documentation about testing to be helpful during setup', + 'You might find the documentation about testing to be helpful during setup', packages: [ { name: '@testing-library/svelte', description: 'Testing utilities for DOM interaction' }, { name: 'playwright', description: 'Browser automation for end-to-end testing' }, From f21fffa43ba787138afcfec22fa2d7c93e026a56 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Thu, 2 Oct 2025 10:55:39 -0700 Subject: [PATCH 5/6] add missing end quote --- apps/svelte.dev/src/lib/packages-meta.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/svelte.dev/src/lib/packages-meta.ts b/apps/svelte.dev/src/lib/packages-meta.ts index 3d37e618e7..3875103304 100644 --- a/apps/svelte.dev/src/lib/packages-meta.ts +++ b/apps/svelte.dev/src/lib/packages-meta.ts @@ -302,7 +302,7 @@ const FEATURED: { { title: 'Icons', description: - 'See the icons documentation for best practices when using an icon library, + 'See the icons documentation for best practices when using an icon library', packages: [ { name: '@iconify/tailwind4' }, { name: '@unocss/preset-icons' }, From 9498c368f9fc22dd3028c0176c90b645731be237 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Fri, 3 Oct 2025 11:11:44 -0700 Subject: [PATCH 6/6] add unplugin-icons --- apps/svelte.dev/src/lib/packages-meta.ts | 3 ++- .../server/generated/registry/unplugin-icons.json | 15 +++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 apps/svelte.dev/src/lib/server/generated/registry/unplugin-icons.json diff --git a/apps/svelte.dev/src/lib/packages-meta.ts b/apps/svelte.dev/src/lib/packages-meta.ts index 3875103304..b9e255d897 100644 --- a/apps/svelte.dev/src/lib/packages-meta.ts +++ b/apps/svelte.dev/src/lib/packages-meta.ts @@ -308,7 +308,8 @@ const FEATURED: { { name: '@unocss/preset-icons' }, { name: '@lucide/svelte', description: 'Beautiful and consistent icons' }, { name: 'svelte-awesome', description: 'Font Awesome icons for Svelte' }, - { name: 'phosphor-svelte', description: 'A clean and friendly icon family' } + { name: 'phosphor-svelte', description: 'A clean and friendly icon family' }, + { name: 'unplugin-icons', description: 'A Vite plugin that provides icons on demand' } ] }, { diff --git a/apps/svelte.dev/src/lib/server/generated/registry/unplugin-icons.json b/apps/svelte.dev/src/lib/server/generated/registry/unplugin-icons.json new file mode 100644 index 0000000000..e076f5ae46 --- /dev/null +++ b/apps/svelte.dev/src/lib/server/generated/registry/unplugin-icons.json @@ -0,0 +1,15 @@ +{ + "name": "unplugin-icons", + "npm_description": "Access thousands of icons as components on-demand universally", + "repo_url": "https://github.com/unplugin/unplugin-icons", + "authors": ["userquin", "antfu", "sxzz", "hannoeru"], + "homepage": "https://github.com/unplugin/unplugin-icons#readme", + "version": "22.4.2", + "downloads": 337109, + "github_stars": 38856, + "updated": "2025-10-02T02:34:15.560Z", + "svelte_range": "^3.0.0 || ^4.0.0 || ^5.0.0", + "typescript": true, + "runes": true, + "last_rune_check_version": "0.0.1" +}