reactive-vscode 0.2.0-beta.9 → 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;
 }
@@ -323,9 +325,9 @@ export declare function tryOnScopeDispose(fn: () => void): boolean;
  * @category utilities
  * @reactive `ExtensionContext.asAbsolutePath`
  */
-export declare function useAbsolutePath(relativePath: MaybeRefOrGetter<string>, slient: true): ComputedRef<string | undefined>;
+export declare function useAbsolutePath(relativePath: MaybeRefOrGetter<string>, silent: true): ComputedRef<string | undefined>;
 
-export declare function useAbsolutePath(relativePath: MaybeRefOrGetter<string>, slient?: false): ComputedRef<string>;
+export declare function useAbsolutePath(relativePath: MaybeRefOrGetter<string>, silent?: false): ComputedRef<string>;
 
 /**
  * @reactive `window.activeColorTheme`
@@ -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
@@ -472,23 +488,7 @@ export declare function useFetchTasks(filter?: MaybeRefOrGetter<TaskFilter | und
  * @reactive `Uri.file`
  * @category utilities
  */
-export declare function useFileUri(path: MaybeRefOrGetter<string>): ShallowReactive<    {
-readonly scheme: string;
-readonly authority: string;
-readonly path: string;
-readonly query: string;
-readonly fragment: string;
-readonly fsPath: string;
-with(change: {
-scheme?: string | undefined;
-authority?: string | undefined;
-path?: string | undefined;
-query?: string | undefined;
-fragment?: string | undefined;
-}): Uri;
-toString(): string;
-toJSON(): any;
-}>;
+export declare function useFileUri(path: MaybeRefOrGetter<string>): ComputedRef<Uri>;
 
 /**
  * @reactive `languages.registerFoldingRangeProvider`
@@ -505,7 +505,7 @@ export declare interface UseFSWatcher {
 /**
  * @reactive `workspace.createFileSystemWatcher`
  */
-export declare function useFsWatcher(globPattern: MaybeRefOrGetter<GlobPattern | GlobPattern[]>, ignoreCreateEvents?: MaybeNullableRefOrGetter<boolean>, ignoreChangeEvents?: MaybeNullableRefOrGetter<boolean>, ignoreDeleteEvents?: MaybeNullableRefOrGetter<boolean>): UseFSWatcher;
+export declare function useFsWatcher(globPattern: MaybeRefOrGetter<GlobPattern | readonly GlobPattern[] | ReadonlySet<GlobPattern>>, ignoreCreateEvents?: MaybeNullableRefOrGetter<boolean>, ignoreChangeEvents?: MaybeNullableRefOrGetter<boolean>, ignoreDeleteEvents?: MaybeNullableRefOrGetter<boolean>): UseFSWatcher;
 
 /**
  * Determines if the current color theme is dark. See `vscode::ColorTheme.kind`.
@@ -720,28 +720,6 @@ export declare type UseTreeViewOptions<T> = Omit<TreeViewOptions<T>, 'treeDataPr
     watchSource?: WatchSource<any>;
 };
 
-/**
- * @reactive `Uri`
- * @category utilities
- */
-export declare function useUri(uri: MaybeRefOrGetter<Uri>): ShallowReactive<    {
-readonly scheme: string;
-readonly authority: string;
-readonly path: string;
-readonly query: string;
-readonly fragment: string;
-readonly fsPath: string;
-with(change: {
-scheme?: string | undefined;
-authority?: string | undefined;
-path?: string | undefined;
-query?: string | undefined;
-fragment?: string | undefined;
-}): Uri;
-toString(): string;
-toJSON(): any;
-}>;
-
 /**
  * Reactively set the badge of a view (`vscode::TreeView` or `vscode::WebviewView`).
  *

package/dist/index.js

@@ -1,100 +1,100 @@
-import { getCurrentScope as O, onScopeDispose as V, shallowRef as d, effectScope as K, computed as v, reactive as Q, toValue as r, watchEffect as b, watch as D, ref as x, shallowReactive as F, toRaw as z, isRef as Y } 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 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";
+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 O() ? (V(e), !0) : !1;
+  return L() ? (P(e), !0) : !1;
 }
-function W(e, t) {
+function $(e, t) {
   const n = /* @__PURE__ */ new Map();
   return (...a) => {
     const i = t(...a);
-    let o = n.get(i);
-    return o ? o.refCount++ : (o = {
+    let r = n.get(i);
+    return r ? r.refCount++ : (r = {
       data: e(...a),
       refCount: 1
-    }, n.set(i, o)), _(() => {
-      --o.refCount === 0 && n.delete(i);
-    }), o.data;
+    }, n.set(i, r)), _(() => {
+      --r.refCount === 0 && n.delete(i);
+    }), r.data;
   };
 }
