Skip to content

chore: migrate package to vue org #106

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Dec 29, 2023
Merged

chore: migrate package to vue org #106

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
400ac11
feat: init
webfansplz Dec 29, 2023
3367b57
chore: update
webfansplz Dec 29, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions docs/guide/standalone.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,19 +11,19 @@
::: code-group

```sh [npm]
$ npm add -g @vue/devtools-next
$ npm add -g @vue/devtools
```

```sh [pnpm]
$ pnpm add -g @vue/devtools-next
$ pnpm add -g @vue/devtools
```

```sh [yarn]
$ yarn global add @vue/devtools-next
$ yarn global add @vue/devtools
```

```sh [bun]
$ bun add -g @vue/devtools-next
$ bun add -g @vue/devtools
```

:::
Expand All @@ -33,19 +33,19 @@ $ bun add -g @vue/devtools-next
::: code-group

```sh [npm]
$ npm add -D @vue/devtools-next
$ npm add -D @vue/devtools
```

```sh [pnpm]
$ pnpm add -D @vue/devtools-next
$ pnpm add -D @vue/devtools
```

```sh [yarn]
$ yarn add -D @vue/devtools-next
$ yarn add -D @vue/devtools
```

```sh [bun]
$ bun add -D @vue/devtools-next
$ bun add -D @vue/devtools
```

:::
Expand Down Expand Up @@ -98,7 +98,7 @@ You can also use the global `vue-devtools-next` to start the app, but you might
Then import it directly in your app:

```ts
import { devtools } from '@vue/devtools-next'
import { devtools } from '@vue/devtools'
```

:::tip Important
Expand Down Expand Up @@ -165,7 +165,7 @@ For that you can also use ngrok, as it automatically proxies https requests to h
Make sure that the page under `http://your-ip:8098` is returning a javascript coode on your device/simulator. If it doesn't - make sure to check your anti-virus or router/firewall settings. If it works - please follow the instructions, and connect to devtools using your IP. For example:

```ts
import devtools from '@vue/devtools-next'
import devtools from '@vue/devtools'
import Vue from 'vue'
// ...

Expand Down
16 changes: 8 additions & 8 deletions docs/plugins/api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,27 +7,27 @@ Plugins API for easier DevTools integrations.
::: code-group

```sh [npm]
$ npm add -D @vue/devtools-next-api
$ npm add -D @vue/devtools-api
```

```sh [pnpm]
$ pnpm add -D @vue/devtools-next-api
$ pnpm add -D @vue/devtools-api
```

```sh [yarn]
$ yarn add -D @vue/devtools-next-api
$ yarn add -D @vue/devtools-api
```

```sh [bun]
$ bun add -D @vue/devtools-next-api
$ bun add -D @vue/devtools-api
```

:::

## `addCustomTab`

```ts
import { addCustomTab } from '@vue/devtools-next-api'
import { addCustomTab } from '@vue/devtools-api'

