reactive-vscode 0.2.0-beta.7 → 0.2.0-beta.8

package/README.md

@@ -12,6 +12,17 @@
 - [**Why reactive-vscode**](https://kermanx.github.io/reactive-vscode/guide/why)
 - [**All Functions**](https://kermanx.github.io/reactive-vscode/functions/)
 
+### Project Status
+
+Currently, most of the VSCode APIs are covered, and this project has been used in:
+
+- [Slidev for VSCode <sub><sub>![downloads](https://img.shields.io/visual-studio-marketplace/d/antfu.slidev.svg)</sub></sub>](https://github.com/slidevjs/slidev/tree/main/packages/vscode)
+- [Iconify IntelliSense <sub><sub>![downloads](https://img.shields.io/visual-studio-marketplace/d/antfu.iconify.svg)</sub></sub>](https://github.com/antfu/vscode-iconify)
+
+The [documentation](https://kermanx.github.io/reactive-vscode/) is complete, and the [VueUse integration](https://kermanx.github.io/reactive-vscode/guide/vueuse.html) is also available.
+
+However, the project is still in beta and may have minor API changes. If you encounter any problems, please feel free to [open an issue](https://github.com/KermanX/reactive-vscode/issues/new).
+
 ### Counter Example
 
 ```ts
@@ -70,12 +81,14 @@ export function activate(extensionContext: ExtensionContext) {
 
 [More examples](https://kermanx.github.io/reactive-vscode/examples/).
 
-## License
+### License
 
 [MIT](./LICENSE) License © 2024-PRESENT [_Kerman](https://github.com/KermanX)
 
 Source code in [the `./packages/reactivity` directory](https://github.com/KermanX/reactive-vscode/blob/main/packages/core/src/reactivity) is ported from [`@vue/runtime-core`](https://github.com/vuejs/core/blob/main/packages/runtime-core). Licensed under a [MIT License](https://github.com/vueuse/vueuse/blob/main/LICENSE).
 
+Source code in [the `./packages/mock` directory](https://github.com/KermanX/reactive-vscode/blob/main/packages/core/src/mock) references the implementation of [`VSCode`](https://github.com/microsoft/vscode). Licensed under a [MIT License](https://github.com/microsoft/vscode/blob/main/LICENSE.txt).
+
 The logo <img src="https://kermanx.github.io/reactive-vscode/logo.svg" width="14"> is modified from [Vue Reactity Artworks](https://github.com/vue-reactivity/art). Licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-nc-sa/4.0/).
 
 Part of the docs website is ported from [VueUse](https://github.com/vueuse/vueuse). Licensed under a [MIT License](https://github.com/vueuse/vueuse/blob/main/LICENSE).

package/dist/index.d.ts

@@ -16,6 +16,7 @@ import { EventEmitter } from 'vscode';
 import { Extension } from 'vscode';
 import { ExtensionContext } from 'vscode';
 import { ExtensionTerminalOptions } from 'vscode';
+import { FileSystemWatcher } from 'vscode';
 import { FoldingRangeProvider } from 'vscode';
 import { GlobPattern } from 'vscode';
 import { LogLevel } from 'vscode';
@@ -24,6 +25,9 @@ import { MaybeRefOrGetter } from '@reactive-vscode/reactivity';
 import { NotebookEditor } from 'vscode';
 import { NotebookRange } from 'vscode';
 import { OutputChannel } from 'vscode';
+import { QuickInputButton } from 'vscode';
+import { QuickPickItem } from 'vscode';
+import { QuickPickItemButtonEvent } from 'vscode';
 import { Range } from 'vscode';
 import { Ref } from '@reactive-vscode/reactivity';
 import { Selection } from 'vscode';
@@ -223,6 +227,80 @@ export declare type ParseConfigTypeOptions<C extends ConfigTypeOptions> = {
     -readonly [K in keyof C]: ParseConfigType<C[K]>;
 };
 
+export declare interface QuickPickOptions<T extends QuickPickItem> {
+    /**
+     * Items to pick from. This can be read and updated by the extension.
+     */
+    items?: MaybeRefOrGetter<readonly T[]>;
+    /**
+     * Buttons for actions in the UI.
+     */
+    buttons?: MaybeRefOrGetter<readonly QuickInputButton[]>;
+    /**
+     * An optional title.
+     */
+    title?: MaybeRefOrGetter<string | undefined>;
+    /**
+     * An optional current step count.
+     */
+    step?: MaybeRefOrGetter<number | undefined>;
+    /**
+     * An optional total step count.
+     */
+    totalSteps?: MaybeRefOrGetter<number | undefined>;
+    /**
+     * If the UI should allow for user input. Defaults to true.
+     *
+     * Change this to false, e.g., while validating user input or
+     * loading data for the next step in user input.
+     */
+    enabled?: MaybeRefOrGetter<boolean>;
+    /**
+     * If the UI should show a progress indicator. Defaults to false.
+     *
+     * Change this to true, e.g., while loading more data or validating
+     * user input.
+     */
+    busy?: MaybeRefOrGetter<boolean>;
+    /**
+     * If the UI should stay open even when loosing UI focus. Defaults to false.
+     * This setting is ignored on iPad and is always false.
+     */
+    ignoreFocusOut?: MaybeRefOrGetter<boolean>;
+    /**
+     * Optional placeholder shown in the filter textbox when no filter has been entered.
+     */
+    placeholder?: MaybeRefOrGetter<string | undefined>;
+    /**
+     * If multiple items can be selected at the same time. Defaults to false.
+     */
+    canSelectMany?: MaybeRefOrGetter<boolean>;
+    /**
+     * If the filter text should also be matched against the description of the items. Defaults to false.
+     */
+    matchOnDescription?: MaybeRefOrGetter<boolean>;
+    /**
+     * If the filter text should also be matched against the detail of the items. Defaults to false.
+     */
+    matchOnDetail?: MaybeRefOrGetter<boolean>;
+    /**
+     * An optional flag to maintain the scroll position of the quick pick when the quick pick items are updated. Defaults to false.
+     */
+    keepScrollPosition?: MaybeRefOrGetter<boolean>;
+    /**
+     * Initial value of the filter text.
+     */
+    value?: string;
+    /**
+     * Initial active items. This can be read and updated by the extension.
+     */
+    activeItems?: readonly T[];
+    /**
+     * Initial selected items. This can be read and updated by the extension.
+     */
+    selectedItems?: readonly T[];
+}
+
 export declare type TextEditorCommandCallback = (textEditor: TextEditor, edit: TextEditorEdit, ...args: any[]) => void;
 
 declare type ToConfigRefs<C extends object> = {
@@ -286,6 +364,7 @@ export declare const useActiveTextEditor: () => ShallowRef<TextEditor | undefine
 
 /**
  * @reactive `extensions.all`
+ * @category extension
  */
 export declare const useAllExtensions: () => ComputedRef<readonly Extension<any>[]>;
 
@@ -357,7 +436,7 @@ export declare function useEditorDecorations(editor: MaybeRefOrGetter<Nullable<T
  * @category utilities
  * @reactive `Event`
  */
-export declare function useEvent<T>(event: Event_2<T>, listeners?: ((e: T) => any)[]): Event_2<T>;
+export declare function useEvent<T>(event: Event_2<T>, listeners?: ((e: T) => any)[]): (listener: (e: T) => any, thisArgs?: any, disposables?: Disposable_2[]) => void;
 
 /**
  * @category utilities
@@ -373,6 +452,17 @@ declare interface UseEventEmitterReturn<T> {
     addListener: (listener: (e: T) => any) => void;
 }
 
+/**
+ * Get a reactive secret value from the extension's secrets.
+ *
+ * @reactive `ExtensionContext.secrets`
+ * @category extension
+ */
+export declare function useExtensionSecret(key: string): Promise<Ref<string | undefined> & {
+    set: (newValue: string) => Promise<void>;
+    remove: () => Promise<void>;
+}>;
+
 /**
  * @reactive `tasks.fetchTasks`
  */
@@ -405,17 +495,17 @@ toJSON(): any;
  */
 export declare function useFoldingRangeProvider(selector: DocumentSelector, provideFoldingRanges: MaybeRefOrGetter<FoldingRangeProvider['provideFoldingRanges']>): void;
 
+export declare interface UseFSWatcher {
+    readonly watchers: ShallowReactive<Map<GlobPattern, FileSystemWatcher>>;
+    readonly onDidCreate: Event_2<Uri>;
+    readonly onDidChange: Event_2<Uri>;
+    readonly onDidDelete: Event_2<Uri>;
+}
+
 /**
  * @reactive `workspace.createFileSystemWatcher`
  */
-export declare function useFsWatcher(globPattern: GlobPattern, ignoreCreateEvents?: boolean | undefined, ignoreChangeEvents?: boolean | undefined, ignoreDeleteEvents?: boolean | undefined): {
-    onDidCreate: Event_2<Uri>;
-    onDidChange: Event_2<Uri>;
-    onDidDelete: Event_2<Uri>;
-    ignoreCreateEvents: boolean;
-    ignoreChangeEvents: boolean;
-    ignoreDeleteEvents: boolean;
-};
+export declare function useFsWatcher(globPattern: MaybeRefOrGetter<GlobPattern | GlobPattern[]>, ignoreCreateEvents?: MaybeNullableRefOrGetter<boolean>, ignoreChangeEvents?: MaybeNullableRefOrGetter<boolean>, ignoreDeleteEvents?: MaybeNullableRefOrGetter<boolean>): UseFSWatcher;
 
 /**
  * Determines if the current color theme is dark. See `vscode::ColorTheme.kind`.
@@ -498,6 +588,40 @@ export declare const useOpenedTerminals: () => ShallowRef<readonly Terminal[]>;
  */
 export declare function useOutputChannel(name: string, languageId?: string): OutputChannel;
 
+/**
+ * Creates a customizable quick pick UI.
+ *
+ * @reactive `window.createQuickPick`
+ */
+export declare function useQuickPick<T extends QuickPickItem>(options?: QuickPickOptions<T>): {
+    onDidChangeActive: (listener: (e: readonly T[]) => any, thisArgs?: any, disposables?: Disposable_2[] | undefined) => void;
+    onDidChangeSelection: (listener: (e: readonly T[]) => any, thisArgs?: any, disposables?: Disposable_2[] | undefined) => void;
+    onDidAccept: (listener: (e: void) => any, thisArgs?: any, disposables?: Disposable_2[] | undefined) => void;
+    onDidHide: (listener: (e: void) => any, thisArgs?: any, disposables?: Disposable_2[] | undefined) => void;
+    onDidTriggerButton: (listener: (e: QuickInputButton) => any, thisArgs?: any, disposables?: Disposable_2[] | undefined) => void;
+    onDidChangeValue: (listener: (e: string) => any, thisArgs?: any, disposables?: Disposable_2[] | undefined) => void;
+    value: ShallowRef<string>;
+    activeItems: ShallowRef<readonly T[]>;
+    selectedItems: ShallowRef<readonly T[]>;
+    placeholder: string | undefined;
+    buttons: readonly QuickInputButton[];
+    onDidTriggerItemButton: Event_2<QuickPickItemButtonEvent<T>>;
+    items: readonly T[];
+    canSelectMany: boolean;
+    matchOnDescription: boolean;
+    matchOnDetail: boolean;
+    keepScrollPosition?: boolean | undefined;
+    title: string | undefined;
+    step: number | undefined;
+    totalSteps: number | undefined;
+    enabled: boolean;
+    busy: boolean;
+    ignoreFocusOut: boolean;
+    show(): void;
+    hide(): void;
+    dispose(): void;
+};
+
 /**
  * @reactive `window.createStatusBarItem`
  */

package/dist/index.js

@@ -1,23 +1,23 @@
-import { getCurrentScope as L, onScopeDispose as W, shallowRef as l, effectScope as q, computed as f, reactive as J, toValue as a, watchEffect as m, watch as b, ref as E, shallowReactive as K, toRaw as z, isRef as Y } from "@reactive-vscode/reactivity";
+import { getCurrentScope as O, onScopeDispose as V, shallowRef as d, effectScope as K, computed as v, reactive as Q, toValue as r, watchEffect as C, watch as D, ref as x, shallowReactive as F, toRaw as z, isRef as Y } from "@reactive-vscode/reactivity";
 export * from "@reactive-vscode/reactivity";
-import { workspace as C, commands as k, window as c, debug as V, extensions as R, comments as G, env as T, EventEmitter as F, tasks as D, Uri as Q, languages as X, ColorThemeKind as A, l10n as N } from "vscode";
-function Z(e) {
-  return L() ? (W(e), !0) : !1;
+import { workspace as w, commands as y, window as c, debug as I, extensions as R, comments as G, env as S, EventEmitter as L, tasks as p, Uri as X, languages as Z, ColorThemeKind as P, l10n as N } from "vscode";
+function _(e) {
+  return O() ? (V(e), !0) : !1;
 }
-function O(e, t) {
+function W(e, t) {
   const n = /* @__PURE__ */ new Map();
-  return (...r) => {
-    const i = t(...r);
+  return (...a) => {
+    const i = t(...a);
     let o = n.get(i);
     return o ? o.refCount++ : (o = {
-      data: e(...r),
+      data: e(...a),
       refCount: 1
-    }, n.set(i, o)), Z(() => {
+    }, n.set(i, o)), _(() => {
       --o.refCount === 0 && n.delete(i);
     }), o.data;
   };
 }
-function h(e) {
+function m(e) {
   let t;
   return () => t ?? (t = e());
 }
@@ -25,74 +25,74 @@ const $ = [];
 function ge(e) {
   $.push(e);
 }
-const x = l(null), y = q();
+const E = d(null), A = K();
 function he(e) {
   return {
-    activate: (t) => (x.value = t, y.run(() => (I.map((n) => n(t)), e()))),
+    activate: (t) => (E.value = t, A.run(() => (M.map((n) => n(t)), e()))),
     deactivate: () => {
-      $.map((t) => t()), y.stop();
+      $.map((t) => t()), A.stop();
     }
   };
 }
-const I = [];
-function P(e) {
-  x.value ? e(x.value) : I.push(e);
-}
-function _(e, t, n) {
-  const r = !e, i = C.getConfiguration(r ? void 0 : e, n);
-  function o(d, v) {
-    const g = l(v), S = f({
-      get: () => g.value,
-      set: (w) => {
-        g.value = w, i.update(d, w);
+const M = [];
+function j(e) {
+  E.value ? e(E.value) : M.push(e);
+}
+function ee(e, t, n) {
+  const a = !e, i = w.getConfiguration(a ? void 0 : e, n);
+  function o(l, f) {
+    const h = d(f), b = v({
+      get: () => h.value,
+      set: (g) => {
+        h.value = g, i.update(l, g);
       }
     });
-    return S.update = async (w, H, U) => {
-      await i.update(d, w, H, U), S.value = w;
-    }, S.set = (w) => {
-      g.value = w;
-    }, S;
+    return b.update = async (g, U, J) => {
+      await i.update(l, g, U, J), b.value = g;
+    }, b.set = (g) => {
+      h.value = g;
+    }, b;
   }
   const s = Object.fromEntries(
-    Object.keys(t).map((d) => [d, o(d, i.get(d))])
+    Object.keys(t).map((l) => [l, o(l, i.get(l))])
   );
-  return P(() => {
-    u(C.onDidChangeConfiguration(
-      r ? (d) => {
-        const v = C.getConfiguration();
-        for (const g in t)
-          d.affectsConfiguration(g) && s[g].set(v.get(g));
-      } : (d) => {
-        if (!d.affectsConfiguration(e))
+  return j(() => {
+    u(w.onDidChangeConfiguration(
+      a ? (l) => {
+        const f = w.getConfiguration();
+        for (const h in t)
+          l.affectsConfiguration(h) && s[h].set(f.get(h));
+      } : (l) => {
+        if (!l.affectsConfiguration(e))
           return;
-        const v = C.getConfiguration(e);
-        for (const g in t)
-          d.affectsConfiguration(`${e}.${g}`) && s[g].set(v.get(g));
+        const f = w.getConfiguration(e);
+        for (const h in t)
+          l.affectsConfiguration(`${e}.${h}`) && s[h].set(f.get(h));
       }
     ));
   }), s;
 }
 function me(e, t, n) {
-  const r = _(e, t, n);
-  return J({
-    ...r,
-    $update(i, o, s, d) {
-      return r[i].update(o, s, d);
+  const a = ee(e, t, n);
+  return Q({
+    ...a,
+    $update(i, o, s, l) {
+      return a[i].update(o, s, l);
     },
     $set(i, o) {
-      return r[i].set(o);
+      return a[i].set(o);
     }
   });
 }
 function Ce(e, t) {
-  const n = l(null), r = [], i = (o) => (...s) => n.value ? n.value[o](...s) : (r.push([o, s]), null);
-  return P(() => {
-    n.value = se(e, t);
-    for (const [o, s] of r)
+  const n = d(null), a = [], i = (o) => (...s) => n.value ? n.value[o](...s) : (a.push([o, s]), null);
+  return j(() => {
+    n.value = ue(e, t);
+    for (const [o, s] of a)
       n.value[o](...s);
   }), {
     logger: n,
-    outputChannel: f(() => {
+    outputChannel: v(() => {
       var o;
       return (o = n.value) == null ? void 0 : o.outputChannel;
     }),
@@ -108,238 +108,261 @@ function Ce(e, t) {
   };
 }
 function be(e, ...t) {
-  return k.executeCommand(e, ...t);
+  return y.executeCommand(e, ...t);
 }
-function ee(e, t = !1) {
-  const n = x.value;
+function te(e, t = !1) {
+  const n = E.value;
   if (!n && !t)
     throw new Error("Cannot get absolute path because the extension is not activated yet");
   return n == null ? void 0 : n.asAbsolutePath(e);
 }
 function we(e, t = !1) {
-  return f(() => ee(a(e), t));
+  return v(() => te(r(e), t));
 }
 function u(e) {
-  return (L() ?? y).cleanups.push(e.dispose.bind(e)), e;
+  return (O() ?? A).cleanups.push(e.dispose.bind(e)), e;
 }
-const te = h(() => {
-  const e = l(c.activeColorTheme);
+const ne = m(() => {
+  const e = d(c.activeColorTheme);
   return u(c.onDidChangeActiveColorTheme((t) => {
     e.value = t;
   })), e;
-}), Te = h(() => {
-  const e = l(V.activeDebugSession);
-  return u(V.onDidChangeActiveDebugSession((t) => {
+}), De = m(() => {
+  const e = d(I.activeDebugSession);
+  return u(I.onDidChangeActiveDebugSession((t) => {
     e.value = t;
-  })), f(() => e.value);
-}), ne = h(() => {
-  const e = l(c.activeTextEditor);
+  })), v(() => e.value);
+}), ae = m(() => {
+  const e = d(c.activeTextEditor);
   return u(c.onDidChangeActiveTextEditor((t) => {
     e.value = t;
   })), e;
 });
-function re(e, t, n) {
-  const r = "key" in t ? t : c.createTextEditorDecorationType(t);
-  m(() => {
+function ie(e, t, n) {
+  const a = "key" in t ? t : c.createTextEditorDecorationType(t);
+  C(() => {
     var i;
-    (i = a(e)) == null || i.setDecorations(r, a(n));
+    (i = r(e)) == null || i.setDecorations(a, r(n));
   });
 }
-function De(e, t) {
-  const n = ne();
-  re(n, e, t);
+function Te(e, t) {
+  const n = ae();
+  ie(n, e, t);
 }
-const Se = h(() => {
-  const e = l(c.activeNotebookEditor);
+const Se = m(() => {
+  const e = d(c.activeNotebookEditor);
   return u(c.onDidChangeActiveNotebookEditor((t) => {
     e.value = t;
   })), e;
-}), pe = h(() => {
-  const e = l(c.activeTerminal);
+}), pe = m(() => {
+  const e = d(c.activeTerminal);
   return u(c.onDidChangeActiveTerminal((t) => {
     e.value = t;
   })), e;
-}), xe = h(() => {
-  const e = l(R.all);
+}), Ee = m(() => {
+  const e = d(R.all);
   return u(R.onDidChange(() => {
     e.value = R.all;
-  })), f(() => e.value);
+  })), v(() => e.value);
 });
-function ie(e, t) {
-  u(k.registerCommand(e, t));
+function re(e, t) {
+  u(y.registerCommand(e, t));
 }
-function Ee(e) {
+function xe(e) {
   for (const [t, n] of Object.entries(e))
-    n && ie(t, n);
+    n && re(t, n);
 }
 function ke(e, t) {
   return u(G.createCommentController(e, t));
 }
-function M(e) {
+function B(e) {
   var n;
-  const t = l((n = a(e)) == null ? void 0 : n.state);
-  return b(e, () => {
-    var r;
-    t.value = (r = a(e)) == null ? void 0 : r.state;
-  }), u(c.onDidChangeTerminalState((r) => {
-    r === a(e) && (t.value = r.state);
-  })), f(() => t.value);
-}
-function Re(...e) {
-  const t = E(null);
+  const t = d((n = r(e)) == null ? void 0 : n.state);
+  return D(e, () => {
+    var a;
+    t.value = (a = r(e)) == null ? void 0 : a.state;
+  }), u(c.onDidChangeTerminalState((a) => {
+    a === r(e) && (t.value = a.state);
+  })), v(() => t.value);
+}
+function ye(...e) {
+  const t = x(null);
   function n() {
     return !!t.value && t.value.exitStatus == null;
   }
-  function r() {
+  function a() {
     return n() ? t.value : t.value = c.createTerminal(...e);
   }
-  function i(d) {
-    r().sendText(d);
+  function i(l) {
+    a().sendText(l);
   }
   function o() {
-    r().show();
+    a().show();
   }
   function s() {
     n() && (t.value.sendText(""), t.value.dispose(), t.value = null);
   }
-  return W(s), {
+  return V(s), {
     terminal: t,
     getIsActive: n,
     show: o,
     sendText: i,
     close: s,
-    state: M(t)
+    state: B(t)
   };
 }
-const ye = h(() => {
-  const e = l(T.shell);
-  return u(T.onDidChangeShell((t) => {
+const Re = m(() => {
+  const e = d(S.shell);
+  return u(S.onDidChangeShell((t) => {
     e.value = t;
-  })), f(() => e.value);
+  })), v(() => e.value);
 });
-function Ve(e) {
+function Ae(e) {
   var n;
-  const t = l((n = a(e)) == null ? void 0 : n.getText());
-  return m(() => {
-    var r;
-    t.value = (r = a(e)) == null ? void 0 : r.getText();
-  }), u(C.onDidChangeTextDocument((r) => {
-    r.document === a(e) && (t.value = r.document.getText());
+  const t = d((n = r(e)) == null ? void 0 : n.getText());
+  return C(() => {
+    var a;
+    t.value = (a = r(e)) == null ? void 0 : a.getText();
+  }), u(w.onDidChangeTextDocument((a) => {
+    a.document === r(e) && (t.value = a.document.getText());
   })), t;
 }
-function p(e, t = []) {
-  const n = (r, i, o) => u(e(r, i, o));
-  for (const r of t)
-    n(r);
-  return n;
+function T(e, t) {
+  const n = (a, i, o) => {
+    u(e(a, i, o));
+  };
+  return t == null || t.forEach((a) => n(a)), n;
 }
-function ae(e, t = []) {
-  const n = Array.isArray(e) ? e : t ?? [], r = u(Array.isArray(e) || e == null ? new F() : e), i = p(r.event, n);
+function k(e, t = []) {
+  const n = Array.isArray(e) ? e : t ?? [], a = u(Array.isArray(e) || e == null ? new L() : e), i = T(a.event, n);
   for (const o of n)
     i(o);
   return {
-    event: r.event,
-    fire: r.fire.bind(r),
+    event: a.event,
+    fire: a.fire.bind(a),
     addListener: i
   };
 }
-function Ae(e) {
-  return f(() => D.fetchTasks(a(e)));
+async function Ve(e) {
+  const t = E.value.secrets, n = x(await t.get(e));
+  return n.set = async (a) => {
+    n.value = a, await t.store(e, a);
+  }, n.remove = async () => {
+    n.value = void 0, await t.delete(e);
+  }, u(t.onDidChange(async (a) => {
+    a.key === e && (n.value = await t.get(e));
+  })), D(n, (a) => {
+    a === void 0 ? t.delete(e) : t.store(e, a);
+  }), n;
+}
+function Ie(e) {
+  return v(() => p.fetchTasks(r(e)));
 }
 function oe(e) {
-  return K({
+  return F({
     get scheme() {
-      return a(e).scheme;
+      return r(e).scheme;
     },
     get authority() {
-      return a(e).authority;
+      return r(e).authority;
     },
     get path() {
-      return a(e).path;
+      return r(e).path;
     },
     get query() {
-      return a(e).query;
+      return r(e).query;
     },
     get fragment() {
-      return a(e).fragment;
+      return r(e).fragment;
     },
     get fsPath() {
-      return a(e).fsPath;
+      return r(e).fsPath;
     },
     with(t) {
-      return a(e).with(t);
+      return r(e).with(t);
     },
     toString() {
-      return a(e).toString();
+      return r(e).toString();
     },
     toJSON() {
-      return a(e).toJSON();
+      return r(e).toJSON();
     }
   });
 }
-function Ne(e) {
-  return oe(() => Q.file(a(e)));
+function Pe(e) {
+  return oe(() => X.file(r(e)));
 }
-function Le(e, t) {
-  const n = new F(), r = l();
-  m(() => {
-    r.value && n.fire(), r.value = a(t);
-  }), u(X.registerFoldingRangeProvider(
+function Ne(e, t) {
+  const n = new L(), a = d();
+  C(() => {
+    a.value && n.fire(), a.value = r(t);
+  }), u(Z.registerFoldingRangeProvider(
     e,
     {
       onDidChangeFoldingRanges: n.event,
       provideFoldingRanges(i, o, s) {
-        var d;
-        return (d = r.value) == null ? void 0 : d.call(r, i, o, s);
+        var l;
+        return (l = a.value) == null ? void 0 : l.call(a, i, o, s);
       }
     }
   ));
 }
-function We(e, t, n, r) {
-  const i = u(C.createFileSystemWatcher(e, t, n, r));
-  return {
-    ...i,
-    onDidCreate: p(i.onDidCreate),
-    onDidChange: p(i.onDidChange),
-    onDidDelete: p(i.onDidDelete)
+function Oe(e, t, n, a) {
+  const i = F(/* @__PURE__ */ new Map()), o = k(), s = k(), l = k();
+  return C(() => {
+    const f = r(e), h = Array.isArray(f) ? f : [f];
+    for (const [b, g] of i)
+      h.includes(b) || g.dispose();
+    for (const b of h)
+      if (!i.has(b)) {
+        const g = w.createFileSystemWatcher(
+          b,
+          r(t) || !1,
+          r(n) || !1,
+          r(a) || !1
+        );
+        g.onDidCreate(o.fire), g.onDidChange(s.fire), g.onDidDelete(l.fire);
+      }
+  }), V(() => {
+    for (const f of i.values())
+      f.dispose();
+  }), {
+    watchers: i,
+    onDidCreate: o.event,
+    onDidChange: s.event,
+    onDidDelete: l.event
   };
 }
-const Fe = h(() => {
-  const e = te();
-  return f(() => e.value.kind === A.Dark || e.value.kind === A.HighContrast);
-}), Oe = h(() => {
-  const e = l(T.isTelemetryEnabled);
-  return u(T.onDidChangeTelemetryEnabled((t) => {
+const Fe = m(() => {
+  const e = ne();
+  return v(() => e.value.kind === P.Dark || e.value.kind === P.HighContrast);
+}), Le = m(() => {
+  const e = d(S.isTelemetryEnabled);
+  return u(S.onDidChangeTelemetryEnabled((t) => {
     e.value = t;
-  })), f(() => e.value);
+  })), v(() => e.value);
 });
-function $e(e, ...t) {
-  return f(() => typeof t[0] == "object" ? N.t(a(e), z(t[0])) : N.t(a(e), ...t.map(a)));
+function We(e, ...t) {
+  return v(() => typeof t[0] == "object" ? N.t(r(e), z(t[0])) : N.t(r(e), ...t.map(r)));
 }
-const Ie = h(() => {
-  const e = l(T.logLevel);
-  return u(T.onDidChangeLogLevel((t) => {
-    e.value = t;
-  })), f(() => e.value);
-});
-function ue(e, t) {
+function se(e, t) {
   return u(c.createOutputChannel(e, t));
 }
-function Pe(e) {
-  const t = /* @__PURE__ */ new Date(), n = String(t.getFullYear()).padStart(4, "0"), r = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0"), o = String(t.getHours()).padStart(2, "0"), s = String(t.getMinutes()).padStart(2, "0"), d = String(t.getSeconds()).padStart(2, "0"), v = String(t.getMilliseconds()).padStart(3, "0");
-  return `${n}-${r}-${i} ${o}:${s}:${d}.${v} [${e}] `;
+function $e(e) {
+  const t = /* @__PURE__ */ new Date(), n = String(t.getFullYear()).padStart(4, "0"), a = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0"), o = String(t.getHours()).padStart(2, "0"), s = String(t.getMinutes()).padStart(2, "0"), l = String(t.getSeconds()).padStart(2, "0"), f = String(t.getMilliseconds()).padStart(3, "0");
+  return `${n}-${a}-${i} ${o}:${s}:${l}.${f} [${e}] `;
 }
-function se(e, t = {}) {
-  const n = t.outputChannel ?? ue(e), r = (i) => (...o) => {
+function ue(e, t = {}) {
+  const n = t.outputChannel ?? se(e), a = (i) => (...o) => {
     var s;
     n.appendLine((((s = t.getPrefix) == null ? void 0 : s.call(t, i)) ?? "") + o.join(" "));
   };
   return {
     outputChannel: n,
-    createLoggerFunc: r,
-    info: r("INFO"),
-    warn: r("WARN"),
-    error: r("ERROR"),
+    createLoggerFunc: a,
+    info: a("INFO"),
+    warn: a("WARN"),
+    error: a("ERROR"),
     append: n.append.bind(n),
     appendLine: n.appendLine.bind(n),
     replace: n.replace.bind(n),
@@ -348,28 +371,34 @@ function se(e, t = {}) {
     hide: n.hide.bind(n)
   };
 }
+const Me = m(() => {
+  const e = d(S.logLevel);
+  return u(S.onDidChangeLogLevel((t) => {
+    e.value = t;
+  })), v(() => e.value);
+});
 function ce(e) {
   var n;
-  const t = l(((n = a(e)) == null ? void 0 : n.selections) ?? []);
-  return b(e, () => {
-    var r;
-    t.value = ((r = a(e)) == null ? void 0 : r.selections) ?? [];
-  }), u(c.onDidChangeNotebookEditorSelection((r) => {
-    r.notebookEditor === a(e) && (t.value = r.selections);
-  })), f({
+  const t = d(((n = r(e)) == null ? void 0 : n.selections) ?? []);
+  return D(e, () => {
+    var a;
+    t.value = ((a = r(e)) == null ? void 0 : a.selections) ?? [];
+  }), u(c.onDidChangeNotebookEditorSelection((a) => {
+    a.notebookEditor === r(e) && (t.value = a.selections);
+  })), v({
     get() {
       return t.value;
     },
-    set(r) {
-      t.value = r;
-      const i = a(e);
-      i && (i.selections = r);
+    set(a) {
+      t.value = a;
+      const i = r(e);
+      i && (i.selections = a);
     }
   });
 }
-function Me(e) {
+function je(e) {
   const t = ce(e);
-  return f({
+  return v({
     get() {
       return t.value[0];
     },
@@ -378,28 +407,65 @@ function Me(e) {
     }
   });
 }
-function je(e) {
+function Be(e) {
   var n;
-  const t = l(((n = a(e)) == null ? void 0 : n.visibleRanges) ?? []);
-  return b(e, () => {
-    var r;
-    t.value = ((r = a(e)) == null ? void 0 : r.visibleRanges) ?? [];
-  }), u(c.onDidChangeNotebookEditorVisibleRanges((r) => {
-    r.notebookEditor === a(e) && (t.value = r.visibleRanges);
-  })), f(() => t.value);
-}
-const Be = h(() => {
-  const e = l(c.terminals);
+  const t = d(((n = r(e)) == null ? void 0 : n.visibleRanges) ?? []);
+  return D(e, () => {
+    var a;
+    t.value = ((a = r(e)) == null ? void 0 : a.visibleRanges) ?? [];
+  }), u(c.onDidChangeNotebookEditorVisibleRanges((a) => {
+    a.notebookEditor === r(e) && (t.value = a.visibleRanges);
+  })), v(() => t.value);
+}
+const He = m(() => {
+  const e = d(c.terminals);
   function t() {
     e.value = c.terminals;
   }
   return u(c.onDidOpenTerminal(t)), u(c.onDidCloseTerminal(t)), e;
 });
-function He(e) {
+function qe(e = {}) {
+  const t = u(c.createQuickPick()), n = T(t.onDidChangeActive), a = T(t.onDidChangeSelection), i = T(t.onDidAccept), o = T(t.onDidHide), s = T(t.onDidTriggerButton), l = T(t.onDidChangeValue);
+  [
+    "items",
+    "buttons",
+    "title",
+    "step",
+    "totalSteps",
+    "enabled",
+    "busy",
+    "ignoreFocusOut",
+    "placeholder",
+    "canSelectMany",
+    "matchOnDescription",
+    "matchOnDetail",
+    "keepScrollPosition"
+  ].forEach((g) => {
+    e[g] && C(() => t[g] = r(e[g]));
+  }), e.value && (t.value = e.value);
+  const f = d(t.value);
+  l((g) => f.value = g), e.activeItems && (t.activeItems = e.activeItems);
+  const h = d(t.activeItems);
+  n((g) => h.value = g), e.selectedItems && (t.selectedItems = e.selectedItems);
+  const b = d(t.selectedItems);
+  return a((g) => b.value = g), {
+    ...t,
+    onDidChangeActive: n,
+    onDidChangeSelection: a,
+    onDidAccept: i,
+    onDidHide: o,
+    onDidTriggerButton: s,
+    onDidChangeValue: l,
+    value: f,
+    activeItems: h,
+    selectedItems: b
+  };
+}
+function Ue(e) {
   const t = u(e.id ? c.createStatusBarItem(e.id, e.alignment, e.priority) : c.createStatusBarItem(e.alignment, e.priority));
-  function n(r) {
-    const i = e[r];
-    i != null && m(() => t[r] = a(i));
+  function n(a) {
+    const i = e[a];
+    i != null && C(() => t[a] = r(i));
   }
   return [
     "name",
@@ -411,14 +477,14 @@ function He(e) {
     "accessibilityInformation"
   ].forEach(n), t;
 }
-const Ue = h(() => {
-  const e = l(D.taskExecutions);
+const Je = m(() => {
+  const e = d(p.taskExecutions);
   function t() {
-    e.value = D.taskExecutions;
+    e.value = p.taskExecutions;
   }
-  return u(D.onDidStartTask(t)), u(D.onDidEndTask(t)), f(() => e.value);
+  return u(p.onDidStartTask(t)), u(p.onDidEndTask(t)), v(() => e.value);
 });
-function qe(...e) {
+function Ke(...e) {
   const t = u(c.createTerminal(...e));
   return {
     terminal: t,
@@ -437,144 +503,144 @@ function qe(...e) {
     sendText: t.sendText.bind(t),
     show: t.show.bind(t),
     hide: t.hide.bind(t),
-    state: M(t)
+    state: B(t)
   };
 }
 function le(e, t) {
-  u(k.registerTextEditorCommand(e, t));
+  u(y.registerTextEditorCommand(e, t));
 }
-function Je(e) {
+function Qe(e) {
   for (const [t, n] of Object.entries(e))
     le(t, n);
 }
 function de(e, t) {
-  var r;
-  const n = l(((r = a(e)) == null ? void 0 : r.selections) ?? []);
-  return b(e, () => {
+  var a;
+  const n = d(((a = r(e)) == null ? void 0 : a.selections) ?? []);
+  return D(e, () => {
     var i;
-    n.value = ((i = a(e)) == null ? void 0 : i.selections) ?? [];
+    n.value = ((i = r(e)) == null ? void 0 : i.selections) ?? [];
   }), u(c.onDidChangeTextEditorSelection((i) => {
-    const o = a(e), s = a(t);
+    const o = r(e), s = r(t);
     i.textEditor === o && (!s || s.includes(i.kind)) && (n.value = i.selections);
-  })), f({
+  })), v({
     get() {
       return n.value;
     },
     set(i) {
       n.value = i;
-      const o = a(e);
+      const o = r(e);
       o && (o.selections = i);
     }
   });
 }
-function Ke(e, t) {
+function ze(e, t) {
   const n = de(e, t);
-  return f({
+  return v({
     get() {
       return n.value[0];
     },
-    set(r) {
-      n.value = n.value.toSpliced(0, 1, r);
+    set(a) {
+      n.value = n.value.toSpliced(0, 1, a);
     }
   });
 }
-function ze(e) {
-  var n;
-  const t = l((n = a(e)) == null ? void 0 : n.viewColumn);
-  return b(e, () => {
-    var r;
-    t.value = (r = a(e)) == null ? void 0 : r.viewColumn;
-  }), u(c.onDidChangeTextEditorViewColumn((r) => {
-    r.textEditor === a(e) && (t.value = r.viewColumn);
-  })), f(() => t.value);
-}
 function Ye(e) {
   var n;
-  const t = l(((n = a(e)) == null ? void 0 : n.visibleRanges) ?? []);
-  return b(e, () => {
-    var r;
-    t.value = ((r = a(e)) == null ? void 0 : r.visibleRanges) ?? [];
-  }), u(c.onDidChangeTextEditorVisibleRanges((r) => {
-    r.textEditor === a(e) && (t.value = r.visibleRanges);
-  })), f(() => t.value);
-}
-function j(e, t) {
-  m(() => {
-    const n = a(e);
-    n && (n.badge = a(t));
+  const t = d((n = r(e)) == null ? void 0 : n.viewColumn);
+  return D(e, () => {
+    var a;
+    t.value = (a = r(e)) == null ? void 0 : a.viewColumn;
+  }), u(c.onDidChangeTextEditorViewColumn((a) => {
+    a.textEditor === r(e) && (t.value = a.viewColumn);
+  })), v(() => t.value);
+}
+function Ge(e) {
+  var n;
+  const t = d(((n = r(e)) == null ? void 0 : n.visibleRanges) ?? []);
+  return D(e, () => {
+    var a;
+    t.value = ((a = r(e)) == null ? void 0 : a.visibleRanges) ?? [];
+  }), u(c.onDidChangeTextEditorVisibleRanges((a) => {
+    a.textEditor === r(e) && (t.value = a.visibleRanges);
+  })), v(() => t.value);
+}
+function H(e, t) {
+  C(() => {
+    const n = r(e);
+    n && (n.badge = r(t));
   });
 }
-function B(e, t) {
-  m(() => {
-    const n = a(e);
-    n && (n.title = a(t));
+function q(e, t) {
+  C(() => {
+    const n = r(e);
+    n && (n.title = r(t));
   });
 }
-const Ge = O(
+const Xe = W(
   (e, t, n) => {
-    const r = ae();
-    b(t, () => r.fire()), n != null && n.watchSource && b(n.watchSource, () => r.fire());
+    const a = k();
+    D(t, () => a.fire()), n != null && n.watchSource && D(n.watchSource, () => a.fire());
     const i = /* @__PURE__ */ new WeakMap(), o = u(c.createTreeView(e, {
       ...n,
       treeDataProvider: {
         ...n,
-        onDidChangeTreeData: r.event,
+        onDidChangeTreeData: a.event,
         getTreeItem(s) {
           return s.treeItem;
         },
         getChildren(s) {
-          var d;
-          return s ? ((d = s.children) == null || d.forEach((v) => i.set(v, s)), s.children) : a(t);
+          var l;
+          return s ? ((l = s.children) == null || l.forEach((f) => i.set(f, s)), s.children) : r(t);
         },
         getParent(s) {
           return i.get(s);
         }
       }
     }));
-    return n != null && n.title && B(o, n.title), n != null && n.badge && j(o, n.badge), o;
+    return n != null && n.title && q(o, n.title), n != null && n.badge && H(o, n.badge), o;
   },
   (e) => e
 );
-function Qe(e) {
-  var r;
-  const t = E((r = a(e)) == null ? void 0 : r.visible);
+function Ze(e) {
+  var a;
+  const t = x((a = r(e)) == null ? void 0 : a.visible);
   function n() {
     var i;
-    t.value = (i = a(e)) == null ? void 0 : i.visible;
+    t.value = (i = r(e)) == null ? void 0 : i.visible;
   }
-  return m((i) => {
-    const o = a(e);
+  return C((i) => {
+    const o = r(e);
     if (o) {
       const s = o.onDidChangeVisibility(n);
       i(() => s.dispose());
     }
-  }), m(n), f(() => !!t.value);
+  }), C(n), v(() => !!t.value);
 }
-const Xe = h(() => {
-  const e = l(c.visibleNotebookEditors);
+const _e = m(() => {
+  const e = d(c.visibleNotebookEditors);
   return u(c.onDidChangeVisibleNotebookEditors((t) => {
     e.value = t;
   })), e;
-}), Ze = h(() => {
-  const e = l(c.visibleTextEditors);
+}), et = m(() => {
+  const e = d(c.visibleTextEditors);
   return u(c.onDidChangeVisibleTextEditors((t) => {
     e.value = t;
   })), e;
 });
-function _e(e, t, n = !0) {
-  const r = Y(t) ? t : typeof t == "function" ? f(t) : E(t);
-  return m(() => {
-    a(n) && k.executeCommand("setContext", e, r.value);
-  }), r;
+function tt(e, t, n = !0) {
+  const a = Y(t) ? t : typeof t == "function" ? v(t) : x(t);
+  return C(() => {
+    r(n) && y.executeCommand("setContext", e, a.value);
+  }), a;
 }
-const et = O(
+const nt = W(
   (e, t, n) => {
-    const r = l(), i = l();
+    const a = d(), i = d();
     u(c.registerWebviewViewProvider(
       e,
       {
-        resolveWebviewView(v, g) {
-          r.value = v, i.value = g, n != null && n.onDidReceiveMessage && v.webview.onDidReceiveMessage(n.onDidReceiveMessage);
+        resolveWebviewView(f, h) {
+          a.value = f, i.value = h, n != null && n.onDidReceiveMessage && f.webview.onDidReceiveMessage(n.onDidReceiveMessage);
         }
       },
       {
@@ -583,107 +649,109 @@ const et = O(
         }
       }
     ));
-    const o = E(0);
+    const o = x(0);
     function s() {
       o.value++;
     }
-    if (m(() => {
-      r.value && (r.value.webview.html = `${a(t)}<!--${o.value}-->`);
+    if (C(() => {
+      a.value && (a.value.webview.html = `${r(t)}<!--${o.value}-->`);
     }), n != null && n.webviewOptions) {
-      const v = n.webviewOptions;
-      m(() => {
-        r.value && (r.value.webview.options = a(v));
+      const f = n.webviewOptions;
+      C(() => {
+        a.value && (a.value.webview.options = r(f));
       });
     }
-    n != null && n.title && B(r, n.title), n != null && n.badge && j(r, n.badge);
-    function d(v) {
-      var g;
-      return (g = r.value) == null ? void 0 : g.webview.postMessage(v);
+    n != null && n.title && q(a, n.title), n != null && n.badge && H(a, n.badge);
+    function l(f) {
+      var h;
+      return (h = a.value) == null ? void 0 : h.webview.postMessage(f);
     }
-    return { view: r, context: i, postMessage: d, forceRefresh: s };
+    return { view: a, context: i, postMessage: l, forceRefresh: s };
   },
   (e) => e
-), tt = h(() => {
-  const e = l(c.state);
+), at = m(() => {
+  const e = d(c.state);
   return u(c.onDidChangeWindowState((t) => {
     e.value = t;
   })), {
-    focused: f(() => e.value.focused),
-    active: f(() => e.value.active)
+    focused: v(() => e.value.focused),
+    active: v(() => e.value.active)
   };
-}), nt = h(() => {
-  const e = l(C.workspaceFolders);
-  return u(C.onDidChangeWorkspaceFolders(() => {
-    e.value = C.workspaceFolders;
-  })), f(() => e.value);
+}), it = m(() => {
+  const e = d(w.workspaceFolders);
+  return u(w.onDidChangeWorkspaceFolders(() => {
+    e.value = w.workspaceFolders;
+  })), v(() => e.value);
 });
 export {
-  I as activateCbs,
-  O as createKeyedComposable,
-  h as createSingletonComposable,
+  M as activateCbs,
+  W as createKeyedComposable,
+  m as createSingletonComposable,
   $ as deactivateCbs,
   me as defineConfigObject,
-  _ as defineConfigs,
+  ee as defineConfigs,
   he as defineExtension,
   Ce as defineLogger,
   be as executeCommand,
-  x as extensionContext,
-  y as extensionScope,
-  Pe as getDefaultLoggerPrefix,
-  P as onActivate,
+  E as extensionContext,
+  A as extensionScope,
+  $e as getDefaultLoggerPrefix,
+  j as onActivate,
   ge as onDeactivate,
-  Z as tryOnScopeDispose,
+  _ as tryOnScopeDispose,
   we as useAbsolutePath,
-  te as useActiveColorTheme,
-  Te as useActiveDebugSession,
-  De as useActiveEditorDecorations,
+  ne as useActiveColorTheme,
+  De as useActiveDebugSession,
+  Te as useActiveEditorDecorations,
   Se as useActiveNotebookEditor,
   pe as useActiveTerminal,
-  ne as useActiveTextEditor,
-  xe as useAllExtensions,
-  ie as useCommand,
-  Ee as useCommands,
+  ae as useActiveTextEditor,
+  Ee as useAllExtensions,
+  re as useCommand,
+  xe as useCommands,
   ke as useCommentController,
-  Re as useControlledTerminal,
-  ye as useDefaultShell,
+  ye as useControlledTerminal,
+  Re as useDefaultShell,
   u as useDisposable,
-  Ve as useDocumentText,
-  re as useEditorDecorations,
-  p as useEvent,
-  ae as useEventEmitter,
-  Ae as useFetchTasks,
-  Ne as useFileUri,
-  Le as useFoldingRangeProvider,
-  We as useFsWatcher,
+  Ae as useDocumentText,
+  ie as useEditorDecorations,
+  T as useEvent,
+  k as useEventEmitter,
+  Ve as useExtensionSecret,
+  Ie as useFetchTasks,
+  Pe as useFileUri,
+  Ne as useFoldingRangeProvider,
+  Oe as useFsWatcher,
   Fe as useIsDarkTheme,
-  Oe as useIsTelemetryEnabled,
-  $e as useL10nText,
-  Ie as useLogLevel,
-  se as useLogger,
-  Me as useNotebookEditorSelection,
+  Le as useIsTelemetryEnabled,
+  We as useL10nText,
+  Me as useLogLevel,
+  ue as useLogger,
+  je as useNotebookEditorSelection,
   ce as useNotebookEditorSelections,
-  je as useNotebookEditorVisibleRanges,
-  Be as useOpenedTerminals,
-  ue as useOutputChannel,
-  He as useStatusBarItem,
-  Ue as useTaskExecutions,
-  qe as useTerminal,
-  M as useTerminalState,
+  Be as useNotebookEditorVisibleRanges,
+  He as useOpenedTerminals,
+  se as useOutputChannel,
+  qe as useQuickPick,
+  Ue as useStatusBarItem,
+  Je as useTaskExecutions,
+  Ke as useTerminal,
+  B as useTerminalState,
   le as useTextEditorCommand,
-  Je as useTextEditorCommands,
-  Ke as useTextEditorSelection,
+  Qe as useTextEditorCommands,
+  ze as useTextEditorSelection,
   de as useTextEditorSelections,
-  ze as useTextEditorViewColumn,
-  Ye as useTextEditorVisibleRanges,
-  Ge as useTreeView,
+  Ye as useTextEditorViewColumn,
+  Ge as useTextEditorVisibleRanges,
+  Xe as useTreeView,
   oe as useUri,
-  j as useViewBadge,
-  B as useViewTitle,
-  Qe as useViewVisibility,
-  Xe as useVisibleNotebookEditors,
-  Ze as useVisibleTextEditors,
-  _e as useVscodeContext,
-  et as useWebviewView,
-  tt as useWindowState,
-  nt as useWorkspaceFolders
+  H as useViewBadge,
+  q as useViewTitle,
+  Ze as useViewVisibility,
+  _e as useVisibleNotebookEditors,
+  et as useVisibleTextEditors,
+  tt as useVscodeContext,
+  nt as useWebviewView,
+  at as useWindowState,
+  it as useWorkspaceFolders
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactive-vscode",
   "type": "module",
-  "version": "0.2.0-beta.7",
+  "version": "0.2.0-beta.8",
   "description": "Develop VSCode extension with Vue Reactivity API",
   "author": "_Kerman <kermanx@qq.com>",
   "license": "MIT",
@@ -37,7 +37,7 @@
     "@types/vscode": "^1.89.0"
   },
   "dependencies": {
-    "@reactive-vscode/reactivity": "0.2.0-beta.7"
+    "@reactive-vscode/reactivity": "0.2.0-beta.8"
   },
   "devDependencies": {
     "@types/node": "^20.14.2",