vite-uni-dev-tool 0.0.7 → 0.0.8

package/dev/devRunJS/index.ts

@@ -0,0 +1,170 @@
+import type { DevConsole } from '../devConsole';
+
+type SandboxOptions = {
+  console: DevConsole;
+};
+
+export class DevRunJS {
+  private context: Record<string, any> = {};
+
+  private isDestroyed = false;
+
+  constructor(options: SandboxOptions) {
+    this.createContext(options.console);
+  }
+
+  /**
+   * 创建context
+   *
+   * @private
+   * @param {DevConsole} [console]
+   * @memberof DevRunJs
+   */
+  createContext(console?: DevConsole): void {
+    // 基础全局对象
+    this.context.Math = Math;
+    this.context.Date = Date;
+    this.context.Array = Array;
+    this.context.Object = Object;
+    this.context.String = String;
+    this.context.Number = Number;
+    this.context.Boolean = Boolean;
+
+    // 这里是为了给运行环境添加调用入口
+    this.context.console = console;
+  }
+
+  // 估算对象大小（简化版）
+  estimateObjectSize(obj: any): number {
+    if (obj === null) return 0;
+
+    const seen = new Set();
+    let bytes = 0;
+
+    const sizeOf = (o: any): number => {
+      if (seen.has(o)) return 0;
+      seen.add(o);
+
+      if (typeof o === 'boolean') return 4;
+      if (typeof o === 'number') return 8;
+      if (typeof o === 'string') return o.length * 2;
+      if (typeof o === 'function') return 0; // 函数大小不计
+
+      if (Array.isArray(o)) {
+        return o.reduce((sum, item) => sum + sizeOf(item), 0);
+      }
+
+      if (typeof o === 'object') {
+        return Object.keys(o).reduce((sum, key) => sum + sizeOf(o[key]), 0);
+      }
+
+      return 0;
+    };
+
+    return sizeOf(obj) / (1024 * 1024); // 转换为 MB
+  }
+
+  /**
+   * 注入外部变量，方法
+   *
+   * @param {string} name
+   * @param {*} value
+   * @return {*}  {this}
+   * @memberof DevRunJs
+   */
+  setVariable(name: string, value: any): this {
+    if (this.isDestroyed) {
+      throw new Error('[DevTool] DevRunJS 已经被销毁');
+    }
+    this.context[name] = value;
+    return this;
+  }
+
+  /**
+   * 批量注入
+   *
+   * @param {Record<string, any>} variables
+   * @return {*}  {this}
+   * @memberof DevRunJs
+   */
+  setVariables(variables: Record<string, any>): this {
+    if (this.isDestroyed) {
+      throw new Error('[DevTool] DevRunJS 已经被销毁');
+    }
+    Object.assign(this.context, variables);
+
+    return this;
+  }
+
+  /**
+   *
+   * TODO
+   * code 中存在 var, let, const, function 等关键字定义的变量或方法时，应该存入 context 中，允许下一次运行 js 调用
+   * 局部定义的不加入 context
+   *
+   * @memberof DevRunJs
+   */
+  matchingGlobalVarAndFunc(code: string) {}
+
+  /**
+   * TODO
+   * 清空客户端注入的context
+   */
+  clearGlobalVarAndFunc() {}
+
+  /**
+   * 执行 code
+   *
+   * @param {string} code
+   * @return {*}  {Promise<any>}
+   * @memberof DevRunJs
+   */
+  execute(code: string): Promise<any> {
+    if (this.isDestroyed) {
+      return Promise.reject(new Error('[DevTool] DevRunJS 已经被销毁'));
+    }
+
+    try {
+      // 创建执行环境
+      const wrapper = new Function(
+        'context',
+        `
+        // 'use strict';
+        with (context) {
+          return (function() {
+            try {
+              ${code}
+            } catch (e) {
+              return e;
+            }
+          })();
+        }
+      `,
+      );
+      return Promise.resolve(wrapper(this.context));
+    } catch (error) {
+      return Promise.reject(
+        new Error(`[DevTool] DevRunJS 执行错误: ${(error as Error).message}`),
+      );
+    }
+  }
+
+  /**
+   * 销毁
+   *
+   * @return {*}  {void}
+   * @memberof DevRunJs
+   */
+  destroy(): void {
+    if (this.isDestroyed) return;
+
+    // 清除上下文
+    for (const key in this.context) {
+      delete this.context[key];
+    }
+
+    // 释放资源
+    this.context = {};
+    this.isDestroyed = true;
+  }
+}

package/dev/devStore/index.ts

