vite-uni-dev-tool 0.0.4 → 0.0.6

package/README.md

@@ -1,6 +1,6 @@
 # vite-uni-dev-tool
 
-用于 vue3 + ts + uni-app 的开发调试插件
+用于 vue3 + ts + hooks + uni-app 的开发调试插件
 
 ## 安装
 
@@ -28,7 +28,7 @@ import * as path from 'path';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    // 一定要在 uni() 之前调用 否则微信小程序将无法解组件
+    // 一定要在 uni() 之前调用 否则微信小程序将无法正常编译组件
     uniDevTool({
       pages,
     }),
@@ -46,6 +46,27 @@ export default defineConfig({
 });
 ```
 
+### 为什么不用 subPackages?
+
+- 从当前页跳转到subPackages页面时，会触发 uni-app 页面生命周期，有时是不希望如此的，比如在开发过程中，希望可以直接在当前页面进行调试。
+
+### 如何将 console 日志输出到控制台
+
+- 0.0.5版本之后为了在生产环境中移除插件，开发环境中插件将会自动导入 `console`，无需手动导入
+
+- 0.0.5版本之后不推荐使用 `uni.__dev__console` , 在未来版本中可能会进行移除
+
+```ts
+// 方法 1
+import { console } from 'vite-uni-dev-tool/dev/core';
+
+console.log('hello vite-uni-dev-tool');
+
+// 方法 2
+
+uni.__dev__console.log('hello vite-uni-dev-tool');
+```
+
 ### 注意事项
 
 ### 兼容性说明
@@ -58,6 +79,13 @@ export default defineConfig({
 | ---------- | ---- | ------ |
 | Y          | Y    | 未测试 |
 
+### 安全性声明
+
+插件不收收集任何信息，只供开发人员调试使用
+
+- 插件中使用到了 `fs`，用于栈信息获取源代码文件
+- 插件使用了 `uni.request` ，用于栈信息获取源代码文件
+
 ### 预览
 
 ![all.png](https://gitee.com/cloud_l/vite-uni-dev-tool/raw/master/packages/docs/public/all.png)
@@ -120,3 +148,29 @@ export default defineConfig({
 - setting 页，支持重启，导出日志（h5,app）
 
 ![image.png](https://gitee.com/cloud_l/vite-uni-dev-tool/raw/master/packages/docs/public/setting.jpg)
+
+## 更新日志
+
+### 0.0.6
+- 修复 app 查看 source 重启
+
+### 0.0.5
+
+- 修复 路由支持跳转 subPackages
+- 增加栈位置查看（实验中功能）
+
+### 0.0.4
+
+- 修复初始启用状态
+
+### 0.0.3
+
+- 文档调整
+
+### 0.0.2
+
+- 文档调整
+
+### 0.0.1
+
+- 初始版本发布

package/dev/components/CloseButton/index.vue

@@ -21,5 +21,6 @@ function onClick() {
   border-radius: 50%;
   border: 1px solid #000;
   box-sizing: border-box;
+  color: #000;
 }
 </style>

package/dev/components/ConsoleList/Code.vue

@@ -0,0 +1,227 @@
+<template>
+  <view class="dev-tool-code">
+    <view class="dev-tool-code-control">
+      <FilterInput
+        v-model="modelValue"
+        style="width: 100%"
+        @search="onSearch"
+      />
+      <CloseButton style="margin-left: auto" @click="onClose" />
+    </view>
+    <view class="dev-tool-code-title">{{ fileName }}</view>
+    <scroll-view
+      scroll-y="true"
+      scroll-x="true"
+      class="dev-tool-code-list"
+      scroll-with-animation="true"
+      :scroll-top="scrollTop"
+      :scroll-into-view="scrollIntoView"
+    >
+      <view
+        v-for="(code, index) in codes"
+        :id="`dev-tool-code-item-${index}`"
+        :key="index"
+        :class="`dev-tool-code-item ${index === activeRowCol.activeRow ? 'dev-tool-code-item-active' : ''}`"
+      >
+        <view class="dev-tool-code-item-index"> {{ index + 1 }}</view>
+
+        <view class="dev-tool-code-item-content" v-html="code"></view>
+      </view>
+      <Empty v-if="!codes || codes.length === 0" />
+    </scroll-view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { computed, ref, nextTick, onMounted } from 'vue';
+import FilterInput from '../FilterInput/index.vue';
+import CloseButton from '../CloseButton/index.vue';
+import Empty from '../Empty/index.vue';
+import { escapeHTML, hightLight, isAndroid, parseStock } from '../../utils';
+
+const props = defineProps<{
+  url: string;
+  sourceFileServers?: string[];
+  mode?: string;
+}>();
+
+const emit = defineEmits<{ (e: 'close'): void }>();
+
+const modelValue = ref('');
+const scrollTop = ref(0);
+const fileName = computed(() => {
+  const name =
+    props?.url?.split('/')?.pop()?.replace(/\)|\(/, '') ?? '文件名称未知';
+  return name;
+});
+
+const activeRowCol = ref({ row: -1, col: -1, activeRow: -1 });
+
+let backupCodes: string[] = [];
+
+const codes = ref<string[]>([]);
+
+const scrollIntoView = ref('');
+
+function onClose() {
+  emit('close');
+}
+
+function onSearch(value: string) {
+  codes.value = backupCodes.map((code) => {
+    return hightLight(code, value);
+  });
+}
+
+let index = 0;
+function getCode(url: string, i: number = 0) {
+  let allUrl = url;
+  // 平台判断
+  if (isAndroid()) {
+    if (!props.sourceFileServers?.[i]) {
+      index = 0;
+      return;
+    }
+
+    allUrl = props.sourceFileServers?.[i] + '/src/' + url;
+  }
+
+  uni.showLoading({ mask: true });
+  uni.request({
+    url: allUrl,
+    success: (res) => {
+      if (typeof res.data === 'string') {
+        // 为什么要注释掉？
+        // 在 Android 识别到标签后会进行重启，导致代码无法显示
+        // TODO: 还有其它原因导致重启
+        const str = res.data
+          ?.replace(/<jscript/, '// [DevTool] 注释 <javascript')
+          ?.replace(/<\/script>/, '// [DevTool] 注释 </javascript>')
+          ?.replace(/<style/, '// [DevTool] 注释 <style')
+          ?.replace(/<\/style>/, '// [DevTool] 注释 </style>');
+        backupCodes = escapeHTML(str ?? '')
+          .toString()
+          .split('\n');
+
+        const start =
+          activeRowCol.value.row - 20 > 0 ? activeRowCol.value.row - 20 : 0;
+
+        const end =
+          activeRowCol.value.row + 20 > backupCodes.length
+            ? backupCodes.length
+            : activeRowCol.value.row + 20;
+
+        // backupCodes.slice(start, end);
+
+        codes.value = backupCodes.slice(start, end);
+
+        activeRowCol.value.activeRow = activeRowCol.value.row - start;
+
+        nextTick(() => {
+          scrollIntoView.value = `dev-tool-code-item-${activeRowCol.value.activeRow}`;
+        });
+      }
+    },
+    fail: (err) => {
+      index++;
+      getCode(url, index);
+      uni.showToast({ icon: 'none', title: '正在重新尝试中...' });
+    },
+    complete: () => {
+      uni.hideLoading();
+    },
+  });
+}
+
+/** 开发环境获取源代码 */
+function getSourceCodeDev(url: string) {
+  if (!url) {
+    uni.showToast({ icon: 'none', title: '[DevTool] url 处理异常' });
+    uni?.__dev__console?.log('[DevTool] url 处理异常');
+    return;
+  }
+
+  getCode(url, index);
+}
+
+onMounted(() => {
+  let url = props?.url;
+
+  const { path, col, row } = parseStock(props?.url ?? '');
+
+  if (path) {
+    url = path;
+  }
+
+  activeRowCol.value.col = col;
+  activeRowCol.value.row = row;
+
+  if (props.mode === 'development') {
+    // 开发环境查看源码
+    getSourceCodeDev(url);
+  } else if (props.mode === 'production') {
+    // TODO 生产环境查看源码
+  }
+});
+</script>
+<style scoped>
+.dev-tool-code {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: 10000;
+  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;
+  color: #000;
+}
+
+.dev-tool-code-control {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  height: 32px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+}
+
+.dev-tool-code-title {
+  height: 32px;
+  line-height: 32px;
+  margin-bottom: 4px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+  white-space: nowrap;
+  overflow: auto;
+}
+
+.dev-tool-code-list {
+  height: calc(100% - 68px);
+}
+
+.dev-tool-code-item {
+  display: flex;
+  align-items: center;
+  height: 28px;
+}
+.dev-tool-code-item-active {
+  color: #fff;
+  background-color: var(--dev-tool-main-color);
+}
+
+.dev-tool-code-item-index {
+  flex-shrink: 0;
+  width: 20px;
+  margin-right: 8px;
+  text-align: right;
+}
+
+.dev-tool-code-item-content {
+  white-space: pre;
+}
+</style>

package/dev/components/ConsoleList/ConsoleItem.vue

@@ -18,21 +18,85 @@
           <view class="console-time">{{ consoleItem.time }}</view>
           <view class="console-other" v-html="consoleItem.position"></view>
           <view
-            class="console-other"
+            :class="`console-other ${isUseDevSource ? 'console-stack' : ''}`"
             v-if="consoleItem.stack"
             v-html="consoleItem.stack"
+            @click="onStackClick"
           ></view>
         </view>
       </view>
     </view>
     <!-- <view class="console-copy">C</view> -->
+    <Code
+      v-if="openCode && consoleItem.stack"
+      :url="consoleItem.stack"
+      :sourceFileServers="sourceFileServers"
+      :mode="mode"
+      @close="onCloseCode"
+    />
   </view>
 </template>
 
 <script setup lang="ts">
+import { ref, computed } from 'vue';
 import Tag from '../Tag/index.vue';
+import Code from './Code.vue';
 import type { DevTool } from '../../type';
-defineProps<{ consoleItem: DevTool.ConsoleItem }>();
+import { isAndroid, isMockWX } from '../../utils';
+const props = defineProps<{
+  consoleItem: DevTool.ConsoleItem;
+  sourceFileServers?: string[];
+  mode?: string;
+  useDevSource?: boolean;
+}>();
+
+const openCode = ref(false);
+
+const isUseDevSource = computed(() => {
+  return (
+    !isMockWX(props?.consoleItem?.stack ?? '') &&
+    props.mode === 'development' &&
+    props.useDevSource
+  );
+});
+
+const isWXLink = computed(() => {
+  return (
+    isMockWX(props?.consoleItem?.stack ?? '') || props.mode !== 'development'
+  );
+});
+
+function onStackClick() {
+  if (isWXLink.value) {
+    uni.showToast({
+      icon: 'none',
+      title: '[DevTool] 请在小程序真机调试模式下查看源码',
+    });
+    return;
+  }
+
+  if (!isUseDevSource.value) {
+    return;
+  }
+
+  if (isAndroid()) {
+    if (props.sourceFileServers && props.sourceFileServers.length > 0) {
+      openCode.value = true;
+    } else {
+      uni.showToast({
+        icon: 'none',
+        title: '[DevTool] sourceFileServers 配置异常',
+      });
+      uni?.__dev__console?.log('[DevTool] sourceFileServers 配置异常');
+    }
+  } else {
+    openCode.value = true;
+  }
+}
+
+function onCloseCode() {
+  openCode.value = false;
+}
 </script>
 <style scoped>
 .console-item {
@@ -41,19 +105,20 @@ defineProps<{ consoleItem: DevTool.ConsoleItem }>();
   border-bottom: 1px solid var(--dev-tool-border-color);
   font-size: var(--dev-tool-base-font-size);
 }
-.console-item .console-info {
+.console-info {
   flex: 1;
 }
-.console-item .console-info .console-args {
+.console-args {
   display: flex;
   flex-wrap: wrap;
   color: #000;
 }
-.console-item .console-info .console-args .console-arg {
+.console-arg {
   margin-right: 4px;
+  white-space: pre-line;
   word-break: break-all;
 }
-.console-item .console-info .console-position {
+.console-position {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -61,14 +126,20 @@ defineProps<{ consoleItem: DevTool.ConsoleItem }>();
   color: #616161;
   text-align: right;
 }
-.console-item .console-info .console-position .console-time {
+.console-time {
   margin-right: auto;
   word-break: break-all;
 }
-.console-item .console-info .console-position .console-other {
+.console-other {
   word-break: break-all;
 }
-.console-item .console-copy {
+
+.console-stack {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.console-copy {
   flex-shrink: 0;
   margin-left: 16px;
   display: flex;

package/dev/components/ConsoleList/index.vue

@@ -20,6 +20,9 @@
         v-for="(item, index) in consoleList"
         :consoleItem="item"
         :key="index"
+        :sourceFileServers="sourceFileServers"
+        :mode="mode"
+        :useDevSource="useDevSource"
       />
       <Empty v-if="!consoleList || consoleList.length === 0" />
     </view>
@@ -36,6 +39,9 @@ defineProps<{
   consoleList: DevTool.ConsoleItem[];
   currentConsoleType: string;
   modelValue: string;
+  sourceFileServers?: string[];
+  mode?: string;
+  useDevSource?: boolean;
 }>();
 const emit = defineEmits<{
   (e: 'choose', type: ConsoleType): void;

package/dev/components/DevTool/index.vue

@@ -12,6 +12,9 @@
     <DevToolWindow
       :open="devToolWindowVisible"
       :data="windowData"
+      :sourceFileServers="sourceFileServers"
+      :mode="mode"
+      :useDevSource="useDevSource"
       @close="onShowDevToolWindow(false)"
       @sendMessage="onSendMessage"
     />
@@ -51,6 +54,13 @@ const windowData = ref<DevTool.WindowData>({});
 
 const devToolWindowVisible = ref(false);
 const devToolButtonVisible = ref(false);
+
+const sourceFileServers = ref<string[]>([]);
+
+const mode = ref<string>();
+
+const useDevSource = ref(false);
+
 function onDevToolButtonClick() {
   onShowDevToolWindow(true);
   onSendMessage({
@@ -83,6 +93,12 @@ function onDevOptionSend(options: DevTool.DevToolOptions) {
     buttonProps.buttonFontSize = options.buttonFontSize ?? '16px';
     buttonProps.buttonBackgroundColor =
       options.buttonBackgroundColor ?? 'rgba(255, 255, 255, 0)';
+
+    sourceFileServers.value = options.sourceFileServers ?? [];
+
+    mode.value = options.mode ?? '';
+
+    useDevSource.value = options.useDevSource ?? false;
   }
 }
 

package/dev/components/DevToolWindow/index.vue

@@ -20,6 +20,9 @@
       <ConsoleList
         :currentConsoleType="currentConsoleType"
         :consoleList="consoleList"
+        :sourceFileServers="sourceFileServers"
+        :mode="mode"
+        :useDevSource="useDevSource"
         v-if="activeTab === 'Console'"
         v-model="searchConsole"
         @choose="onConsoleChoose"
@@ -260,7 +263,13 @@ const searchWs = ref('');
 const searchRoute = ref('');
 const searchStorage = ref('');
 
-const props = defineProps<{ open?: boolean; data?: DevTool.WindowData }>();
+const props = defineProps<{
+  open?: boolean;
+  data?: DevTool.WindowData;
+  sourceFileServers?: string[];
+  mode?: string;
+  useDevSource?: boolean;
+}>();
 
 const emits = defineEmits<{
   (e: 'close'): void;
@@ -700,7 +709,7 @@ function onGoTo(page: DevTool.Page) {
     type: DEV_PAGE_JUMP,
     data: {
       path: '/' + page.path,
-      isNav: page.isNav,
+      type: page.type,
     },
   });
 }

package/dev/components/RouteList/index.vue

@@ -14,7 +14,7 @@
       <view class="route-item" v-for="item in routeList" :key="item.path">
         <view class="route-item-name">
           <view v-html="item.name" />
-          <Tag v-if="item.isNav" mode="info">Nav</Tag>
+          <Tag v-if="item.type" mode="info">{{ item.type }}</Tag>
           <Tag mode="warn" v-if="item.index === 4 || item.index === 3">
             当前页
           </Tag>

package/dev/core.ts

@@ -45,7 +45,13 @@ function getDevToolOptions() {
 }
 
 function initDevTool(options?: DevTool.DevToolOptions) {
-  store.setDevToolOptions(options || {});
+  if (!options?.mode) {
+    console.error('[DevTool] 请传入 mode: import.meta.env.MODE');
+  }
+
+  store.setDevToolOptions(options || { mode: '' });
+
+  intercept.interceptVue3(options?.vue3instance);
 }
 
 function showDevToolButton() {

package/dev/devConsole/index.ts

@@ -56,7 +56,6 @@ export class DevConsole {
     const time = getCurrentDate();
     // 获取调用栈（从第4行开始，跳过 console.log 和 wrapper 函数）
     const stackList = new Error()?.stack?.split('\n');
-
     const stack = stackList?.slice(3)?.[0];
 
     let argList = args?.map((item) => serializeCircular(item));

package/dev/devEvent/index.ts

@@ -351,7 +351,7 @@ export class DevEvent {
         }
         // 切换页面
         else if (data.type === DEV_PAGE_JUMP) {
-          data.data?.isNav
+          data.data?.type === 'nav'
             ? this.switchTo(data.data.path ?? '')
             : this.navigateTo(data.data.path ?? '');
         }

package/dev/devIntercept/index.ts

@@ -2,14 +2,13 @@ import { backup } from '../core';
 import { DevEvent } from '../devEvent';
 import type { DevTool } from '../type';
 import {
+  escapeHTML,
   getCurrentDate,
   getCurrentPagePath,
   serializeCircular,
 } from '../utils/index';
 import { isObject } from '../utils/language';
 
-import { getCurrentInstance } from 'vue';
-
 /**
  * 拦截器
  *
@@ -19,8 +18,6 @@ import { getCurrentInstance } from 'vue';
 export class DevIntercept {
   private event: DevEvent;
 
-  vue3instance = getCurrentInstance();
-
   initPinia = false;
 
   constructor(options: DevTool.DevInterceptOptions) {
@@ -29,14 +26,7 @@ export class DevIntercept {
   }
 
   init(options: DevTool.DevInterceptOptions) {
-    if (this.vue3instance) {
-      this.vue3instance.appContext.config.errorHandler = (error) => {
-        this.interceptErrorApp(error);
-      };
-      this.vue3instance.appContext.config.warnHandler = (msg: string) => {
-        this.interceptWarnApp(msg);
-      };
-    }
+    this.interceptAppError();
 
     this.interceptAppConsole();
 
@@ -97,25 +87,82 @@ export class DevIntercept {
     };
   }
 
+  /**
+   * 拦截 vue3 信息
+   *
+   * @memberof DevIntercept
+   */
+  interceptVue3(vue3instance: any) {
+    if (vue3instance) {
+      // 微信小程序触发了该事件
+      vue3instance.appContext.config.errorHandler = (
+        error: Error,
+        vm: any,
+        info: string,
+      ) => {
+        if (this.event.getDevToolDestroy()) {
+          return;
+        }
+        this.interceptErrorVue3(error);
+      };
+      vue3instance.appContext.config.warnHandler = (
+        msg: string,
+        vm: any,
+        trace: string,
+      ) => {
+        if (this.event.getDevToolDestroy()) {
+          return;
+        }
+
+        this.interceptWarnVue3(msg + '\n' + trace);
+      };
+    }
+  }
+
+  /**
+   * app 中捕获全局错误
+   *
+   * @memberof DevIntercept
+   */
+  interceptAppError() {
+    uni.onError((error) => {
+      if (this.event.getDevToolDestroy()) {
+        return;
+      }
+
+      const info = error.toString();
+      const stack = (error as unknown as Error)?.stack?.split('\n')?.[1] ?? '';
+
+      this.event.updateConsoleList([
+        {
+          type: 'error',
+          args: [info],
+          position: getCurrentPagePath(),
+          time: getCurrentDate(),
+          stack,
+        },
+      ]);
+    });
+  }
+
   /**
    * 拦截 app 错误
    *
    * @param {*} error
    * @memberof DevIntercept
    */
-  interceptErrorApp(error: any) {
-    const path = getCurrentPagePath();
-    const argList = error.toString();
+  interceptErrorVue3(error: Error) {
+    const stackList = error?.stack?.split('\n');
 
-    const stack = new Error()?.stack?.split('\n').slice(2)?.[0];
+    const stack = stackList?.[1];
 
     console.error(error);
 
     this.event.updateConsoleList([
       {
         type: 'error',
-        args: [argList],
-        position: path,
+        args: [error.toString()],
+        position: getCurrentPagePath(),
         time: getCurrentDate(),
         stack,
       },
@@ -130,18 +177,26 @@ export class DevIntercept {
    * @return {*}
    * @memberof DevIntercept
    */
-  interceptWarnApp(warn: any) {
+  interceptWarnVue3(warn: string) {
     if (this.preWarn === warn) return;
     this.preWarn = warn;
     const path = getCurrentPagePath();
-    const stack = new Error()?.stack?.split('\n').slice(2)?.[0];
+
+    const stackList = new Error()?.stack?.split('\n');
+
+    const stack = stackList?.slice(2)?.[0];
 
     console.warn(warn);
 
+    const args = warn
+      .split('\n')
+      ?.map((item) => escapeHTML(item))
+      .join('\n');
+
     this.event.updateConsoleList([
       {
         type: 'warn',
-        args: [warn.toString()],
+        args: [args],
         position: path,
         time: getCurrentDate(),
         stack,

package/dev/devStore/index.ts

@@ -138,7 +138,7 @@ export class DevStore {
       : (options.initShowDevTool ?? true);
 
     this.setDevToolVisible(this.devToolVisible);
-    
+
     const pages =
       options.pagesJson?.pages.map((page) => {
         const isNav = options.pagesJson?.tabBar?.list?.some(
@@ -146,9 +146,22 @@ export class DevStore {
         );
         return {
           ...page,
-          isNav,
+          type: isNav ? 'nav' : 'main',
         };
       }) ?? [];
+
+    // 处理 subPackages
+    options.pagesJson?.subPackages?.forEach((pack) => {
+      pack.pages.forEach((page) => {
+        const p = {
+          ...page,
+          path: `${pack.root}/${page.path}`,
+          type: 'sub',
+        };
+        pages.push(p);
+      });
+    });
+
     this.setRouteList(pages);
   }
 
@@ -434,7 +447,7 @@ export class DevStore {
     const currentP = currentPath || pages?.[0]?.path || '';
     this.state.routeList = pages.map((item, index) => {
       return {
-        isNav: item.isNav,
+        type: item.type,
         path: item.path,
         style: item.style,
         index:
@@ -463,7 +476,7 @@ export class DevStore {
     this.state.routeList =
       this.state.routeList?.map((item, index) => {
         return {
-          isNav: item.isNav,
+          type: item.type,
           path: item.path,
           style: item.style,
           index:

package/dev/index.d.ts

@@ -1,6 +1,5 @@
 import { default as uniGlobalComponents } from './plugins/uniGlobalComponents/uniGlobalComponents';
 import { default as uniDevTool } from './plugins/uniDevTool/uniDevTool';
-
 export { uniDevTool, uniGlobalComponents };
 export default uniDevTool;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,4 @@
 import { Plugin } from 'vite';
-
 /**
  * vite-uni-dev-tool 插件
  *
@@ -7,7 +6,6 @@ import { Plugin } from 'vite';
  *
  * 如果组件不是用 template 定义的，则不会被该插件添加。
  *
- * 如果在编译成微信小程序（开发环境 hbuilder 4.29） 组件 <dev-tool ></dev-tool> 中没有内容，应该开启  supportWX: true, 该属性默认关闭
  *
  * @export
  * @param {{
@@ -21,7 +19,7 @@ import { Plugin } from 'vite';
  * }
  * @return {*}  {Plugin}
  */
-export default function uniDevTool({ pages, supportWX, ...reset }: {
+export default function uniDevTool({ pages, sourceFileServers, ...reset }: {
     /** 是否拦截Promise.reject 最好不要拦截 默认禁用 */
     enableInterceptPromiseReject?: boolean;
     /** 打开窗口时隐藏按钮 */
@@ -49,18 +47,26 @@ export default function uniDevTool({ pages, supportWX, ...reset }: {
     /** 初始化时是否显示调试按钮,默认显示 */
     initShowDevTool?: boolean;
     /**
-     * 在 hbuilder 4.29 可开发环境中无法正确的将 DevTool 组件编译完整 只有 wxml 文件其他是缺失的，开启该项将不使用 app.component('DevTool', DevTool) 方式注册组件, 将在每个 page 中直接引入组件
-     *
-     * 在 hbuilder 4.66 中还是这样...
-     *
-     * 打包构建完成之后 组件编译是完整的，可以关闭该项
+     * 该属性处于实验当中，谨慎使用
+     * 读取开发环境 source file,source map,默认 禁用
      */
-    supportWX?: boolean;
+    useDevSource?: boolean;
+    /**
+     * 该属性处于实验当中，谨慎使用
+     * 开发环境 source file 服务器地址，默认 [] ，配合 useDevSource 使用
+     */
+    sourceFileServers?: string[];
     /** 页面配置 用于读取路由 */
     pages: {
         pages: {
             path: string;
         }[];
+        subPackages?: {
+            root: string;
+            pages: {
+                path: string;
+            }[];
+        }[];
     };
 }): Plugin;
 //# sourceMappingURL=uniDevTool.d.ts.map

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;AAkBnC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,SAAS,EACT,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;IAEtB,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;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC;SACd,EAAE,CAAC;KACL,CAAC;CACH,GAAG,MAAM,CAkHT"}
+{"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;AAsBnC;;;;;;;;;;;;;;;;;;;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,CAiOT"}

package/dev/plugins/uniDevTool/uniDevTool.js

@@ -1,13 +1,38 @@
-"use strict";const u=/<template[^>]*>([\s\S]*?)<\/template>/,v=/<script[^>]*>([\s\S]*?)<\/script>/;function f(p,s){for(let i=0;i<p.length;i++)if(s(p[i]))return i+1;return-1}function T({pages:p,supportWX:s,...i}){return{name:"vite-uni-dev-tool",enforce:"pre",transform(e,m){if(m.endsWith("/src/main.ts"))try{const r=e.split(`
-`);let n=[...r];const c=f(n,t=>t.trim().startsWith("import")||t.trim().startsWith("export"));c!==-1&&n.splice(c,0,s?"":"import DevTool from 'vite-uni-dev-tool/dev/components/DevTool/index.vue';","import { initDevTool } from 'vite-uni-dev-tool/dev/core';","import pagesJson from './pages.json';");const o=f(n,t=>t.includes(".mount(")||t.includes("createApp("));if(o!==-1&&n.splice(o+1,0,s?"":"  app.component('DevTool', DevTool);",`  initDevTool({
-              pagesJson,
-              ...${JSON.stringify(i)}
-              });`),n.length!==r.length)return{code:n.join(`
-`),map:null}}catch(r){return console.error("[DevTool] 转换 main 文件时出错:",r),{code:e,map:null}}if(m.endsWith(".vue")){const r=e.includes("<template>"),n=p.pages.some(o=>m.includes(o.path)),c=["<DevTool />"];if(n&&r){const o=e.match(u);let t=e;if(o&&o[1]){const a=`${o[1].trim()}
-${c.join(`
-`)}`;t=e.replace(u,`<template>
-${a}
-</template>`)}if(s){const l=e.match(v);if(l&&l[1]){const d=`import DevTool from 'vite-uni-dev-tool/dev/components/DevTool/index.vue';
-${l[1].trim()}`;t=t.replace(v,`<script lang="ts" setup>
-${d}
-<\/script>`)}}return{code:t,map:null}}}return{code:e,map:null}}}}module.exports=T;
+"use strict";const I=require("path"),S=require("fs"),l=require("../utils/index.js");function C(a){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const u in a)if(u!=="default"){const e=Object.getOwnPropertyDescriptor(a,u);Object.defineProperty(d,u,e.get?e:{enumerable:!0,get:()=>a[u]})}}return d.default=a,Object.freeze(d)}const D=C(I),y=C(S),_=/<template[^>]*>([\s\S]*?)<\/template>/,h=/<script[^>]*>([\s\S]*?)<\/script>/,g={isReady:!1,urls:[]};function T({pages:a,sourceFileServers:d,...u}){return{name:"vite-uni-dev-tool",enforce:"pre",configureServer(e){var p;e.middlewares.use((s,n,t)=>{const{originalUrl:r}=s;if(u.useDevSource&&(r!=null&&r.includes("__dev_sourcefile__"))){const i=r.replace("/__dev_sourcefile__","");try{const c=e.config.root,m=D.join(c,i),o=y.readFileSync(m,"utf-8");n.setHeader("Content-Type",l.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=l.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=l.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=l.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=l.hasImportCurrentInstance(t),i=l.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??[],...d??[]].map(v=>`'${v}'`)}
+    ],
+    useDevSource: ${u.useDevSource},
+    ...${JSON.stringify(u)},
+  });
+});`;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=l.hasImportConsole(e),m=l.hasUseConsole(e);if(!c&&m&&!p.endsWith("/src/App.vue")){const o=e.match(h);if(o&&o[1]){const v=`
+import { console } from 'vite-uni-dev-tool/dev/core';
+${o[1]}
+            `;e=e.replace(h,`
+  <script lang="ts" setup>
+  ${v}
+  <\/script>`)}}if((t||r)&&n){const o=e.match(_);let f=e;if(o&&o[1]){const $=`${o[1].trim()}
+${i.join(`
+`)}`;f=e.replace(_,`<template>
+${$}
+</template>`)}return{code:f,map:null}}}return{code:e,map:null}}}}module.exports=T;

