vite-plugin-vue-devtools 1.0.0-alpha.2 → 1.0.0-beta.0

package/dist/client/assets/data-0c1c61ff.js

@@ -0,0 +1,396 @@
+import { F as Fragment } from './index-5bcfd23e.js';
+
+function isBeingDestroyed(instance) {
+  return instance._isBeingDestroyed || instance.isUnmounted;
+}
+function isFragment(instance) {
+  return Fragment === instance.subTree?.type;
+}
+function getInstanceName(instance) {
+  const name = getComponentTypeName(instance.type || {});
+  if (name)
+    return name;
+  if (instance.root === instance)
+    return "Root";
+  for (const key in instance.parent?.type?.components) {
+    if (instance.parent.type.components[key] === instance.type)
+      return saveComponentName(instance, key);
+  }
+  for (const key in instance.appContext?.components) {
+    if (instance.appContext.components[key] === instance.type)
+      return saveComponentName(instance, key);
+  }
+  const fileName = getComponentFileName(instance.type || {});
+  if (fileName)
+    return fileName;
+  return "Anonymous Component";
+}
+function saveComponentName(instance, key) {
+  return key;
+}
+function getComponentTypeName(options) {
+  return options.name || options._componentTag || options.__vdevtools_guessedName || options.__name;
+}
+function getComponentFileName(options) {
+  const file = options.__file;
+  if (file) {
+    const filename = options.__file?.match(/\/?([^/]+?)(\.[^/.]+)?$/)?.[1];
+    return filename ?? file;
+  }
+}
+function getUniqueComponentId(instance) {
+  const appId = "vue-devtools";
+  const instanceId = instance === instance.root ? "root" : instance.uid;
+  return `${appId}:${instanceId}`;
+}
+function getRenderKey(value) {
+  if (value == null)
+    return null;
+  const type = typeof value;
+  if (type === "number")
+    return value;
+  else if (type === "string")
+    return `'${value}'`;
+  else if (Array.isArray(value))
+    return "Array";
+  else
+    return "Object";
+}
+function cached(fn) {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return function cachedFn(str) {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+}
+function toUpper(_, c) {
+  return c ? c.toUpperCase() : "";
+}
+const camelizeRE = /-(\w)/g;
+const camelize = cached((str) => {
+  return str && str.replace(camelizeRE, toUpper);
+});
+const kebabizeRE = /([a-z0-9])([A-Z])/g;
+const kebabize = cached((str) => {
+  return str && str.replace(kebabizeRE, (_, lowerCaseCharacter, upperCaseLetter) => {
+    return `${lowerCaseCharacter}-${upperCaseLetter}`;
+  }).toLowerCase();
+});
+function returnError(cb) {
+  try {
+    return cb();
+  } catch (e) {
+    return e;
+  }
+}
+const classifyRE = /(?:^|[-_/])(\w)/g;
+const classify = cached((str) => {
+  return str && `${str}`.replace(classifyRE, toUpper);
+});
+
+/* Injected with object hook! */
+
+const vueBuiltins = [
+  "nextTick",
+  "defineComponent",
+  "defineAsyncComponent",
+  "defineCustomElement",
+  "ref",
+  "computed",
+  "reactive",
+  "readonly",
+  "watchEffect",
+  "watchPostEffect",
+  "watchSyncEffect",
+  "watch",
+  "isRef",
+  "unref",
+  "toRef",
+  "toRefs",
+  "isProxy",
+  "isReactive",
+  "isReadonly",
+  "shallowRef",
+  "triggerRef",
+  "customRef",
+  "shallowReactive",
+  "shallowReadonly",
+  "toRaw",
+  "markRaw",
+  "effectScope",
+  "getCurrentScope",
+  "onScopeDispose",
+  "onMounted",
+  "onUpdated",
+  "onUnmounted",
+  "onBeforeMount",
+  "onBeforeUpdate",
+  "onBeforeUnmount",
+  "onErrorCaptured",
+  "onRenderTracked",
+  "onRenderTriggered",
+  "onActivated",
+  "onDeactivated",
+  "onServerPrefetch",
+  "provide",
+  "inject",
+  "h",
+  "mergeProps",
+  "cloneVNode",
+  "isVNode",
+  "resolveComponent",
+  "resolveDirective",
+  "withDirectives",
+  "withModifiers"
+];
+function getInstanceDetails(instance) {
+  return {
+    id: getUniqueComponentId(instance),
+    name: getInstanceName(instance),
+    file: instance?.type?.__file,
+    state: getInstanceState(instance)
+  };
+}
+function getInstanceState(instance) {
+  const mergedType = resolveMergedOptions(instance);
+  return processProps(instance).concat(
+    processState(instance),
+    processSetupState(instance),
+    processComputed(instance, mergedType),
+    processAttrs(instance),
+    processProvide(instance),
+    processInject(instance, mergedType),
+    processRefs(instance),
+    processEventListeners(instance)
+  );
+}
+function processProps(instance) {
+  const propsData = [];
+  const propDefinitions = instance.type.props;
+  for (let key in instance.props) {
+    const propDefinition = propDefinitions ? propDefinitions[key] : null;
+    key = camelize(key);
+    propsData.push({
+      type: "props",
+      key,
+      value: returnError(() => instance.props[key]),
+      meta: propDefinition ? {
+        type: propDefinition.type ? getPropType(propDefinition.type) : "any",
+        required: !!propDefinition.required,
+        ...propDefinition.default != null ? { default: propDefinition.default.toString() } : {}
+      } : {
+        type: "invalid"
+      },
+      editable: false
+    });
+  }
+  return propsData;
+}
+const fnTypeRE = /^(?:function|class) (\w+)/;
+function getPropType(type) {
+  if (Array.isArray(type))
+    return type.map((t) => getPropType(t)).join(" or ");
+  if (type == null)
+    return "null";
+  const match = type.toString().match(fnTypeRE);
+  return typeof type === "function" ? match && match[1] || "any" : "any";
+}
+function processState(instance) {
+  const type = instance.type;
+  const props = type.props;
+  const getters = type.vuex && type.vuex.getters;
+  const computedDefs = type.computed;
+  const data = {
+    ...instance.data,
+    ...instance.renderContext
+  };
+  return Object.keys(data).filter((key) => !(props && key in props) && !(getters && key in getters) && !(computedDefs && key in computedDefs)).map((key) => ({
+    key,
+    type: "data",
+    value: returnError(() => data[key]),
+    editable: true
+  }));
+}
+function processSetupState(instance) {
+  const raw = instance.devtoolsRawSetupState || {};
+  return Object.keys(instance.setupState).filter((key) => !vueBuiltins.includes(key) && key.split(/(?=[A-Z])/)[0] !== "use").map((key) => {
+    const value = returnError(() => toRaw(instance.setupState[key]));
+    const rawData = raw[key];
+    let result;
+    let isOther = typeof value === "function" || typeof value?.render === "function" || typeof value?.__asyncLoader === "function";
+    if (rawData) {
+      const info = getSetupStateInfo(rawData);
+      const objectType = info.computed ? "Computed" : info.ref ? "Ref" : info.reactive ? "Reactive" : null;
+      const isState = info.ref || info.computed || info.reactive;
+      const raw2 = rawData.effect?.raw?.toString() || rawData.effect?.fn?.toString();
+      if (objectType)
+        isOther = false;
+      result = {
+        ...objectType ? { objectType } : {},
+        ...raw2 ? { raw: raw2 } : {},
+        editable: isState && !info.readonly
+      };
+    }
+    const type = isOther ? "setup (other)" : "setup";
+    return {
+      key,
+      value,
+      type,
+      ...result
+    };
+  });
+}
+function isRef(raw) {
+  return !!raw.__v_isRef;
+}
+function isComputed(raw) {
+  return isRef(raw) && !!raw.effect;
+}
+function isReactive(raw) {
+  return !!raw.__v_isReactive;
+}
+function isReadOnly(raw) {
+  return !!raw.__v_isReadonly;
+}
+function toRaw(value) {
+  if (value?.__v_raw)
+    return value.__v_raw;
+  return value;
+}
+function getSetupStateInfo(raw) {
+  return {
+    ref: isRef(raw),
+    computed: isComputed(raw),
+    reactive: isReactive(raw),
+    readonly: isReadOnly(raw)
+  };
+}
+function processComputed(instance, mergedType) {
+  const type = mergedType;
+  const computed = [];
+  const defs = type.computed || {};
+  for (const key in defs) {
+    const def = defs[key];
+    const type2 = typeof def === "function" && def.vuex ? "vuex bindings" : "computed";
+    computed.push({
+      type: type2,
+      key,
+      value: returnError(() => instance.proxy[key]),
+      editable: typeof def.set === "function"
+    });
+  }
+  return computed;
+}
+function processAttrs(instance) {
+  return Object.keys(instance.attrs).map((key) => ({
+    type: "attrs",
+    key,
+    value: returnError(() => instance.attrs[key])
+  }));
+}
+function processProvide(instance) {
+  return Reflect.ownKeys(instance.provides).map((key) => ({
+    type: "provided",
+    key: key.toString(),
+    value: returnError(() => instance.provides[key])
+  }));
+}
+function processInject(instance, mergedType) {
+  if (!mergedType?.inject)
+    return [];
+  let keys = [];
+  let defaultValue;
+  if (Array.isArray(mergedType.inject)) {
+    keys = mergedType.inject.map((key) => ({
+      key,
+      originalKey: key
+    }));
+  } else {
+    keys = Reflect.ownKeys(mergedType.inject).map((key) => {
+      const value = mergedType.inject[key];
+      let originalKey;
+      if (typeof value === "string" || typeof value === "symbol") {
+        originalKey = value;
+      } else {
+        originalKey = value.from;
+        defaultValue = value.default;
+      }
+      return {
+        key,
+        originalKey
+      };
+    });
+  }
+  return keys.map(({ key, originalKey }) => ({
+    type: "injected",
+    key: originalKey && key !== originalKey ? `${originalKey.toString()} ➞ ${key.toString()}` : key.toString(),
+    // eslint-disable-next-line no-prototype-builtins
+    value: returnError(() => instance.ctx.hasOwnProperty(key) ? instance.ctx[key] : instance.provides.hasOwnProperty(originalKey) ? instance.provides[originalKey] : defaultValue)
+  }));
+}
+function processRefs(instance) {
+  return Object.keys(instance.refs).map((key) => ({
+    type: "refs",
+    key,
+    value: returnError(() => instance.refs[key])
+  }));
+}
+function processEventListeners(instance) {
+  const emitsDefinition = instance.type.emits;
+  const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition ?? {});
+  const keys = Object.keys(instance.vnode.props ?? {});
+  const result = [];
+  for (const key of keys) {
+    const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/);
+    if (prefix === "on") {
+      const eventName = eventNameParts.join("-").toLowerCase();
+      const isDeclared = declaredEmits.includes(eventName);
+      result.push({
+        type: "event listeners",
+        key: eventName,
+        value: {
+          _custom: {
+            display: isDeclared ? "✅ Declared" : "⚠️ Not declared",
+            tooltip: !isDeclared ? `The event <code>${eventName}</code> is not declared in the <code>emits</code> option. It will leak into the component's attributes (<code>$attrs</code>).` : null
+          }
+        }
+      });
+    }
+  }
+  return result;
+}
+function resolveMergedOptions(instance) {
+  const raw = instance.type;
+  const { mixins, extends: extendsOptions } = raw;
+  const globalMixins = instance.appContext.mixins;
+  if (!globalMixins.length && !mixins && !extendsOptions)
+    return raw;
+  const options = {};
+  globalMixins.forEach((m) => mergeOptions(options, m));
+  mergeOptions(options, raw);
+  return options;
+}
+function mergeOptions(to, from, instance) {
+  if (typeof from === "function")
+    from = from.options;
+  if (!from)
+    return to;
+  const { mixins, extends: extendsOptions } = from;
+  extendsOptions && mergeOptions(to, extendsOptions);
+  mixins && mixins.forEach(
+    (m) => mergeOptions(to, m)
+  );
+  for (const key of ["computed", "inject"]) {
+    if (Object.prototype.hasOwnProperty.call(from, key)) {
+      if (!to[key])
+        to[key] = from[key];
+      else
+        Object.assign(to[key], from[key]);
+    }
+  }
+  return to;
+}
+
+/* Injected with object hook! */
+
+export { getInstanceName as a, isBeingDestroyed as b, classify as c, getUniqueComponentId as d, getRenderKey as e, getInstanceState as f, getSetupStateInfo as g, getInstanceDetails as h, isFragment as i, kebabize as k, toRaw as t };

