@valaxyjs/devtools 0.22.4 → 0.22.5-beta.5

package/src/client/vite.config.ts

@@ -1,87 +0,0 @@
-import { join, resolve } from 'node:path'
-import { componentsDir } from '@advjs/gui/node'
-import Vue from '@vitejs/plugin-vue'
-import Unocss from 'unocss/vite'
-import VueComponents from 'unplugin-vue-components/vite'
-import VueRouter from 'unplugin-vue-router/vite'
-import { defineConfig } from 'vite'
-import { unoConfig } from '../../../../uno.config'
-
-export default defineConfig({
-  base: './',
-
-  css: {
-    preprocessorOptions: {
-      scss: {
-        api: 'modern-compiler',
-      },
-    },
-  },
-
-  resolve: {
-    alias: {
-      '~/': __dirname,
-    },
-  },
-
-  plugins: [
-    {
-      name: 'local-object-transform',
-      transform: {
-        order: 'post',
-        async handler(code) {
-          return `${code}\n/* Injected with object hook! */`
-        },
-      },
-    },
-    {
-      name: 'generate-error',
-      load(id) {
-        if (id === '/__LOAD_ERROR')
-          throw new Error('Load error')
-        if (id === '/__TRANSFORM_ERROR')
-          return 'transform'
-      },
-      transform(code, id) {
-        if (id === '/__TRANSFORM_ERROR')
-          throw new SyntaxError('Transform error')
-      },
-    },
-
-    {
-      name: 'no-change',
-      transform: {
-        order: 'post',
-        async handler(code) {
-          return code
-        },
-      },
-    },
-
-    VueRouter({
-      routesFolder: join(__dirname, 'pages'),
-      dts: join(__dirname, 'typed-routes.d.ts'),
-    }),
-    Vue({
-      include: [/\.vue$/, /\.md$/],
-    }),
-    VueComponents({
-      dirs: ['components', componentsDir],
-      dts: join(__dirname, 'components.d.ts'),
-    }),
-    Unocss(unoConfig),
-  ],
-
-  optimizeDeps: {
-    exclude: [
-      'vite-hot-client',
-    ],
-  },
-
-  build: {
-    target: 'esnext',
-    outDir: resolve(__dirname, '../../dist/client'),
-    minify: false, // 'esbuild',
-    emptyOutDir: true,
-  },
-})

package/src/dir.ts

@@ -1,10 +0,0 @@
-import { dirname, resolve } from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-export const DIR_DIST = typeof __dirname !== 'undefined'
-  ? __dirname
-  : dirname(fileURLToPath(import.meta.url))
-
-const DEVTOOLS_CLIENT_FOLDER = resolve(DIR_DIST, '../dist/client')
-
-export const DIR_CLIENT = DEVTOOLS_CLIENT_FOLDER

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './node/index'
-export { default } from './node/index'

package/src/node/README.md

@@ -1,3 +0,0 @@
-# Valaxy Devtools
-
-A vite plugin for valaxy.

package/src/node/api/index.ts

