@antcde/vue-utils 0.2.10 → 0.2.11

package/dist/index.js

@@ -1,8 +1,8 @@
-import { useColorMode as A, objectPick as O, objectOmit as C, useMagicKeys as I, whenever as f, watchDebounced as E, useAsyncState as L } from "@vueuse/core";
-import { computed as i, watch as h, ref as b, onBeforeUnmount as w, onMounted as U, onUnmounted as D, readonly as H, inject as z } from "vue";
+import { useColorMode as A, objectPick as O, objectOmit as v, useMagicKeys as I, whenever as h, watchDebounced as E, useAsyncState as L } from "@vueuse/core";
+import { computed as i, watch as d, ref as b, onBeforeUnmount as x, onMounted as U, onUnmounted as D, readonly as H, inject as z } from "vue";
 import { useI18n as B } from "vue-i18n";
 import { newCommsClient as K, newCommsHost as P } from "@antcde/connect-ts";
-import { concat as T, Subject as _, concatMap as v, map as S, distinctUntilChanged as V, debounceTime as W, tap as q, BehaviorSubject as x, filter as F } from "rxjs";
+import { concat as T, Subject as _, concatMap as g, map as C, distinctUntilChanged as V, debounceTime as W, tap as q, BehaviorSubject as f, filter as F } from "rxjs";
 function ee(o, s) {
   const t = A(s), e = i(() => o.context.value.darkMode), a = i(() => {
     switch (e.value) {
@@ -32,11 +32,8 @@ function ee(o, s) {
 }
 function te(o, s) {
   const t = B(s);
-  return h(
-    () => {
-      var e;
-      return (e = o.context.value.user) == null ? void 0 : e.language;
-    },
+  return d(
+    () => o.context.value.user?.language,
     (e) => t.locale.value = e ?? "en",
     { immediate: !0 }
   ), t;
@@ -46,8 +43,8 @@ function G(o, s) {
     get: () => a.value,
     set: (u) => e.appState.set(u)
   });
-  return e.context.subscribe((u) => t.value = u), T(e.appState.get(), e.appState).subscribe((u) => a.value = u), N(e.signal, e, s), w(() => e.unsubscribe()), Object.assign(
-    C(e, ["context", "toolbar", "appState"]),
+  return e.context.subscribe((u) => t.value = u), T(e.appState.get(), e.appState).subscribe((u) => a.value = u), N(e.signal, e, s), x(() => e.unsubscribe()), Object.assign(
+    v(e, ["context", "toolbar", "appState"]),
     {
       context: t,
       toolbar: J(e),
@@ -75,51 +72,50 @@ function J(o) {
       set: (t) => o.toolbar.set((e) => ({ ...e, isLoading: t }))
     })
   };
-  return o.toolbar.pipe(S((t) => t.search.input ?? ""), V(), W(300), q(console.log)).forEach((t) => s.search.value = t), s;
+  return o.toolbar.pipe(C((t) => t.search.input ?? ""), V(), W(300), q(console.log)).forEach((t) => s.search.value = t), s;
 }
 function N(o, s, t) {
   const e = I(), { ctrl: a, shift: r } = e, u = new _(), c = u.pipe(
-    v(t ?? ((m) => Promise.resolve(m))),
-    v((m) => o(m))
+    g(t ?? ((m) => Promise.resolve(m))),
+    g((m) => o(m))
   ).subscribe();
-  return s.add(c), c.add(f(a, () => u.next({ hotkeys: { ctrl: !0 } }))), c.add(f(r, () => u.next({ hotkeys: { shift: !0 } }))), c;
+  return s.add(c), c.add(h(a, () => u.next({ hotkeys: { ctrl: !0 } }))), c.add(h(r, () => u.next({ hotkeys: { shift: !0 } }))), c;
 }
 function oe(o) {
-  const { context: s } = o, t = new x({}), e = (n) => t.next(n(t.value)), a = b(), r = new x(void 0);
-  h(a, (n) => r.next(n), { immediate: !0 });
+  const { context: s } = o, t = new f({}), e = (n) => t.next(n(t.value)), a = b(), r = new f(void 0);
+  d(a, (n) => r.next(n), { immediate: !0 });
   const u = r.asObservable().pipe(
-    S((n) => n == null ? void 0 : n.contentWindow),
+    C((n) => n?.contentWindow),
     F((n) => !!n)
   ), c = P({ ...o, contextChanges: t, windowChanges: u });
-  Object.entries(s).map(([n, l]) => h(
+  Object.entries(s).map(([n, l]) => d(
     l,
-    (d) => e((p) => ({ ...p, [n]: d })),
+    (k) => e((M) => ({ ...M, [n]: k })),
     { immediate: !0 }
   )).forEach((n) => c.scope.add(n)), c.toolbar.subscribe((n) => {
-    var d, p;
     const l = o.toolbar;
-    l.title.value = n.title, l.searchEnabled.value = ((d = n.search) == null ? void 0 : d.enabled) ?? !1, l.search.value = (p = n.search) == null ? void 0 : p.input, l.menu.value = n.menu, l.isLoading.value = (n == null ? void 0 : n.isLoading) ?? !1;
+    l.title.value = n.title, l.searchEnabled.value = n.search?.enabled ?? !1, l.search.value = n.search?.input, l.menu.value = n.menu, l.isLoading.value = n?.isLoading ?? !1;
   }), E(
     o.toolbar.search,
     (n) => c.toolbar.set.search(n),
     { immediate: !0, debounce: 100 }
   );
-  const m = b(c.appState.get()), j = i({
+  const m = b(c.appState.get()), w = i({
     get: () => m.value,
     set: (n) => c.appState.set(n)
   });
   c.appState.changes.subscribe((n) => m.value = n);
-  const g = b(!1);
-  c.isConnectionInitialized.subscribe((n) => g.value = n), w(() => c.unsubscribe());
-  const { unsubscribe: y, signal: k, closed: M } = c;
+  const p = b(!1);
+  c.isConnectionInitialized.subscribe((n) => p.value = n), x(() => c.unsubscribe());
+  const { unsubscribe: S, signal: j, closed: y } = c;
   return {
     ...o,
     client: a,
-    appState: j,
-    isConnectionInitialized: g,
-    unsubscribe: y,
-    signal: k,
-    closed: M
+    appState: w,
+    isConnectionInitialized: p,
+    unsubscribe: S,
+    signal: j,
+    closed: y
   };
 }
 function ne(o = "comms") {
@@ -140,7 +136,7 @@ function Q(o, s, t) {
 }
 function se(o, s, t) {
   const a = L(o, s, { immediate: !1, ...t });
-  return Object.assign(C(a, ["execute"]), {
+  return Object.assign(v(a, ["execute"]), {
     execute: (...r) => a.execute(void 0, ...r),
     executeDelayed: a.execute
   });
@@ -148,7 +144,7 @@ function se(o, s, t) {
 function ae(o) {
   let s;
   const t = b(void 0);
-  return U(() => s = o.signal.receive((e) => t.value = e)), D(() => s == null ? void 0 : s()), [H(t), () => s == null ? void 0 : s()];
+  return U(() => s = o.signal.receive((e) => t.value = e)), D(() => s?.()), [H(t), () => s?.()];
 }
 export {
   ee as useAntColorMode,

package/dist/types/useAntColorMode.d.ts

@@ -1,7 +1,6 @@
 import { BasicColorSchema, UseColorModeOptions, UseColorModeReturn } from '@vueuse/core';
 import { UseCommsClient } from './useCommsClient';
 import { Ref } from 'vue';
-
 export type UseAntColorModeOptions = UseColorModeOptions<BasicColorSchema>;
 export type UseAntColorModeReturn = UseColorModeReturn<BasicColorSchema> & {
     host: Ref<boolean | null | undefined>;

package/dist/types/useAntI18n.d.ts

@@ -1,6 +1,5 @@
 import { Composer, UseI18nOptions } from 'vue-i18n';
 import { UseCommsClient } from './useCommsClient';
-
 export type UseAntI18nReturn = Composer;
 /**
  * Listens to the changing locale received from comms and translations will automatically refresh due to internal watcher.

package/dist/types/useCommsClient.d.ts

@@ -1,8 +1,7 @@
 import { AntConnect, Client, Context, Signal } from '@antcde/connect-ts';
 import { ObservableInput } from 'rxjs';
-import { CommsToolbar } from './utils';
 import { Ref } from 'vue';
-
+import { CommsToolbar } from './utils';
 export interface UseCommsClient extends Omit<Client, 'context' | 'toolbar' | 'appState'> {
     context: Ref<Context>;
     toolbar: CommsToolbar;

package/dist/types/useCommsHost.d.ts

@@ -1,8 +1,7 @@
-import { AntConnect, License, Notepad, Notification, ProjectShort, SignalReceiver, SignalSender, Task, User } from '@antcde/connect-ts';
-import { CommsToolbar } from './utils';
+import { AntConnect, Change, ChangeSignal, LabelFilterState, License, Notepad, Notification, ProjectShort, SignalReceiver, SignalSender, Task, User } from '@antcde/connect-ts';
 import { SubscriptionLike } from 'rxjs';
 import { Ref } from 'vue';
-
+import { CommsToolbar } from './utils';
 type Nullable<T> = NonNullable<T> | null | undefined;
 export interface CommsHostArgs {
     connect: AntConnect;
@@ -23,7 +22,9 @@ export interface CommsHostArgs {
             code: string;
         }>>;
         darkMode: Ref<Nullable<boolean>>;
+        selectedLabels: Ref<LabelFilterState>;
     };
+    newSignalObserver: <T extends keyof ChangeSignal>(type: T, id: string, actions: Change[], callback: (signal: ChangeSignal) => void) => () => void;
 }
 export interface UseCommsHost extends CommsHostArgs, SubscriptionLike {
     client: Ref<HTMLIFrameElement | null | undefined>;

package/dist/types/utils.d.ts

@@ -2,7 +2,6 @@ import { Signal, ToolbarItem } from '@antcde/connect-ts';
 import { UseAsyncStateOptions, UseAsyncStateReturn } from '@vueuse/core';
 import { DeepReadonly, FunctionPlugin, Ref, UnwrapRef, WatchStopHandle } from 'vue';
 import { UseCommsClient } from './useCommsClient';
-
 type RefObject<T> = {
     [K in keyof T]: T[K];
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antcde/vue-utils",
   "type": "module",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "description": "Helper to use ANT Comms in Vue 3",
   "author": "CollaborAll",
   "repository": {
@@ -26,24 +26,27 @@
     "dist"
   ],
   "peerDependencies": {
-    "@vueuse/core": "^12.0.0",
+    "@vueuse/core": "^13.9.0",
     "vue": "^3.5.10",
-    "vue-i18n": "^10.0.1",
+    "vue-i18n": "^11.1.12",
     "rxjs": "^7.0.0"
   },
   "dependencies": {
-    "@antcde/connect-ts": "0.4.10"
+    "@antcde/connect-ts": "0.4.14"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vue/tsconfig": "^0.5.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
     "typescript": "~5.3.3",
-    "vite": "^5.0.11",
-    "vite-plugin-dts": "^3.7.0",
-    "vue-tsc": "^1.8.27"
+    "vite": "^7.1.10",
+    "vite-plugin-dts": "^4.5.4",
+    "vue-tsc": "^3.1.1",
+    "@tsconfig/node22": "^22.0.2",
+    "@types/node": "^22.0.0"
   },
   "scripts": {
     "build": "pnpm clean && vite build",
+    "build:watch": "vite build --watch",
     "type-check": "vue-tsc --noEmit",
     "clean": "pnpm dlx rimraf dist"
   }