fix: unify rolldown and vite icon

Author: antfu

packages/rolldown/src/app/app.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useHead } from '#app/composables/head'
+import { useSeoMeta } from '#app/composables/head'
 
 import { connect, connectionState } from './composables/rpc'
 import 'floating-vue/dist/style.css'
@@ -8,7 +8,7 @@ import './styles/splitpanes.css'
 import './styles/global.css'
 import '@vitejs/devtools-ui/composables/dark'
 
-useHead({
+useSeoMeta({
   title: 'Rolldown DevTools',
 })
 

packages/rolldown/src/app/public/fonts/dmmono-53a90e28.woff2

@@ -3,6 +3,8 @@ import { DEVTOOLS_VITEPLUS_GROUP_ID } from '@vitejs/devtools-kit/constants'
 import { clientPublicDir } from '../dirs'
 import { rpcFunctions } from './rpc/index'
 
+const ROLLDOWN_DEVTOOLS_BASE = '/__devtools-rolldown/'
+
 export function DevToolsRolldownUI(): PluginWithDevTools {
   return {
     name: 'vite:devtools:rolldown-ui',
@@ -13,20 +15,17 @@ export function DevToolsRolldownUI(): PluginWithDevTools {
         }
 
         ctx.views.hostStatic(
-          '/__devtools-rolldown/',
+          ROLLDOWN_DEVTOOLS_BASE,
           clientPublicDir,
         )
 
-        // TODO: replace with stable url or iconify later
-        const rolldownIconDataUri = `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48bWFzayBpZD0iU1ZHSUxOWUxlSW8iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01Ni4wOC43N2MuOTUgMCAxLjQ4IDEuMTIuODYgMS44Nkw0Ni41IDE1LjE2YTIuMjYgMi4yNiAwIDAgMCAxLjc0IDMuNzFoMTAuMWMuOTYgMCAxLjQ4IDEuMTIuODcgMS44NkwzOSA0NC45OGMtLjQ1LjU0LTEuMjkuNTQtMS43NCAwbC0yMC4yLTI0LjI1YTEuMTMgMS4xMyAwIDAgMSAuODYtMS44NmgxMC4xYTIuMjYgMi4yNiAwIDAgMCAxLjc0LTMuNzFMMTkuMzIgMi42M2ExLjEzIDEuMTMgMCAwIDEgLjg2LTEuODZ6Ii8+PC9tYXNrPjxnIGZpbGw9Im5vbmUiPjxnIG1hc2s9InVybCgjU1ZHSUxOWUxlSW8pIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDYuOClzY2FsZSguMzkzKSI+PHBhdGggZmlsbD0iI2ZmNDEwMCIgZD0iTTAgMGg1OXY0NkgweiIvPjxnIGZpbHRlcj0idXJsKCNTVkdKTmdMWWRnSykiPjxlbGxpcHNlIGN4PSI1OS44OCIgY3k9Ii45MyIgZmlsbD0iI2ZmZTZlNCIgcng9IjUuNCIgcnk9IjIzLjU4IiB0cmFuc2Zvcm09InJvdGF0ZSgyMTAuMyA1OS44OCAuOTMpIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNTVkdKTmdMWWRnSykiPjxlbGxpcHNlIGN4PSI1OC43MyIgY3k9IjIzLjkxIiBmaWxsPSIjZmZlNmU0IiByeD0iNS40IiByeT0iMjMuNTgiIHRyYW5zZm9ybT0icm90YXRlKDIxMC4zIDU4LjczIDIzLjkpIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNTVkdKTmdMWWRnSykiPjxlbGxpcHNlIGN4PSIxNy40NiIgY3k9IjEuNDQiIGZpbGw9IiNmZjAwYjMiIHJ4PSIzLjcyIiByeT0iMjEuODMiIHRyYW5zZm9ybT0icm90YXRlKC0zNi4xIDE3LjQ2IDEuNDQpIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNTVkdKTmdMWWRnSykiPjxlbGxpcHNlIGN4PSIyMy4yIiBjeT0iMzQuMSIgZmlsbD0iI2ZmMDBiMyIgcng9IjMuNzIiIHJ5PSIyMS44MyIgdHJhbnNmb3JtPSJyb3RhdGUoLTM2LjEgMjMuMiAzNC4xKSIvPjwvZz48ZyBmaWx0ZXI9InVybCgjU1ZHSk5nTFlkZ0spIj48ZWxsaXBzZSBjeD0iNTguODIiIGN5PSIxLjQ0IiBmaWxsPSIjZmYwMGIzIiByeD0iMy43MiIgcnk9IjIxLjgzIiB0cmFuc2Zvcm09InJvdGF0ZSgyMTYuMSA1OC44MiAxLjQ0KSIvPjwvZz48ZyBmaWx0ZXI9InVybCgjU1ZHSk5nTFlkZ0spIj48ZWxsaXBzZSBjeD0iNTEuOTMiIGN5PSIzNC4xIiBmaWxsPSIjZmYwMGIzIiByeD0iMy43MiIgcnk9IjIxLjgzIiB0cmFuc2Zvcm09InJvdGF0ZSgyMTYuMSA1MS45MyAzNC4xKSIvPjwvZz48ZyBmaWx0ZXI9InVybCgjU1ZHSk5nTFlkZ0spIj48ZWxsaXBzZSBjeD0iNTUuMzciIGN5PSIxLjQ0IiBmaWxsPSIjZmYwMGIzIiByeD0iMy43MiIgcnk9IjIxLjgzIiB0cmFuc2Zvcm09InJvdGF0ZSgyMTYuMSA1NS4zNyAxLjQ0KSIvPjwvZz48ZyBmaWx0ZXI9InVybCgjU1ZHSk5nTFlkZ0spIj48ZWxsaXBzZSBjeD0iNDkuNjMiIGN5PSIzNC4xIiBmaWxsPSIjZmYwMGIzIiByeD0iMy43MiIgcnk9IjIxLjgzIiB0cmFuc2Zvcm09InJvdGF0ZSgyMTYuMSA0OS42MyAzNC4xKSIvPjwvZz48ZyBmaWx0ZXI9InVybCgjU1ZHSk5nTFlkZ0spIj48ZWxsaXBzZSBjeD0iMTkuNTgiIGN5PSIzLjAyIiBmaWxsPSIjZTIzZDE0IiByeD0iNS40IiByeT0iMjMuNTgiIHRyYW5zZm9ybT0icm90YXRlKC00MSAxOS41OCAzLjAyKSIvPjwvZz48ZyBmaWx0ZXI9InVybCgjU1ZHSk5nTFlkZ0spIj48ZWxsaXBzZSBjeD0iMjMuMjUiIGN5PSIyOC41IiBmaWxsPSIjZTIzZDE0IiByeD0iNS40IiByeT0iMjMuNTgiIHRyYW5zZm9ybT0icm90YXRlKC0zNS45IDIzLjI1IDI4LjUpIi8+PC9nPjwvZz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMy43MiA2LjhDLjEgMTEuOTguMDggMjAgMy43MiAyNS4yaDIuNDVjLTMuNjQtNS4yLTMuNjItMTMuMjIgMC0xOC40em0yNC41NiAwaC0yLjQ1YzMuNjIgNS4xOCAzLjY0IDEzLjIgMCAxOC40aDIuNDVjMy42NC01LjIgMy42Mi0xMy4yMiAwLTE4LjQiLz48ZGVmcz48ZmlsdGVyIGlkPSJTVkdKTmdMWWRnSyIgd2lkdGg9IjQiIGhlaWdodD0iNCIgeD0iLTIiIHk9Ii0yIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMuNDUiLz48L2ZpbHRlcj48L2RlZnM+PC9nPjwvc3ZnPg==`
-
         ctx.docks.register({
           id: 'rolldown',
           title: 'Rolldown',
           groupId: DEVTOOLS_VITEPLUS_GROUP_ID,
-          icon: rolldownIconDataUri,
+          icon: `${ROLLDOWN_DEVTOOLS_BASE}favicon.svg`,
           type: 'iframe',
-          url: '/__devtools-rolldown/',
+          url: ROLLDOWN_DEVTOOLS_BASE,
         })
       },
     },

packages/rolldown/src/app/public/fonts/dmmono-8beacb38.woff2

@@ -26,7 +26,7 @@ export default defineConfig({
       },
       webFonts: {
         processors: createLocalFontProcessor({
-          fontAssetsDir: fileURLToPath(new URL('./app/public/fonts', import.meta.url)),
+          fontAssetsDir: fileURLToPath(new URL('./public/fonts', import.meta.url)),
           fontServeBaseUrl: './fonts',
         }),
       },