@@ -1,82 +0,0 @@
-import type { ResolvedConfig, ViteDevServer } from 'vite'
-import bodyParser from 'body-parser'
-
-import fs from 'fs-extra'
-import matter from 'gray-matter'
-import { JSON_SCHEMA } from 'js-yaml'
-
-const prefix = '/valaxy-devtools-api'
-
-/**
- * migration
- * @param path
- * @param frontmatter
- */
-export async function migration(path: string, frontmatter: { [key: string]: string }) {
-  if (fs.existsSync(path)) {
-    const rawMd = await fs.readFile(path, 'utf-8')
-    const matterFile = matter(rawMd, { schema: JSON_SCHEMA } as any)
-    let mod = false
-    for (const key in frontmatter) {
-      if (key in matterFile.data) {
-        matterFile.data[frontmatter[key]] = matterFile.data[key]
-        delete matterFile.data[key]
-        mod = true
-      }
-    }
-    if (mod) {
-      const newMd = matter.stringify(matterFile.content, matterFile.data)
-      await fs.writeFile(path, newMd)
-    }
-  }
-  else {
-    // console.error(`post not exist:${path}`)
-  }
-}
-
-export function registerApi(server: ViteDevServer, _viteConfig: ResolvedConfig) {
-  const app = server.middlewares
-
-  app.use(bodyParser.json())
-
-  app.use(`${prefix}/frontmatter`, async (req, _res) => {
-    // update
-    if (req.method === 'POST') {
-      const { pageData, frontmatter: newFm } = await (req as any).body
-      // filePath
-      const path = pageData.path
-      if (fs.existsSync(path)) {
-        const rawMd = await fs.readFile(path, 'utf-8')
-        const matterFile = matter(rawMd)
-
-        // update frontmatter
-        matterFile.data = newFm
-        const newMd = matter.stringify(matterFile.content, matterFile.data)
-        await fs.writeFile(path, newMd)
-      }
-    }
-  })
-
-  app.use(`${prefix}/migration`, async (req, _res) => {
-    // update
-    if (req.method === 'POST') {
-      const { pageData, frontmatter } = await (req as any).body
-      // filePath
-      const worker: Promise<void>[] = []
-
-      for (const item of pageData) {
-        const path = item
-        worker.push(migration(path, frontmatter))
-      }
-      //   worker.push(migration(`${userRoot.root}/pages${item}.md`, frontmatter))
-      // for (const item of pageData)
-      //   worker.push(migration(item, frontmatter))
-
-      Promise.all(worker).then(() => {
-        _res.end('ok')
-      }).catch((_) => {
-        _res.end('migration error')
-      })
-    }
-  })
-}

package/src/node/index.ts

@@ -1,74 +0,0 @@
-import type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'
-import type { ValaxyDevtoolsOptions } from './types'
-import { createProxyMiddleware } from 'http-proxy-middleware'
-import c from 'picocolors'
-import sirv from 'sirv'
-import { DIR_CLIENT } from '../dir'
-import { registerApi } from './api'
-
-const NAME = 'valaxy:devtools'
-
-// import.meta.env.VITE_DEV_VALAXY_DEVTOOLS = 'true'
-
-export default function ValaxyDevtools(options: ValaxyDevtoolsOptions = {}): Plugin {
-  let config: ResolvedConfig
-
-  function configureServer(server: ViteDevServer) {
-    const _print = server.printUrls
-    const base = (options.base ?? server.config.base) || '/'
-
-    const devtoolsUrl = `${base}__valaxy_devtools__/`
-    if (import.meta.env?.VITE_DEV_VALAXY_DEVTOOLS === 'true') {
-      server.middlewares.use(devtoolsUrl, createProxyMiddleware({
-        target: 'http://localhost:5001/#/',
-        changeOrigin: true,
-      }) as any)
-    }
-    else {
-      server.middlewares.use(devtoolsUrl, sirv(DIR_CLIENT, {
-        single: true,
-        dev: true,
-      }))
-    }
-
-    server.printUrls = () => {
-      let host = `${config.server.https ? 'https' : 'http'}://localhost:${config.server.port || '80'}`
-
-      const url = server.resolvedUrls?.local[0]
-
-      if (url) {
-        try {
-          const u = new URL(url)
-          host = `${u.protocol}//${u.host}`
-        }
-        catch (error) {
-          console.warn('Parse resolved url failed:', error)
-        }
-      }
-
-      _print()
-
-      const colorUrl = (url: string) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`))
-      // eslint-disable-next-line no-console
-      console.log(`  ${c.green('➜')}  ${c.bold('Inspect')}: ${colorUrl(`${host}${base}__inspect/`)}`)
-    }
-
-    registerApi(server, config)
-  }
-
-  const plugin = <Plugin>{
-    name: NAME,
-
-    enforce: 'pre',
-
-    configResolved(_config) {
-      config = _config
-    },
-
-    configureServer(server) {
-      configureServer(server)
-    },
-  }
-
-  return plugin
-}

package/src/node/types.ts

@@ -1,4 +0,0 @@
-export interface ValaxyDevtoolsOptions {
-  userRoot?: string
-  base?: string
-}

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "lib": [
-      "ESNext",
-      "DOM"
-    ],
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "types": [
-      "vite/client",
-      "unplugin-vue-router/client"
-    ],
-    "strict": true,
-    "strictNullChecks": true,
-    "esModuleInterop": true,
-    "skipDefaultLibCheck": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "./src/client/typed-routes.d.ts",
-    "./src/**/*.ts"
-  ]
-}