@valaxyjs/devtools 0.22.3 → 0.22.5-beta.4

package/src/client/App.vue

@@ -1,20 +0,0 @@
-<script lang="ts" setup>
-import { onMounted } from 'vue'
-import VDHeader from './components/VDHeader.vue'
-import { initDevtoolsClient } from './utils'
-
-onMounted(() => {
-  initDevtoolsClient()
-})
-</script>
-
-<template>
-  <main class="h-full" flex="~ col" text="gray-700 dark:gray-200">
-    <VDHeader />
-    <!-- <RouterLink to="/about">About</RouterLink> -->
-
-    <div style="height: calc(100% - 32px)" overflow="auto">
-      <RouterView />
-    </div>
-  </main>
-</template>

package/src/client/components/PageFrontmatter.vue

@@ -1,67 +0,0 @@
-<script lang="ts" setup>
-import type { PostFrontMatter } from 'valaxy'
-import axios from 'axios'
-
-import consola from 'consola'
-import { ref, toRaw } from 'vue'
-import { activePath, pageData } from '../composables/app'
-
-const props = defineProps<{
-  frontmatter: PostFrontMatter
-}>()
-
-const newFm = ref<PostFrontMatter>(props.frontmatter)
-async function saveNewFm() {
-  // const data = await fetch('/valaxy-devtools-api/frontmatter', {
-  //   method: 'POST',
-  //   // body: JSON.stringify(toRaw(newFm.value)),
-  // })
-
-  const res = await axios.post('/valaxy-devtools-api/frontmatter', {
-    path: activePath.value,
-    pageData: pageData.value,
-    frontmatter: toRaw(newFm.value),
-  })
-  if (res)
-    consola.success('Frontmatter saved')
-
-  // console.log(res)
-}
-</script>
-
-<template>
-  <div>
-    <ul v-if="frontmatter">
-      <li v-for="(value, key) in frontmatter" :key="key">
-        <strong>{{ key }}</strong>
-        <span mr-1>:</span>
-
-        <template v-if="key === 'tags'">
-          <VDTag v-for="tag in value" :key="tag">
-            {{ tag }}
-          </VDTag>
-        </template>
-        <template v-else-if="key === 'categories'">
-          <VDPostCategories :categories="value" />
-        </template>
-        <template v-else-if="key === 'encryptedContent'">
-          [Encrypted]
-        </template>
-        <template v-else-if="key === 'partiallyEncryptedContents'">
-          [Partially Encrypted]
-        </template>
-        <template v-else-if="key === 'title'">
-          <!-- eslint-disable-next-line vue/no-mutating-props -->
-          <AGUIInput v-model="newFm.title" />
-        </template>
-        <template v-else>
-          {{ value }}
-        </template>
-      </li>
-    </ul>
-
-    <AGUIButton @click="saveNewFm">
-      Save Frontmatter
-    </AGUIButton>
-  </div>
-</template>

package/src/client/components/PostPanel.vue

@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-import { frontmatter } from '../composables/app'
-import { getWindowProperty, openInEditor } from '../utils'
-
-function launchEditor() {
-  openInEditor({
-    file: getWindowProperty('$pageData').path,
-  })
-}
-</script>
-
-<template>
-  <div p="2">
-    <div class="flex" gap="2" py-2>
-      <button class="text-xs shadow transition hover:shadow-lg p-2" @click="launchEditor()">
-        <div i-vscode-icons:file-type-vscode />
-      </button>
-    </div>
-
-    <PageFrontmatter v-if="frontmatter" :frontmatter="frontmatter" />
-  </div>
-</template>

package/src/client/components/VDHeader.vue