package/dev/plugins/uniGlobalComponents/uniGlobalComponents.d.ts

@@ -1,5 +1,4 @@
 import { Plugin } from 'vite';
-
 /**
  * uni-global-components 插件，用于在页面中添加全局组件
  *
@@ -22,6 +21,12 @@ export default function uniGlobalComponents({ pages, components, }: {
         pages: {
             path: string;
         }[];
+        subPackages?: {
+            root: string;
+            pages: {
+                path: string;
+            }[];
+        }[];
     };
     components: string[];
 }): Plugin;

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

@@ -1 +1 @@
-{"version":3,"file":"uniGlobalComponents.d.ts","sourceRoot":"","sources":["../../../../plugins/src/plugins/uniGlobalComponents/uniGlobalComponents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAGnC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE;QAAE,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAAE,CAAC;IACrC,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,GAAG,MAAM,CAmCT"}
+{"version":3,"file":"uniGlobalComponents.d.ts","sourceRoot":"","sources":["../../../../plugins/src/plugins/uniGlobalComponents/uniGlobalComponents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAsBnC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,KAAK,EACL,UAAU,GACX,EAAE;IACD,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;IACF,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,GAAG,MAAM,CAsFT"}

package/dev/plugins/uniGlobalComponents/uniGlobalComponents.js

@@ -1,5 +1,9 @@
-"use strict";const o=/<template[^>]*>([\s\S]*?)<\/template>/;function m({pages:s,components:a}){return{name:"uni-global-components",enforce:"pre",transform(t,n){if(n.endsWith(".vue")){const l=t.includes("<template>");if(s.pages.some(e=>n.includes(e.path))&&l){const e=t.match(o);if(e&&e[1]){const p=`${e[1].trim()}
+"use strict";const d=require("path"),g=require("fs"),f=require("../utils/index.js");function _(s){const a=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(a,e,r.get?r:{enumerable:!0,get:()=>s[e]})}}return a.default=s,Object.freeze(a)}const h=_(d),y=_(g),m=/<template[^>]*>([\s\S]*?)<\/template>/;function $({pages:s,components:a}){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 l=e.config.root,u=h.join(l,o),p=y.readFileSync(u,"utf-8");c.setHeader("Content-Type",f.getContentType(u)),c.end(p)}catch{i()}}else i()}),(r=e.httpServer)==null||r.once("listening",()=>{var i;const t=(i=e.httpServer)==null?void 0:i.address(),c=f.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(l=>r.includes(`${o.root}/${l.path}`)));if((i||n)&&c){const o=e.match(m);if(o&&o[1]){const u=`${o[1].trim()}
 ${a.join(`
-`)}`;return{code:t.replace(o,`<template>
-${p}
-</template>`),map:null}}}}return{code:t,map:null}}}}module.exports=m;
+`)}`;return{code:e.replace(m,`<template>
+${u}
+</template>`),map:null}}}}return{code:e,map:null}}}}module.exports=$;

package/dev/plugins/utils/index.d.ts

@@ -0,0 +1,53 @@
+export declare function findInsertionIndex(lines: string[], condition: (p: string) => boolean): number;
+export declare function getContentType(filePath: string): string;
+export declare function getLocalIPs(): string[];
+export declare function hasImportOnLaunch(str: string): boolean;
+export declare function hasImportCurrentInstance(str: string): boolean;
+export declare function hasImportConsole(str: string): boolean;
+export declare function hasUseConsole(str: string): boolean;
+/**
+ * 解析栈信息
+ *
+ * @export
+ * @param {string} stock
+ * @return {*}
+ */
+export declare function parseStock(stock: string): {
+    info: string;
+    path: string;
+    row: number;
+    col: number;
+};
+/**
+ * 在字符串中获取url
+ *
+ * @export
+ * @param {string} text
+ * @return {*}
+ */
+export declare function extractUrl(text: string): string;
+/**
+ * 在字符串中获取路径
+ *
+ * @export
+ * @param {string} text
+ * @return {*}
+ */
+export declare function extractPath(text: string): string;
+/**
+ * 获取文件内的行内sourcemap
+ *
+ * @export
+ * @param {string} text
+ * @return {*}
+ */
+export declare function extractSourceMap(text: string): string;
+/**
+ * 解析url中的参数
+ *
+ * @export
+ * @param {string} queryString
+ * @return {*}
+ */
+export declare function parseQueryString(queryString: string): any;
+//# sourceMappingURL=index.d.ts.map

