chore: move vite module types to core to avoid circle reference

Author: webfansplz

packages/client/package.json

@@ -61,7 +61,6 @@
     "unplugin-auto-import": "^0.17.5",
     "unplugin-vue-components": "^0.26.0",
     "vite": "^5.1.4",
-    "vite-plugin-vue-devtools": "workspace:^",
     "vue": "^3.4.21"
   }
 }

packages/client/src/components/assets/AssetDetails.vue

@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import { useTimeAgo } from '@vueuse/core'
-import type { AssetInfo, CodeSnippet } from '@vue/devtools-core'
+import type { AssetInfo, CodeSnippet, ImageMeta } from '@vue/devtools-core'
 import { callViteServerAction, useDevToolsState } from '@vue/devtools-core'
 import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'
-import type { ImageMeta } from 'vite-plugin-vue-devtools'
 
 const props = defineProps<{
   modelValue: AssetInfo

packages/client/src/pages/assets.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { VueCheckbox, VueDrawer, VueIcon, VueSelect } from '@vue/devtools-ui'
 import { callViteServerAction, defineViteClientListener } from '@vue/devtools-core'
-import type { AssetInfo } from 'vite-plugin-vue-devtools'
+import type { AssetInfo } from '@vue/devtools-core'
 import Fuse from 'fuse.js'
 
 const DETAILS_MAX_ITEMS = 50

packages/client/src/pages/graph.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { callViteServerAction, defineViteClientListener } from '@vue/devtools-core'
 import { Network } from 'vis-network'
-import type { ModuleInfo } from 'vite-plugin-vue-devtools'
+import type { ModuleInfo } from '@vue/devtools-core'
 
 const getRoot = callViteServerAction<string>('get-vite-root')
 const getGraph = callViteServerAction<ModuleInfo[]>('graph:get-modules')

packages/core/src/vite-bridge/index.ts

@@ -1,2 +1,3 @@
 export * from './client'
 export * from './server'
+export * from './module-types'

packages/core/src/vite-bridge/module-types.ts

@@ -0,0 +1,39 @@
+// assets
+export type AssetType = 'image' | 'font' | 'video' | 'audio' | 'text' | 'json' | 'other'
+export interface AssetInfo {
+  path: string
+  type: AssetType
+  publicPath: string
+  filePath: string
+  size: number
+  mtime: number
+}
+export interface ImageMeta {
+  width: number
+  height: number
+  orientation?: number
+  type?: string
+  mimeType?: string
+}
+
+export interface AssetEntry {
+  path: string
+  content: string
+  encoding?: BufferEncoding
+  override?: boolean
+}
+
+export interface CodeSnippet {
+  code: string
+  lang: string
+  name: string
+  docs?: string
+}
+
+// graph
+export interface ModuleInfo {
+  id: string
+  plugins: { name: string, transform?: number, resolveId?: number }[]
+  deps: string[]
+  virtual: boolean
+}

packages/vite/src/modules/assets.ts

@@ -3,42 +3,11 @@ import type { ViteInspectAPI } from 'vite-plugin-inspect'
 import { debounce } from 'perfect-debounce'
 import type { ResolvedConfig, ViteDevServer } from 'vite'
 import { callViteClientListener, defineViteServerAction } from '@vue/devtools-core'
+import type { AssetInfo, AssetType, ImageMeta } from '@vue/devtools-core'
 import fg from 'fast-glob'
 import { join, resolve } from 'pathe'
 import { imageMeta } from 'image-meta'
 
-// assets
-export type AssetType = 'image' | 'font' | 'video' | 'audio' | 'text' | 'json' | 'other'
-export interface AssetInfo {
-  path: string
-  type: AssetType
-  publicPath: string
-  filePath: string
-  size: number
-  mtime: number
-}
-export interface ImageMeta {
-  width: number
-  height: number
-  orientation?: number
-  type?: string
-  mimeType?: string
-}
-
-export interface AssetEntry {
-  path: string
-  content: string
-  encoding?: BufferEncoding
-  override?: boolean
-}
-
-export interface CodeSnippet {
-  code: string
-  lang: string
-  name: string
-  docs?: string
-}
-
 const defaultAllowedExtensions = [
   'png',
   'jpg',

packages/vite/src/modules/graph.ts

@@ -3,14 +3,6 @@ import { debounce } from 'perfect-debounce'
 import type { ViteDevServer } from 'vite'
 import { callViteClientListener, defineViteServerAction } from '@vue/devtools-core'
 
-// graph
-export interface ModuleInfo {
-  id: string
-  plugins: { name: string, transform?: number, resolveId?: number }[]
-  deps: string[]
-  virtual: boolean
-}
-
 export function setupGraphModule(options: { rpc: ViteInspectAPI['rpc'], server: ViteDevServer }) {
   const { rpc, server } = options