package/dist/client/assets/dayjs.min-93c9346c.js

@@ -0,0 +1,13 @@
+import { bI as commonjsGlobal, bJ as getDefaultExportFromCjs } from './index-5bcfd23e.js';
+
+var dayjs_min = {exports: {}};/* Injected with object hook! */
+
+(function (module, exports) {
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof b},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new b(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var b=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,f=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=O.p(f),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return O.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return O.s(e.$y,4,"0");case"M":return a+1;case"MM":return O.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return O.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return O.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return O.s(u,2,"0");case"s":return String(e.$s);case"ss":return O.s(e.$s,2,"0");case"SSS":return O.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=O.p(d),m=w(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return O.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:O.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),_=b.prototype;return w.prototype=_,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){_[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,b,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w})); 
+} (dayjs_min));
+
+var dayjs_minExports = dayjs_min.exports;
+const dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+/* Injected with object hook! */
+
+export { dayjs as d };

package/dist/client/assets/{documentations-81489cc3.js → documentations-6b999162.js}

@@ -1,5 +1,5 @@
-import { v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, a9 as createTextVNode, y as toDisplayString, g as createCommentVNode, e as createElementBlock, bG as withModifiers, f as renderSlot, _ as __unplugin_components_7, a$ as ref, c9 as rpc, z as unref, u as createVNode, T as Teleport, F as Fragment, i as renderList } from './index-773a455a.js';
-import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-a998c802.js';
+import { v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, a9 as createTextVNode, y as toDisplayString, g as createCommentVNode, e as createElementBlock, bG as withModifiers, f as renderSlot, _ as __unplugin_components_7, a$ as ref, cf as rpc, z as unref, u as createVNode, T as Teleport, F as Fragment, i as renderList } from './index-5bcfd23e.js';
+import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-1f94d0bf.js';
 
 const _hoisted_1$1 = {
   flex: "~ col gap2",

package/dist/client/assets/{graph-3ab96556.js → graph-0b56328e.js}

@@ -1,8 +1,7 @@
-import { a$ as ref, ch as useLocalStorage, a1 as computed, aN as onDeactivated, aL as onBeforeUnmount, v as defineComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, e as createElementBlock, i as renderList, F as Fragment, z as unref, aC as isRef, bM as _sfc_main$3, y as toDisplayString, g as createCommentVNode, j as resolveDynamicComponent, u as createVNode, aF as isVNode, c9 as rpc, ci as useStorage, d as withDirectives, bu as vModelText, bq as vModelCheckbox, f as renderSlot, cj as useDark, b8 as shallowRef, ck as useMagicKeys, aP as onMounted, by as watch, q as normalizeClass, cl as useDevToolsClient, cm as rootPath } from './index-773a455a.js';
-import { a as _sfc_main$4, _ as _sfc_main$5 } from './Switch.vue_vue_type_script_setup_true_lang-ff441d43.js';
+import { a$ as ref, cn as useLocalStorage, a1 as computed, aN as onDeactivated, aL as onBeforeUnmount, v as defineComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, e as createElementBlock, i as renderList, F as Fragment, z as unref, aC as isRef, bP as _sfc_main$3, y as toDisplayString, g as createCommentVNode, j as resolveDynamicComponent, u as createVNode, aF as isVNode, bJ as getDefaultExportFromCjs$2, cf as rpc, co as useStorage, cp as watchDebounced, d as withDirectives, bu as vModelText, bq as vModelCheckbox, f as renderSlot, cq as useDark, b8 as shallowRef, cr as useMagicKeys, aP as onMounted, by as watch, q as normalizeClass, c8 as useDevToolsClient, c9 as rootPath } from './index-5bcfd23e.js';
+import { a as _sfc_main$4, _ as _sfc_main$5 } from './Switch.vue_vue_type_script_setup_true_lang-cfc899d5.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { g as getDefaultExportFromCjs$2 } from './_commonjsHelpers-65004790.js';
-import './Icon.vue_vue_type_script_setup_true_lang-9344440e.js';
+import './Icon.vue_vue_type_script_setup_true_lang-38720372.js';
 
 const showGraphSetting = ref(false);
 const graphSettingsInStorage = useLocalStorage("__vue-devtools-graph-settings__", {
@@ -2239,55 +2238,84 @@ function uniqById(data) {
   }
   return uniqueArray;
 }
-function fuzzySearchDeps(data, id) {
+function fuzzySearchDeps(data, text) {
   const fuzzySearcher = new Fuse(data, {
     ignoreLocation: true,
     keys: ["id"],
     shouldSort: true,
     threshold: 0.1
   });
-  const result = fuzzySearcher.search(id).map((i) => i.item);
-  if (!result) {
+  const ids = fuzzySearcher.search(text).map((i) => i.item.id);
+  if (!ids.length) {
     return {
-      main: [],
-      allWithDeps: []
+      matchedKeys: [],
+      data: []
     };
   }
   return {
-    main: result,
-    allWithDeps: uniqById(result.flatMap((item) => getDepsByExactId(data, item.id)))
+    matchedKeys: ids,
+    data: uniqById(ids.flatMap((id) => getDepsByExactId(data, id)))
   };
 }
-function filterByUserDefinedGlob(data) {
-  if (!userCustomGlobPattern.value.trim().length)
+function filterByUserDefinedGlob(data, pattern) {
+  if (!pattern.trim().length)
     return data;
-  const globPattern = userCustomGlobPattern.value.trim().split(", ");
-  const globInstances = new Map(globPattern.map((pattern) => [pattern, new Minimatch(pattern, { matchBase: true })]));
-  return data.filter((item) => globPattern.every(
-    (pattern) => globInstances.get(pattern).match(item.id)
+  const globPatterns = pattern.trim().split(", ");
+  const globInstances = new Map(globPatterns.map((pattern2) => [pattern2, new Minimatch(pattern2, { matchBase: true, dot: true, partial: true })]));
+  return data.filter((item) => globPatterns.every(
+    (pattern2) => globInstances.get(pattern2).match(item.id)
   ));
 }
 const { graphSettings } = useGraphSettings();
-const searchResults = computed(() => {
-  let data = list.value || [];
-  if (!includeNodeModules.value)
-    data = data.filter((item) => !item.id.includes("/node_modules/"));
-  if (!includeVirtual.value)
-    data = data.filter((item) => !item.virtual);
-  if (graphSettings.value.enableUserDefinedGlob)
-    data = filterByUserDefinedGlob(data);
-  if (!searchText.value) {
-    return {
-      main: [],
-      data
-    };
+const getDebounceTime = (len) => len > 85 ? 350 : 150;
+const searchResults = ref([]);
+const matchedKeys = ref([]);
+const filterer = {
+  excludeNodeModules: (data) => {
+    return includeNodeModules.value ? data : data.filter((item) => !item.id.includes("/node_modules/"));
+  },
+  excludeVirtual: (data) => {
+    return includeVirtual.value ? data : data.filter((item) => !item.virtual);
+  },
+  userCustomGlobPattern: (data, pattern) => {
+    if (!graphSettings.value.enableUserDefinedGlob || !pattern.trim().length)
+      return data;
+    return filterByUserDefinedGlob(data, pattern);
+  },
+  searchText: (data, text) => {
+    if (!text.trim().length) {
+      matchedKeys.value = [];
+      return data;
+    }
+    const { data: searchData, matchedKeys: searchMatchedKeys } = fuzzySearchDeps(data, searchText.value.trim());
+    matchedKeys.value = searchMatchedKeys;
+    return searchData;
   }
-  const { main, allWithDeps } = fuzzySearchDeps(data, searchText.value.trim());
-  return {
-    main,
-    data: allWithDeps
-  };
+};
+const allDataCanBeSearched = computed(() => {
+  return filterer.excludeVirtual(
+    filterer.excludeNodeModules(list.value)
+  );
 });
+watchDebounced([searchText, userCustomGlobPattern, allDataCanBeSearched], ([, , list2]) => {
+  filterData(false, list2);
+}, { debounce: computed(() => getDebounceTime(searchResults.value.length)) });
+async function filterData(isInit = false, givenData) {
+  let data = givenData ?? [];
+  if (isInit)
+    data = list.value = await rpc.componentGraph();
+  data = filterer.searchText(
+    filterer.userCustomGlobPattern(
+      filterer.excludeVirtual(
+        filterer.excludeNodeModules(data)
+      ),
+      userCustomGlobPattern.value
+    ),
+    searchText.value
+  );
+  searchResults.value = data;
+}
+await filterData(true);
 
 /* Injected with object hook! */
 
@@ -54455,8 +54483,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return fullPath.replace(rootPath2, "");
       }
     }
+    const isMatched = (id) => matchedKeys.value.includes(id);
+    function getFontStyle(id) {
+      return {
+        color: isMatched(id) ? "#F19B4A" : isDark.value ? "white" : "black",
+        multi: "html"
+      };
+    }
     const data = computed(() => {
-      const { data: data2, main } = searchResults.value;
+      const data2 = searchResults.value;
       if (!data2)
         return { node: [], edges: [] };
       const nodes = data2.map((mod) => {
@@ -54467,17 +54502,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           modulesMap.value.set(id, { filePath: path });
         else
           modulesMap.value.get(id).filePath = path;
-        const isInMain = !!main.find((i) => i.id === id);
         return {
           id,
-          label: isInMain ? `<b>${pathSegments.at(-1)}</b>` : pathSegments.at(-1),
+          label: isMatched(id) ? `<b>${pathSegments.at(-1)}</b>` : pathSegments.at(-1),
           title: getHoverPath(settings.graphSettings.value.hoverPathLevel, path, rootPath),
           group: path.match(/\.(\w+)$/)?.[1] || "unknown",
           size: 15 + Math.min(mod.deps.length / 2, 8),
-          font: {
-            color: isInMain ? "#F19B4A" : isDark.value ? "white" : "black",
-            multi: "html"
-          },
+          font: getFontStyle(id),
           shape: mod.id.includes("/node_modules/") ? "hexagon" : mod.virtual ? "diamond" : "dot"
         };
       });
@@ -54548,7 +54579,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const resetNodeStyle = () => {
         if (!settings.graphSettings.value.highlightSelection)
           return;
-        network.body.data.nodes.update(network.body.data.nodes.getIds().map((id) => ({ id, size: 16 })));
+        network.body.data.nodes.update(network.body.data.nodes.getIds().map((id) => ({
+          id,
+          size: 16,
+          font: getFontStyle(id)
+        })));
         network.body.data.edges.update(network.body.data.edges.getIds().map((id) => {
           const group = network.body.data.nodes.get(network.body.data.edges.get(id).from).group;
           return {
@@ -54570,8 +54605,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return;
         const nonConnectedNodes = network.body.data.nodes.getIds().filter((id) => !network.getConnectedNodes(nodeId).includes(id) && nodeId !== id);
         const nonConnectedEdges = network.body.data.edges.getIds().filter((id) => !network.getConnectedEdges(nodeId).includes(id));
-        network.body.data.nodes.update(nonConnectedNodes.map((id) => ({ id, color: "rgb(69,69,69,.3)" })));
-        network.body.data.edges.update(nonConnectedEdges.map((id) => ({ id, color: "rgb(69,69,69,.3)" })));
+        network.body.data.nodes.update(nonConnectedNodes.map((id) => ({ id, color: "#cccccc10", font: { color: "#cccccc10" } })));
+        network.body.data.edges.update(nonConnectedEdges.map((id) => ({ id, color: "#cccccc10" })));
         network.body.data.nodes.update([{ id: nodeId, color: options.groups[network.body.data.nodes.get(nodeId).group]?.color, size: 26 }]);
         lastSelectedNode.value = nodeId;
       });
@@ -54603,7 +54638,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "container",
           ref: container,
           flex: "1",
-          class: normalizeClass([unref(isHoveringNode) && unref(metaKeyPressed) ? "cursor-pointer" : ""])
+          class: normalizeClass([unref(isHoveringNode) ? "cursor-pointer" : ""])
         }, null, 2),
         createVNode(_component_GraphSettings)
       ]);