vite-uni-dev-tool 0.0.11 → 0.0.12

package/dev/components/WebSocket/WebSocketList.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="web-socket-list-container">
+  <view class="web-socket-list-container" :style="{ zIndex: zIndex }">
     <view class="web-socket-top">
       请求url:
 
@@ -48,7 +48,7 @@ import CloseButton from '../CloseButton/index.vue';
 import { formatDate } from '../../utils/index';
 import type { DevTool } from '../../type';
 
-defineProps<{ ws: DevTool.WS }>();
+defineProps<{ ws: DevTool.WS; zIndex?: number }>();
 const emit = defineEmits<{ (e: 'close'): void }>();
 
 function onClose() {
@@ -82,13 +82,10 @@ function onClick(item: {
   position: fixed;
   width: 100vw;
   height: 100vh;
-  z-index: 1000;
+  z-index: 1001;
   top: 0;
   left: 0;
   padding: 0 16px;
-  /* #ifdef H5 */
-  padding: 50px 16px;
-  /* #endif */
 
   background-color: rgba(255, 255, 255, 0.95);
   box-sizing: border-box;

package/dev/components/WebSocket/index.vue

@@ -18,14 +18,19 @@
       </Tag>
     </view>
 
-    <VirtualListPro :data="wsList" :pageSize="10" className="websocket-list">
+    <VirtualListPro
+      :data="wsList"
+      :pageSize="10"
+      :height="height"
+      className="websocket-list"
+    >
       <template v-slot="{ list, start }">
         <AutoSize
           v-for="(item, index) in list"
           :index="start + index"
           :key="start + index"
         >
-          <WebSocketItem :ws="item" />
+          <WebSocketItem :ws="item" :zIndex="zIndex" />
         </AutoSize>
         <Empty v-if="!wsList || wsList.length === 0" />
       </template>
@@ -40,11 +45,13 @@ import FilterInput from '../FilterInput/index.vue';
 import type { DevTool } from '../../type';
 import VirtualListPro from '../VirtualListPro/index.vue';
 import AutoSize from '../VirtualListPro/AutoSize.vue';
+import { onMounted, ref } from 'vue';
 
 defineProps<{
   wsList: DevTool.WS[];
   currentWebSocketType: string;
   modelValue: string;
+  zIndex?: number;
 }>();
 const emit = defineEmits<{
   (e: 'choose', type: string): void;
@@ -87,6 +94,12 @@ const webSocketFilter = [
 function onChoose(type: string) {
   emit('choose', type);
 }
+
+const height = ref(0);
+onMounted(() => {
+  const { windowHeight } = uni.getWindowInfo();
+  height.value = windowHeight - 32 - 32;
+});
 </script>
 <style scoped>
 .websocket-content {

package/dev/const.ts

@@ -1,14 +1,12 @@
 /**
  * 调试按钮事件
- * 缓存调试按钮显示隐藏
  */
-export const EVENT_DEV_BUTTON = 'event-dev-button';
+export const DEV_BUTTON_VISIBLE = 'dev-button-visible';
 
 /**
  * 调试弹窗事件
- * 缓存调试弹窗显示隐藏
  */
-export const EVENT_DEV_WINDOW = 'event-dev-window';
+export const DEV_WINDOW_VISIBLE = 'dev-window-visible';
 
 /**
  * app 发出的信息
@@ -21,15 +19,8 @@ export const DEV_APP_MESSAGE = 'dev-app-message';
 export const DEV_WINDOW_MESSAGE = 'dev-window-message';
 
 /**
- * 缓存调试按钮信息
+ * 调试器销毁
  */
-export const DEV_BUTTON_INFO = 'dev-button-info';
-
-/**
- * 缓存调试弹窗信息
- */
-export const DEV_WINDOW_INFO = ' dev-window-info';
-
 export const DEV_IS_DESTROY = 'dev-is-destroy';
 
 /**
@@ -162,5 +153,12 @@ export const DEV_UNI_EVENT_CLEAR = 'dev-uni-event-clear';
  */
 export const DEV_RUN_JS = 'dev-uni-run-js';
 
-/** 清空截屏列表 */
+/**
+ * 清空截屏列表
+ */
 export const DEV_CAPTURE_SCREEN_CLEAR = 'dev-capture-screen-clear';
+
+/**
+ * 存储的dev-tool 信息
+ */
+export const DEV_TOOL_INFO = 'dev-tool-info';

package/dev/devEvent/index.ts

@@ -22,8 +22,8 @@ import {
   DEV_WEBSOCKET_CLEAR,
   DEV_WINDOW_OPEN,
   DEV_APP_MESSAGE,
-  EVENT_DEV_BUTTON,
-  EVENT_DEV_WINDOW,
+  DEV_BUTTON_VISIBLE,
+  DEV_WINDOW_VISIBLE,
   DEV_WINDOW_MESSAGE,
   DEV_WINDOW_CLOSE,
   DEV_OPTION_GET,
@@ -72,6 +72,10 @@ export class DevEvent {
    * @memberof DevEvent
    */
   async postMessageFn() {
+    if (this.getDevToolDestroy()) {
+      return;
+    }
+
     const data = await this.store.getDevData();
     const size = calculateObjectSize(data);
     const sizeFormat = formatStorageSize(size);
@@ -99,7 +103,7 @@ export class DevEvent {
    * @memberof DevEvent
    */
   createDevTool() {
-    if (!this.store.getDevToolDestroy()) {
+    if (!this.getDevToolDestroy()) {
       console.warn('[DevTool] 调试器已存在，不在重新创建');
       return;
     }
@@ -115,8 +119,8 @@ export class DevEvent {
    * @memberof DevEvent
    */
   destroyDevTool() {
-    if (this.store.getDevToolDestroy()) {
-      console.warn('[DevTool] 调试器已存在，不在重新创建');
+    if (this.getDevToolDestroy()) {
+      console.warn('[DevTool] 调试器已经销毁了，不在重新销毁');
       return;
     }
     this.store.setRequestIndex(-1);
@@ -151,7 +155,7 @@ export class DevEvent {
 
     this.store.setDevToolDestroy(true);
 
-    this.eventBus.clear();
+    // this.eventBus.clear();
 
     console.warn('[DevTool] 调试器已销毁');
   }
@@ -175,10 +179,11 @@ export class DevEvent {
    * @memberof DevEvent
    */
   openDevToolWindow() {
+    if (this.getDevToolDestroy()) return;
     setTimeout(async () => {
       this.postMessage();
     }, 100);
-    this.eventBus.emit(EVENT_DEV_WINDOW, true);
+    this.eventBus.emit(DEV_WINDOW_VISIBLE, true);
   }
 
   /**
@@ -187,7 +192,8 @@ export class DevEvent {
    * @memberof DevEvent
    */
   closeDevToolWindow() {
-    this.eventBus.emit(EVENT_DEV_WINDOW, false);
+    if (this.getDevToolDestroy()) return;
+    this.eventBus.emit(DEV_WINDOW_VISIBLE, false);
   }
 
   /**
@@ -196,10 +202,10 @@ export class DevEvent {
    * @export
    */
   showDevToolButton() {
-    const isDestroy = uni.getStorageSync(DEV_IS_DESTROY) ?? false;
-    if (isDestroy) return;
-    this.eventBus.emit(EVENT_DEV_BUTTON, true);
-    uni.setStorageSync(EVENT_DEV_BUTTON, true);
+    if (this.getDevToolDestroy()) return;
+
+    this.eventBus.emit(DEV_BUTTON_VISIBLE, true);
+
     this.store.setDevToolVisible(true);
   }
 
@@ -209,10 +215,8 @@ export class DevEvent {
    * @return {*}
    */
   hideDevToolButton() {
-    const isDestroy = uni.getStorageSync(DEV_IS_DESTROY) ?? false;
-    if (isDestroy) return;
-    this.eventBus.emit(EVENT_DEV_BUTTON, false);
-    uni.setStorageSync(EVENT_DEV_BUTTON, false);
+    if (this.getDevToolDestroy()) return;
+    this.eventBus.emit(DEV_BUTTON_VISIBLE, false);
     this.store.setDevToolVisible(false);
   }
 

package/dev/devStore/index.ts

@@ -1,6 +1,6 @@
 import type { DevTool } from '../type';
 
-import { DEV_IS_DESTROY, EVENT_DEV_BUTTON } from '../const';
+import { DEV_TOOL_INFO } from '../const';
 
 import {
   isNil,
@@ -12,6 +12,7 @@ import {
   isBoolean,
 } from '../utils/index';
 import { backup } from '../core';
+import { getDevToolInfo, setDevToolInfo } from '../devToolInfo';
 
 /** 数据存储中心  */
 export class DevStore {
@@ -52,8 +53,6 @@ export class DevStore {
   private wsDataMaxSize = 1000;
   /** 事件列表最大值 */
   private eventListMaxSize = 1000;
-  /** js 最大运行条数 */
-  private runJsMaxSize = 1000;
   /** 截屏最大值 */
   private captureScreenMaxSize = 1000;
 
@@ -79,14 +78,22 @@ export class DevStore {
   /** 是否开启拦截Promise reject错误 */
   enableInterceptPromiseReject = false;
 
+  private zIndex = 1000;
+
   constructor() {
-    this.devToolDestroy = uni.getStorageSync(DEV_IS_DESTROY) ?? false;
-    this.devToolVisible = uni.getStorageSync(EVENT_DEV_BUTTON) ?? false;
+    const { devToolDestroy = false, devToolButtonVisible = false } =
+      uni.getStorageSync(DEV_TOOL_INFO);
+
+    this.devToolDestroy = devToolDestroy;
+    this.devToolVisible = devToolButtonVisible;
   }
 
   setDevToolVisible(visible: boolean) {
     this.devToolVisible = visible;
-    uni.setStorageSync(EVENT_DEV_BUTTON, visible);
+
+    setDevToolInfo({
+      devToolButtonVisible: visible,
+    });
   }
 
   getDevToolVisible() {
@@ -150,10 +157,13 @@ export class DevStore {
     this.wsDataMaxSize = options.wsDataMaxSize || 1000;
     this.cacheMaxSize = options.cacheMaxSize || 8 * 1024 * 1024 * 10;
     this.eventListMaxSize = options.eventListMaxSize || 1000;
+    this.captureScreenMaxSize = options.captureScreenMaxSize || 1000;
+    this.zIndex = options.zIndex || 1000;
+
+    const { devToolButtonVisible } = getDevToolInfo();
 
-    const devToolVisible = uni.getStorageSync(EVENT_DEV_BUTTON);
-    this.devToolVisible = isBoolean(devToolVisible)
-      ? devToolVisible
+    this.devToolVisible = isBoolean(devToolButtonVisible)
+      ? devToolButtonVisible
       : (options.initShowDevTool ?? true);
 
     this.setDevToolVisible(this.devToolVisible);
@@ -267,8 +277,6 @@ export class DevStore {
 
       setValueByPath(this.piniaStore.state.value, key, value);
 
-      console.log('this.piniaStore.state.value: ', this.piniaStore.state.value);
-
       this.setPiniaList({
         ...(this.piniaStore.state.value ?? {}),
       });
@@ -349,6 +357,7 @@ export class DevStore {
     this.state.windowInfo = {};
     this.state.systemInfo = {};
     this.state.netWorkStatus = {};
+    this.state.appInfo = {};
 
     this.state.eventList = [];
     this.state.eventCount = {
@@ -628,12 +637,17 @@ export class DevStore {
   }
 
   setDevToolDestroy(destroy: boolean) {
-    uni.setStorageSync(DEV_IS_DESTROY, destroy);
     this.devToolDestroy = destroy;
+
+    setDevToolInfo({
+      devToolDestroy: destroy,
+    });
   }
 
   getDevToolDestroy() {
-    return this.devToolDestroy ?? (uni.getStorageSync(DEV_IS_DESTROY) || false);
+    const { devToolDestroy = false } = uni.getStorageSync(DEV_TOOL_INFO);
+
+    return this.devToolDestroy ?? devToolDestroy;
   }
 
   getCurrentPagePath() {

package/dev/devToolInfo/index.ts

@@ -0,0 +1,26 @@
+import { DEV_TOOL_INFO } from '../const';
+import type { DevTool } from '../type';
+
+/**
+ * 缓存调试工具信息到本地
+ *
+ * @export
+ * @param {DevTool.DevToolInfo} info
+ */
+export function setDevToolInfo(info: DevTool.DevToolInfo) {
+  const devInfo = uni.getStorageSync(DEV_TOOL_INFO);
+  uni.setStorageSync(DEV_TOOL_INFO, {
+    ...devInfo,
+    ...info,
+  });
+}
+
+/**
+ * 获取本地缓存信息
+ *
+ * @export
+ * @return {*}
+ */
+export function getDevToolInfo() {
+  return uni.getStorageSync(DEV_TOOL_INFO) as DevTool.DevToolInfo;
+}

package/dev/plugins/uniDevTool/uniDevTool.d.ts

@@ -20,7 +20,7 @@ import { Plugin } from 'vite';
  * }
  * @return {*}  {Plugin}
  */
-export default function uniDevTool({ pages, sourceFileServers, ...reset }: {
+export default function uniDevTool({ pages, sourceFileServers, importConsole, ...reset }: {
     /** 是否拦截Promise.reject 最好不要拦截 默认禁用 */
     enableInterceptPromiseReject?: boolean;
     /** 打开窗口时隐藏按钮 */
@@ -35,6 +35,10 @@ export default function uniDevTool({ pages, sourceFileServers, ...reset }: {
     wsDataMaxSize?: number;
     /** 最大占用缓存空间 bytes */
     cacheMaxSize?: number;
+    /** 最大时间列表条数 */
+    eventListMaxSize?: number;
+    /** 最大截屏记录条数 */
+    captureScreenMaxSize?: number;
     /** 按钮大小 */
     buttonSize?: number;
     /** 按钮文本 */
@@ -47,6 +51,8 @@ export default function uniDevTool({ pages, sourceFileServers, ...reset }: {
     buttonBackgroundColor?: string;
     /** 初始化时是否显示调试按钮,默认显示 */
     initShowDevTool?: boolean;
+    /** 调试弹窗层级默认 1000 */
+    zIndex?: number;
     /**
      * 该属性处于实验当中，谨慎使用
      * 读取开发环境 source file,source map,默认 禁用
@@ -57,6 +63,8 @@ export default function uniDevTool({ pages, sourceFileServers, ...reset }: {
      * 开发环境 source file 服务器地址，默认 [] ，配合 useDevSource 使用
      */
     sourceFileServers?: string[];
+    /** 是否导入 console 默认不导入， 只会捕获error 和 warn , */
+    importConsole?: boolean;
     /** 页面配置 用于读取路由 */
     pages: {
         pages: {

package/dev/plugins/uniDevTool/uniDevTool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uniDevTool.d.ts","sourceRoot":"","sources":["../../../../plugins/src/plugins/uniDevTool/uniDevTool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAqBnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE;IACD,qCAAqC;IACrC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,gBAAgB;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa;IACb,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,kBAAkB;IAClB,KAAK,EAAE;QACL,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAC1B,WAAW,CAAC,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE;gBAAE,IAAI,EAAE,MAAM,CAAA;aAAE,EAAE,CAAA;SAAE,EAAE,CAAC;KAC7D,CAAC;CACH,GAAG,MAAM,CAyNT"}
+{"version":3,"file":"uniDevTool.d.ts","sourceRoot":"","sources":["../../../../plugins/src/plugins/uniDevTool/uniDevTool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAqBnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,iBAAiB,EACjB,aAAa,EACb,GAAG,KAAK,EACT,EAAE;IACD,qCAAqC;IACrC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,gBAAgB;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa;IACb,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB;IAClB,KAAK,EAAE;QACL,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAC1B,WAAW,CAAC,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE;gBAAE,IAAI,EAAE,MAAM,CAAA;aAAE,EAAE,CAAA;SAAE,EAAE,CAAC;KAC7D,CAAC;CACH,GAAG,MAAM,CAyNT"}

package/dev/plugins/uniDevTool/uniDevTool.js

@@ -1,36 +1,36 @@
-"use strict";const C=require("path"),I=require("fs"),u=require("../utils/index.js");function _(a){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const l in a)if(l!=="default"){const e=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(v,l,e.get?e:{enumerable:!0,get:()=>a[l]})}}return v.default=a,Object.freeze(v)}const $=_(C),S=_(I),h=/<script[^>]*>([\s\S]*?)<\/script>/,g={isReady:!1,urls:[]};function D({pages:a,sourceFileServers:v,...l}){return{name:"vite-uni-dev-tool",enforce:"pre",configureServer(e){var p;e.middlewares.use((s,n,t)=>{const{originalUrl:r}=s;if(l.useDevSource&&(r!=null&&r.includes("__dev_sourcefile__"))){const i=r.replace("/__dev_sourcefile__","");try{const c=e.config.root,m=$.join(c,i),o=S.readFileSync(m,"utf-8");n.setHeader("Content-Type",u.getContentType(m)),n.end(o)}catch{t()}}else t()}),(p=e.httpServer)==null||p.once("listening",()=>{var t;const s=(t=e.httpServer)==null?void 0:t.address(),n=u.getLocalIPs();if(s&&!Array.isArray(s)&&typeof s!="string"){const r=n.map(i=>`http://${i}:${s.port}/__dev_sourcefile__`);g.isReady=!0,g.urls=r,console.warn(`
-⚡️  vite-uni-dev-tool source file server running at:
-${n.map(i=>`➜  Source File  Network:  http://${i}:${s==null?void 0:s.port}/__dev_sourcefile__`).join(`
-`)}
-            `)}})},transform(e,p){var s;if(p.endsWith("/src/main.ts"))try{const n=e.split(`
-`);let t=[...n];const r=u.findInsertionIndex(t,c=>c.trim().startsWith("import")||c.trim().startsWith("export"));r!==-1&&t.splice(r,0,"import DevTool from 'vite-uni-dev-tool/dev/components/DevTool/index.vue';");const i=u.findInsertionIndex(t,c=>c.includes(".mount(")||c.includes("createApp("));if(i!==-1&&t.splice(i+1,0,"  app.component('DevTool', DevTool);"),t.length!==n.length)return{code:t.join(`
-`),map:null}}catch(n){return console.error("[DevTool] 转换 main 文件时出错:",n),{code:e,map:null}}if(p.endsWith("/src/App.vue")){const n=e.match(h);if(n&&n[1]){const t=n[1].trim(),r=u.hasImportCurrentInstance(t),i=u.hasImportOnLaunch(t),c=r?"":"import { getCurrentInstance } from 'vue'",m=i?"":"import { onLaunch } from '@dcloudio/uni-app'",o=`
-import { initDevTool, console } from 'vite-uni-dev-tool/dev/core';
-import pagesJson from './pages.json';
-${t}
-onLaunch(() => {
-  const vue3instance = getCurrentInstance();
-  initDevTool({
-    pagesJson,
-    vue3instance,
-    mode: import.meta.env.MODE,
-    sourceFileServers: [
-      ${[...g.urls??[],...v??[]].map(d=>`'${d}'`)}
-    ],
-    useDevSource: ${l.useDevSource},
-    ...${JSON.stringify(l)},
-  });
-});`;return{code:e.replace(h,`
-<script lang="ts" setup>
-${c}
-${m}
-${o}
-<\/script>`),map:null}}return{code:e,map:null}}if(p.endsWith(".vue")){const n=e.includes("<template>"),t=a.pages.some(o=>p.includes(o.path)),r=(s=a.subPackages)==null?void 0:s.some(o=>o.pages.some(f=>p.includes(`${o.root}/${f.path}`))),i=["<DevTool />"],c=u.hasImportConsole(e),m=u.hasUseConsole(e);if(!c&&m&&!p.endsWith("/src/App.vue")){const o=e.match(h);if(o&&o[1]){const d=`
-import { console } from 'vite-uni-dev-tool/dev/core';
-${o[1]}
-            `;e=e.replace(h,`
-  <script lang="ts" setup>
-  ${d}
-  <\/script>`)}}if((t||r)&&n){const o=u.getTemplateContent(e);let f=e;if(o){const d=`<view>${o}
-${i.join(`
-`)}</view>`;f=e.replace(o,d)}return{code:f,map:null}}}return{code:e,map:null}}}}module.exports=D;
+"use strict";const I=require("path"),C=require("fs"),u=require("../utils/index.js");function $(a){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const l in a)if(l!=="default"){const f=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(d,l,f.get?f:{enumerable:!0,get:()=>a[l]})}}return d.default=a,Object.freeze(d)}const S=$(I),D=$(C),g=/<script[^>]*>([\s\S]*?)<\/script>/,_={isReady:!1,urls:[]};function y({pages:a,sourceFileServers:d,importConsole:l,...f}){return{name:"vite-uni-dev-tool",enforce:"pre",configureServer(e){var p;e.middlewares.use((s,n,t)=>{const{originalUrl:r}=s;if(f.useDevSource&&(r!=null&&r.includes("__dev_sourcefile__"))){const i=r.replace("/__dev_sourcefile__","");try{const c=e.config.root,v=S.join(c,i),o=D.readFileSync(v,"utf-8");n.setHeader("Content-Type",u.getContentType(v)),n.end(o)}catch{t()}}else t()}),(p=e.httpServer)==null||p.once("listening",()=>{var t;const s=(t=e.httpServer)==null?void 0:t.address(),n=u.getLocalIPs();if(s&&!Array.isArray(s)&&typeof s!="string"){const r=n.map(i=>`http://${i}:${s.port}/__dev_sourcefile__`);_.isReady=!0,_.urls=r,console.warn(`
+⚡️  vite-uni-dev-tool source file server running at:
+${n.map(i=>`➜  Source File  Network:  http://${i}:${s==null?void 0:s.port}/__dev_sourcefile__`).join(`
+`)}
+            `)}})},transform(e,p){var s;if(p.endsWith("/src/main.ts"))try{const n=e.split(`
+`);let t=[...n];const r=u.findInsertionIndex(t,c=>c.trim().startsWith("import")||c.trim().startsWith("export"));r!==-1&&t.splice(r,0,"import DevTool from 'vite-uni-dev-tool/dev/components/DevTool/index.vue';");const i=u.findInsertionIndex(t,c=>c.includes(".mount(")||c.includes("createApp("));if(i!==-1&&t.splice(i+1,0,"  app.component('DevTool', DevTool);"),t.length!==n.length)return{code:t.join(`
+`),map:null}}catch(n){return console.error("[DevTool] 转换 main 文件时出错:",n),{code:e,map:null}}if(p.endsWith("/src/App.vue")){const n=e.match(g);if(n&&n[1]){const t=n[1].trim(),r=u.hasImportCurrentInstance(t),i=u.hasImportOnLaunch(t),c=r?"":"import { getCurrentInstance } from 'vue'",v=i?"":"import { onLaunch } from '@dcloudio/uni-app'",o=`
+import { initDevTool${l?", console":""} } from 'vite-uni-dev-tool/dev/core';
+import pagesJson from './pages.json';
+${t}
+onLaunch(() => {
+  const vue3instance = getCurrentInstance();
+  initDevTool({
+    pagesJson,
+    vue3instance,
+    mode: import.meta.env.MODE,
+    sourceFileServers: [
+      ${[..._.urls??[],...d??[]].map(h=>`'${h}'`)}
+    ],
+    useDevSource: ${f.useDevSource},
+    ...${JSON.stringify(f)},
+  });
+});`;return{code:e.replace(g,`
+<script lang="ts" setup>
+${c}
+${v}
+${o}
+<\/script>`),map:null}}return{code:e,map:null}}if(p.endsWith(".vue")){const n=e.includes("<template>"),t=a.pages.some(o=>p.includes(o.path)),r=(s=a.subPackages)==null?void 0:s.some(o=>o.pages.some(m=>p.includes(`${o.root}/${m.path}`))),i=["<DevTool />"],c=u.hasImportConsole(e),v=u.hasUseConsole(e);if(!c&&v&&!p.endsWith("/src/App.vue")){const o=e.match(g);if(o&&o[1]){const m=o[1],h=`
+${l?"import { console } from 'vite-uni-dev-tool/dev/core';":""} 
+${m}
+            `;e=e.replace(g,`
+<script lang="ts" setup>
+${h}
+<\/script>`)}}if((t||r)&&n){const o=u.getTemplateContent(e);let m=e;if(o){const h=`<view>${o}
+${i.join(`
+`)}</view>`;m=e.replace(o,h)}return{code:m,map:null}}}return{code:e,map:null}}}}module.exports=y;

package/dev/plugins/uniGlobalComponents/uniGlobalComponents.js

@@ -1,7 +1,7 @@
-"use strict";const d=require("path"),m=require("fs"),p=require("../utils/index.js");function f(s){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(u,e,r.get?r:{enumerable:!0,get:()=>s[e]})}}return u.default=s,Object.freeze(u)}const g=f(d),h=f(m);function v({pages:s,components:u}){return{name:"uni-global-components",enforce:"pre",configureServer(e){var r;e.middlewares.use((t,c,i)=>{const{originalUrl:n}=t;if(n!=null&&n.includes("__dev_sourcefile__")){const o=n.replace("/__dev_sourcefile__","");try{const a=e.config.root,l=g.join(a,o),_=h.readFileSync(l,"utf-8");c.setHeader("Content-Type",p.getContentType(l)),c.end(_)}catch{i()}}else i()}),(r=e.httpServer)==null||r.once("listening",()=>{var i;const t=(i=e.httpServer)==null?void 0:i.address(),c=p.getLocalIPs();t&&!Array.isArray(t)&&typeof t!="string"&&(c.map(n=>`http://${n}:${t.port}/__dev_sourcefile__`),console.warn(`
-⚡️  vite-uni-dev-tool source file server running at:
-${c.map(n=>`➜  Source File  Network:  http://${n}:${t==null?void 0:t.port}/__dev_sourcefile__`).join(`
-`)}
-            `))})},transform(e,r){var t;if(r.endsWith(".vue")){const c=e.includes("<template>"),i=s.pages.some(o=>r.includes(o.path)),n=(t=s.subPackages)==null?void 0:t.some(o=>o.pages.some(a=>r.includes(`${o.root}/${a.path}`)));if((i||n)&&c){const o=p.getTemplateContent(e);if(o){const a=`<view>${o}
-${u.join(`
-`)}</view>`;return{code:e.replace(o,a),map:null}}}}return{code:e,map:null}}}}module.exports=v;
+"use strict";const d=require("path"),m=require("fs"),p=require("../utils/index.js");function f(s){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(u,e,r.get?r:{enumerable:!0,get:()=>s[e]})}}return u.default=s,Object.freeze(u)}const g=f(d),h=f(m);function v({pages:s,components:u}){return{name:"uni-global-components",enforce:"pre",configureServer(e){var r;e.middlewares.use((t,c,i)=>{const{originalUrl:n}=t;if(n!=null&&n.includes("__dev_sourcefile__")){const o=n.replace("/__dev_sourcefile__","");try{const a=e.config.root,l=g.join(a,o),_=h.readFileSync(l,"utf-8");c.setHeader("Content-Type",p.getContentType(l)),c.end(_)}catch{i()}}else i()}),(r=e.httpServer)==null||r.once("listening",()=>{var i;const t=(i=e.httpServer)==null?void 0:i.address(),c=p.getLocalIPs();t&&!Array.isArray(t)&&typeof t!="string"&&(c.map(n=>`http://${n}:${t.port}/__dev_sourcefile__`),console.warn(`
+⚡️  vite-uni-dev-tool source file server running at:
+${c.map(n=>`➜  Source File  Network:  http://${n}:${t==null?void 0:t.port}/__dev_sourcefile__`).join(`
+`)}
+            `))})},transform(e,r){var t;if(r.endsWith(".vue")){const c=e.includes("<template>"),i=s.pages.some(o=>r.includes(o.path)),n=(t=s.subPackages)==null?void 0:t.some(o=>o.pages.some(a=>r.includes(`${o.root}/${a.path}`)));if((i||n)&&c){const o=p.getTemplateContent(e);if(o){const a=`<view>${o}
+${u.join(`
+`)}</view>`;return{code:e.replace(o,a),map:null}}}}return{code:e,map:null}}}}module.exports=v;

package/dev/type.ts

@@ -60,6 +60,8 @@ export declare namespace DevTool {
     wsDataMaxSize?: number;
     /** 最大的时间列表条数 */
     eventListMaxSize?: number;
+    /** 最大截屏记录条数 */
+    captureScreenMaxSize?: number;
     /** 最大占用缓存空间 */
     cacheMaxSize?: number;
     /** 所有路由信息 */
@@ -75,6 +77,8 @@ export declare namespace DevTool {
      * 读取开发环境 source file,source map,默认 禁用
      */
     useDevSource?: boolean;
+    /** 层级默认 1000 */
+    zIndex?: number;
   } & ButtonOptions;
 
   type ButtonOptions = Partial<{
@@ -261,4 +265,27 @@ export declare namespace DevTool {
     event: DevEvent;
     enableInterceptPromiseReject?: boolean;
   };
+
+  type DevToolInfo = {
+    /** 是否销毁 */
+    devToolDestroy?: boolean;
+    /** 按钮状态 */
+    devToolButtonVisible?: boolean;
+    /** 窗口状态 */
+    devToolWindowVisible?: boolean;
+    /** 按钮位置 */
+    top?: string;
+    /** 按钮位置 */
+    left?: string;
+    /** 当前活动tab */
+    activeTab?: number;
+    /** 当前console类型 */
+    currentConsoleType?: string;
+    /** 当前network类型 */
+    currentNetworkType?: string;
+    /** 当前websocket类型 */
+    currentWebSocketType?: string;
+    /** table滚动位置 */
+    tabScrollLeft?: number;
+  };
 }

package/dev/utils/index.ts

@@ -4,6 +4,11 @@ export {
   isNumber,
   isObject,
   isArray,
+  isFunction,
+  isString,
+  isNull,
+  isSymbol,
+  isUndefined,
   getValueType,
   transformValueToView,
 } from './language';

package/dev/utils/language.ts

@@ -35,6 +35,10 @@ export function isSymbol(value: any): value is symbol {
   return typeof value === 'symbol';
 }
 
+export function isFunction(value: any): value is Function {
+  return typeof value === 'function';
+}
+
 /**
  *
  *
@@ -61,12 +65,13 @@ export function getValueType(value: any): DevTool.ValueType {
  * @return {*}  {DevTool.ValueType}
  */
 export function transformValueToView(value: any): DevTool.ValueType {
-  if (isNull(value)) return 'string';
-  if (isUndefined(value)) return 'string';
+  if (isNull(value)) return 'null';
+  if (isUndefined(value)) return 'undefined';
   if (isString(value)) return 'string';
   if (isNumber(value)) return 'number';
+  if (isBoolean(value)) return 'boolean';
+  if (isSymbol(value)) return 'symbol';
   if (isArray(value)) return 'array';
   if (isObject(value)) return 'object';
-  if (isSymbol(value)) return 'symbol';
   return 'string';
 }

package/dev/utils/object.ts

@@ -1,4 +1,4 @@
-import { isNil, isObject, isString } from './language';
+import { isBoolean, isNil, isObject, isString, isFunction } from './language';
 
 /**
  * 自定义set函数 - 安全地设置嵌套对象属性
@@ -252,7 +252,15 @@ export function parseValue(value: any, deep: number = 6) {
 
   function process(value: any, currentDeep: number, path: string[] = []): any {
     if (isString(value)) {
-      return `"${value}"`;
+      return `${value}`;
+    }
+
+    if (isBoolean(value)) {
+      return `${value}`;
+    }
+
+    if (isFunction(value)) {
+      return `f(...) { ... }`;
     }
 
     if (isNil(value)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-uni-dev-tool",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "vite-uni-dev-tool, debug, uni-app, 一处编写，到处调试",
   "keywords": [
     "vite",