chore: rename interface and remove extends

Author: huang-julien

packages/core/src/client/standalone/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import { CLIENT_CONTEXT_KEY, getDevToolsRpcClient } from '@vitejs/devtools-kit/client'
 import DockStandalone from '../webcomponents/components/dock/DockStandalone.vue'
 import { createDocksContext } from '../webcomponents/state/context'
@@ -9,7 +9,7 @@ const rpc = await getDevToolsRpcClient()
 // eslint-disable-next-line no-console
 console.log('[VITE DEVTOOLS] RPC', rpc)
 
-const context: DocksContext = await createDocksContext(
+const context: DevtoolsDockContext = await createDocksContext(
   'standalone',
   rpc,
 )

packages/core/src/client/webcomponents/components/DockEmbedded.ts

@@ -1,4 +1,4 @@
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import type { VueElementConstructor } from 'vue'
 import { defineCustomElement } from 'vue'
 import css from '../.generated/css'
@@ -11,7 +11,7 @@ export const DockEmbedded = defineCustomElement(
     styles: [css],
   },
 ) as VueElementConstructor<{
-  context: DocksContext
+  context: DevtoolsDockContext
 }>
 
 customElements.define('vite-devtools-dock-embedded', DockEmbedded)

packages/core/src/client/webcomponents/components/DockStandalone.ts

@@ -1,4 +1,4 @@
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import type { VueElementConstructor } from 'vue'
 import { defineCustomElement } from 'vue'
 import css from '../.generated/css'
@@ -11,7 +11,7 @@ export const DockStandalone = defineCustomElement(
     styles: [css],
   },
 ) as VueElementConstructor<{
-  context: DocksContext
+  context: DevtoolsDockContext
 }>
 
 if (!customElements.get('vite-devtools-dock-standalone'))

packages/core/src/client/webcomponents/components/command-palette/CommandPalette.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { DevToolsClientCommand, DevToolsCommandEntry } from '@vitejs/devtools-kit'
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import Fuse from 'fuse.js'
 import { computed, nextTick, ref, useTemplateRef, watch } from 'vue'
 import ViteDevToolsLogo from '../icons/ViteDevTools.vue'
 import CommandPaletteItem from './CommandPaletteItem.vue'
 
 const props = defineProps<{
-  context: DocksContext
+  context: DevtoolsDockContext
 }>()
 
 const commandsCtx = computed(() => props.context.commands)

packages/core/src/client/webcomponents/components/display/ToastOverlay.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import { useLogs } from '../../state/logs'
 import { dismissToast, useToasts } from '../../state/toasts'
 import LogItem from '../log/LogItem.vue'
 
 const props = defineProps<{
-  context?: DocksContext
+  context?: DevtoolsDockContext
 }>()
 
 // Initialize logs state early so the RPC handler is registered

packages/core/src/client/webcomponents/components/dock/Dock.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import { useEventListener, useScreenSafeArea } from '@vueuse/core'
 import { computed, onMounted, reactive, ref, useTemplateRef, watchEffect } from 'vue'
 import { BUILTIN_ENTRY_CLIENT_AUTH_NOTICE } from '../../constants'
@@ -11,7 +11,7 @@ import DockEntriesWithCategories from './DockEntriesWithCategories.vue'
 import DockOverflowButton from './DockOverflowButton.vue'
 
 const props = defineProps<{
-  context: DocksContext
+  context: DevtoolsDockContext
 }>()
 
 // Here we directly destructure is as we don't expect context to be changed

packages/core/src/client/webcomponents/components/dock/DockContextMenu.ts

@@ -1,5 +1,5 @@
 import type { DevToolsDockEntry } from '@vitejs/devtools-kit'
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import { h } from 'vue'
 import { setDockContextMenu } from '../../state/floating-tooltip'
 import { isDockPopupSupported, requestDockPopupOpen, useIsDockPopupOpen } from '../../state/popup'
@@ -23,7 +23,7 @@ function renderMenuItem(item: DockMenuItem) {
   ])
 }
 
-function hideDock(context: DocksContext, entry: DevToolsDockEntry) {
+function hideDock(context: DevtoolsDockContext, entry: DevToolsDockEntry) {
   const settingsStore = context.docks.settings
   const id = entry.id
   settingsStore.mutate((state) => {
@@ -35,7 +35,7 @@ function hideDock(context: DocksContext, entry: DevToolsDockEntry) {
   setDockContextMenu(null)
 }
 
-function refreshDock(context: DocksContext, entry: DevToolsDockEntry) {
+function refreshDock(context: DevtoolsDockContext, entry: DevToolsDockEntry) {
   const state = context.docks.getStateById(entry.id)
   const iframe = state?.domElements.iframe
   if (!iframe) {
@@ -48,7 +48,7 @@ function refreshDock(context: DocksContext, entry: DevToolsDockEntry) {
   setDockContextMenu(null)
 }
 
-function canHide(context: DocksContext, entry: DevToolsDockEntry) {
+function canHide(context: DevtoolsDockContext, entry: DevToolsDockEntry) {
   if (entry.id === '~settings')
     return false
   return context.docks.entries.some(item => item.id === entry.id)
@@ -59,7 +59,7 @@ function canRefresh(entry: DevToolsDockEntry) {
 }
 
 export function openDockContextMenu(options: {
-  context: DocksContext
+  context: DevtoolsDockContext
   entry: DevToolsDockEntry
   el: HTMLElement
   gap?: number

packages/core/src/client/webcomponents/components/dock/DockEdge.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
 import { computed, h, markRaw, useTemplateRef } from 'vue'
 import { setEdgePositionDropdown, setFloatingTooltip, useEdgePositionDropdown } from '../../state/floating-tooltip'
@@ -9,7 +9,7 @@ import DockEntriesWithCategories from './DockEntriesWithCategories.vue'
 import DockPanelResizer from './DockPanelResizer.vue'
 
 const props = defineProps<{
-  context: DocksContext
+  context: DevtoolsDockContext
 }>()
 
 const context = props.context

packages/core/src/client/webcomponents/components/dock/DockEmbedded.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import { useEventListener } from '@vueuse/core'
 import { onUnmounted, ref } from 'vue'
 import { sharedStateToRef } from '../../state/docks'
@@ -12,7 +12,7 @@ import DockEdge from './DockEdge.vue'
 import DockPanel from './DockPanel.vue'
 
 const props = defineProps<{
-  context: DocksContext
+  context: DevtoolsDockContext
 }>()
 
 const isDockPopupOpen = useIsDockPopupOpen()

packages/core/src/client/webcomponents/components/dock/DockEntries.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { DevToolsDockEntry } from '@vitejs/devtools-kit'
-import type { DocksContext } from '@vitejs/devtools-kit/client'
+import type { DevtoolsDockContext } from '@vitejs/devtools-kit/client'
 import { evaluateWhen } from '@vitejs/devtools-kit/utils/when'
 import { toRefs } from 'vue'
 import DockEntry from './DockEntry.vue'
 
 const props = defineProps<{
-  context: DocksContext
+  context: DevtoolsDockContext
   entries: DevToolsDockEntry[]
   selected: DevToolsDockEntry | null
   isVertical: boolean