@@ -1,57 +0,0 @@
-<script setup lang="ts">
-import { useRoute } from 'vue-router'
-
-const route = useRoute()
-const routeMenus = [
-  {
-    to: '/',
-    opened: 'i-vscode-icons:folder-type-route-opened',
-    closed: 'i-vscode-icons:folder-type-route',
-  },
-  // {
-  //   to: '/categories',
-  //   opened: 'i-vscode-icons:folder-type-route-opened',
-  //   closed: 'i-vscode-icons:folder-type-route',
-  // },
-  // {
-  //   to: '/tags',
-  //   opened: 'i-vscode-icons:folder-type-route-opened',
-  //   closed: 'i-vscode-icons:folder-type-route',
-  // },
-  {
-    to: '/migration',
-    opened: 'i-vscode-icons:folder-type-tools-opened',
-    closed: 'i-vscode-icons:folder-type-tools',
-  },
-]
-</script>
-
-<template>
-  <div
-    class="w-full border-b shadow flex justify-end" dark="border-b-black"
-    flex="~"
-  >
-    <RouterLink
-      v-for="menu in routeMenus"
-      :key="menu.to"
-      class=" dark:bg-gray-900 inline-flex justify-center items-center w-8 h-8 hover:bg-gray-100 dark:hover:bg-gray-800"
-      :class="{
-        'bg-gray-200 dark:bg-gray-800': route.path === menu.to,
-        'bg-white': route.path !== menu.to,
-      }"
-      :to="menu.to"
-    >
-      <div v-if="route.path === menu.to" :class="menu.opened" />
-      <div v-else :class="menu.closed" />
-    </RouterLink>
-
-    <div flex="1" />
-
-    <a
-      href="https://valaxy.site" target="_blank"
-      class="bg-white dark:bg-gray-900 inline-flex justify-center items-center w-8 h-8 hover:bg-gray-200"
-    >
-      <div i-ri-book-line />
-    </a>
-  </div>
-</template>

package/src/client/components/VDPostCategories.vue

@@ -1,26 +0,0 @@
-<script lang="ts" setup>
-import type { Post } from 'valaxy'
-
-defineProps<{
-  categories: Post['categories']
-}>()
-</script>
-
-<template>
-  <RouterLink
-    :to="{
-      path: '/categories',
-      query: { category: Array.isArray(categories) ? categories.join('/') : categories },
-    }"
-    class="post-category transition text-xs hover:(text-blue-500 border-blue-500)"
-    px-2 py-1
-    border rounded-full
-    inline-flex justify-center items-center
-    bg="hover:(blue-500 opacity-10)"
-  >
-    <div m="x-1" inline-flex i-ri-folder-2-line />
-    <span>
-      {{ Array.isArray(categories) ? categories.join(' > ') : categories }}
-    </span>
-  </RouterLink>
-</template>

package/src/client/components/VDPostList.vue

@@ -1,31 +0,0 @@
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue'
-import { activePath, devtoolsRouter } from '../composables/app'
-import { getGlobalValaxyProperty } from '../utils'
-
-const postList = ref()
-
-onMounted(() => {
-  postList.value = getGlobalValaxyProperty('postList').value
-})
-
-function onClickPost(post: any) {
-  devtoolsRouter.value?.push(post.path)
-}
-</script>
-
-<template>
-  <ul class="h-full" overflow="auto" pl="12" pr="4" py="4">
-    <li v-for="post in postList" :key="post.path" class="list-decimal">
-      <div flex>
-        <span
-          class="inline-flex flex-grow cursor-pointer hover:text-blue-500 text-xs"
-          :class="{ 'text-blue-500': activePath === post.path }"
-          @click="onClickPost(post)"
-        >
-          {{ post.title }}
-        </span>
-      </div>
-    </li>
-  </ul>
-</template>

package/src/client/components/VDTag.vue

@@ -1,9 +0,0 @@
-<script lang="ts" setup>
-
-</script>
-
-<template>
-  <div class="vd-tag inline-flex shadow border rounded text-xs" p="x-2 y-1">
-    <slot />
-  </div>
-</template>

package/src/client/components.d.ts

