chore: fix typo

Author: webfansplz

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

@@ -7,7 +7,7 @@ import VitePlus from '../webcomponents/components/icons/VitePlus.vue'
 import ViewEntry from '../webcomponents/components/ViewEntry.vue'
 import { createDocksContext } from '../webcomponents/state/dock'
 import { useStateHandlers } from '../webcomponents/state/state'
-import { PresistedDomViewsManager } from '../webcomponents/utils/PresistedDomViewsManager'
+import { PersistedDomViewsManager } from '../webcomponents/utils/PersistedDomViewsManager'
 
 const rpcReturn = await getDevToolsRpcClient()
 const { rpc } = rpcReturn
@@ -16,7 +16,7 @@ const { rpc } = rpcReturn
 console.log('[VITE DEVTOOLS] RPC', rpc)
 
 const viewsContainer = useTemplateRef<HTMLElement>('viewsContainer')
-const presistedDoms = markRaw(new PresistedDomViewsManager(viewsContainer))
+const persistedDoms = markRaw(new PersistedDomViewsManager(viewsContainer))
 
 const context: DocksContext = await createDocksContext(
   'standalone',
@@ -49,7 +49,7 @@ const { selectDockEntry } = useStateHandlers(context)
         :key="context.docks.selected.id"
         :entry="context.docks.selected"
         :context
-        :presisted-doms="presistedDoms"
+        :persisted-doms="persistedDoms"
       />
     </div>
   </div>

packages/core/src/client/webcomponents/components/DockPanel.vue

@@ -4,7 +4,7 @@ import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
 import { useElementBounding, useWindowSize } from '@vueuse/core'
 import { computed, markRaw, onMounted, reactive, ref, toRefs, useTemplateRef } from 'vue'
-import { PresistedDomViewsManager } from '../utils/PresistedDomViewsManager'
+import { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
 import DockPanelResizer from './DockPanelResizer.vue'
 import ViewEntry from './ViewEntry.vue'
 
@@ -24,7 +24,7 @@ const mousePosition = reactive({ x: 0, y: 0 })
 
 const dockPanel = useTemplateRef<HTMLDivElement>('dockPanel')
 const viewsContainer = useTemplateRef<HTMLElement>('viewsContainer')
-const presistedDoms = markRaw(new PresistedDomViewsManager(viewsContainer))
+const persistedDoms = markRaw(new PersistedDomViewsManager(viewsContainer))
 
 function clamp(value: number, min: number, max: number) {
   return Math.min(Math.max(value, min), max)
@@ -172,7 +172,7 @@ onMounted(() => {
       :key="selected.id"
       :context
       :entry="selected"
-      :presisted-doms="presistedDoms"
+      :persisted-doms="persistedDoms"
       :iframe-style="{
         border: '1px solid #8883',
         borderRadius: '0.5rem',

packages/core/src/client/webcomponents/components/ViewCustomRenderer.vue

@@ -2,21 +2,21 @@
 import type { DevToolsViewCustomRender } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
-import type { PresistedDomViewsManager } from '../utils/PresistedDomViewsManager'
+import type { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
 import { nextTick, onMounted, onUnmounted, ref, useTemplateRef, watch, watchEffect } from 'vue'
 
 const props = defineProps<{
   context: DocksContext
   entry: DevToolsViewCustomRender
-  presistedDoms: PresistedDomViewsManager
+  persistedDoms: PersistedDomViewsManager
   divStyle?: CSSProperties
 }>()
 
 const isLoading = ref(true)
 const viewFrame = useTemplateRef<HTMLDivElement>('viewFrame')
 
 onMounted(() => {
-  const holder = props.presistedDoms.getOrCreateHolder(props.entry.id, 'div')
+  const holder = props.persistedDoms.getOrCreateHolder(props.entry.id, 'div')
   holder.element.style.boxShadow = 'none'
   holder.element.style.outline = 'none'
   Object.assign(holder.element.style, props.divStyle)
@@ -48,7 +48,7 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
-  const holder = props.presistedDoms.getHolder(props.entry.id, 'div')
+  const holder = props.persistedDoms.getHolder(props.entry.id, 'div')
   holder?.unmount()
 })
 </script>

packages/core/src/client/webcomponents/components/ViewEntry.vue

@@ -2,15 +2,15 @@
 import type { DevToolsDockEntry } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
-import type { PresistedDomViewsManager } from '../utils/PresistedDomViewsManager'
+import type { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
 import ViewCustomRenderer from './ViewCustomRenderer.vue'
 import ViewIframe from './ViewIframe.vue'
 import ViewLauncher from './ViewLauncher.vue'
 
 defineProps<{
   context: DocksContext
   entry: DevToolsDockEntry
-  presistedDoms: PresistedDomViewsManager
+  persistedDoms: PersistedDomViewsManager
   iframeStyle?: CSSProperties
   divStyle?: CSSProperties
 }>()
@@ -22,14 +22,14 @@ defineProps<{
     v-else-if="entry.type === 'iframe'"
     :context
     :entry
-    :presisted-doms="presistedDoms"
+    :persisted-doms="persistedDoms"
     :iframe-style="iframeStyle"
   />
   <ViewCustomRenderer
     v-else-if="entry.type === 'custom-render'"
     :context
     :entry
-    :presisted-doms="presistedDoms"
+    :persisted-doms="persistedDoms"
     :div-style="divStyle"
   />
   <ViewLauncher

packages/core/src/client/webcomponents/components/ViewIframe.vue

@@ -2,21 +2,21 @@
 import type { DevToolsViewIframe } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
-import type { PresistedDomViewsManager } from '../utils/PresistedDomViewsManager'
+import type { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
 import { nextTick, onMounted, onUnmounted, ref, useTemplateRef, watch, watchEffect } from 'vue'
 
 const props = defineProps<{
   context: DocksContext
   entry: DevToolsViewIframe
-  presistedDoms: PresistedDomViewsManager
+  persistedDoms: PersistedDomViewsManager
   iframeStyle?: CSSProperties
 }>()
 
 const isLoading = ref(true)
 const viewFrame = useTemplateRef<HTMLDivElement>('viewFrame')
 
 onMounted(() => {
-  const holder = props.presistedDoms.getOrCreateHolder(props.entry.id, 'iframe')
+  const holder = props.persistedDoms.getOrCreateHolder(props.entry.id, 'iframe')
   holder.element.style.boxShadow = 'none'
   holder.element.style.outline = 'none'
   Object.assign(holder.element.style, props.iframeStyle)
@@ -51,7 +51,7 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
-  const holder = props.presistedDoms.getHolder(props.entry.id, 'iframe')
+  const holder = props.persistedDoms.getHolder(props.entry.id, 'iframe')
   holder?.unmount()
 })
 </script>

packages/core/src/client/webcomponents/index.ts

@@ -1,3 +1,3 @@
 export * from './components/DockEmbedded'
 export * from './state/dock'
-export * from './utils/PresistedDomViewsManager'
+export * from './utils/PersistedDomViewsManager'

…onents/utils/PresistedDomViewsManager.ts …onents/utils/PersistedDomViewsManager.tspackages/core/src/client/webcomponents/utils/PresistedDomViewsManager.ts renamed to packages/core/src/client/webcomponents/utils/PersistedDomViewsManager.ts packages/core/src/client/webcomponents/utils/PresistedDomViewsManager.ts renamed to packages/core/src/client/webcomponents/utils/PersistedDomViewsManager.ts

@@ -5,33 +5,33 @@ export interface TagNameToElementMap {
   div: HTMLDivElement
 }
 
-export class PresistedDomViewsManager {
-  readonly holders: Record<string, PresistedDomHolder<HTMLElement>> = {}
+export class PersistedDomViewsManager {
+  readonly holders: Record<string, PersistedDomHolder<HTMLElement>> = {}
 
   constructor(
     public container: Readonly<ShallowRef<HTMLElement | undefined | null>>,
   ) {
   }
 
-  getHolder<T extends keyof TagNameToElementMap>(id: string, _type: T): PresistedDomHolder<TagNameToElementMap[T]> | undefined {
-    return this.holders[id] as PresistedDomHolder<TagNameToElementMap[T]>
+  getHolder<T extends keyof TagNameToElementMap>(id: string, _type: T): PersistedDomHolder<TagNameToElementMap[T]> | undefined {
+    return this.holders[id] as PersistedDomHolder<TagNameToElementMap[T]>
   }
 
-  getOrCreateHolder<T extends keyof TagNameToElementMap>(id: string, type: T): PresistedDomHolder<TagNameToElementMap[T]> {
+  getOrCreateHolder<T extends keyof TagNameToElementMap>(id: string, type: T): PersistedDomHolder<TagNameToElementMap[T]> {
     if (!this.container.value) {
-      throw new Error('[VITE DEVTOOLS] PresistedDomViewsManager: container is not set')
+      throw new Error('[VITE DEVTOOLS] PersistedDomViewsManager: container is not set')
     }
-    let holder: PresistedDomHolder<HTMLElement>
+    let holder: PersistedDomHolder<HTMLElement>
     if (!this.holders[id]) {
       const el = document.createElement(type) as TagNameToElementMap[T]
-      this.holders[id] = new PresistedDomHolder(id, el)
+      this.holders[id] = new PersistedDomHolder(id, el)
       this.container.value.appendChild(el)
       holder = this.holders[id]
     }
     else {
       holder = this.holders[id]
     }
-    return holder as PresistedDomHolder<TagNameToElementMap[T]>
+    return holder as PersistedDomHolder<TagNameToElementMap[T]>
   }
 
   removeHolder(id: string) {
@@ -45,7 +45,7 @@ export class PresistedDomViewsManager {
   }
 }
 
-export class PresistedDomHolder<ElementType extends HTMLElement> {
+export class PersistedDomHolder<ElementType extends HTMLElement> {
   readonly element: ElementType
   readonly id: string
   parent?: Element

packages/vite/src/app/components/code/DiffEditor.vue

@@ -2,7 +2,7 @@
 import type CodeMirror from 'codemirror'
 import { Pane, Splitpanes } from 'splitpanes'
 import { computed, nextTick, onMounted, toRefs, useTemplateRef, watchEffect } from 'vue'
-import { guessCodemirrowMode, syncEditorScrolls, syncScrollListeners, useCodeMirror } from '~/composables/codemirror'
+import { guessCodemirrorMode, syncEditorScrolls, syncScrollListeners, useCodeMirror } from '~/composables/codemirror'
 import { settings } from '~/state/settings'
 import { calculateDiffWithWorker } from '~/worker/diff'
 
@@ -64,8 +64,8 @@ onMounted(() => {
     const r = to.value
     const diffEnabled = props.diff
 
-    cm1.setOption('mode', guessCodemirrowMode(l))
-    cm2.setOption('mode', guessCodemirrowMode(r))
+    cm1.setOption('mode', guessCodemirrorMode(l))
+    cm2.setOption('mode', guessCodemirrorMode(r))
 
     await nextTick()
 

packages/vite/src/app/composables/codemirror.ts

@@ -95,7 +95,7 @@ export function syncScrollListeners(
   cm2.on('scrollCursorIntoView', editor => syncEditorScrolls(editor, cm1))
 }
 
-export function guessCodemirrowMode(code: string) {
+export function guessCodemirrorMode(code: string) {
   if (code.trimStart().startsWith('<'))
     return 'htmlmixed'
   if (code.match(/^import\s/))