@@ -49,7 +49,9 @@ export class DevStore {
   /** ws数据最大值 */
   private wsDataMaxSize = 1000;
   /** 事件列表最大值 */
-  private eventMaxSize = 1000;
+  private eventListMaxSize = 1000;
+  /** js 最大运行条数 */
+  private runJsMaxSize = 1000;
 
   /** 缓存最大值 */
   cacheMaxSize = 8 * 1024 * 1024 * 10;
@@ -90,6 +92,7 @@ export class DevStore {
   setWindowInfo(windowInfo: Record<string, any>) {
     this.state.windowInfo = windowInfo;
   }
+
   setDeviceInfo(deviceInfo: Record<string, any>) {
     this.state.deviceInfo = deviceInfo;
   }
@@ -142,6 +145,7 @@ export class DevStore {
     this.networkMaxSize = options.networkMaxSize || 1000;
     this.wsDataMaxSize = options.wsDataMaxSize || 1000;
     this.cacheMaxSize = options.cacheMaxSize || 8 * 1024 * 1024 * 10;
+    this.eventListMaxSize = options.eventListMaxSize || 1000;
 
     const devToolVisible = uni.getStorageSync(EVENT_DEV_BUTTON);
     this.devToolVisible = isBoolean(devToolVisible)
@@ -310,6 +314,13 @@ export class DevStore {
     this.state.networkList = [];
     this.state.wsList = [];
     this.state.uploadList = [];
+    this.state.eventList = [];
+    this.state.eventCount = {
+      on: 0,
+      once: 0,
+      emit: 0,
+      off: 0,
+    };
   }
 
   clearAll() {
@@ -652,13 +663,12 @@ export class DevStore {
 
   updateUniEventList(evenList: DevTool.EventItem[]) {
     const len = this.state.eventList?.length ?? 0;
-    const max = this.eventMaxSize;
+    const max = this.eventListMaxSize;
 
     if (len + evenList.length > max) {
       this.state.eventList?.splice(0, len - max - evenList.length);
     }
     this.state.eventList?.push(...evenList);
-    console.log('this.state.eventList: ', this.state.eventList);
 
     return this.state.eventList;
   }

package/dev/index.d.ts

@@ -1,5 +1,6 @@
-import { default as uniGlobalComponents } from './plugins/uniGlobalComponents/uniGlobalComponents';
-import { default as uniDevTool } from './plugins/uniDevTool/uniDevTool';
+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/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./plugins/uniGlobalComponents/uniGlobalComponents.js"),e=require("./plugins/uniDevTool/uniDevTool.js");exports.uniGlobalComponents=o;exports.default=e;exports.uniDevTool=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./plugins/uniGlobalComponents/uniGlobalComponents.js"),e=require("./plugins/uniDevTool/uniDevTool.js");exports.uniGlobalComponents=o;exports.default=e;exports.uniDevTool=e;

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

@@ -1,4 +1,5 @@
-import { Plugin } from 'vite';
+import { Plugin } from 'vite';
+
 /**
  * vite-uni-dev-tool 插件
  *

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;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"}
+{"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"}

package/dev/plugins/uniDevTool/uniDevTool.js

@@ -1,38 +1,36 @@
-"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;
+"use strict";const C=require("path"),I=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 e=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(d,l,e.get?e:{enumerable:!0,get:()=>a[l]})}}return d.default=a,Object.freeze(d)}const $=_(C),S=_(I),h=/<script[^>]*>([\s\S]*?)<\/script>/,g={isReady:!1,urls:[]};function D({pages:a,sourceFileServers:d,...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??[],...d??[]].map(v=>`'${v}'`)}
+    ],
+    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 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=u.getTemplateContent(e);let f=e;if(o){const v=`${o}
+${i.join(`
+`)}`;f=e.replace(o,v)}return{code:f,map:null}}}return{code:e,map:null}}}}module.exports=D;

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

@@ -1,4 +1,5 @@
-import { Plugin } from 'vite';
+import { Plugin } from 'vite';
+
 /**
  * uni-global-components 插件，用于在页面中添加全局组件
  *

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;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"}
+{"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;AAanC;;;;;;;;;;;;;;;;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,CA+ET"}

package/dev/plugins/uniGlobalComponents/uniGlobalComponents.js

@@ -1,9 +1,7 @@
-"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:e.replace(m,`<template>
-${u}
-</template>`),map:null}}}}return{code:e,map:null}}}}module.exports=$;
+"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 y({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=`${o}
+${u.join(`
+`)}`;return{code:e.replace(o,a),map:null}}}}return{code:e,map:null}}}}module.exports=y;

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

@@ -9,10 +9,10 @@ export declare function hasUseConsole(str: string): boolean;
  * 解析栈信息
  *
  * @export
- * @param {string} stock
+ * @param {string} stack
  * @return {*}
  */
-export declare function parseStock(stock: string): {
+export declare function parseStock(stack: string): {
     info: string;
     path: string;
     row: number;
@@ -50,4 +50,12 @@ export declare function extractSourceMap(text: string): string;
  * @return {*}
  */
 export declare function parseQueryString(queryString: string): any;
+/**
+ * 获取 template 中的内容
+ *
+ * @export
+ * @param {string} code
+ * @return {*}
+ */
+export declare function getTemplateContent(code: string): string;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAqD9C"}

package/dev/plugins/utils/index.js

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("path"),f=require("os");function i(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 m=i(g),h=i(f);function d(t,n){for(let e=0;e<t.length;e++)if(n(t[e]))return e+1;return-1}function x(t){const n=m.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 I(){const t=h.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(r=>{r.family==="IPv4"&&!r.internal&&n.push(r.address)}))}),n.push("localhost"),n}const y=/import\s*\{[^}]*onLaunch[^}]*\}\s*from\s+['"]@dcloudio\/uni-app['"];?/;function C(t){return y.test(t)}const j=/import\s*\{[^}]*getCurrentInstance[^}]*\}\s*from\s+['"]vue['"];?/;function b(t){return j.test(t)}const w=/import\s*\{[^}]*console[^}]*\}\s*from\s+['"]vite-uni-dev-tool['"];?/;function v(t){return w.test(t)}const O=/console\.\w+\(/;function T(t){return O.test(t)}function L(t){let n=0,e=-1,o=-1,r="";const l=/<template(\s[^>]*)?>/g,p=/<\/template>/g,c=[];let a;for(;(a=l.exec(t))!==null;)c.push({index:a.index,type:"start",length:a[0].length});for(;(a=p.exec(t))!==null;)c.push({index:a.index,type:"end",length:a[0].length});c.sort((s,u)=>s.index-u.index);for(const s of c)if(s.type==="start")n===0&&(e=s.index+s.length),n++;else if(s.type==="end"&&(n--,n===0)){o=s.index,r=t.substring(e,o);break}return r.trim()}exports.findInsertionIndex=d;exports.getContentType=x;exports.getLocalIPs=I;exports.getTemplateContent=L;exports.hasImportConsole=v;exports.hasImportCurrentInstance=b;exports.hasImportOnLaunch=C;exports.hasUseConsole=T;

package/dev/type.ts

@@ -58,6 +58,8 @@ export declare namespace DevTool {
     uploadMaxSize?: number;
     /** 最大的套接字消息条数 */
     wsDataMaxSize?: number;
+    /** 最大的时间列表条数 */
+    eventListMaxSize?: number;
     /** 最大占用缓存空间 */
     cacheMaxSize?: number;
     /** 所有路由信息 */
@@ -141,12 +143,32 @@ export declare namespace DevTool {
     | 'profileEnd'
     | 'timeStamp';
 
+  type ValueType =
+    | 'number'
+    | 'string'
+    | 'boolean'
+    | 'null'
+    | 'undefined'
+    | 'symbol'
+    | 'array'
+    | 'object';
+
+  type Arg = {
+    type: ValueType;
+    value: any;
+  };
+
   type ConsoleItem = {
     type: string;
-    args: any[];
+    args: Arg[];
     position: string;
     time: string;
     stack?: string;
+    /**
+     * input 输入
+     * output 输出
+     */
+    mode?: 'input' | 'output';
   };
 
   type UploadItem = {
@@ -189,11 +211,25 @@ export declare namespace DevTool {
     /** 触发事件 */
     timer?: string;
     /** 调用位置 */
-    stock?: string;
+    stack?: string;
     /** 事件类型 */
     type?: string;
   };
 
+  type RunJSItem = {
+    /** 代码 */
+    code?: string;
+    /** 结果 */
+    result?: any;
+    /** 开始时间 */
+    timer?: string;
+    /** 执行用时 */
+    duration?: number;
+    /** 执行状态 */
+    type?: string;
+    mode?: 'input' | 'output';
+  };
+
   type WindowData = {
     devToolVisible?: boolean;
     consoleList?: ConsoleItem[];

package/dev/utils/index.ts

@@ -1,10 +1,19 @@
-export { isNil, isBoolean, isNumber, isObject, isArray } from './language';
+export {
+  isNil,
+  isBoolean,
+  isNumber,
+  isObject,
+  isArray,
+  getValueType,
+  transformValueToView,
+} from './language';
 export {
   setValueByPath,
   getValueByPath,
   calculateObjectSize,
   formatStorageSize,
   serializeCircular,
+  parseValue,
 } from './object';
 
 export { throttle, debounce } from './function';

package/dev/utils/language.ts

@@ -1,3 +1,4 @@
+import type { DevTool } from '../type';
 export function isNil(value: any): value is null | undefined {
   return value === null || value === undefined;
 }
@@ -17,3 +18,55 @@ export function isObject(value: any): value is object {
 export function isArray(value: any): value is any[] {
   return Array.isArray(value);
 }
+
+export function isString(value: any): value is string {
+  return typeof value === 'string';
+}
+
+export function isNull(value: any): value is null {
+  return value === null;
+}
+
+export function isUndefined(value: any): value is undefined {
+  return value === undefined;
+}
+
+export function isSymbol(value: any): value is symbol {
+  return typeof value === 'symbol';
+}
+
+/**
+ *
+ *
+ * @export
+ * @param {*} value
+ * @return {*}  {DevTool.ValueType}
+ */
+export function getValueType(value: any): DevTool.ValueType {
+  if (isNull(value)) return 'null';
+  if (isUndefined(value)) return 'undefined';
+  if (isNumber(value)) return 'number';
+  if (isString(value)) return 'string';
+  if (isArray(value)) return 'array';
+  if (isObject(value)) return 'object';
+  if (isSymbol(value)) return 'symbol';
+  return 'string';
+}
+
+/**
+ * 将 console 入参转vue 可视值
+ *
+ * @export
+ * @param {*} value
+ * @return {*}  {DevTool.ValueType}
+ */
+export function transformValueToView(value: any): DevTool.ValueType {
+  if (isNull(value)) return 'string';
+  if (isUndefined(value)) return 'string';
+  if (isString(value)) return 'string';
+  if (isNumber(value)) return 'number';
+  if (isArray(value)) return 'array';
+  if (isObject(value)) return 'object';
+  if (isSymbol(value)) return 'symbol';
+  return 'string';
+}

package/dev/utils/object.ts

@@ -1,3 +1,5 @@
+import { isNil, isObject, isString } from './language';
+
 /**
  * 自定义set函数 - 安全地设置嵌套对象属性
  * @param obj 目标对象
@@ -66,6 +68,7 @@ export function getValueByPath(obj: any, path: string, defaultValue?: any) {
  * @returns 对象的近似大小（以字节为单位）
  */
 export function calculateObjectSize(obj: any): number {
+  obj = parseValue(obj);
   // 处理基本类型
   if (obj === null || obj === undefined) {
     return 0;
@@ -118,7 +121,7 @@ export function calculateObjectSize(obj: any): number {
   } else {
     // 计算对象每个属性的大小
     for (const key in obj) {
-      if (obj.hasOwnProperty(key)) {
+      if (obj?.hasOwnProperty?.(key)) {
         // 属性名的大小(假设每个字符占2字节)
         totalSize += key.length * 2;
         // 属性引用(假设每个引用占8字节)
@@ -233,3 +236,63 @@ export function serializeCircular(
 
   return `{${serializedProps.join(', ')}}`;
 }
+
+/**
+ * 处理value
+ * 基础类型数据直接返回value
+ * 引用类型数据判断 value 是否存在循环引用的情况，存在则将循环引用的第二次赋值为  [Circular]
+ * 最大处理 deep 层数
+ *
+ * @export
+ * @param {*} value
+ * @param {number} [deep=6]
+ */
+export function parseValue(value: any, deep: number = 6) {
+  const seen = new WeakMap<object, string[]>(); // 存储对象及其路径
+
+  function process(value: any, currentDeep: number, path: string[] = []): any {
+    if (isString(value)) {
+      return `"${value}"`;
+    }
+
+    if (isNil(value)) {
+      return `${value}`;
+    }
+
+    // 处理基本类型
+    if (!isObject(value)) {
+      return value;
+    }
+
+    // 检查是否达到最大深度
+    if (currentDeep <= 0) {
+      return '[MaxDepth]';
+    }
+
+    // 检查循环引用
+    if (seen.has(value)) {
+      const circularPath = seen.get(value)!.join('.');
+      return `[Circular: ${circularPath}]`;
+    }
+
+    // 标记当前对象为已访问，并记录路径
+    seen.set(value, [...path]);
+
+    // 处理数组
+    if (Array.isArray(value)) {
+      return value.map((item, index) =>
+        process(item, currentDeep - 1, [...path, String(index)]),
+      );
+    }
+
+    // 处理对象
+    const result: Record<string, any> = {};
+    for (const [key, val] of Object.entries(value)) {
+      result[key] = process(val, currentDeep - 1, [...path, key]);
+    }
+
+    return result;
+  }
+
+  return process(value, deep);
+}