addCustomTab({
// unique identifier
Expand All @@ -48,7 +48,7 @@ addCustomTab({
## `addCustomCommand`

```ts
import { addCustomCommand } from '@vue/devtools-next-api'
import { addCustomCommand } from '@vue/devtools-api'

// Add a custom command with url
addCustomCommand({
Expand Down Expand Up @@ -99,7 +99,7 @@ addCustomCommand({
## `removeCustomCommand`

```ts
import { removeCustomCommand } from '@vue/devtools-next-api'
import { removeCustomCommand } from '@vue/devtools-api'

// Remove a custom command by id
removeCustomCommand('vueuse')
Expand All @@ -108,7 +108,7 @@ removeCustomCommand('vueuse')
## `onDevToolsClientConnected`

```ts
import { onDevToolsClientConnected } from '@vue/devtools-next-api'
import { onDevToolsClientConnected } from '@vue/devtools-api'

onDevToolsClientConnected(() => {
console.log('devtools client connected')
Expand Down
6 changes: 3 additions & 3 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "@vue-devtools-next/monorepo",
"name": "@vue/devtools-monorepo",
"type": "module",
"version": "0.0.0",
"private": true,
Expand Down Expand Up @@ -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-core": "workspace:^",
"@vue/devtools-schema": "workspace:^",
"archiver": "^6.0.1",
"bumpp": "^9.2.1",
"cross-env": "^7.0.3",
Expand Down
6 changes: 3 additions & 3 deletions packages/browser-extension/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "@vue-devtools-next/browser-extension",
"name": "@vue/devtools-browser-extension",
"type": "module",
"version": "0.0.0",
"private": true,
Expand All @@ -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-core": "workspace:^",
"@vue/devtools-shared": "workspace:^"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.5.2",
Expand Down
2 changes: 1 addition & 1 deletion packages/browser-extension/src/background.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { isNumeric } from '@vue-devtools-next/shared'
import { isNumeric } from '@vue/devtools-shared'

type PortInfo = Record<'tab' | 'name', string | number> & { port: chrome.runtime.Port }
type PortDetail = Record<'devtools' | 'userApp', chrome.runtime.Port>
Expand Down
2 changes: 1 addition & 1 deletion packages/browser-extension/src/user-app.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { target } from '@vue-devtools-next/shared'
import { target } from '@vue/devtools-shared'
import { Bridge } from '../../core/src/bridge'
import { prepareInjection } from '../../core/src/injection'

Expand Down
12 changes: 6 additions & 6 deletions packages/client/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "@vue-devtools-next/client",
"name": "@vue/devtools-client",
"type": "module",
"version": "0.0.0",
"private": true,
Expand All @@ -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-core": "workspace:^",
"@vue/devtools-kit": "workspace:^",
"@vue/devtools-schema": "workspace:*",
"@vue/devtools-shared": "workspace:^",
"@vue/devtools-ui": "workspace:*",
"@vueuse/core": "^10.7.0",
"@vueuse/integrations": "^10.7.0",
"colord": "^2.9.3",
Expand Down
4 changes: 2 additions & 2 deletions packages/client/src/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-core'
import { isInChromePanel } from '@vue/devtools-shared'
import { Pane, Splitpanes } from 'splitpanes'

import('./setup/unocss-runtime')
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/CommandPalette.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { VueIcon, VueInput, VueOverlay } from '@vue-devtools-next/ui'
import { VueIcon, VueInput, VueOverlay } from '@vue/devtools-ui'
import Fuse from 'fuse.js'
import type { CommandItem } from '../composables/state-commands'

Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/WaitForConnection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { VueInput } from '@vue-devtools-next/ui'
import { VueInput } from '@vue/devtools-ui'
import AppConnecting from '~/components/AppConnecting.vue'

const props = defineProps<{
Expand Down
6 changes: 3 additions & 3 deletions packages/client/src/components/assets/AssetDetails.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-core'
import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'
import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'

const props = defineProps<{
modelValue: AssetInfo
Expand Down
4 changes: 2 additions & 2 deletions packages/client/src/components/assets/AssetDropZone.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-core'
import { VueButton, VueIcon, VueInput } from '@vue/devtools-ui'

const props = defineProps({
modelValue: {
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/assets/AssetFontPreview.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-core'

const props = defineProps<{
asset: AssetInfo
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/assets/AssetGridItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import type { AssetInfo } from '@vue-devtools-next/core'
import type { AssetInfo } from '@vue/devtools-core'

const props = defineProps<{
asset: AssetInfo
Expand Down
4 changes: 2 additions & 2 deletions packages/client/src/components/assets/AssetListItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-core'
import { VueIcon } from '@vue/devtools-ui'

const props = withDefaults(defineProps<{
item: any
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/assets/AssetPreview.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import type { AssetInfo } from '@vue-devtools-next/core'
import type { AssetInfo } from '@vue/devtools-core'

defineProps<{
asset: AssetInfo
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/chrome/ViewModeSwitch.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { VueButton } from '@vue-devtools-next/ui'
import { VueButton } from '@vue/devtools-ui'

useColorMode()

Expand Down
4 changes: 2 additions & 2 deletions packages/client/src/components/code/CodeSnippets.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-core'
import { VueButton } from '@vue/devtools-ui'

const props = defineProps<{
codeSnippets: CodeSnippet[]
Expand Down
6 changes: 3 additions & 3 deletions packages/client/src/components/common/DockingPanel.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-ui'
import { isInChromePanel } from '@vue/devtools-shared'
import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'

// #region view mode
const viewMode = inject<Ref<'overlay' | 'panel'>>('viewMode', ref('overlay'))
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/common/EmptyPane.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { VueIcon } from '@vue-devtools-next/ui'
import { VueIcon } from '@vue/devtools-ui'

const props = defineProps<{
icon?: string
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/common/Navbar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { VueInput } from '@vue-devtools-next/ui'
import { VueInput } from '@vue/devtools-ui'

const props = defineProps<{
search?: string
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/common/SectionBlock.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-ui'

const props = withDefaults(
defineProps<{
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/common/SideNav.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { VueDropdown } from '@vue-devtools-next/ui'
import { VueDropdown } from '@vue/devtools-ui'

const showDocking = ref(false)
const showMoreTabs = ref(false)
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/common/SideNavItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-ui'
import type { ModuleBuiltinTab } from '~/types'

const props = withDefaults(
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/common/SplitScreen.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-ui'

function close() {
devtoolsClientState.value.splitScreen.enabled = false
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/components/ComponentTreeNode.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import type { ComponentTreeNode } from '@vue-devtools-next/kit'
import type { ComponentTreeNode } from '@vue/devtools-kit'

const props = withDefaults(defineProps<{
data: ComponentTreeNode
Expand Down
4 changes: 2 additions & 2 deletions packages/client/src/components/graph/GraphDrawer.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-ui'
import { useDevToolsState } from '@vue/devtools-core'

defineProps<{
top?: HTMLElement
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/graph/GraphNavbar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { VueCheckbox, VueInput } from '@vue-devtools-next/ui'
import { VueCheckbox, VueInput } from '@vue/devtools-ui'

const text = graphSearchText
const settings = graphSettings
Expand Down
8 changes: 4 additions & 4 deletions packages/client/src/components/inspector/InspectorDataField/Actions.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-ui'
import type { InspectorState, InspectorStateEditorPayload } from '@vue/devtools-kit'
import type { ButtonProps } from '@vue/devtools-ui/dist/types/src/components/Button'
import { useDevToolsBridgeRpc } from '@vue/devtools-core'
import type { EditorAddNewPropType, EditorInputValidType } from '../../../composables/inspector'

const props = withDefaults(defineProps<{
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/inspector/InspectorDataField/EditInput.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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-ui'

const props = withDefaults(defineProps<{
modelValue: string
Expand Down
2 changes: 1 addition & 1 deletion packages/client/src/components/inspector/InspectorNodeTag.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import type { InspectorNodeTag } from '@vue-devtools-next/kit'
import type { InspectorNodeTag } from '@vue/devtools-kit'
import { toHex } from '~/utils'

defineProps<{
Expand Down
Loading