feat: rename base url names

Author: antfu

packages/devtools-kit/src/client/index.ts

@@ -24,7 +24,7 @@ export async function getDevToolsRpcClient(
   rpc: BirpcReturn<DevToolsRpcServerFunctions, DevToolsRpcClientFunctions>
 }> {
   const {
-    baseURL = '/__vite_devtools__/api/',
+    baseURL = '/.devtools/',
   } = options
   const urls = Array.isArray(baseURL) ? baseURL : [baseURL]
   let connectionMeta: ConnectionMeta | undefined = options.connectionMeta
@@ -33,7 +33,7 @@ export async function getDevToolsRpcClient(
     const errors: Error[] = []
     for (const url of urls) {
       try {
-        connectionMeta = await fetch(`${url}connection.json`)
+        connectionMeta = await fetch(`${url}.vdt-connection.json`)
           .then(r => r.json()) as ConnectionMeta
         break
       }

packages/devtools-vite/package.json

@@ -29,7 +29,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "ROLLDOWN_OPTIONS_VALIDATION=loose nuxi build src && tsdown",
+    "build": "nr dev:prepare && ROLLDOWN_OPTIONS_VALIDATION=loose nuxi build src && tsdown",
     "build:debug": "NUXT_DEBUG_BUILD=true pnpm run build",
     "dev": "ROLLDOWN_OPTIONS_VALIDATION=loose nuxi dev src",
     "dev:prepare": "nuxi prepare src",

packages/devtools-vite/src/app/composables/rpc.ts

@@ -20,8 +20,8 @@ export async function connect() {
   try {
     const result = await getDevToolsRpcClient({
       baseURL: [
+        '/.devtools/',
         runtimeConfig.app.baseURL,
-        '/__vite_devtools__/api/',
       ],
       connectionMeta: runtimeConfig.app.connection,
       wsOptions: {

packages/devtools-vite/src/app/pages/session/[session]/assets.vue

@@ -9,6 +9,7 @@ import { computedWithControl, useAsyncState, useMouse } from '@vueuse/core'
 import Fuse from 'fuse.js'
 import { Flamegraph, Sunburst, Treemap } from 'nanovis'
 import { computed, reactive, ref, watch } from 'vue'
+import ChartTreemap from '~/components/chart/Treemap.vue'
 import { useChartGraph } from '~/composables/chart'
 import { settings } from '~/state/settings'
 
@@ -22,7 +23,7 @@ const searchValue = ref<{ search: string }>({
 })
 const router = useRouter()
 const route = useRoute()
-const assetViewTpyes = [
+const assetViewTypes = [
   {
     label: 'List',
     value: 'list',
@@ -141,7 +142,7 @@ watch(() => settings.value.assetViewType, () => {
         <div flex="~ gap-2 items-center" p2 border="t base">
           <span op50 pl2 text-sm>View as</span>
           <button
-            v-for="viewType of assetViewTpyes"
+            v-for="viewType of assetViewTypes"
             :key="viewType.value"
             btn-action
             :class="settings.assetViewType === viewType.value ? 'bg-active' : 'grayscale op50'"

packages/devtools-vite/src/app/pages/session/[session]/packages.vue

@@ -8,6 +8,7 @@ import { computedWithControl, useAsyncState, useMouse } from '@vueuse/core'
 import Fuse from 'fuse.js'
 import { Treemap } from 'nanovis'
 import { computed, reactive, ref, watch } from 'vue'
+import ChartTreemap from '~/components/chart/Treemap.vue'
 import { useChartGraph } from '~/composables/chart'
 import { settings } from '~/state/settings'
 

packages/devtools-vite/src/node/plugin.ts

@@ -13,14 +13,14 @@ export function DevToolsViteUI(): PluginWithDevTools {
           ctx.rpc.register(fn)
         }
 
-        ctx.hostStatic('/__vite_devtools_vite__/', clientPublicDir)
+        ctx.hostStatic('/.devtools-vite', clientPublicDir)
 
         ctx.docks.register({
           id: 'vite',
           title: 'Vite',
           icon: 'https://vite.dev/logo.svg',
           type: 'iframe',
-          url: '/__vite_devtools_vite__/',
+          url: '/.devtools-vite/',
         })
       },
     },

packages/devtools-vite/src/nuxt.config.ts

@@ -6,7 +6,7 @@ import '@nuxt/eslint'
 
 const NUXT_DEBUG_BUILD = !!process.env.NUXT_DEBUG_BUILD
 
-const BASE = '/__vite_devtools_vite__/'
+const BASE = '/.devtools-vite/'
 
 // const headers: Record<string, string> = isWebContainer
 //   ? {

packages/devtools/src/client/standalone/vite.config.ts

@@ -36,7 +36,7 @@ export default defineConfig({
           cwd: viteDevServer.config.root,
           context,
         })
-        viteDevServer.middlewares.use('/__vite_devtools__', middleware)
+        viteDevServer.middlewares.use('/.devtools', middleware)
       },
     },
   ],

packages/devtools/src/client/webcomponents/.generated/css.ts

@@ -61,7 +61,7 @@
 #vite-devtools-anchor #vite-devtools-glowing {
   --uno: absolute left-0 top-0 w-[160px] h-[160px] opacity-0 transition-all duration-[1000ms] ease-out pointer-events-none -z-[1] rounded-full blur-[60px];
   transform: translate(-50%, -50%);
-  background-image: linear-gradient(45deg, #00dc82, #00dc82, #00dc82);
+  background-image: linear-gradient(45deg, #61d9ff, #7a23a1, #715ebd);
 }
 
 @media print {