reactive-vscode 0.2.0 → 0.2.1

package/README.md

@@ -4,13 +4,14 @@
 [![npm downloads][npm-downloads-src]][npm-downloads-href]
 [![License][license-src]][license-href]
 
-![Header](./docs/public/header.png)
+<img src="./docs/public/header.png" width="60%" />
 
 **Develop VSCode extension with Vue Reactivity API**
 
 - [**Documentation**](https://kermanx.github.io/reactive-vscode/)
 - [**Why reactive-vscode**](https://kermanx.github.io/reactive-vscode/guide/why)
 - [**All Functions**](https://kermanx.github.io/reactive-vscode/functions/)
+- [**Examples**](https://kermanx.github.io/reactive-vscode/examples/)
 
 ### Project Status
 

package/dist/index.d.ts

@@ -62,6 +62,8 @@ import { WritableComputedRef } from '@reactive-vscode/reactivity';
 
 /* Excluded from this release type: activateCbs */
 
+export declare type Awaitable<T> = T | Promise<T>;
+
 export declare interface Commands extends Record<string, (...args: any[]) => any> {
     'vscode.open': (uri: Uri) => void;
 }
@@ -430,7 +432,21 @@ export declare function useDocumentText(doc: MaybeRefOrGetter<TextDocument | und
  *
  * @category editor
  */
-export declare function useEditorDecorations(editor: MaybeRefOrGetter<Nullable<TextEditor>>, decorationTypeOrOptions: TextEditorDecorationType | DecorationRenderOptions, rangesOrOptions: MaybeRefOrGetter<readonly Range[] | readonly DecorationOptions[]>): void;
+export declare function useEditorDecorations(editor: MaybeRefOrGetter<Nullable<TextEditor>>, decorationTypeOrOptions: TextEditorDecorationType | DecorationRenderOptions, decorations: MaybeRef<readonly Range[] | readonly DecorationOptions[]> | ((editor: TextEditor) => Awaitable<readonly Range[] | readonly DecorationOptions[]>), options?: UseEditorDecorationsOptions): {
+    /**
+     * Manually trigger the decoration update.
+     */
+    update: () => Promise<void>;
+};
+
+export declare interface UseEditorDecorationsOptions {
+    /**
+     * The triggers to update the decorations.
+     *
+     * @default ['effect', 'documentChanged']
+     */
+    updateOn?: ('effect' | 'documentChanged')[];
+}
 
 /**
  * @category utilities

package/dist/index.js

@@ -1,8 +1,8 @@
-import { getCurrentScope as N, onScopeDispose as P, shallowRef as d, effectScope as Q, computed as v, reactive as U, toValue as o, watchEffect as C, watch as b, ref as R, shallowReactive as q, toRaw as Y, isRef as G } from "@reactive-vscode/reactivity";
+import { getCurrentScope as L, onScopeDispose as P, shallowRef as d, effectScope as Q, computed as g, reactive as U, toValue as o, watchEffect as C, watch as b, ref as y, shallowReactive as q, toRaw as Y, isRef as G } from "@reactive-vscode/reactivity";
 export * from "@reactive-vscode/reactivity";
-import { workspace as D, commands as y, window as c, debug as W, extensions as V, comments as J, env as x, EventEmitter as O, tasks as E, Uri as X, languages as Z, ColorThemeKind as F, l10n as L } from "vscode";
+import { workspace as D, commands as A, window as l, debug as W, extensions as V, comments as J, env as E, EventEmitter as N, tasks as x, Uri as X, languages as Z, ColorThemeKind as O, l10n as F } from "vscode";
 function _(e) {
-  return N() ? (P(e), !0) : !1;
+  return L() ? (P(e), !0) : !1;
 }
 function $(e, t) {
   const n = /* @__PURE__ */ new Map();
@@ -22,11 +22,11 @@ function h(e) {
   return () => t ?? (t = e());
 }
 const M = [];
-function ve(e) {
+function ge(e) {
   M.push(e);
 }
 const k = d(null), I = Q();
-function ge(e) {
+function me(e) {
   return {
     activate: (t) => (k.value = t, I.run(() => (j.map((n) => n(t)), e()))),
     deactivate: () => {
@@ -40,59 +40,59 @@ function B(e) {
 }
 function ee(e, t, n) {
   const a = !e, i = D.getConfiguration(a ? void 0 : e, n);
-  function r(l, g) {
-    const m = d(g), w = v({
+  function r(c, f) {
+    const m = d(f), w = g({
       get: () => m.value,
-      set: (f) => {
-        m.value = f, i.update(l, f);
+      set: (v) => {
+        m.value = v, i.update(c, v);
       }
     });
-    return w.update = async (f, T, S) => {
-      await i.update(l, f, T, S), w.value = f;
-    }, w.set = (f) => {
-      m.value = f;
+    return w.update = async (v, T, p) => {
+      await i.update(c, v, T, p), w.value = v;
+    }, w.set = (v) => {
+      m.value = v;
     }, w;
   }
   const s = Object.fromEntries(
-    Object.keys(t).map((l) => [l, r(l, i.get(l))])
+    Object.keys(t).map((c) => [c, r(c, i.get(c))])
   );
   return B(() => {
     u(D.onDidChangeConfiguration(
-      a ? (l) => {
-        const g = D.getConfiguration();
+      a ? (c) => {
+        const f = D.getConfiguration();
         for (const m in t)
-          l.affectsConfiguration(m) && s[m].set(g.get(m));
-      } : (l) => {
-        if (!l.affectsConfiguration(e))
+          c.affectsConfiguration(m) && s[m].set(f.get(m));
+      } : (c) => {
+        if (!c.affectsConfiguration(e))
           return;
-        const g = D.getConfiguration(e);
+        const f = D.getConfiguration(e);
         for (const m in t)
-          l.affectsConfiguration(`${e}.${m}`) && s[m].set(g.get(m));
+          c.affectsConfiguration(`${e}.${m}`) && s[m].set(f.get(m));
       }
     ));
   }), s;
 }
-function me(e, t, n) {
+function he(e, t, n) {
   const a = ee(e, t, n);
   return U({
     ...a,
-    $update(i, r, s, l) {
-      return a[i].update(r, s, l);
+    $update(i, r, s, c) {
+      return a[i].update(r, s, c);
     },
     $set(i, r) {
       return a[i].set(r);
     }
   });
 }
-function he(e, t) {
+function Ce(e, t) {
   const n = d(null), a = [], i = (r) => (...s) => n.value ? n.value[r](...s) : (a.push([r, s]), null);
   return B(() => {
-    n.value = se(e, t);
+    n.value = ue(e, t);
     for (const [r, s] of a)
       n.value[r](...s);
   }), {
     logger: n,
-    outputChannel: v(() => {
+    outputChannel: g(() => {
       var r;
       return (r = n.value) == null ? void 0 : r.outputChannel;
     }),
@@ -107,8 +107,8 @@ function he(e, t) {
     hide: i("hide")
   };
 }
-function Ce(e, ...t) {
-  return y.executeCommand(e, ...t);
+function be(e, ...t) {
+  return A.executeCommand(e, ...t);
 }
 function te(e, t = !1) {
   const n = k.value;
@@ -116,63 +116,88 @@ function te(e, t = !1) {
     throw new Error("Cannot get absolute path because the extension is not activated yet");
   return n == null ? void 0 : n.asAbsolutePath(e);
 }
-function be(e, t = !1) {
-  return v(() => te(o(e), t));
+function we(e, t = !1) {
+  return g(() => te(o(e), t));
 }
 function u(e) {
-  return (N() ?? I).cleanups.push(e.dispose.bind(e)), e;
+  return (L() ?? I).cleanups.push(e.dispose.bind(e)), e;
 }
 const ne = h(() => {
-  const e = d(c.activeColorTheme);
-  return u(c.onDidChangeActiveColorTheme((t) => {
+  const e = d(l.activeColorTheme);
+  return u(l.onDidChangeActiveColorTheme((t) => {
     e.value = t;
   })), e;
-}), we = h(() => {
+}), De = h(() => {
   const e = d(W.activeDebugSession);
   return u(W.onDidChangeActiveDebugSession((t) => {
     e.value = t;
-  })), v(() => e.value);
+  })), g(() => e.value);
 }), ae = h(() => {
-  const e = d(c.activeTextEditor);
-  return u(c.onDidChangeActiveTextEditor((t) => {
+  const e = d(l.activeTextEditor);
+  return u(l.onDidChangeActiveTextEditor((t) => {
     e.value = t;
   })), e;
 });
-function ie(e, t, n) {
-  const a = "key" in t ? t : c.createTextEditorDecorationType(t);
-  C(() => {
-    var i;
-    (i = o(e)) == null || i.setDecorations(a, o(n));
-  });
+function ie(e) {
+  var n;
+  const t = d((n = o(e)) == null ? void 0 : n.getText());
+  return C(() => {
+    var a;
+    t.value = (a = o(e)) == null ? void 0 : a.getText();
+  }), u(D.onDidChangeTextDocument((a) => {
+    a.document === o(e) && (t.value = a.document.getText());
+  })), t;
+}
+function re(e, t, n, a = {}) {
+  const {
+    updateOn: i = ["effect", "documentChanged"]
+  } = a, r = "key" in t ? t : u(l.createTextEditorDecorationType(t)), s = async () => {
+    const f = o(e);
+    f && f.setDecorations(
+      r,
+      typeof n == "function" ? await n(f) : o(n)
+    );
+  }, c = i.includes("documentChanged") ? ie(() => {
+    var f;
+    return (f = o(e)) == null ? void 0 : f.document;
+  }) : null;
+  return i.includes("effect") ? C(async () => {
+    c == null || c.value, await s();
+  }) : c && b(c, s), {
+    /**
+     * Manually trigger the decoration update.
+     */
+    update: s
+  };
 }
-function De(e, t) {
+function Te(e, t) {
   const n = ae();
-  ie(n, e, t);
+  re(n, e, t);
 }
-const Te = h(() => {
-  const e = d(c.activeNotebookEditor);
-  return u(c.onDidChangeActiveNotebookEditor((t) => {
+const pe = h(() => {
+  const e = d(l.activeNotebookEditor);
+  return u(l.onDidChangeActiveNotebookEditor((t) => {
     e.value = t;
   })), e;
 }), Se = h(() => {
-  const e = d(c.activeTerminal);
-  return u(c.onDidChangeActiveTerminal((t) => {
+  const e = d(l.activeTerminal);
+  return u(l.onDidChangeActiveTerminal((t) => {
     e.value = t;
   })), e;
-}), pe = h(() => {
+}), Ee = h(() => {
   const e = d(V.all);
   return u(V.onDidChange(() => {
     e.value = V.all;
-  })), v(() => e.value);
+  })), g(() => e.value);
 });
-function re(e, t) {
-  u(y.registerCommand(e, t));
+function oe(e, t) {
+  u(A.registerCommand(e, t));
 }
 function xe(e) {
   for (const [t, n] of Object.entries(e))
-    n && re(t, n);
+    n && oe(t, n);
 }
-function Ee(e, t) {
+function ke(e, t) {
   return u(J.createCommentController(e, t));
 }
 function H(e) {
@@ -181,20 +206,20 @@ function H(e) {
   return b(e, () => {
     var a;
     t.value = (a = o(e)) == null ? void 0 : a.state;
-  }), u(c.onDidChangeTerminalState((a) => {
+  }), u(l.onDidChangeTerminalState((a) => {
     a === o(e) && (t.value = a.state);
-  })), v(() => t.value);
+  })), g(() => t.value);
 }
-function ke(...e) {
-  const t = R(null);
+function ye(...e) {
+  const t = y(null);
   function n() {
     return !!t.value && t.value.exitStatus == null;
   }
   function a() {
-    return n() ? t.value : t.value = c.createTerminal(...e);
+    return n() ? t.value : t.value = l.createTerminal(...e);
   }
-  function i(l) {
-    a().sendText(l);
+  function i(c) {
+    a().sendText(c);
   }
   function r() {
     a().show();
@@ -212,29 +237,19 @@ function ke(...e) {
   };
 }
 const Re = h(() => {
-  const e = d(x.shell);
-  return u(x.onDidChangeShell((t) => {
+  const e = d(E.shell);
+  return u(E.onDidChangeShell((t) => {
     e.value = t;
-  })), v(() => e.value);
+  })), g(() => e.value);
 });
-function Ae(e) {
-  var n;
-  const t = d((n = o(e)) == null ? void 0 : n.getText());
-  return C(() => {
-    var a;
-    t.value = (a = o(e)) == null ? void 0 : a.getText();
-  }), u(D.onDidChangeTextDocument((a) => {
-    a.document === o(e) && (t.value = a.document.getText());
-  })), t;
-}
-function p(e, t) {
+function S(e, t) {
   const n = (a, i, r) => {
     u(e(a, i, r));
   };
   return t == null || t.forEach((a) => n(a)), n;
 }
-function A(e, t = []) {
-  const n = Array.isArray(e) ? e : t ?? [], a = u(Array.isArray(e) || e == null ? new O() : e), i = p(a.event, n);
+function R(e, t = []) {
+  const n = Array.isArray(e) ? e : t ?? [], a = u(Array.isArray(e) || e == null ? new N() : e), i = S(a.event, n);
   for (const r of n)
     i(r);
   return {
@@ -243,8 +258,8 @@ function A(e, t = []) {
     addListener: i
   };
 }
-async function ye(e) {
-  const t = k.value.secrets, n = R(await t.get(e));
+async function Ae(e) {
+  const t = k.value.secrets, n = y(await t.get(e));
   return n.set = async (a) => {
     n.value = a, await t.store(e, a);
   }, n.remove = async () => {
@@ -256,13 +271,13 @@ async function ye(e) {
   }), n;
 }
 function Ve(e) {
-  return v(() => E.fetchTasks(o(e)));
+  return g(() => x.fetchTasks(o(e)));
 }
 function Ie(e) {
-  return v(() => X.file(o(e)));
+  return g(() => X.file(o(e)));
 }
 function Pe(e, t) {
-  const n = new O(), a = d();
+  const n = new N(), a = d();
   C(() => {
     a.value && n.fire(), a.value = o(t);
   }), u(Z.registerFoldingRangeProvider(
@@ -270,67 +285,67 @@ function Pe(e, t) {
     {
       onDidChangeFoldingRanges: n.event,
       provideFoldingRanges(i, r, s) {
-        var l;
-        return (l = a.value) == null ? void 0 : l.call(a, i, r, s);
+        var c;
+        return (c = a.value) == null ? void 0 : c.call(a, i, r, s);
       }
     }
   ));
 }
 function We(e, t, n, a) {
-  const i = q(/* @__PURE__ */ new Map()), r = A(), s = A(), l = A(), g = v(() => {
-    const f = o(e);
-    return Array.isArray(f) ? f : f instanceof Set ? Array.from(f) : [f];
+  const i = q(/* @__PURE__ */ new Map()), r = R(), s = R(), c = R(), f = g(() => {
+    const v = o(e);
+    return Array.isArray(v) ? v : v instanceof Set ? Array.from(v) : [v];
   });
   function m() {
-    const f = g.value;
-    for (const [T, S] of i)
-      f.includes(T) || (S.dispose(), i.delete(T));
-    for (const T of f)
+    const v = f.value;
+    for (const [T, p] of i)
+      v.includes(T) || (p.dispose(), i.delete(T));
+    for (const T of v)
       if (!i.has(T)) {
-        const S = D.createFileSystemWatcher(
+        const p = D.createFileSystemWatcher(
           T,
           o(t) || !1,
           o(n) || !1,
           o(a) || !1
         );
-        S.onDidCreate(r.fire), S.onDidChange(s.fire), S.onDidDelete(l.fire);
+        p.onDidCreate(r.fire), p.onDidChange(s.fire), p.onDidDelete(c.fire);
       }
   }
   function w() {
-    for (const f of i.values())
-      f.dispose();
+    for (const v of i.values())
+      v.dispose();
     i.clear();
   }
-  return b(g, m), b([t, n, a], () => {
+  return b(f, m), b([t, n, a], () => {
     w(), m();
   }), P(w), {
     watchers: i,
     onDidCreate: r.event,
     onDidChange: s.event,
-    onDidDelete: l.event
+    onDidDelete: c.event
   };
 }
-const Fe = h(() => {
+const Oe = h(() => {
   const e = ne();
-  return v(() => e.value.kind === F.Dark || e.value.kind === F.HighContrast);
-}), Le = h(() => {
-  const e = d(x.isTelemetryEnabled);
-  return u(x.onDidChangeTelemetryEnabled((t) => {
+  return g(() => e.value.kind === O.Dark || e.value.kind === O.HighContrast);
+}), Fe = h(() => {
+  const e = d(E.isTelemetryEnabled);
+  return u(E.onDidChangeTelemetryEnabled((t) => {
     e.value = t;
-  })), v(() => e.value);
+  })), g(() => e.value);
 });
-function Ne(e, ...t) {
-  return v(() => typeof t[0] == "object" ? L.t(o(e), Y(t[0])) : L.t(o(e), ...t.map(o)));
+function Le(e, ...t) {
+  return g(() => typeof t[0] == "object" ? F.t(o(e), Y(t[0])) : F.t(o(e), ...t.map(o)));
 }
-function oe(e, t) {
-  return u(c.createOutputChannel(e, t));
+function se(e, t) {
+  return u(l.createOutputChannel(e, t));
 }
-function Oe(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"), r = String(t.getHours()).padStart(2, "0"), s = String(t.getMinutes()).padStart(2, "0"), l = String(t.getSeconds()).padStart(2, "0"), g = String(t.getMilliseconds()).padStart(3, "0");
-  return `${n}-${a}-${i} ${r}:${s}:${l}.${g} [${e}] `;
+function Ne(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"), r = String(t.getHours()).padStart(2, "0"), s = String(t.getMinutes()).padStart(2, "0"), c = String(t.getSeconds()).padStart(2, "0"), f = String(t.getMilliseconds()).padStart(3, "0");
+  return `${n}-${a}-${i} ${r}:${s}:${c}.${f} [${e}] `;
 }
-function se(e, t = {}) {
-  const n = t.outputChannel ?? oe(e), a = (i) => (...r) => {
+function ue(e, t = {}) {
+  const n = t.outputChannel ?? se(e), a = (i) => (...r) => {
     var s;
     n.appendLine((((s = t.getPrefix) == null ? void 0 : s.call(t, i)) ?? "") + r.join(" "));
   };
@@ -349,20 +364,20 @@ function se(e, t = {}) {
   };
 }
 const $e = h(() => {
-  const e = d(x.logLevel);
-  return u(x.onDidChangeLogLevel((t) => {
+  const e = d(E.logLevel);
+  return u(E.onDidChangeLogLevel((t) => {
     e.value = t;
-  })), v(() => e.value);
+  })), g(() => e.value);
 });
-function ue(e) {
+function ce(e) {
   var n;
   const t = d(((n = o(e)) == null ? void 0 : n.selections) ?? []);
   return b(e, () => {
     var a;
     t.value = ((a = o(e)) == null ? void 0 : a.selections) ?? [];
-  }), u(c.onDidChangeNotebookEditorSelection((a) => {
+  }), u(l.onDidChangeNotebookEditorSelection((a) => {
     a.notebookEditor === o(e) && (t.value = a.selections);
-  })), v({
+  })), g({
     get() {
       return t.value;
     },
@@ -374,8 +389,8 @@ function ue(e) {
   });
 }
 function Me(e) {
-  const t = ue(e);
-  return v({
+  const t = ce(e);
+  return g({
     get() {
       return t.value[0];
     },
@@ -390,19 +405,19 @@ function je(e) {
   return b(e, () => {
     var a;
     t.value = ((a = o(e)) == null ? void 0 : a.visibleRanges) ?? [];
-  }), u(c.onDidChangeNotebookEditorVisibleRanges((a) => {
+  }), u(l.onDidChangeNotebookEditorVisibleRanges((a) => {
     a.notebookEditor === o(e) && (t.value = a.visibleRanges);
-  })), v(() => t.value);
+  })), g(() => t.value);
 }
 const Be = h(() => {
-  const e = d(c.terminals);
+  const e = d(l.terminals);
   function t() {
-    e.value = c.terminals;
+    e.value = l.terminals;
   }
-  return u(c.onDidOpenTerminal(t)), u(c.onDidCloseTerminal(t)), e;
+  return u(l.onDidOpenTerminal(t)), u(l.onDidCloseTerminal(t)), e;
 });
 function He(e = {}) {
-  const t = u(c.createQuickPick()), n = p(t.onDidChangeActive), a = p(t.onDidChangeSelection), i = p(t.onDidAccept), r = p(t.onDidHide), s = p(t.onDidTriggerButton), l = p(t.onDidChangeValue);
+  const t = u(l.createQuickPick()), n = S(t.onDidChangeActive), a = S(t.onDidChangeSelection), i = S(t.onDidAccept), r = S(t.onDidHide), s = S(t.onDidTriggerButton), c = S(t.onDidChangeValue);
   [
     "items",
     "buttons",
@@ -417,29 +432,29 @@ function He(e = {}) {
     "matchOnDescription",
     "matchOnDetail",
     "keepScrollPosition"
-  ].forEach((f) => {
-    e[f] && C(() => t[f] = o(e[f]));
+  ].forEach((v) => {
+    e[v] && C(() => t[v] = o(e[v]));
   }), e.value && (t.value = e.value);
-  const g = d(t.value);
-  l((f) => g.value = f), e.activeItems && (t.activeItems = e.activeItems);
+  const f = d(t.value);
+  c((v) => f.value = v), e.activeItems && (t.activeItems = e.activeItems);
   const m = d(t.activeItems);
-  n((f) => m.value = f), e.selectedItems && (t.selectedItems = e.selectedItems);
+  n((v) => m.value = v), e.selectedItems && (t.selectedItems = e.selectedItems);
   const w = d(t.selectedItems);
-  return a((f) => w.value = f), {
+  return a((v) => w.value = v), {
     ...t,
     onDidChangeActive: n,
     onDidChangeSelection: a,
     onDidAccept: i,
     onDidHide: r,
     onDidTriggerButton: s,
-    onDidChangeValue: l,
-    value: g,
+    onDidChangeValue: c,
+    value: f,
     activeItems: m,
     selectedItems: w
   };
 }
 function ze(e) {
-  const t = u(e.id ? c.createStatusBarItem(e.id, e.alignment, e.priority) : c.createStatusBarItem(e.alignment, e.priority));
+  const t = u(e.id ? l.createStatusBarItem(e.id, e.alignment, e.priority) : l.createStatusBarItem(e.alignment, e.priority));
   function n(a) {
     const i = e[a];
     i != null && C(() => t[a] = o(i));
@@ -455,14 +470,14 @@ function ze(e) {
   ].forEach(n), t;
 }
 const Ke = h(() => {
-  const e = d(E.taskExecutions);
+  const e = d(x.taskExecutions);
   function t() {
-    e.value = E.taskExecutions;
+    e.value = x.taskExecutions;
   }
-  return u(E.onDidStartTask(t)), u(E.onDidEndTask(t)), v(() => e.value);
+  return u(x.onDidStartTask(t)), u(x.onDidEndTask(t)), g(() => e.value);
 });
 function Qe(...e) {
-  const t = u(c.createTerminal(...e));
+  const t = u(l.createTerminal(...e));
   return {
     terminal: t,
     get name() {
@@ -483,23 +498,23 @@ function Qe(...e) {
     state: H(t)
   };
 }
-function ce(e, t) {
-  u(y.registerTextEditorCommand(e, t));
+function le(e, t) {
+  u(A.registerTextEditorCommand(e, t));
 }
 function Ue(e) {
   for (const [t, n] of Object.entries(e))
-    ce(t, n);
+    le(t, n);
 }
-function le(e, t) {
+function de(e, t) {
   var a;
   const n = d(((a = o(e)) == null ? void 0 : a.selections) ?? []);
   return b(e, () => {
     var i;
     n.value = ((i = o(e)) == null ? void 0 : i.selections) ?? [];
-  }), u(c.onDidChangeTextEditorSelection((i) => {
+  }), u(l.onDidChangeTextEditorSelection((i) => {
     const r = o(e), s = o(t);
     i.textEditor === r && (!s || s.includes(i.kind)) && (n.value = i.selections);
-  })), v({
+  })), g({
     get() {
       return n.value;
     },
@@ -511,8 +526,8 @@ function le(e, t) {
   });
 }
 function qe(e, t) {
-  const n = le(e, t);
-  return v({
+  const n = de(e, t);
+  return g({
     get() {
       return n.value[0];
     },
@@ -527,9 +542,9 @@ function Ye(e) {
   return b(e, () => {
     var a;
     t.value = (a = o(e)) == null ? void 0 : a.viewColumn;
-  }), u(c.onDidChangeTextEditorViewColumn((a) => {
+  }), u(l.onDidChangeTextEditorViewColumn((a) => {
     a.textEditor === o(e) && (t.value = a.viewColumn);
-  })), v(() => t.value);
+  })), g(() => t.value);
 }
 function Ge(e) {
   var n;
@@ -537,9 +552,9 @@ function Ge(e) {
   return b(e, () => {
     var a;
     t.value = ((a = o(e)) == null ? void 0 : a.visibleRanges) ?? [];
-  }), u(c.onDidChangeTextEditorVisibleRanges((a) => {
+  }), u(l.onDidChangeTextEditorVisibleRanges((a) => {
     a.textEditor === o(e) && (t.value = a.visibleRanges);
-  })), v(() => t.value);
+  })), g(() => t.value);
 }
 function z(e, t) {
   C(() => {
@@ -555,9 +570,9 @@ function K(e, t) {
 }
 const Je = $(
   (e, t, n) => {
-    const a = A();
+    const a = R();
     b(t, () => a.fire()), n != null && n.watchSource && b(n.watchSource, () => a.fire());
-    const i = /* @__PURE__ */ new WeakMap(), r = u(c.createTreeView(e, {
+    const i = /* @__PURE__ */ new WeakMap(), r = u(l.createTreeView(e, {
       ...n,
       treeDataProvider: {
         ...n,
@@ -566,8 +581,8 @@ const Je = $(
           return s.treeItem;
         },
         getChildren(s) {
-          var l;
-          return s ? ((l = s.children) == null || l.forEach((g) => i.set(g, s)), s.children) : o(t);
+          var c;
+          return s ? ((c = s.children) == null || c.forEach((f) => i.set(f, s)), s.children) : o(t);
         },
         getParent(s) {
           return i.get(s);
@@ -580,7 +595,7 @@ const Je = $(
 );
 function Xe(e) {
   var a;
-  const t = R((a = o(e)) == null ? void 0 : a.visible);
+  const t = y((a = o(e)) == null ? void 0 : a.visible);
   function n() {
     var i;
     t.value = (i = o(e)) == null ? void 0 : i.visible;
@@ -591,33 +606,33 @@ function Xe(e) {
       const s = r.onDidChangeVisibility(n);
       i(() => s.dispose());
     }
-  }), C(n), v(() => !!t.value);
+  }), C(n), g(() => !!t.value);
 }
 const Ze = h(() => {
-  const e = d(c.visibleNotebookEditors);
-  return u(c.onDidChangeVisibleNotebookEditors((t) => {
+  const e = d(l.visibleNotebookEditors);
+  return u(l.onDidChangeVisibleNotebookEditors((t) => {
     e.value = t;
   })), e;
 }), _e = h(() => {
-  const e = d(c.visibleTextEditors);
-  return u(c.onDidChangeVisibleTextEditors((t) => {
+  const e = d(l.visibleTextEditors);
+  return u(l.onDidChangeVisibleTextEditors((t) => {
     e.value = t;
   })), e;
 });
 function et(e, t, n = !0) {
-  const a = G(t) ? t : typeof t == "function" ? v(t) : R(t);
+  const a = G(t) ? t : typeof t == "function" ? g(t) : y(t);
   return C(() => {
-    o(n) && y.executeCommand("setContext", e, a.value);
+    o(n) && A.executeCommand("setContext", e, a.value);
   }), a;
 }
 const tt = $(
   (e, t, n) => {
     const a = d(), i = d();
-    u(c.registerWebviewViewProvider(
+    u(l.registerWebviewViewProvider(
       e,
       {
-        resolveWebviewView(g, m) {
-          a.value = g, i.value = m, n != null && n.onDidReceiveMessage && g.webview.onDidReceiveMessage(n.onDidReceiveMessage);
+        resolveWebviewView(f, m) {
+          a.value = f, i.value = m, n != null && n.onDidReceiveMessage && f.webview.onDidReceiveMessage(n.onDidReceiveMessage);
         }
       },
       {
@@ -626,98 +641,98 @@ const tt = $(
         }
       }
     ));
-    const r = R(0);
+    const r = y(0);
     function s() {
       r.value++;
     }
     if (C(() => {
       a.value && (a.value.webview.html = `${o(t)}<!--${r.value}-->`);
     }), n != null && n.webviewOptions) {
-      const g = n.webviewOptions;
+      const f = n.webviewOptions;
       C(() => {
-        a.value && (a.value.webview.options = o(g));
+        a.value && (a.value.webview.options = o(f));
       });
     }
     n != null && n.title && K(a, n.title), n != null && n.badge && z(a, n.badge);
-    function l(g) {
+    function c(f) {
       var m;
-      return (m = a.value) == null ? void 0 : m.webview.postMessage(g);
+      return (m = a.value) == null ? void 0 : m.webview.postMessage(f);
     }
-    return { view: a, context: i, postMessage: l, forceRefresh: s };
+    return { view: a, context: i, postMessage: c, forceRefresh: s };
   },
   (e) => e
 ), nt = h(() => {
-  const e = d(c.state);
-  return u(c.onDidChangeWindowState((t) => {
+  const e = d(l.state);
+  return u(l.onDidChangeWindowState((t) => {
     e.value = t;
   })), {
-    focused: v(() => e.value.focused),
-    active: v(() => e.value.active)
+    focused: g(() => e.value.focused),
+    active: g(() => e.value.active)
   };
 }), at = h(() => {
   const e = d(D.workspaceFolders);
   return u(D.onDidChangeWorkspaceFolders(() => {
     e.value = D.workspaceFolders;
-  })), v(() => e.value);
+  })), g(() => e.value);
 });
 export {
   j as activateCbs,
   $ as createKeyedComposable,
   h as createSingletonComposable,
   M as deactivateCbs,
-  me as defineConfigObject,
+  he as defineConfigObject,
   ee as defineConfigs,
-  ge as defineExtension,
-  he as defineLogger,
-  Ce as executeCommand,
+  me as defineExtension,
+  Ce as defineLogger,
+  be as executeCommand,
   k as extensionContext,
   I as extensionScope,
-  Oe as getDefaultLoggerPrefix,
+  Ne as getDefaultLoggerPrefix,
   B as onActivate,
-  ve as onDeactivate,
+  ge as onDeactivate,
   _ as tryOnScopeDispose,
-  be as useAbsolutePath,
+  we as useAbsolutePath,
   ne as useActiveColorTheme,
-  we as useActiveDebugSession,
-  De as useActiveEditorDecorations,
-  Te as useActiveNotebookEditor,
+  De as useActiveDebugSession,
+  Te as useActiveEditorDecorations,
+  pe as useActiveNotebookEditor,
   Se as useActiveTerminal,
   ae as useActiveTextEditor,
-  pe as useAllExtensions,
-  re as useCommand,
+  Ee as useAllExtensions,
+  oe as useCommand,
   xe as useCommands,
-  Ee as useCommentController,
-  ke as useControlledTerminal,
+  ke as useCommentController,
+  ye as useControlledTerminal,
   Re as useDefaultShell,
   u as useDisposable,
-  Ae as useDocumentText,
-  ie as useEditorDecorations,
-  p as useEvent,
-  A as useEventEmitter,
-  ye as useExtensionSecret,
+  ie as useDocumentText,
+  re as useEditorDecorations,
+  S as useEvent,
+  R as useEventEmitter,
+  Ae as useExtensionSecret,
   Ve as useFetchTasks,
   Ie as useFileUri,
   Pe as useFoldingRangeProvider,
   We as useFsWatcher,
-  Fe as useIsDarkTheme,
-  Le as useIsTelemetryEnabled,
-  Ne as useL10nText,
+  Oe as useIsDarkTheme,
+  Fe as useIsTelemetryEnabled,
+  Le as useL10nText,
   $e as useLogLevel,
-  se as useLogger,
+  ue as useLogger,
   Me as useNotebookEditorSelection,
-  ue as useNotebookEditorSelections,
+  ce as useNotebookEditorSelections,
   je as useNotebookEditorVisibleRanges,
   Be as useOpenedTerminals,
-  oe as useOutputChannel,
+  se as useOutputChannel,
   He as useQuickPick,
   ze as useStatusBarItem,
   Ke as useTaskExecutions,
   Qe as useTerminal,
   H as useTerminalState,
-  ce as useTextEditorCommand,
+  le as useTextEditorCommand,
   Ue as useTextEditorCommands,
   qe as useTextEditorSelection,
-  le as useTextEditorSelections,
+  de as useTextEditorSelections,
   Ye as useTextEditorViewColumn,
   Ge as useTextEditorVisibleRanges,
   Je as useTreeView,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactive-vscode",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "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"
+    "@reactive-vscode/reactivity": "0.2.1"
   },
   "devDependencies": {
     "@types/node": "^20.14.2",