@@ -1,66 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    AGUIAccordion: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/accordion/AGUIAccordion.vue')['default']
-    AGUIAccordionItem: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/accordion/AGUIAccordionItem.vue')['default']
-    AGUIApp: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUIApp.vue')['default']
-    AGUIAssetsExplorer: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/explorer/AGUIAssetsExplorer.vue')['default']
-    AGUIBreadcrumb: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/breadcrumb/AGUIBreadcrumb.vue')['default']
-    AGUIButton: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/button/AGUIButton.vue')['default']
-    AGUICheckbox: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUICheckbox.vue')['default']
-    AGUIColorPicker: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUIColorPicker.vue')['default']
-    AGUIContextMenu: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/context-menu/AGUIContextMenu.vue')['default']
-    AGUIContextMenuItem: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/context-menu/AGUIContextMenuItem.vue')['default']
-    AGUIDetails: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUIDetails.vue')['default']
-    AGUIExplorerControls: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/explorer/AGUIExplorerControls.vue')['default']
-    AGUIFileHandler: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/file/AGUIFileHandler.vue')['default']
-    AGUIFileItem: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/explorer/AGUIFileItem.vue')['default']
-    AGUIFileList: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/explorer/AGUIFileList.vue')['default']
-    AGUIForm: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/form/AGUIForm.vue')['default']
-    AGUIFormItem: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/form/AGUIFormItem.vue')['default']
-    AGUIHr: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/common/AGUIHr.vue')['default']
-    AGUIIcon: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/icon/AGUIIcon.vue')['default']
-    AGUIIconButton: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/button/AGUIIconButton.vue')['default']
-    AGUIInnerInput: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/input/AGUIInnerInput.vue')['default']
-    AGUIInput: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/input/AGUIInput.vue')['default']
-    AGUIInputNumber: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/input/AGUIInputNumber.vue')['default']
-    AGUIInputVector: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/input/AGUIInputVector.vue')['default']
-    AGUILayout: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/layout/AGUILayout.vue')['default']
-    AGUIMenubar: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/menu/AGUIMenubar.vue')['default']
-    AGUIMenubarMenu: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/menu/AGUIMenubarMenu.vue')['default']
-    AGUINumberField: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUINumberField.vue')['default']
-    AGUINumberSlider: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUINumberSlider.vue')['default']
-    AGUIOpenDirectory: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/explorer/AGUIOpenDirectory.vue')['default']
-    AGUIOverlay: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUIOverlay.vue')['default']
-    AGUIPanel: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUIPanel.vue')['default']
-    AGUIPropertiesForm: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/panel/AGUIPropertiesForm.vue')['default']
-    AGUIPropertiesPanel: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/panel/AGUIPropertiesPanel.vue')['default']
-    AGUIProperty: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUIProperty.vue')['default']
-    AGUISelect: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/select/AGUISelect.vue')['default']
-    AGUISlider: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/AGUISlider.vue')['default']
-    AGUITabPanel: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/tabs/AGUITabPanel.vue')['default']
-    AGUITabs: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/tabs/AGUITabs.vue')['default']
-    AGUITextarea: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/textarea/AGUITextarea.vue')['default']
-    AGUIToast: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/toast/AGUIToast.vue')['default']
-    AGUIToggleIcon: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/button/AGUIToggleIcon.vue')['default']
-    AGUIToolbar: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/toolbar/AGUIToolbar.vue')['default']
-    AGUITree: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/tree/AGUITree.vue')['default']
-    AGUITreeNode: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/tree/AGUITreeNode.vue')['default']
-    BIconChevronLeft: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/icons/BIconChevronLeft.vue')['default']
-    BIconChevronRight: typeof import('./../../../../node_modules/.pnpm/@advjs+gui@0.0.7-beta.1_vue@3.5.13_typescript@5.6.3_/node_modules/@advjs/gui/client/components/icons/BIconChevronRight.vue')['default']
-    PageFrontmatter: typeof import('./components/PageFrontmatter.vue')['default']
-    PostPanel: typeof import('./components/PostPanel.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    VDHeader: typeof import('./components/VDHeader.vue')['default']
-    VDPostCategories: typeof import('./components/VDPostCategories.vue')['default']
-    VDPostList: typeof import('./components/VDPostList.vue')['default']
-    VDTag: typeof import('./components/VDTag.vue')['default']
-  }
-}

package/src/client/composables/app.ts

@@ -1,10 +0,0 @@
-import type { PageData, PostFrontMatter } from 'valaxy'
-import type { Router } from 'vue-router'
-
-import { ref } from 'vue'
-
-export const devtoolsRouter = ref<Router>()
-export const activePath = ref('')
-
-export const frontmatter = ref<PostFrontMatter>()
-export const pageData = ref<PageData>()

package/src/client/index.html

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
-  <title>Valaxy Devtools</title>
-  <script>
-  ;(function () {
-    const prefersDark =
-      window.matchMedia &&
-      window.matchMedia('(prefers-color-scheme: dark)').matches
-    const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
-    if (setting === 'dark' || (prefersDark && setting !== 'light'))
-      document.documentElement.classList.toggle('dark', true)
-  })()
-</script>
-</head>
-
-<body data-vite-inspect-mode="DEV">
-  <div id="app" class="h-full"></div>
-  <script>
-    ;(function () {
-      if (!location.pathname.endsWith('/'))
-        location.pathname += '/'
-    })()
-  </script>
-  <script type="module" src="/main.ts"></script>
-</body>
-
-</html>

package/src/client/main.ts