package/dev/plugins/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../plugins/src/plugins/utils/index.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EAAE,EACf,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,GAChC,MAAM,CAOR;AAGD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,UAe9C;AAGD,wBAAgB,WAAW,aAiB1B;AAKD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEtD;AAKD,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE7D;AAID,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAErD;AAGD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAElD;AAID;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;;;;;EAQvC;AAGD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,UAGtC;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,UAGvC;AAID;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,UAG5C;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,OA4BnD"}

package/dev/plugins/utils/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("path"),a=require("os");function r(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const u=r(c),i=r(a);function p(t,n){for(let e=0;e<t.length;e++)if(n(t[e]))return e+1;return-1}function f(t){const n=u.extname(t).toLowerCase();return{".html":"text/html",".js":"text/javascript",".css":"text/css",".json":"application/json",".png":"image/png",".jpg":"image/jpeg",".gif":"image/gif",".svg":"image/svg+xml",".woff":"font/woff",".woff2":"font/woff2"}[n]||"text/plain"}function l(){const t=i.networkInterfaces(),n=[];return Object.keys(t).forEach(e=>{var o;t!=null&&t[e]&&Array.isArray(t==null?void 0:t[e])&&((o=t==null?void 0:t[e])==null||o.forEach(s=>{s.family==="IPv4"&&!s.internal&&n.push(s.address)}))}),n.push("localhost"),n}const g=/import\s*\{[^}]*onLaunch[^}]*\}\s*from\s+['"]@dcloudio\/uni-app['"];?/;function m(t){return g.test(t)}const h=/import\s*\{[^}]*getCurrentInstance[^}]*\}\s*from\s+['"]vue['"];?/;function I(t){return h.test(t)}const d=/import\s*\{[^}]*console[^}]*\}\s*from\s+['"]vite-uni-dev-tool['"];?/;function y(t){return d.test(t)}const j=/console\.\w+\(/;function C(t){return j.test(t)}exports.findInsertionIndex=p;exports.getContentType=f;exports.getLocalIPs=l;exports.hasImportConsole=y;exports.hasImportCurrentInstance=I;exports.hasImportOnLaunch=m;exports.hasUseConsole=C;

package/dev/type.ts

@@ -5,7 +5,7 @@ export declare namespace DevTool {
     path: string;
     sort?: number;
     name?: string;
-    isNav?: boolean;
+    type?: string;
     style: {
       navigationBarTitleText?: string;
     };
@@ -39,6 +39,7 @@ export declare namespace DevTool {
   };
   type PagesJSON = {
     pages: Page[];
+    subPackages?: { root: string; pages: Page[] }[];
     tabBar: {
       list: Nav[];
     };
@@ -61,6 +62,17 @@ export declare namespace DevTool {
     cacheMaxSize?: number;
     /** 所有路由信息 */
     pagesJson?: PagesJSON;
+    /** 源文件服务地址 */
+    sourceFileServers?: string[];
+    /** 用于区分生产环境和开发环境，开发环境下，为了获取 Android 异常栈源码会获取本地源码进行展示 */
+    mode: string;
+    /** 用于捕获 vue3 抛出的错误和警告 */
+    vue3instance?: any;
+    /**
+     * 该属性处于实验当中，谨慎使用
+     * 读取开发环境 source file,source map,默认 禁用
+     */
+    useDevSource?: boolean;
   } & ButtonOptions;
 
   type ButtonOptions = Partial<{

package/dev/utils/index.d.ts

@@ -0,0 +1,6 @@
+export declare function findInsertionIndex(lines: string[], condition: (p: string) => boolean): number;
+export declare function getContentType(filePath: string): string;
+export declare function getLocalIPs(): string[];
+export declare function hasImportOnLaunch(str: string): boolean;
+export declare function hasImportCurrentInstance(str: string): boolean;
+//# sourceMappingURL=index.d.ts.map

package/dev/utils/index.ts

@@ -20,6 +20,15 @@ export { getCurrentPagePath } from './page';
 
 export { getCurrentDate, formatDate, sleep } from './date';
 
-export { hightLight } from './string';
+export {
+  hightLight,
+  escapeHTML,
+  extractUrl,
+  extractRowAndCol,
+  parseStock,
+  isMockWX,
+} from './string';
 
 export { getWifiIp, getDeviceMac, getLanIp, getMicroAppIp } from './ip';
+
+export { isAndroid, isH5, isWX } from './platform';

package/dev/utils/platform.ts

@@ -0,0 +1,14 @@
+export function isH5(): boolean {
+  return process.env.UNI_PLATFORM === 'h5';
+}
+
+export function isWX() {
+  return process.env.UNI_PLATFORM === 'mp-weixin';
+}
+
+export function isAndroid() {
+  return (
+    process.env.UNI_PLATFORM === 'app' ||
+    process.env.UNI_PLATFORM === 'app-plus'
+  );
+}

package/dev/utils/string.ts

@@ -13,11 +13,109 @@ export function hightLight(str: string = '', search: string = '') {
   // 转义特殊字符，确保正则表达式安全
   const escapedSearch = search.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
   const regex = new RegExp(escapedSearch, 'g');
-  
+
   const html = str.replace(
     regex,
-    `<span style="color:#fff; background-color: var(--dev-tool-main-color);">${search}</span>`
+    `<span style="color:#fff; background-color: var(--dev-tool-main-color);">${search}</span>`,
   );
-  
+
   return html;
-}
+}
+
+export function escapeHTML(unsafe: string) {
+  if (!unsafe) return '';
+
+  const escapeMap: Record<string, string> = {
+    '&': '&amp;',
+    '"': '&quot;',
+    "'": '&#39;',
+    '>': '&gt;',
+    '<': '&lt;',
+    '=': '&#61;',
+    '+': '&#43;',
+    '-': '&#45;',
+    '(': '&#40;',
+    ')': '&#41;',
+    '[': '&#91;',
+    ']': '&#93;',
+    '{': '&#123;',
+    '}': '&#125;',
+    '.': '&#46;',
+    '?': '&#63;',
+    '/': '&#47;',
+    ':': '&#58;',
+  };
+
+  return unsafe.replace(
+    /[&"'><=+\-().?\/:[\]{}]/g,
+    (char) => escapeMap[char] || char,
+  );
+}
+
+const urlPattern = /https?:\/\/[^\s/$.?#](?:(?!\s|\)).)*/g;
+/**
+ * 在字符串中获取url
+ *
+ * @export
+ * @param {string} text
+ * @return {*}
+ */
+export function extractUrl(text: string) {
+  const match = text.match(urlPattern);
+  return match ? match[0] : '';
+}
+
+const rowAndColPattern = /:(\d+)(?::(\d+))?\)?$/;
+/**
+ * 获取url 中末尾的行号和列号
+ *
+ * @export
+ * @param {string} url
+ * @return {*}
+ */
+export function extractRowAndCol(url: string) {
+  const match = url.match(rowAndColPattern);
+  if (match) {
+    const lineNumber = match[1];
+    const columnNumber = match[2];
+    return {
+      row: parseInt(lineNumber) - 1,
+      col: parseInt(columnNumber) - 1,
+    };
+  }
+
+  return {
+    row: -1,
+    col: -1,
+  };
+}
+
+// at pages/index/index.js:46
+// at pages/index/index.js:46:10
+// at handleClick (http://localhost:8080/pages/main.js:123:4)
+// at http://example.com/app.bundle.js:5:2
+// at init (lib/utils.js:10)
+const stockReg =
+  /at\s+(?:([^(]+)\s+\()?((?:[^:\/\s]+(?:\/[^:\/\s]+)*\.[^:\/\s]+)|(?:[^:]+:\/\/[^:\/\s]+(?::\d+)?(?:\/[^:\s]*)*)):(\d+)(?::(\d+))?(?:\s*\)?)?$/;
+
+/**
+ * 解析栈信息
+ *
+ * @export
+ * @param {string} stock
+ * @return {*}
+ */
+export function parseStock(stock: string) {
+  const match = stock.match(stockReg);
+  return {
+    info: match?.[1] ?? '',
+    path: match?.[2] ?? '',
+    row: match?.[3] ? parseInt(match?.[3]) - 1 : -1,
+    col: match?.[4] ? parseInt(match?.[4]) - 1 : -1,
+  };
+}
+
+const mockWXReg = /https?:\/\/usr/;
+export function isMockWX(stock: string) {
+  return mockWXReg.test(stock);
+}

package/package.json

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