@antcde/vue-utils 0.2.11 → 0.2.12-rc.64ce643

package/dist/index.js

@@ -1,10 +1,10 @@
-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 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(() => {
+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(() => {
     switch (e.value) {
       case null:
         return "auto";
@@ -13,10 +13,10 @@ function ee(o, s) {
       case !1:
         return "light";
       default:
-        return t.value;
+        return n.value;
     }
-  }), r = i(() => {
-    switch (a.value) {
+  }), r = u(() => {
+    switch (s.value) {
       case "light":
       case "auto":
         return !1;
@@ -25,134 +25,158 @@ function ee(o, s) {
     }
   });
   return Object.assign(
-    a,
+    s,
     { host: e, isDark: r },
-    O(t, ["state", "system", "store"])
+    L(n, ["state", "system", "store"])
   );
 }
-function te(o, s) {
-  const t = B(s);
-  return d(
-    () => o.context.value.user?.language,
-    (e) => t.locale.value = e ?? "en",
+function se(t, o) {
+  const n = z(o);
+  return h(
+    () => t.context.value.user?.language,
+    (e) => n.locale.value = e ?? "en",
     { immediate: !0 }
-  ), t;
+  ), n;
 }
-function G(o, s) {
-  const t = b({}), e = K({ parent: window.parent, connect: o }), a = b(""), r = i({
-    get: () => a.value,
-    set: (u) => e.appState.set(u)
+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)
   });
-  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"]),
+  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"]),
     {
-      context: t,
+      context: n,
       toolbar: J(e),
       appState: r
     }
   );
 }
-function J(o) {
-  const s = {
-    title: i({
-      get: () => o.toolbar.get().title,
-      set: (t) => o.toolbar.set((e) => ({ ...e, title: t }))
+function J(t) {
+  const o = d(""), n = {
+    title: u({
+      get: () => t.toolbar.get().title,
+      set: (e) => t.toolbar.set((s) => ({ ...s, title: e }))
     }),
-    searchEnabled: i({
-      get: () => o.toolbar.get().search.enabled,
-      set: (t) => o.toolbar.set((e) => ({ ...e, search: { ...e.search, enabled: t } }))
+    subtitle: u({
+      get: () => t.toolbar.get().subtitle,
+      set: (e) => t.toolbar.set((s) => ({ ...s, subtitle: e }))
     }),
-    search: b(""),
-    menu: i({
-      get: () => o.toolbar.get().menu ?? [],
-      set: (t) => o.toolbar.set((e) => ({ ...e, menu: t }))
+    searchEnabled: u({
+      get: () => t.toolbar.get().search.enabled,
+      set: (e) => t.toolbar.set((s) => ({ ...s, search: { ...s.search, enabled: e } }))
     }),
-    isLoading: i({
-      get: () => o.toolbar.get().isLoading,
-      set: (t) => o.toolbar.set((e) => ({ ...e, isLoading: t }))
+    search: u({
+      get: () => o.value,
+      set: (e) => t.toolbar.set((s) => ({ ...s, search: { ...s.search, input: e } }))
+    }),
+    menu: u({
+      get: () => t.toolbar.get().menu ?? [],
+      set: (e) => t.toolbar.set((s) => ({ ...s, menu: e }))
+    }),
+    isLoading: u({
+      get: () => t.toolbar.get().isLoading,
+      set: (e) => t.toolbar.set((s) => ({ ...s, isLoading: e }))
     })
   };
-  return o.toolbar.pipe(C((t) => t.search.input ?? ""), V(), W(300), q(console.log)).forEach((t) => s.search.value = t), s;
+  return t.toolbar.pipe(w((e) => e.search.input ?? ""), G(), V(300)).forEach((e) => o.value = e), n;
 }
-function N(o, s, t) {
-  const e = I(), { ctrl: a, shift: r } = e, u = new _(), c = u.pipe(
-    g(t ?? ((m) => Promise.resolve(m))),
-    g((m) => o(m))
+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))
   ).subscribe();
-  return s.add(c), c.add(h(a, () => u.next({ hotkeys: { ctrl: !0 } }))), c.add(h(r, () => u.next({ hotkeys: { shift: !0 } }))), c;
+  return o.add(m), m.add(g(s, () => i.next({ hotkeys: { ctrl: !0 } }))), m.add(g(r, () => i.next({ hotkeys: { shift: !0 } }))), m;
 }
-function oe(o) {
-  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(
-    C((n) => n?.contentWindow),
-    F((n) => !!n)
-  ), c = P({ ...o, contextChanges: t, windowChanges: u });
-  Object.entries(s).map(([n, l]) => d(
-    l,
-    (k) => e((M) => ({ ...M, [n]: k })),
+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 });
+  Object.entries(o).map(([a, b]) => h(
+    b,
+    (A) => e((k) => ({ ...k, [a]: A })),
     { immediate: !0 }
-  )).forEach((n) => c.scope.add(n)), c.toolbar.subscribe((n) => {
-    const l = o.toolbar;
-    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),
+  )).forEach((a) => c.scope.add(a)), c.toolbar.subscribe((a) => {
+    const b = t.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,
+    (a) => c.toolbar.set.search(a),
     { immediate: !0, debounce: 100 }
   );
-  const m = b(c.appState.get()), w = i({
-    get: () => m.value,
-    set: (n) => c.appState.set(n)
+  c.scope.add(i), c.scope.add(f);
+  const p = d(c.appState.get()), l = u({
+    get: () => p.value,
+    set: (a) => c.appState.set(a)
   });
-  c.appState.changes.subscribe((n) => m.value = n);
-  const p = b(!1);
-  c.isConnectionInitialized.subscribe((n) => p.value = n), x(() => c.unsubscribe());
-  const { unsubscribe: S, signal: j, closed: y } = c;
+  c.appState.changes.subscribe((a) => p.value = a);
+  const v = d(!1);
+  c.isConnectionInitialized.subscribe((a) => v.value = a);
+  const { unsubscribe: x, signal: y, closed: _ } = c;
   return {
-    ...o,
-    client: a,
-    appState: w,
-    isConnectionInitialized: p,
-    unsubscribe: S,
-    signal: j,
-    closed: y
+    ...t,
+    client: s,
+    appState: l,
+    isConnectionInitialized: v,
+    unsubscribe: x,
+    signal: y,
+    closed: _
   };
 }
-function ne(o = "comms") {
-  const [s, t] = Q(
-    o,
-    () => G(),
+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 c(l) {
+    return !o.value || !n.value ? !1 : s.value || r.value ? !0 : !!n.value.user_permissions?.[String(l)];
+  }
+  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(l) {
+    return !o.value || !e.value ? !1 : s.value || r.value ? !0 : !!e.value.user_permissions?.[String(l)];
+  }
+  return { isGlobalAdmin: s, isLicenseAdmin: r, isProjectAdmin: i, hasLicenseRole: m, hasLicensePermission: c, hasProjectRole: f, hasProjectPermission: p };
+}
+function ae(t = "comms") {
+  const [o, n] = Q(
+    t,
+    () => F(),
     (e) => e.unsubscribe()
   );
-  return { provideComms: s, injectComms: t };
+  return { provideComms: o, injectComms: n };
 }
-function Q(o, s, t) {
+function Q(t, o, n) {
   let e;
-  const a = () => (!e && (e = s()), e);
+  const s = () => (!e && (e = o()), e);
   return [
-    (r) => (r.onUnmount(() => t && e && t(e)), r.provide(o, a)),
-    () => z(o)()
+    (r) => (r.onUnmount(() => n && e && n(e)), r.provide(t, s)),
+    () => W(t)()
   ];
 }
-function se(o, s, t) {
-  const a = L(o, s, { immediate: !1, ...t });
-  return Object.assign(v(a, ["execute"]), {
-    execute: (...r) => a.execute(void 0, ...r),
-    executeDelayed: a.execute
+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 ae(o) {
-  let s;
-  const t = b(void 0);
-  return U(() => s = o.signal.receive((e) => t.value = e)), D(() => s?.()), [H(t), () => s?.()];
+function ue(t) {
+  let o;
+  const n = d(void 0);
+  return U(() => o = t.signal.receive((e) => n.value = e)), D(() => o?.()), [H(n), () => o?.()];
 }
 export {
-  ee as useAntColorMode,
-  te as useAntI18n,
-  se as useApi,
-  G as useCommsClient,
-  oe as useCommsHost,
-  ne as useCommsInjection,
-  ae as useSignal,
+  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
 };

package/dist/types/index.d.ts

@@ -2,4 +2,5 @@ export { useAntColorMode, type UseAntColorModeOptions, type UseAntColorModeRetur
 export { useAntI18n, type UseAntI18nReturn } from './useAntI18n';
 export { type UseCommsClient, useCommsClient } from './useCommsClient';
 export { type CommsHostArgs, type UseCommsHost, useCommsHost } from './useCommsHost';
+export { type UsePermissions, usePermissions } from './usePermissions';
 export { type AnyUseApiReturn, type CommsToolbar, useApi, type UseApiReturn, useCommsInjection, useSignal, useSingleton, } from './utils';

package/dist/types/useCommsHost.d.ts

@@ -1,4 +1,4 @@
-import { AntConnect, Change, ChangeSignal, LabelFilterState, License, Notepad, Notification, ProjectShort, SignalReceiver, SignalSender, Task, User } from '@antcde/connect-ts';
+import { AntConnect, 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';
@@ -24,7 +24,7 @@ export interface CommsHostArgs {
         darkMode: Ref<Nullable<boolean>>;
         selectedLabels: Ref<LabelFilterState>;
     };
-    newSignalObserver: <T extends keyof ChangeSignal>(type: T, id: string, actions: Change[], callback: (signal: ChangeSignal) => void) => () => void;
+    newSignalObserver: SignalObserverFactory;
 }
 export interface UseCommsHost extends CommsHostArgs, SubscriptionLike {
     client: Ref<HTMLIFrameElement | null | undefined>;

package/dist/types/usePermissions.d.ts

@@ -0,0 +1,12 @@
+import { Context, LicensePermissionMap, ProjectPermissionMap, Role } from '@antcde/connect-ts';
+import { ComputedRef, Ref } from 'vue';
+export interface UsePermissions {
+    isGlobalAdmin: ComputedRef<boolean>;
+    isLicenseAdmin: ComputedRef<boolean>;
+    isProjectAdmin: ComputedRef<boolean>;
+    hasLicenseRole: (roleName: Role['name']) => boolean;
+    hasLicensePermission: (permission: keyof LicensePermissionMap) => boolean;
+    hasProjectRole: (roleName: Role['name']) => boolean;
+    hasProjectPermission: (permission: keyof ProjectPermissionMap) => boolean;
+}
+export declare function usePermissions(context: Ref<Context>): UsePermissions;

package/dist/types/utils.d.ts

@@ -8,6 +8,7 @@ type RefObject<T> = {
 export declare function unrefObject<T extends object>(obj: RefObject<T>): UnwrapRef<T>;
 export interface CommsToolbar {
     title: Ref<string | undefined>;
+    subtitle: Ref<string | undefined>;
     searchEnabled: Ref<boolean>;
     search: Ref<string>;
     menu: Ref<ToolbarItem[]>;

package/package.json

@@ -1,16 +1,9 @@
 {
   "name": "@antcde/vue-utils",
   "type": "module",
-  "version": "0.2.11",
+  "version": "0.2.12-rc.64ce643",
   "description": "Helper to use ANT Comms in Vue 3",
   "author": "CollaborAll",
-  "repository": {
-    "type": "git",
-    "url": "https://npm.antcde.io"
-  },
-  "publishConfig": {
-    "registry": "https://npm.antcde.io"
-  },
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -25,29 +18,29 @@
     "README.md",
     "dist"
   ],
+  "scripts": {
+    "build": "pnpm clean && vite build",
+    "build:watch": "vite build --watch",
+    "type-check": "vue-tsc --noEmit",
+    "clean": "pnpm dlx rimraf dist"
+  },
   "peerDependencies": {
     "@vueuse/core": "^13.9.0",
+    "rxjs": "^7.0.0",
     "vue": "^3.5.10",
-    "vue-i18n": "^11.1.12",
-    "rxjs": "^7.0.0"
+    "vue-i18n": "^11.1.12"
   },
   "dependencies": {
-    "@antcde/connect-ts": "0.4.14"
+    "@antcde/connect-ts": "workspace:*"
   },
   "devDependencies": {
+    "@tsconfig/node22": "^22.0.2",
+    "@types/node": "^22.0.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/tsconfig": "^0.8.1",
-    "typescript": "~5.3.3",
+    "typescript": "~5.9.3",
     "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"
+    "vue-tsc": "^3.1.1"
   }
-}
+}