@@ -1,37 +0,0 @@
-// register vue composition api globally
-import { createApp, ref } from 'vue'
-
-import { createRouter, createWebHashHistory } from 'vue-router'
-import { handleHotUpdate, routes } from 'vue-router/auto-routes'
-import App from './App.vue'
-
-import '@unocss/reset/tailwind.css'
-import 'uno.css'
-
-import './styles/index.css'
-import 'splitpanes/dist/splitpanes.css'
-
-const app = createApp(App)
-
-const router = createRouter({
-  history: createWebHashHistory(),
-  routes,
-})
-
-if (import.meta.env.DEV) {
-  window.__VUE_DEVTOOLS_ROUTER__ = router
-
-  window.$frontmatter = {}
-  window.$pageData = {}
-  window.$valaxy = {
-    postList: ref([]),
-  }
-}
-
-// This will update routes at runtime without reloading the page
-if (import.meta.hot) {
-  handleHotUpdate(router)
-}
-
-app.use(router)
-app.mount('#app')

package/src/client/pages/about.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    About
-  </div>
-</template>

package/src/client/pages/categories.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    Categories
-  </div>
-</template>

package/src/client/pages/index.vue

@@ -1,21 +0,0 @@
-<script lang="ts" setup>
-import { Pane, Splitpanes } from 'splitpanes'
-import { onMounted } from 'vue'
-import { isStaticMode } from '../utils'
-
-onMounted(() => {
-  if (isStaticMode)
-    document.title = 'Valaxy DevTools (Production)'
-})
-</script>
-
-<template>
-  <Splitpanes class="h-full">
-    <Pane>
-      <VDPostList />
-    </Pane>
-    <Pane>
-      <PostPanel />
-    </Pane>
-  </Splitpanes>
-</template>

package/src/client/pages/migration.vue

@@ -1,73 +0,0 @@
-<script lang="ts" setup>
-import axios from 'axios'
-import { Pane, Splitpanes } from 'splitpanes'
-import { onMounted, ref } from 'vue'
-import { getGlobalValaxyProperty } from '../utils'
-
-interface frontmatter {
-  [key: string]: string
-}
-const postList = ref<frontmatter[]>([])
-const mapper = ref<frontmatter>({})
-
-onMounted(() => {
-  postList.value = getGlobalValaxyProperty('postList').value
-  postList.value.forEach((element) => {
-    const keys = Object.keys(element)
-    for (const key of keys)
-      mapper.value[key] = ''
-  })
-})
-const checkedPosts = ref<string[]>([])
-function clearPosts(select: boolean) {
-  checkedPosts.value.length = 0
-  if (select)
-    checkedPosts.value = checkedPosts.value.concat(postList.value.map(i => i.path))
-}
-
-async function migration() {
-  const update: frontmatter = {}
-  for (const key in mapper.value) {
-    if (mapper.value[key] !== '')
-      update[key] = mapper.value[key]
-  }
-  const res = await axios.post('/valaxy-devtools-api/migration', {
-    pageData: checkedPosts.value,
-    frontmatter: update,
-  })
-  if (res.data === 'ok') {
-    // console.log('migration success')
-  }
-}
-</script>
-
-<template>
-  <Splitpanes class="h-full">
-    <Pane>
-      <button @click="clearPosts(true)">
-        全选
-      </button>
-      <button @click="clearPosts(false)">
-        清空
-      </button>
-      <ul class="h-full" overflow="auto" pl="12" pr="4" py="4">
-        <li v-for="post in postList" :key="post.path" class="list-decimal">
-          <input v-model="checkedPosts" type="checkbox" :name="post.path" :value="post.path">
-          <label :for="post.path">{{ post.title }}</label>
-        </li>
-      </ul>
-    </Pane>
-    <Pane>
-      <h2>原frontmatter字段->新字段</h2>
-      <button @click="migration">
-        提交
-      </button>
-      <ul class="h-full" overflow="auto" pl="12" pr="4" py="4">
-        <li v-for="(_, key) in mapper" :key="key">
-          <label :for="key as string" style="margin-right: 20px;">{{ key }} -></label>
-          <input v-model="mapper[key]" :name="key as string">
-        </li>
-      </ul>
-    </Pane>
-  </Splitpanes>
-</template>

package/src/client/pages/tags.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    Tags
-  </div>
-</template>

package/src/client/shims.d.ts

@@ -1,12 +0,0 @@
-declare interface Window {
-  __VUE_DEVTOOLS_ROUTER__: import('vue-router').Router
-
-  $frontmatter: any
-  $pageData: any
-
-  $valaxy: {
-    postList: import('vue').Ref<
-      import('valaxy/types').Post[]
-    >
-  }
-}

