@antcde/vue-utils 0.2.12-rc.64ce643 → 0.2.13-rc.0c67d53

package/dist/index.js

@@ -1,10 +1,10 @@
-import { useColorMode as P, objectPick as L, objectOmit as C, useMagicKeys as M, whenever as g, watchDebounced as O, useAsyncState as I } from "@vueuse/core";
-import { computed as u, watch as h, ref as d, onBeforeUnmount as E, onMounted as U, onUnmounted as D, readonly as H, inject as W } from "vue";
-import { useI18n as z } from "vue-i18n";
-import { newCommsClient as B, newCommsHost as K } from "@antcde/connect-ts";
-import { concat as R, Subject as T, concatMap as S, map as w, distinctUntilChanged as G, debounceTime as V, BehaviorSubject as j, filter as q } from "rxjs";
-function te(t, o) {
-  const n = P(o), e = u(() => t.context.value.darkMode), s = u(() => {
+import { useColorMode as L, objectPick as M, objectOmit as w, useMagicKeys as O, whenever as S, watchDebounced as I, useAsyncState as E } from "@vueuse/core";
+import { computed as u, watch as h, ref as d, onBeforeUnmount as U, onMounted as D, onUnmounted as H, readonly as W, inject as z } from "vue";
+import { useI18n as B } from "vue-i18n";
+import { newCommsClient as K, newCommsHost as R } from "@antcde/connect-ts";
+import { concat as T, Subject as G, concatMap as j, map as x, distinctUntilChanged as V, debounceTime as q, BehaviorSubject as C, filter as F } from "rxjs";
+function se(s, o) {
+  const n = L(o), e = u(() => s.context.value.darkMode), t = u(() => {
     switch (e.value) {
       case null:
         return "auto";
@@ -16,7 +16,7 @@ function te(t, o) {
         return n.value;
     }
   }), r = u(() => {
-    switch (s.value) {
+    switch (t.value) {
       case "light":
       case "auto":
         return !1;
@@ -25,158 +25,161 @@ function te(t, o) {
     }
   });
   return Object.assign(
-    s,
+    t,
     { host: e, isDark: r },
-    L(n, ["state", "system", "store"])
+    M(n, ["state", "system", "store"])
   );
 }
-function se(t, o) {
-  const n = z(o);
+function ne(s, o) {
+  const n = B(o);
   return h(
-    () => t.context.value.user?.language,
+    () => s.context.value.user?.language,
     (e) => n.locale.value = e ?? "en",
     { immediate: !0 }
   ), n;
 }
-function F(t, o) {
-  const n = d({}), e = B({ parent: window.parent, connect: t }), s = d(""), r = u({
-    get: () => s.value,
-    set: (i) => e.appState.set(i)
+function J(s, o, n) {
+  const e = d({}), t = K({ parent: window.parent, connect: s, manifest: n }), r = d(""), l = u({
+    get: () => r.value,
+    set: (i) => t.appState.set(i)
   });
-  return e.context.subscribe((i) => n.value = i), R(e.appState.get(), e.appState).subscribe((i) => s.value = i), N(e.signal, e, o), E(() => e.unsubscribe()), Object.assign(
-    C(e, ["context", "toolbar", "appState"]),
+  return t.context.subscribe((i) => e.value = i), T(t.appState.get(), t.appState).subscribe((i) => r.value = i), Q(t.signal, t, o), U(() => t.unsubscribe()), Object.assign(
+    w(t, ["context", "toolbar", "appState"]),
     {
-      context: n,
-      toolbar: J(e),
-      appState: r
+      context: e,
+      toolbar: N(t),
+      appState: l
     }
   );
 }
-function J(t) {
+function N(s) {
   const o = d(""), n = {
     title: u({
-      get: () => t.toolbar.get().title,
-      set: (e) => t.toolbar.set((s) => ({ ...s, title: e }))
+      get: () => s.toolbar.get().title,
+      set: (e) => s.toolbar.set((t) => ({ ...t, title: e }))
     }),
     subtitle: u({
-      get: () => t.toolbar.get().subtitle,
-      set: (e) => t.toolbar.set((s) => ({ ...s, subtitle: e }))
+      get: () => s.toolbar.get().subtitle,
+      set: (e) => s.toolbar.set((t) => ({ ...t, subtitle: e }))
     }),
     searchEnabled: u({
-      get: () => t.toolbar.get().search.enabled,
-      set: (e) => t.toolbar.set((s) => ({ ...s, search: { ...s.search, enabled: e } }))
+      get: () => s.toolbar.get().search.enabled,
+      set: (e) => s.toolbar.set((t) => ({ ...t, search: { ...t.search, enabled: e } }))
     }),
     search: u({
       get: () => o.value,
-      set: (e) => t.toolbar.set((s) => ({ ...s, search: { ...s.search, input: e } }))
+      set: (e) => s.toolbar.set((t) => ({ ...t, search: { ...t.search, input: e } }))
     }),
     menu: u({
-      get: () => t.toolbar.get().menu ?? [],
-      set: (e) => t.toolbar.set((s) => ({ ...s, menu: e }))
+      get: () => s.toolbar.get().menu ?? [],
+      set: (e) => s.toolbar.set((t) => ({ ...t, menu: e }))
     }),
     isLoading: u({
-      get: () => t.toolbar.get().isLoading,
-      set: (e) => t.toolbar.set((s) => ({ ...s, isLoading: e }))
+      get: () => s.toolbar.get().isLoading,
+      set: (e) => s.toolbar.set((t) => ({ ...t, isLoading: e }))
     })
   };
-  return t.toolbar.pipe(w((e) => e.search.input ?? ""), G(), V(300)).forEach((e) => o.value = e), n;
+  return s.toolbar.pipe(x((e) => e.search.input ?? ""), V(), q(300)).forEach((e) => o.value = e), n;
 }
-function N(t, o, n) {
-  const e = M(), s = e.ctrl ?? u(() => !1), r = e.shift ?? u(() => !1), i = new T(), m = i.pipe(
-    S(n ?? ((c) => Promise.resolve(c))),
-    S((c) => t(c))
+function Q(s, o, n) {
+  const e = O(), t = e.ctrl ?? u(() => !1), r = e.shift ?? u(() => !1), l = new G(), i = l.pipe(
+    j(n ?? ((c) => Promise.resolve(c))),
+    j((c) => s(c))
   ).subscribe();
-  return o.add(m), m.add(g(s, () => i.next({ hotkeys: { ctrl: !0 } }))), m.add(g(r, () => i.next({ hotkeys: { shift: !0 } }))), m;
+  return o.add(i), i.add(S(t, () => l.next({ hotkeys: { ctrl: !0 } }))), i.add(S(r, () => l.next({ hotkeys: { shift: !0 } }))), i;
 }
-function ne(t) {
-  const { context: o } = t, n = new j({}), e = (a) => n.next(a(n.value)), s = d(), r = new j(void 0), i = h(s, (a) => r.next(a), { immediate: !0 }), m = r.asObservable().pipe(
-    w((a) => a?.contentWindow),
-    q((a) => !!a)
-  ), c = K({ ...t, contextChanges: n, windowChanges: m });
+function oe(s) {
+  const { context: o } = s, n = new C({}), e = (a) => n.next(a(n.value)), t = d(), r = new C(void 0), l = h(t, (a) => r.next(a), { immediate: !0 }), i = r.asObservable().pipe(
+    x((a) => a?.contentWindow),
+    F((a) => !!a)
+  ), c = R({ ...s, contextChanges: n, windowChanges: i });
   Object.entries(o).map(([a, b]) => h(
     b,
-    (A) => e((k) => ({ ...k, [a]: A })),
+    (k) => e((P) => ({ ...P, [a]: k })),
     { immediate: !0 }
   )).forEach((a) => c.scope.add(a)), c.toolbar.subscribe((a) => {
-    const b = t.toolbar;
+    const b = s.toolbar;
     b.title.value = a.title, b.subtitle.value = a.subtitle, b.searchEnabled.value = a.search?.enabled ?? !1, b.search.value = a.search?.input, b.menu.value = a.menu, b.isLoading.value = a?.isLoading ?? !1;
   });
-  const f = O(
-    t.toolbar.search,
+  const p = I(
+    s.toolbar.search,
     (a) => c.toolbar.set.search(a),
     { immediate: !0, debounce: 100 }
   );
-  c.scope.add(i), c.scope.add(f);
-  const p = d(c.appState.get()), l = u({
-    get: () => p.value,
+  c.scope.add(l), c.scope.add(p);
+  const f = d(c.appState.get()), m = u({
+    get: () => f.value,
     set: (a) => c.appState.set(a)
   });
-  c.appState.changes.subscribe((a) => p.value = a);
+  c.appState.changes.subscribe((a) => f.value = a);
   const v = d(!1);
   c.isConnectionInitialized.subscribe((a) => v.value = a);
-  const { unsubscribe: x, signal: y, closed: _ } = c;
+  const g = d(null);
+  c.manifest?.subscribe((a) => g.value = a);
+  const { unsubscribe: y, signal: _, closed: A } = c;
   return {
-    ...t,
-    client: s,
-    appState: l,
+    ...s,
+    client: t,
+    appState: m,
     isConnectionInitialized: v,
-    unsubscribe: x,
-    signal: y,
-    closed: _
+    manifest: g,
+    unsubscribe: y,
+    signal: _,
+    closed: A
   };
 }
-function oe(t) {
-  const o = u(() => t.value?.user), n = u(() => t.value?.license), e = u(() => t.value?.project), s = u(() => !!o.value?.is_admin), r = u(() => !!n.value?.user_is_admin), i = u(() => !!e.value?.user_is_admin);
-  function m(l) {
-    return !o.value || !n.value ? !1 : s.value || r.value ? !0 : (n.value.user_roles ?? []).some((v) => v.name === l);
+function ae(s) {
+  const o = u(() => s.value?.user), n = u(() => s.value?.license), e = u(() => s.value?.project), t = u(() => !!o.value?.is_admin), r = u(() => !!n.value?.user_is_admin), l = u(() => !!e.value?.user_is_admin);
+  function i(m) {
+    return !o.value || !n.value ? !1 : t.value || r.value ? !0 : (n.value.user_roles ?? []).some((v) => v.name === m);
   }
-  function c(l) {
-    return !o.value || !n.value ? !1 : s.value || r.value ? !0 : !!n.value.user_permissions?.[String(l)];
+  function c(m) {
+    return !o.value || !n.value ? !1 : t.value || r.value ? !0 : !!n.value.user_permissions?.[String(m)];
   }
-  function f(l) {
-    return !o.value || !e.value ? !1 : s.value || r.value || i.value ? !0 : (e.value.user_roles ?? []).some((v) => v.name === l);
+  function p(m) {
+    return !o.value || !e.value ? !1 : t.value || r.value || l.value ? !0 : (e.value.user_roles ?? []).some((v) => v.name === m);
   }
-  function p(l) {
-    return !o.value || !e.value ? !1 : s.value || r.value ? !0 : !!e.value.user_permissions?.[String(l)];
+  function f(m) {
+    return !o.value || !e.value ? !1 : t.value || r.value ? !0 : !!e.value.user_permissions?.[String(m)];
   }
-  return { isGlobalAdmin: s, isLicenseAdmin: r, isProjectAdmin: i, hasLicenseRole: m, hasLicensePermission: c, hasProjectRole: f, hasProjectPermission: p };
+  return { isGlobalAdmin: t, isLicenseAdmin: r, isProjectAdmin: l, hasLicenseRole: i, hasLicensePermission: c, hasProjectRole: p, hasProjectPermission: f };
 }
-function ae(t = "comms") {
-  const [o, n] = Q(
-    t,
-    () => F(),
+function re(s = "comms") {
+  const [o, n] = X(
+    s,
+    () => J(),
     (e) => e.unsubscribe()
   );
   return { provideComms: o, injectComms: n };
 }
-function Q(t, o, n) {
+function X(s, o, n) {
   let e;
-  const s = () => (!e && (e = o()), e);
+  const t = () => (!e && (e = o()), e);
   return [
-    (r) => (r.onUnmount(() => n && e && n(e)), r.provide(t, s)),
-    () => W(t)()
+    (r) => (r.onUnmount(() => n && e && n(e)), r.provide(s, t)),
+    () => z(s)()
   ];
 }
-function re(t, o, n) {
-  const s = I(t, o, { immediate: !1, ...n });
-  return Object.assign(C(s, ["execute"]), {
-    execute: (...r) => s.execute(void 0, ...r),
-    executeDelayed: s.execute
+function ue(s, o, n) {
+  const t = E(s, o, { immediate: !1, ...n });
+  return Object.assign(w(t, ["execute"]), {
+    execute: (...r) => t.execute(void 0, ...r),
+    executeDelayed: t.execute
   });
 }
-function ue(t) {
+function ce(s) {
   let o;
   const n = d(void 0);
-  return U(() => o = t.signal.receive((e) => n.value = e)), D(() => o?.()), [H(n), () => o?.()];
+  return D(() => o = s.signal.receive((e) => n.value = e)), H(() => o?.()), [W(n), () => o?.()];
 }
 export {
-  te as useAntColorMode,
-  se as useAntI18n,
-  re as useApi,
-  F as useCommsClient,
-  ne as useCommsHost,
-  ae as useCommsInjection,
-  oe as usePermissions,
-  ue as useSignal,
-  Q as useSingleton
+  se as useAntColorMode,
+  ne as useAntI18n,
+  ue as useApi,
+  J as useCommsClient,
+  oe as useCommsHost,
+  re as useCommsInjection,
+  ae as usePermissions,
+  ce as useSignal,
+  X as useSingleton
 };

package/dist/types/useCommsClient.d.ts

@@ -1,4 +1,4 @@
-import { AntConnect, Client, Context, Signal } from '@antcde/connect-ts';
+import { AntConnect, AppManifest, Client, Context, Signal } from '@antcde/connect-ts';
 import { ObservableInput } from 'rxjs';
 import { Ref } from 'vue';
 import { CommsToolbar } from './utils';
@@ -20,5 +20,5 @@ type KeyboardShortcutsHook = (signal: Signal) => ObservableInput<Signal>;
  * @param keyboardsShortcuts By default it will process keyboards from the client and send them to the host.
  *
  */
-export declare function useCommsClient(connect?: AntConnect, keyboardsShortcuts?: KeyboardShortcutsHook): UseCommsClient;
+export declare function useCommsClient(connect?: AntConnect, keyboardsShortcuts?: KeyboardShortcutsHook, manifest?: AppManifest): UseCommsClient;
 export {};

package/dist/types/useCommsHost.d.ts

@@ -1,4 +1,4 @@
-import { AntConnect, LabelFilterState, License, Notepad, Notification, ProjectShort, SignalObserverFactory, SignalReceiver, SignalSender, Task, User } from '@antcde/connect-ts';
+import { AntConnect, AppManifest, LabelFilterState, License, Notepad, Notification, ProjectShort, SignalObserverFactory, SignalReceiver, SignalSender, Task, User } from '@antcde/connect-ts';
 import { SubscriptionLike } from 'rxjs';
 import { Ref } from 'vue';
 import { CommsToolbar } from './utils';
@@ -30,6 +30,7 @@ export interface UseCommsHost extends CommsHostArgs, SubscriptionLike {
     client: Ref<HTMLIFrameElement | null | undefined>;
     appState: Ref<string>;
     isConnectionInitialized: Ref<boolean>;
+    manifest: Ref<AppManifest | null>;
     signal: SignalReceiver & SignalSender;
 }
 export declare function useCommsHost(args: CommsHostArgs): UseCommsHost;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antcde/vue-utils",
   "type": "module",
-  "version": "0.2.12-rc.64ce643",
+  "version": "0.2.13-rc.0c67d53",
   "description": "Helper to use ANT Comms in Vue 3",
   "author": "CollaborAll",
   "exports": {
@@ -31,16 +31,16 @@
     "vue-i18n": "^11.1.12"
   },
   "dependencies": {
-    "@antcde/connect-ts": "workspace:*"
+    "@antcde/connect-ts": "0.4.17-rc.0c67d53"
   },
   "devDependencies": {
-    "@tsconfig/node22": "^22.0.2",
-    "@types/node": "^22.0.0",
-    "@vitejs/plugin-vue": "^6.0.1",
+    "@tsconfig/node22": "^22.0.5",
+    "@types/node": "^22.19.17",
+    "@vitejs/plugin-vue": "^6.0.6",
     "@vue/tsconfig": "^0.8.1",
     "typescript": "~5.9.3",
-    "vite": "^7.1.10",
+    "vite": "^7.3.2",
     "vite-plugin-dts": "^4.5.4",
-    "vue-tsc": "^3.1.1"
+    "vue-tsc": "^3.2.6"
   }
 }