feat: init

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/monorepo",
+  "name": "@vue/devtools-next-monorepo",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -71,8 +71,8 @@
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^20.10.5",
     "@unocss/eslint-plugin": "^0.58.0",
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/schema": "workspace:^",
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-schema": "workspace:^",
     "archiver": "^6.0.1",
     "bumpp": "^9.2.1",
     "cross-env": "^7.0.3",

packages/browser-extension/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/browser-extension",
+  "name": "@vue/devtools-next-browser-extension",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -13,8 +13,8 @@
     "dev": "cross-env NODE_ENV=development tsup --watch"
   },
   "dependencies": {
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/shared": "workspace:^"
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-shared": "workspace:^"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",

packages/browser-extension/src/background.ts

@@ -1,4 +1,4 @@
-import { isNumeric } from '@vue-devtools-next/shared'
+import { isNumeric } from '@vue/devtools-next-shared'
 
 type PortInfo = Record<'tab' | 'name', string | number> & { port: chrome.runtime.Port }
 type PortDetail = Record<'devtools' | 'userApp', chrome.runtime.Port>

packages/browser-extension/src/user-app.ts

@@ -1,4 +1,4 @@
-import { target } from '@vue-devtools-next/shared'
+import { target } from '@vue/devtools-next-shared'
 import { Bridge } from '../../core/src/bridge'
 import { prepareInjection } from '../../core/src/injection'
 

packages/client/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/client",
+  "name": "@vue/devtools-next-client",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -26,11 +26,11 @@
   "dependencies": {
     "@unocss/preset-icons": "^0.58.0",
     "@unocss/runtime": "^0.58.0",
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/kit": "workspace:^",
-    "@vue-devtools-next/schema": "workspace:*",
-    "@vue-devtools-next/shared": "workspace:^",
-    "@vue-devtools-next/ui": "workspace:*",
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-kit": "workspace:^",
+    "@vue/devtools-next-schema": "workspace:*",
+    "@vue/devtools-next-shared": "workspace:^",
+    "@vue/devtools-next-ui": "workspace:*",
     "@vueuse/core": "^10.7.0",
     "@vueuse/integrations": "^10.7.0",
     "colord": "^2.9.3",

packages/client/src/App.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
-import { useDevToolsBridge, useDevToolsState } from '@vue-devtools-next/core'
-import { isInChromePanel } from '@vue-devtools-next/shared'
+import { useDevToolsBridge, useDevToolsState } from '@vue/devtools-next-core'
+import { isInChromePanel } from '@vue/devtools-next-shared'
 import { Pane, Splitpanes } from 'splitpanes'
 
 import('./setup/unocss-runtime')

packages/client/src/components/CommandPalette.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueIcon, VueInput, VueOverlay } from '@vue-devtools-next/ui'
+import { VueIcon, VueInput, VueOverlay } from '@vue/devtools-next-ui'
 import Fuse from 'fuse.js'
 import type { CommandItem } from '../composables/state-commands'
 

packages/client/src/components/WaitForConnection.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueInput } from '@vue-devtools-next/ui'
+import { VueInput } from '@vue/devtools-next-ui'
 import AppConnecting from '~/components/AppConnecting.vue'
 
 const props = defineProps<{

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

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

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

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { AssetEntry } from '@vue-devtools-next/core'
-import { VueButton, VueIcon, VueInput } from '@vue-devtools-next/ui'
+import type { AssetEntry } from '@vue/devtools-next-core'
+import { VueButton, VueIcon, VueInput } from '@vue/devtools-next-ui'
 
 const props = defineProps({
   modelValue: {

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { hash } from 'ohash'
-import type { AssetInfo } from '@vue-devtools-next/core'
+import type { AssetInfo } from '@vue/devtools-next-core'
 
 const props = defineProps<{
   asset: AssetInfo

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue-devtools-next/core'
+import type { AssetInfo } from '@vue/devtools-next-core'
 
 const props = defineProps<{
   asset: AssetInfo

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue-devtools-next/core'
-import { VueIcon } from '@vue-devtools-next/ui'
+import type { AssetInfo } from '@vue/devtools-next-core'
+import { VueIcon } from '@vue/devtools-next-ui'
 
 const props = withDefaults(defineProps<{
   item: any

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue-devtools-next/core'
+import type { AssetInfo } from '@vue/devtools-next-core'
 
 defineProps<{
   asset: AssetInfo

packages/client/src/components/chrome/ViewModeSwitch.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton } from '@vue-devtools-next/ui'
+import { VueButton } from '@vue/devtools-next-ui'
 
 useColorMode()
 

packages/client/src/components/code/CodeSnippets.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { BuiltinLanguage } from 'shikiji'
-import type { CodeSnippet } from '@vue-devtools-next/core'
-import { VueButton } from '@vue-devtools-next/ui'
+import type { CodeSnippet } from '@vue/devtools-next-core'
+import { VueButton } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   codeSnippets: CodeSnippet[]

packages/client/src/components/common/DockingPanel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { VueButton, VueDarkToggle, VueIcon, VueSelect } from '@vue-devtools-next/ui'
-import { isInChromePanel } from '@vue-devtools-next/shared'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
+import { VueButton, VueDarkToggle, VueIcon, VueSelect } from '@vue/devtools-next-ui'
+import { isInChromePanel } from '@vue/devtools-next-shared'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
 
 // #region view mode
 const viewMode = inject<Ref<'overlay' | 'panel'>>('viewMode', ref('overlay'))

packages/client/src/components/common/EmptyPane.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueIcon } from '@vue-devtools-next/ui'
+import { VueIcon } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   icon?: string

packages/client/src/components/common/Navbar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueInput } from '@vue-devtools-next/ui'
+import { VueInput } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   search?: string

packages/client/src/components/common/SectionBlock.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useVModel } from '@vueuse/core'
-import { VueIcon } from '@vue-devtools-next/ui'
+import { VueIcon } from '@vue/devtools-next-ui'
 
 const props = withDefaults(
   defineProps<{

packages/client/src/components/common/SideNav.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueDropdown } from '@vue-devtools-next/ui'
+import { VueDropdown } from '@vue/devtools-next-ui'
 
 const showDocking = ref(false)
 const showMoreTabs = ref(false)

packages/client/src/components/common/SideNavItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { RouterLink } from 'vue-router'
 import { toValue } from '@vueuse/core'
-import { VueTooltip } from '@vue-devtools-next/ui'
+import { VueTooltip } from '@vue/devtools-next-ui'
 import type { ModuleBuiltinTab } from '~/types'
 
 const props = withDefaults(

packages/client/src/components/common/SplitScreen.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueCard, VueDropdown, VTooltip as vTooltip } from '@vue-devtools-next/ui'
+import { VueButton, VueCard, VueDropdown, VTooltip as vTooltip } from '@vue/devtools-next-ui'
 
 function close() {
   devtoolsClientState.value.splitScreen.enabled = false

packages/client/src/components/components/ComponentTreeNode.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ComponentTreeNode } from '@vue-devtools-next/kit'
+import type { ComponentTreeNode } from '@vue/devtools-next-kit'
 
 const props = withDefaults(defineProps<{
   data: ComponentTreeNode

packages/client/src/components/graph/GraphDrawer.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { VueButton, VueDrawer, showVueNotification } from '@vue-devtools-next/ui'
-import { useDevToolsState } from '@vue-devtools-next/core'
+import { VueButton, VueDrawer, showVueNotification } from '@vue/devtools-next-ui'
+import { useDevToolsState } from '@vue/devtools-next-core'
 
 defineProps<{
   top?: HTMLElement

packages/client/src/components/graph/GraphNavbar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueCheckbox, VueInput } from '@vue-devtools-next/ui'
+import { VueCheckbox, VueInput } from '@vue/devtools-next-ui'
 
 const text = graphSearchText
 const settings = graphSettings

packages/client/src/components/inspector/InspectorDataField/Actions.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { VueButton, VueDropdown, VueDropdownButton, VueIcon, VTooltip as vTooltip } from '@vue-devtools-next/ui'
-import type { InspectorState, InspectorStateEditorPayload } from '@vue-devtools-next/kit'
-import type { ButtonProps } from '@vue-devtools-next/ui/dist/types/src/components/Button'
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import { VueButton, VueDropdown, VueDropdownButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-next-ui'
+import type { InspectorState, InspectorStateEditorPayload } from '@vue/devtools-next-kit'
+import type { ButtonProps } from '@vue/devtools-next-ui/dist/types/src/components/Button'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 import type { EditorAddNewPropType, EditorInputValidType } from '../../../composables/inspector'
 
 const props = withDefaults(defineProps<{

packages/client/src/components/inspector/InspectorDataField/EditInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueIcon, VueInput, VTooltip as vTooltip } from '@vue-devtools-next/ui'
+import { VueButton, VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-next-ui'
 
 const props = withDefaults(defineProps<{
   modelValue: string

packages/client/src/components/inspector/InspectorNodeTag.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorNodeTag } from '@vue-devtools-next/kit'
+import type { InspectorNodeTag } from '@vue/devtools-next-kit'
 import { toHex } from '~/utils'
 
 defineProps<{

packages/client/src/components/inspector/InspectorState.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorState } from '@vue-devtools-next/kit'
+import type { InspectorState } from '@vue/devtools-next-kit'
 
 const props = withDefaults(defineProps<{
   data: InspectorState[]

packages/client/src/components/inspector/InspectorStateField.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { InspectorCustomState, InspectorState, InspectorStateEditorPayload } from '@vue-devtools-next/kit'
-import { sortByKey } from '@vue-devtools-next/shared'
-import { formatInspectorStateValue, getInspectorStateValueType } from '@vue-devtools-next/kit'
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import type { InspectorCustomState, InspectorState, InspectorStateEditorPayload } from '@vue/devtools-next-kit'
+import { sortByKey } from '@vue/devtools-next-shared'
+import { formatInspectorStateValue, getInspectorStateValueType } from '@vue/devtools-next-kit'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 import Actions from './InspectorDataField/Actions.vue'
 import type { EditorAddNewPropType } from '~/composables/inspector'
 

packages/client/src/components/inspector/InspectorStateType.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorState } from '@vue-devtools-next/kit'
+import type { InspectorState } from '@vue/devtools-next-kit'
 
 withDefaults(defineProps<{
   data: InspectorState[]

packages/client/src/components/inspector/InspectorTree.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorNodeTag } from '@vue-devtools-next/kit'
+import type { InspectorNodeTag } from '@vue/devtools-next-kit'
 import { RecycleScroller } from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 

packages/client/src/components/pages/RoutePathItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { RouteRecordNormalized } from 'vue-router'
-import { VueButton, VueDropdown, VueInput } from '@vue-devtools-next/ui'
+import { VueButton, VueDropdown, VueInput } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   route: RouteRecordNormalized

packages/client/src/components/pages/RoutesTable.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { VueBadge } from '@vue-devtools-next/ui'
+import { VueBadge } from '@vue/devtools-next-ui'
 import type { RouteRecordNormalized } from 'vue-router'
-import { useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsState } from '@vue/devtools-next-core'
 
 const props = defineProps<{
   pages: RouteRecordNormalized[]

packages/client/src/components/timeline/TimelineEvent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { TimelineEvent } from '@vue-devtools-next/kit'
+import type { TimelineEvent } from '@vue/devtools-next-kit'
 import { RecycleScroller } from 'vue-virtual-scroller'
 import { formatTime } from '~/utils'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'

packages/client/src/composables/app.ts

@@ -1,4 +1,4 @@
-import type { DevtoolsBridgeAppRecord } from '@vue-devtools-next/core'
+import type { DevtoolsBridgeAppRecord } from '@vue/devtools-next-core'
 
 export const activeAppRecords = shallowRef<DevtoolsBridgeAppRecord[]>([])
 export const activeAppRecordId = ref<string | null>(null)

packages/client/src/composables/client.ts

@@ -1,4 +1,4 @@
-import { useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsState } from '@vue/devtools-next-core'
 
 const fns: (() => void)[] = []
 

packages/client/src/composables/graph.ts

@@ -1,7 +1,7 @@
-import type { ModuleInfo } from '@vue-devtools-next/core'
+import type { ModuleInfo } from '@vue/devtools-next-core'
 import { DataSet } from 'vis-network/standalone'
 import type { Edge, Node, Options } from 'vis-network'
-import { deepClone } from '@vue-devtools-next/shared'
+import { deepClone } from '@vue/devtools-next-shared'
 
 // #region file types
 export const fileTypes = {

packages/client/src/composables/open-in-editor.ts

@@ -1,4 +1,4 @@
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 
 const bridgeRpc = useDevToolsBridgeRpc()
 

packages/client/src/composables/state-commands.ts

@@ -1,7 +1,7 @@
-import { randomStr } from '@vue-devtools-next/shared'
-import { CustomCommand } from '@vue-devtools-next/kit'
+import { randomStr } from '@vue/devtools-next-shared'
+import { CustomCommand } from '@vue/devtools-next-kit'
 import { MaybeRefOrGetter } from 'vue'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
 
 export interface CommandItem {
   id: string

packages/client/src/composables/state-tab.ts

@@ -1,7 +1,7 @@
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
 import type { MaybeRef } from 'vue'
-import type { CustomTab } from '@vue-devtools-next/kit'
-import { isInElectron } from '@vue-devtools-next/shared'
+import type { CustomTab } from '@vue/devtools-next-kit'
+import { isInElectron } from '@vue/devtools-next-shared'
 
 import type { ModuleBuiltinTab } from '~/types/tab'
 

packages/client/src/composables/view-mode.ts

@@ -1,5 +1,5 @@
-import { VIEW_MODE_STORAGE_KEY, isInChromePanel, target } from '@vue-devtools-next/shared'
-import { useDevToolsBridge } from '@vue-devtools-next/core'
+import { VIEW_MODE_STORAGE_KEY, isInChromePanel, target } from '@vue/devtools-next-shared'
+import { useDevToolsBridge } from '@vue/devtools-next-core'
 
 export function useToggleViewMode() {
   const bridge = useDevToolsBridge()

packages/client/src/constants/tab.ts

@@ -1,5 +1,5 @@
-import type { DevtoolsBridgeAppRecord } from '@vue-devtools-next/core'
-import { deepClone, isInElectron } from '@vue-devtools-next/shared'
+import type { DevtoolsBridgeAppRecord } from '@vue/devtools-next-core'
+import { deepClone, isInElectron } from '@vue/devtools-next-shared'
 import type { ModuleBuiltinTab } from '~/types'
 
 // @unocss-include