-function m(e) {
+function h(e) {
   let t;
   return () => t ?? (t = e());
 }
-const $ = [];
+const M = [];
 function ge(e) {
-  $.push(e);
+  M.push(e);
 }
-const E = d(null), A = K();
-function he(e) {
+const k = d(null), I = Q();
+function me(e) {
   return {
-    activate: (t) => (E.value = t, A.run(() => (M.map((n) => n(t)), e()))),
+    activate: (t) => (k.value = t, I.run(() => (j.map((n) => n(t)), e()))),
     deactivate: () => {
-      $.map((t) => t()), A.stop();
+      M.map((t) => t()), I.stop();
     }
   };
 }
-const M = [];
-function j(e) {
-  E.value ? e(E.value) : M.push(e);
+const j = [];
+function B(e) {
+  k.value ? e(k.value) : j.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), C = v({
-      get: () => h.value,
-      set: (g) => {
-        h.value = g, i.update(l, g);
+  const a = !e, i = D.getConfiguration(a ? void 0 : e, n);
+  function r(c, f) {
+    const m = d(f), w = g({
+      get: () => m.value,
+      set: (v) => {
+        m.value = v, i.update(c, v);
       }
     });
-    return C.update = async (g, U, J) => {
-      await i.update(l, g, U, J), C.value = g;
-    }, C.set = (g) => {
-      h.value = g;
-    }, C;
+    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, o(l, i.get(l))])
+    Object.keys(t).map((c) => [c, r(c, i.get(c))])
   );
-  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 B(() => {
+    u(D.onDidChangeConfiguration(
+      a ? (c) => {
+        const f = D.getConfiguration();
+        for (const m in t)
+          c.affectsConfiguration(m) && s[m].set(f.get(m));
+      } : (c) => {
+        if (!c.affectsConfiguration(e))
           return;
-        const f = w.getConfiguration(e);
-        for (const h in t)
-          l.affectsConfiguration(`${e}.${h}`) && s[h].set(f.get(h));
+        const f = D.getConfiguration(e);
+        for (const m in t)
+          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 Q({
+  return U({
     ...a,
-    $update(i, o, s, l) {
-      return a[i].update(o, s, l);
+    $update(i, r, s, c) {
+      return a[i].update(r, s, c);
     },
-    $set(i, o) {
-      return a[i].set(o);
+    $set(i, r) {
+      return a[i].set(r);
     }
   });
 }
 function Ce(e, t) {
-  const n = d(null), a = [], i = (o) => (...s) => n.value ? n.value[o](...s) : (a.push([o, s]), null);
-  return j(() => {
+  const n = d(null), a = [], i = (r) => (...s) => n.value ? n.value[r](...s) : (a.push([r, s]), null);
+  return B(() => {
     n.value = ue(e, t);
-    for (const [o, s] of a)
-      n.value[o](...s);
+    for (const [r, s] of a)
+      n.value[r](...s);
   }), {
     logger: n,
-    outputChannel: v(() => {
-      var o;
-      return (o = n.value) == null ? void 0 : o.outputChannel;
+    outputChannel: g(() => {
+      var r;
+      return (r = n.value) == null ? void 0 : r.outputChannel;
     }),
     info: i("info"),
     warn: i("warn"),
@@ -108,255 +108,246 @@ function Ce(e, t) {
   };
 }
 function be(e, ...t) {
-  return y.executeCommand(e, ...t);
+  return A.executeCommand(e, ...t);
 }
 function te(e, t = !1) {
-  const n = E.value;
+  const n = k.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 v(() => te(r(e), t));
+  return g(() => te(o(e), t));
 }
 function u(e) {
-  return (O() ?? A).cleanups.push(e.dispose.bind(e)), e;
+  return (L() ?? I).cleanups.push(e.dispose.bind(e)), e;
 }
-const ne = m(() => {
-  const e = d(c.activeColorTheme);
-  return u(c.onDidChangeActiveColorTheme((t) => {
+const ne = h(() => {
+  const e = d(l.activeColorTheme);
+  return u(l.onDidChangeActiveColorTheme((t) => {
     e.value = t;
   })), e;
-}), De = m(() => {
-  const e = d(I.activeDebugSession);
-  return u(I.onDidChangeActiveDebugSession((t) => {
+}), De = h(() => {
+  const e = d(W.activeDebugSession);
+  return u(W.onDidChangeActiveDebugSession((t) => {
     e.value = t;
-  })), v(() => e.value);
-}), ae = m(() => {
-  const e = d(c.activeTextEditor);
-  return u(c.onDidChangeActiveTextEditor((t) => {
+  })), g(() => e.value);
+}), ae = h(() => {
+  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);
-  b(() => {
-    var i;
-    (i = r(e)) == null || i.setDecorations(a, r(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 Te(e, t) {
   const n = ae();
-  ie(n, e, t);
+  re(n, e, t);
 }
-const Se = m(() => {
-  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;
-}), pe = m(() => {
-  const e = d(c.activeTerminal);
-  return u(c.onDidChangeActiveTerminal((t) => {
+}), Se = h(() => {
+  const e = d(l.activeTerminal);
+  return u(l.onDidChangeActiveTerminal((t) => {
     e.value = t;
   })), e;
-}), Ee = m(() => {
-  const e = d(R.all);
-  return u(R.onDidChange(() => {
-    e.value = R.all;
-  })), v(() => e.value);
+}), Ee = h(() => {
+  const e = d(V.all);
+  return u(V.onDidChange(() => {
+    e.value = V.all;
+  })), 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 ke(e, t) {
-  return u(G.createCommentController(e, t));
+  return u(J.createCommentController(e, t));
 }
-function B(e) {
+function H(e) {
   var n;
-  const t = d((n = r(e)) == null ? void 0 : n.state);
-  return D(e, () => {
+  const t = d((n = o(e)) == null ? void 0 : n.state);
+  return b(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);
+    t.value = (a = o(e)) == null ? void 0 : a.state;
+  }), u(l.onDidChangeTerminalState((a) => {
+    a === o(e) && (t.value = a.state);
+  })), g(() => t.value);
 }
 function ye(...e) {
-  const t = x(null);
+  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 o() {
+  function r() {
     a().show();
   }
   function s() {
     n() && (t.value.sendText(""), t.value.dispose(), t.value = null);
   }
-  return V(s), {
+  return P(s), {
     terminal: t,
     getIsActive: n,
-    show: o,
+    show: r,
     sendText: i,
     close: s,
-    state: B(t)
+    state: H(t)
   };
 }
-const Re = m(() => {
-  const e = d(S.shell);
-  return u(S.onDidChangeShell((t) => {
+const Re = h(() => {
+  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 = r(e)) == null ? void 0 : n.getText());
-  return b(() => {
-    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 T(e, t) {
-  const n = (a, i, o) => {
-    u(e(a, i, o));
+function S(e, t) {
+  const n = (a, i, r) => {
+    u(e(a, i, r));
   };
   return t == null || t.forEach((a) => n(a)), 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);
+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 {
     event: a.event,
     fire: a.fire.bind(a),
     addListener: i
   };
 }
-async function Ve(e) {
-  const t = E.value.secrets, n = x(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 () => {
     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) => {
+  })), b(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 F({
-    get scheme() {
-      return r(e).scheme;
-    },
-    get authority() {
-      return r(e).authority;
-    },
-    get path() {
-      return r(e).path;
-    },
-    get query() {
-      return r(e).query;
-    },
-    get fragment() {
-      return r(e).fragment;
-    },
-    get fsPath() {
-      return r(e).fsPath;
-    },
-    with(t) {
-      return r(e).with(t);
-    },
-    toString() {
-      return r(e).toString();
-    },
-    toJSON() {
-      return r(e).toJSON();
-    }
-  });
+function Ve(e) {
+  return g(() => x.fetchTasks(o(e)));
 }
-function Pe(e) {
-  return oe(() => X.file(r(e)));
+function Ie(e) {
+  return g(() => X.file(o(e)));
 }
-function Ne(e, t) {
-  const n = new L(), a = d();
-  b(() => {
-    a.value && n.fire(), a.value = r(t);
+function Pe(e, t) {
+  const n = new N(), a = d();
+  C(() => {
+    a.value && n.fire(), a.value = o(t);
   }), u(Z.registerFoldingRangeProvider(
     e,
     {
       onDidChangeFoldingRanges: n.event,
-      provideFoldingRanges(i, o, s) {
-        var l;
-        return (l = a.value) == null ? void 0 : l.call(a, i, o, s);
+      provideFoldingRanges(i, r, s) {
+        var c;
+        return (c = a.value) == null ? void 0 : c.call(a, i, r, s);
       }
     }
   ));
 }
-function Oe(e, t, n, a) {
-  const i = F(/* @__PURE__ */ new Map()), o = k(), s = k(), l = k();
-  return b(() => {
-    const f = r(e), h = Array.isArray(f) ? f : [f];
-    for (const [C, g] of i)
-      h.includes(C) || (g.dispose(), i.delete(C));
-    for (const C of h)
-      if (!i.has(C)) {
-        const g = w.createFileSystemWatcher(
-          C,
-          r(t) || !1,
-          r(n) || !1,
-          r(a) || !1
+function We(e, t, n, a) {
+  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 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 p = D.createFileSystemWatcher(
+          T,
+          o(t) || !1,
+          o(n) || !1,
+          o(a) || !1
         );
-        g.onDidCreate(o.fire), g.onDidChange(s.fire), g.onDidDelete(l.fire);
+        p.onDidCreate(r.fire), p.onDidChange(s.fire), p.onDidDelete(c.fire);
       }
-  }), V(() => {
-    for (const f of i.values())
-      f.dispose();
+  }
+  function w() {
+    for (const v of i.values())
+      v.dispose();
     i.clear();
-  }), {
+  }
+  return b(f, m), b([t, n, a], () => {
+    w(), m();
+  }), P(w), {
     watchers: i,
-    onDidCreate: o.event,
+    onDidCreate: r.event,
     onDidChange: s.event,
-    onDidDelete: l.event
+    onDidDelete: c.event
   };
 }
-const Fe = m(() => {
+const Oe = h(() => {
   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) => {
+  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 We(e, ...t) {
-  return v(() => typeof t[0] == "object" ? N.t(r(e), z(t[0])) : N.t(r(e), ...t.map(r)));
+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 se(e, t) {
-  return u(c.createOutputChannel(e, t));
+  return u(l.createOutputChannel(e, t));
 }
-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 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 ue(e, t = {}) {
-  const n = t.outputChannel ?? se(e), a = (i) => (...o) => {
+  const n = t.outputChannel ?? se(e), a = (i) => (...r) => {
     var s;
-    n.appendLine((((s = t.getPrefix) == null ? void 0 : s.call(t, i)) ?? "") + o.join(" "));
+    n.appendLine((((s = t.getPrefix) == null ? void 0 : s.call(t, i)) ?? "") + r.join(" "));
   };
   return {
     outputChannel: n,
@@ -372,34 +363,34 @@ function ue(e, t = {}) {
     hide: n.hide.bind(n)
   };
 }
-const Me = m(() => {
-  const e = d(S.logLevel);
-  return u(S.onDidChangeLogLevel((t) => {
+const $e = h(() => {
+  const e = d(E.logLevel);
+  return u(E.onDidChangeLogLevel((t) => {
     e.value = t;
-  })), v(() => e.value);
+  })), g(() => e.value);
 });
 function ce(e) {
   var n;
-  const t = d(((n = r(e)) == null ? void 0 : n.selections) ?? []);
-  return D(e, () => {
+  const t = d(((n = o(e)) == null ? void 0 : n.selections) ?? []);
+  return b(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({
+    t.value = ((a = o(e)) == null ? void 0 : a.selections) ?? [];
+  }), u(l.onDidChangeNotebookEditorSelection((a) => {
+    a.notebookEditor === o(e) && (t.value = a.selections);
+  })), g({
     get() {
       return t.value;
     },
     set(a) {
       t.value = a;
-      const i = r(e);
+      const i = o(e);
       i && (i.selections = a);
     }
   });
 }
-function je(e) {
+function Me(e) {
   const t = ce(e);
-  return v({
+  return g({
     get() {
       return t.value[0];
     },
@@ -408,25 +399,25 @@ function je(e) {
     }
   });
 }
-function Be(e) {
+function je(e) {
   var n;
-  const t = d(((n = r(e)) == null ? void 0 : n.visibleRanges) ?? []);
-  return D(e, () => {
+  const t = d(((n = o(e)) == null ? void 0 : n.visibleRanges) ?? []);
+  return b(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);
+    t.value = ((a = o(e)) == null ? void 0 : a.visibleRanges) ?? [];
+  }), u(l.onDidChangeNotebookEditorVisibleRanges((a) => {
+    a.notebookEditor === o(e) && (t.value = a.visibleRanges);
+  })), g(() => t.value);
 }
-const He = m(() => {
-  const e = d(c.terminals);
+const Be = h(() => {
+  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 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);
+function He(e = {}) {
+  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",
@@ -441,32 +432,32 @@ function qe(e = {}) {
     "matchOnDescription",
     "matchOnDetail",
     "keepScrollPosition"
-  ].forEach((g) => {
-    e[g] && b(() => t[g] = r(e[g]));
+  ].forEach((v) => {
+    e[v] && C(() => t[v] = o(e[v]));
   }), 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 C = d(t.selectedItems);
-  return a((g) => C.value = g), {
+  c((v) => f.value = v), e.activeItems && (t.activeItems = e.activeItems);
+  const m = d(t.activeItems);
+  n((v) => m.value = v), e.selectedItems && (t.selectedItems = e.selectedItems);
+  const w = d(t.selectedItems);
+  return a((v) => w.value = v), {
     ...t,
     onDidChangeActive: n,
     onDidChangeSelection: a,
     onDidAccept: i,
-    onDidHide: o,
+    onDidHide: r,
     onDidTriggerButton: s,
-    onDidChangeValue: l,
+    onDidChangeValue: c,
     value: f,
-    activeItems: h,
-    selectedItems: C
+    activeItems: m,
+    selectedItems: w
   };
 }
-function Ue(e) {
-  const t = u(e.id ? c.createStatusBarItem(e.id, e.alignment, e.priority) : c.createStatusBarItem(e.alignment, e.priority));
+function ze(e) {
+  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 && b(() => t[a] = r(i));
+    i != null && C(() => t[a] = o(i));
   }
   return [
     "name",
@@ -478,15 +469,15 @@ function Ue(e) {
     "accessibilityInformation"
   ].forEach(n), t;
 }
-const Je = m(() => {
-  const e = d(p.taskExecutions);
+const Ke = h(() => {
+  const e = d(x.taskExecutions);
   function t() {
-    e.value = p.taskExecutions;
+    e.value = x.taskExecutions;
   }
-  return u(p.onDidStartTask(t)), u(p.onDidEndTask(t)), v(() => e.value);
+  return u(x.onDidStartTask(t)), u(x.onDidEndTask(t)), g(() => e.value);
 });
-function Ke(...e) {
-  const t = u(c.createTerminal(...e));
+function Qe(...e) {
+  const t = u(l.createTerminal(...e));
   return {
     terminal: t,
     get name() {
@@ -504,39 +495,39 @@ function Ke(...e) {
     sendText: t.sendText.bind(t),
     show: t.show.bind(t),
     hide: t.hide.bind(t),
-    state: B(t)
+    state: H(t)
   };
 }
 function le(e, t) {
-  u(y.registerTextEditorCommand(e, t));
+  u(A.registerTextEditorCommand(e, t));
 }
-function Qe(e) {
+function Ue(e) {
   for (const [t, n] of Object.entries(e))
     le(t, n);
 }
 function de(e, t) {
   var a;
-  const n = d(((a = r(e)) == null ? void 0 : a.selections) ?? []);
-  return D(e, () => {
+  const n = d(((a = o(e)) == null ? void 0 : a.selections) ?? []);
+  return b(e, () => {
     var i;
-    n.value = ((i = r(e)) == null ? void 0 : i.selections) ?? [];
-  }), u(c.onDidChangeTextEditorSelection((i) => {
-    const o = r(e), s = r(t);
-    i.textEditor === o && (!s || s.includes(i.kind)) && (n.value = i.selections);
-  })), v({
+    n.value = ((i = o(e)) == null ? void 0 : i.selections) ?? [];
+  }), u(l.onDidChangeTextEditorSelection((i) => {
+    const r = o(e), s = o(t);
+    i.textEditor === r && (!s || s.includes(i.kind)) && (n.value = i.selections);
+  })), g({
     get() {
       return n.value;
     },
     set(i) {
       n.value = i;
-      const o = r(e);
-      o && (o.selections = i);
+      const r = o(e);
+      r && (r.selections = i);
     }
   });
 }
-function ze(e, t) {
+function qe(e, t) {
   const n = de(e, t);
-  return v({
+  return g({
     get() {
       return n.value[0];
     },
@@ -547,41 +538,41 @@ function ze(e, t) {
 }
 function Ye(e) {
   var n;
-  const t = d((n = r(e)) == null ? void 0 : n.viewColumn);
-  return D(e, () => {
+  const t = d((n = o(e)) == null ? void 0 : n.viewColumn);
+  return b(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);
+    t.value = (a = o(e)) == null ? void 0 : a.viewColumn;
+  }), u(l.onDidChangeTextEditorViewColumn((a) => {
+    a.textEditor === o(e) && (t.value = a.viewColumn);
+  })), g(() => t.value);
 }
 function Ge(e) {
   var n;
-  const t = d(((n = r(e)) == null ? void 0 : n.visibleRanges) ?? []);
-  return D(e, () => {
+  const t = d(((n = o(e)) == null ? void 0 : n.visibleRanges) ?? []);
+  return b(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) {
-  b(() => {
-    const n = r(e);
-    n && (n.badge = r(t));
+    t.value = ((a = o(e)) == null ? void 0 : a.visibleRanges) ?? [];
+  }), u(l.onDidChangeTextEditorVisibleRanges((a) => {
+    a.textEditor === o(e) && (t.value = a.visibleRanges);
+  })), g(() => t.value);
+}
+function z(e, t) {
+  C(() => {
+    const n = o(e);
+    n && (n.badge = o(t));
   });
 }
-function q(e, t) {
-  b(() => {
-    const n = r(e);
-    n && (n.title = r(t));
+function K(e, t) {
+  C(() => {
+    const n = o(e);
+    n && (n.title = o(t));
   });
 }
-const Xe = W(
+const Je = $(
   (e, t, n) => {
-    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, {
+    const a = R();
+    b(t, () => a.fire()), n != null && n.watchSource && b(n.watchSource, () => a.fire());
+    const i = /* @__PURE__ */ new WeakMap(), r = u(l.createTreeView(e, {
       ...n,
       treeDataProvider: {
         ...n,
@@ -590,58 +581,58 @@ const Xe = W(
           return s.treeItem;
         },
         getChildren(s) {
-          var l;
-          return s ? ((l = s.children) == null || l.forEach((f) => i.set(f, s)), s.children) : r(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);
         }
       }
     }));
-    return n != null && n.title && q(o, n.title), n != null && n.badge && H(o, n.badge), o;
+    return n != null && n.title && K(r, n.title), n != null && n.badge && z(r, n.badge), r;
   },
   (e) => e
 );
-function Ze(e) {
+function Xe(e) {
   var a;
-  const t = x((a = r(e)) == null ? void 0 : a.visible);
+  const t = y((a = o(e)) == null ? void 0 : a.visible);
   function n() {
     var i;
-    t.value = (i = r(e)) == null ? void 0 : i.visible;
+    t.value = (i = o(e)) == null ? void 0 : i.visible;
   }
-  return b((i) => {
-    const o = r(e);
-    if (o) {
-      const s = o.onDidChangeVisibility(n);
+  return C((i) => {
+    const r = o(e);
+    if (r) {
+      const s = r.onDidChangeVisibility(n);
       i(() => s.dispose());
     }
-  }), b(n), v(() => !!t.value);
+  }), C(n), g(() => !!t.value);
 }
-const _e = m(() => {
-  const e = d(c.visibleNotebookEditors);
-  return u(c.onDidChangeVisibleNotebookEditors((t) => {
+const Ze = h(() => {
+  const e = d(l.visibleNotebookEditors);
+  return u(l.onDidChangeVisibleNotebookEditors((t) => {
     e.value = t;
   })), e;
-}), et = m(() => {
-  const e = d(c.visibleTextEditors);
-  return u(c.onDidChangeVisibleTextEditors((t) => {
+}), _e = h(() => {
+  const e = d(l.visibleTextEditors);
+  return u(l.onDidChangeVisibleTextEditors((t) => {
     e.value = t;
   })), e;
 });
-function tt(e, t, n = !0) {
-  const a = Y(t) ? t : typeof t == "function" ? v(t) : x(t);
-  return b(() => {
-    r(n) && y.executeCommand("setContext", e, a.value);
+function et(e, t, n = !0) {
+  const a = G(t) ? t : typeof t == "function" ? g(t) : y(t);
+  return C(() => {
+    o(n) && A.executeCommand("setContext", e, a.value);
   }), a;
 }
-const nt = W(
+const tt = $(
   (e, t, n) => {
     const a = d(), i = d();
-    u(c.registerWebviewViewProvider(
+    u(l.registerWebviewViewProvider(
       e,
       {
-        resolveWebviewView(f, h) {
-          a.value = f, i.value = h, n != null && n.onDidReceiveMessage && f.webview.onDidReceiveMessage(n.onDidReceiveMessage);
+        resolveWebviewView(f, m) {
+          a.value = f, i.value = m, n != null && n.onDidReceiveMessage && f.webview.onDidReceiveMessage(n.onDidReceiveMessage);
         }
       },
       {
@@ -650,109 +641,108 @@ const nt = W(
         }
       }
     ));
-    const o = x(0);
+    const r = y(0);
     function s() {
-      o.value++;
+      r.value++;
     }
-    if (b(() => {
-      a.value && (a.value.webview.html = `${r(t)}<!--${o.value}-->`);
+    if (C(() => {
+      a.value && (a.value.webview.html = `${o(t)}<!--${r.value}-->`);
     }), n != null && n.webviewOptions) {
       const f = n.webviewOptions;
-      b(() => {
-        a.value && (a.value.webview.options = r(f));
+      C(() => {
+        a.value && (a.value.webview.options = o(f));
       });
     }
-    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);
+    n != null && n.title && K(a, n.title), n != null && n.badge && z(a, n.badge);
+    function c(f) {
+      var m;
+      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
-), at = m(() => {
-  const e = d(c.state);
-  return u(c.onDidChangeWindowState((t) => {
+), nt = h(() => {
+  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)
   };
-}), it = m(() => {
-  const e = d(w.workspaceFolders);
-  return u(w.onDidChangeWorkspaceFolders(() => {
-    e.value = w.workspaceFolders;
-  })), v(() => e.value);
+}), at = h(() => {
+  const e = d(D.workspaceFolders);
+  return u(D.onDidChangeWorkspaceFolders(() => {
+    e.value = D.workspaceFolders;
+  })), g(() => e.value);
 });
 export {
-  M as activateCbs,
-  W as createKeyedComposable,
-  m as createSingletonComposable,
-  $ as deactivateCbs,
-  me as defineConfigObject,
+  j as activateCbs,
+  $ as createKeyedComposable,
+  h as createSingletonComposable,
+  M as deactivateCbs,
+  he as defineConfigObject,
   ee as defineConfigs,
-  he as defineExtension,
+  me as defineExtension,
   Ce as defineLogger,
   be as executeCommand,
-  E as extensionContext,
-  A as extensionScope,
-  $e as getDefaultLoggerPrefix,
-  j as onActivate,
+  k as extensionContext,
+  I as extensionScope,
+  Ne as getDefaultLoggerPrefix,
+  B as onActivate,
   ge as onDeactivate,
   _ as tryOnScopeDispose,
   we as useAbsolutePath,
   ne as useActiveColorTheme,
   De as useActiveDebugSession,
   Te as useActiveEditorDecorations,
-  Se as useActiveNotebookEditor,
-  pe as useActiveTerminal,
+  pe as useActiveNotebookEditor,
+  Se as useActiveTerminal,
   ae as useActiveTextEditor,
   Ee as useAllExtensions,
-  re as useCommand,
+  oe as useCommand,
   xe as useCommands,
   ke as useCommentController,
   ye as useControlledTerminal,
   Re as useDefaultShell,
   u as useDisposable,
-  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,
-  Le as useIsTelemetryEnabled,
-  We as useL10nText,
-  Me as useLogLevel,
+  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,
+  Oe as useIsDarkTheme,
+  Fe as useIsTelemetryEnabled,
+  Le as useL10nText,
+  $e as useLogLevel,
   ue as useLogger,
-  je as useNotebookEditorSelection,
+  Me as useNotebookEditorSelection,
   ce as useNotebookEditorSelections,
-  Be as useNotebookEditorVisibleRanges,
-  He as useOpenedTerminals,
+  je as useNotebookEditorVisibleRanges,
+  Be as useOpenedTerminals,
   se as useOutputChannel,
-  qe as useQuickPick,
-  Ue as useStatusBarItem,
-  Je as useTaskExecutions,
-  Ke as useTerminal,
-  B as useTerminalState,
+  He as useQuickPick,
+  ze as useStatusBarItem,
+  Ke as useTaskExecutions,
+  Qe as useTerminal,
+  H as useTerminalState,
   le as useTextEditorCommand,
-  Qe as useTextEditorCommands,
-  ze as useTextEditorSelection,
+  Ue as useTextEditorCommands,
+  qe as useTextEditorSelection,
   de as useTextEditorSelections,
   Ye as useTextEditorViewColumn,
   Ge as useTextEditorVisibleRanges,
-  Xe as useTreeView,
-  oe as useUri,
-  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
+  Je as useTreeView,
+  z as useViewBadge,
+  K as useViewTitle,
+  Xe as useViewVisibility,
+  Ze as useVisibleNotebookEditors,
+  _e as useVisibleTextEditors,
+  et as useVscodeContext,
+  tt as useWebviewView,
+  nt as useWindowState,
+  at as useWorkspaceFolders
 };

package/package.json

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