package/src/client/styles/index.css

@@ -1,8 +0,0 @@
-html,
-body {
-  height: 100%;
-}
-
-.dark {
-  background-color: rgba(12, 16, 21);
-}

package/src/client/typed-routes.d.ts

@@ -1,27 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// Generated by unplugin-vue-router. ‼️ DO NOT MODIFY THIS FILE ‼️
-// It's recommended to commit this file.
-// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
-
-declare module 'vue-router/auto-routes' {
-  import type {
-    RouteRecordInfo,
-    ParamValue,
-    ParamValueOneOrMore,
-    ParamValueZeroOrMore,
-    ParamValueZeroOrOne,
-  } from 'vue-router'
-
-  /**
-   * Route name map generated by unplugin-vue-router
-   */
-  export interface RouteNamedMap {
-    '/': RouteRecordInfo<'/', '/', Record<never, never>, Record<never, never>>,
-    '/about': RouteRecordInfo<'/about', '/about', Record<never, never>, Record<never, never>>,
-    '/categories': RouteRecordInfo<'/categories', '/categories', Record<never, never>, Record<never, never>>,
-    '/migration': RouteRecordInfo<'/migration', '/migration', Record<never, never>, Record<never, never>>,
-    '/tags': RouteRecordInfo<'/tags', '/tags', Record<never, never>, Record<never, never>>,
-  }
-}

package/src/client/types/index.ts

@@ -1,3 +0,0 @@
-export interface BlogWindow {
-  $frontmatter: any
-}

package/src/client/utils/api.ts

@@ -1,18 +0,0 @@
-// import from @vue/devtools-api not work
-import { getAppWindow } from './get'
-
-const target = getAppWindow()
-
-export interface OpenInEditorOptions {
-  file?: string
-  line?: number
-  column?: number
-}
-
-export function openInEditor(options: OpenInEditorOptions = {}) {
-  const { file, line = 0, column = 0 } = options
-  if (file) {
-    const baseUrl = window.location.origin
-    target?.__VUE_INSPECTOR__.openInEditor(baseUrl, file, line, column)
-  }
-}

package/src/client/utils/get.ts

@@ -1,25 +0,0 @@
-export function getAppWindow() {
-  return window.parent.parent as unknown as {
-    __VUE_INSPECTOR__: {
-      openInEditor: (baseUrl: string, file: string, line: number, column: number) => void
-    }
-  }
-}
-
-/**
- * window.parent.parent is the window object of the main app
- */
-export function getWindowProperty(property: string) {
-  if (import.meta.env.DEV)
-    return (window as any)[property]
-
-  return (window.parent.parent as any)[property]
-}
-
-export function getGlobalValaxyProperty(property: string) {
-  if (import.meta.env.DEV)
-    return (window as any).$valaxy[property]
-
-  const $valaxy = (window.parent.parent as any).$valaxy
-  return $valaxy[property]
-}

package/src/client/utils/index.ts

@@ -1,5 +0,0 @@
-export * from './api'
-export * from './get'
-export * from './init'
-
-export const isStaticMode = document.body.getAttribute('data-valaxy-devtools-mode') === 'BUILD'

package/src/client/utils/init.ts

@@ -1,27 +0,0 @@
-import type { Router } from 'vue-router'
-import { nextTick, onMounted } from 'vue'
-import { activePath, devtoolsRouter, frontmatter, pageData } from '../composables/app'
-import { getWindowProperty } from './get'
-
-export function initDevtoolsClient() {
-  const __VUE_DEVTOOLS_ROUTER__ = getWindowProperty('__VUE_DEVTOOLS_ROUTER__') as Router
-  devtoolsRouter.value = __VUE_DEVTOOLS_ROUTER__
-
-  devtoolsRouter.value.beforeEach((to, _from, next) => {
-    activePath.value = to.path
-    next()
-  })
-
-  // init $frontmatter and $pageData
-  onMounted(() => {
-    frontmatter.value = getWindowProperty('$frontmatter')
-    pageData.value = getWindowProperty('$pageData')
-  })
-
-  devtoolsRouter.value.afterEach(async () => {
-    await nextTick()
-    // get target post $frontmatter
-    frontmatter.value = getWindowProperty('$frontmatter')
-    pageData.value = getWindowProperty('$pageData')
-  })
-}