@antcde/vue-utils 0.2.28-rc.1 → 0.2.28-rc.3

package/dist/index.js

@@ -68,8 +68,32 @@ function I(e, t, n = {}) {
 	return new Intl.DateTimeFormat(i, j[u]).formatRange(c, l);
 }
 //#endregion
+//#region src/taskPriority.ts
+var L = [
+	"low",
+	"normal",
+	"high",
+	"urgent"
+], R = {
+	low: "mdi-signal-cellular-1",
+	normal: "mdi-signal-cellular-2",
+	high: "mdi-signal-cellular-3",
+	urgent: "mdi-alert"
+}, z = {
+	low: "blue-lighten-1",
+	normal: "green-lighten-1",
+	high: "yellow-lighten-1",
+	urgent: "red-lighten-1"
+};
+function ee(e) {
+	return R[e];
+}
+function B(e) {
+	return z[e];
+}
+//#endregion
 //#region src/useAntColorMode.ts
-function L(e, n) {
+function V(e, n) {
 	let i = r(n), a = s(() => e.context.value.darkMode), o = s(() => {
 		switch (a.value) {
 			case null: return "auto";
@@ -95,28 +119,28 @@ function L(e, n) {
 }
 //#endregion
 //#region src/useAntI18n.ts
-function R(e, t) {
+function H(e, t) {
 	let n = _(t);
 	return g(() => e.context.value.user?.language, (e) => n.locale.value = e ?? "en", { immediate: !0 }), n;
 }
 //#endregion
 //#region src/useAppTourMode.ts
-var z = m(!1), B = m(null);
-function V() {
+var U = m(!1), W = m(null);
+function G() {
 	function e(e) {
 		g(() => e.value.tourMode, (e) => {
-			z.value = !!e, e || (B.value = null);
+			U.value = !!e, e || (W.value = null);
 		}, { immediate: !0 });
 	}
 	function t(e) {
-		z.value && (B.value = e);
+		U.value && (W.value = e);
 	}
 	function n() {
-		z.value = !1, B.value = null;
+		U.value = !1, W.value = null;
 	}
 	return {
-		isActive: p(z),
-		activeZoneId: p(B),
+		isActive: p(U),
+		activeZoneId: p(W),
 		connectContext: e,
 		setActiveZone: t,
 		exit: n
@@ -124,7 +148,7 @@ function V() {
 }
 //#endregion
 //#region src/useCommsClient.ts
-function H(t, n, r) {
+function K(t, n, r) {
 	let i = m({}), a = b({
 		parent: window.parent,
 		connect: t,
@@ -133,17 +157,17 @@ function H(t, n, r) {
 		get: () => o.value,
 		set: (e) => a.appState.set(e)
 	});
-	return a.context.subscribe((e) => i.value = e), w(a.appState.get(), a.appState).subscribe((e) => o.value = e), W(a.signal, a, n), l(() => a.unsubscribe()), Object.assign(e(a, [
+	return a.context.subscribe((e) => i.value = e), w(a.appState.get(), a.appState).subscribe((e) => o.value = e), J(a.signal, a, n), l(() => a.unsubscribe()), Object.assign(e(a, [
 		"context",
 		"toolbar",
 		"appState"
 	]), {
 		context: i,
-		toolbar: U(a),
+		toolbar: q(a),
 		appState: c
 	});
 }
-function U(e) {
+function q(e) {
 	let t = m(""), n = {
 		title: s({
 			get: () => e.toolbar.get().title,
@@ -196,13 +220,13 @@ function U(e) {
 	};
 	return e.toolbar.pipe(k((e) => e.search.input ?? ""), D(), E(300)).forEach((e) => t.value = e), n;
 }
-function W(e, t, n) {
+function J(e, t, n) {
 	let r = i(), a = r.ctrl ?? s(() => !1), c = r.shift ?? s(() => !1), l = new C(), u = l.pipe(T(n ?? ((e) => Promise.resolve(e))), T((t) => e(t))).subscribe();
 	return t.add(u), u.add(o(a, () => l.next({ hotkeys: { ctrl: !0 } }))), u.add(o(c, () => l.next({ hotkeys: { shift: !0 } }))), u;
 }
 //#endregion
 //#region src/useCommsHost.ts
-function G(e) {
+function Y(e) {
 	let { context: t } = e, n = new S({}), r = (e) => n.next(e(n.value)), i = m(), o = new S(void 0), c = g(i, (e) => o.next(e), { immediate: !0 }), l = o.asObservable().pipe(k((e) => e?.contentWindow), O((e) => !!e)), u = x({
 		...e,
 		contextChanges: n,
@@ -242,8 +266,13 @@ function G(e) {
 	};
 }
 //#endregion
+//#region src/useFeature.ts
+function X(e, t) {
+	return s(() => e.value?.features?.[t] === !0);
+}
+//#endregion
 //#region src/usePermissions.ts
-function K(e) {
+function Z(e) {
 	let t = s(() => e.value?.user), n = s(() => e.value?.license), r = s(() => e.value?.project), i = s(() => !!t.value?.is_admin), a = s(() => !!n.value?.user_is_admin), o = s(() => !!r.value?.user_is_admin || a.value);
 	function c(e) {
 		return !t.value || !n.value ? !1 : i.value || a.value ? !0 : (n.value.user_roles ?? []).some((t) => t.name === e);
@@ -269,7 +298,7 @@ function K(e) {
 }
 //#endregion
 //#region src/useTemplateVersioning.ts
-function q(e) {
+function Q(e) {
 	let t = h(null), n = h(null), r = h(null), i = h(null), a = h([]), o = h(null), c = m(!1), l = m(!1), u = m(!1), d = m(!1), f = m(!1), p = m(!1), g = s(() => t.value?.has_update ?? !1), _ = s(() => t.value?.current_version ?? null), v = s(() => t.value?.latest_version ?? null), y = s(() => n.value ? n.value.added.length + n.value.removed.length + n.value.modified.length + n.value.relations_added.length + n.value.relations_removed.length : 0);
 	async function b(n) {
 		c.value = !0;
@@ -418,7 +447,7 @@ function q(e) {
 }
 //#endregion
 //#region src/useTriggerDispatch.ts
-function J(e, t = {}) {
+function te(e, t = {}) {
 	let n = t.authorizationTimeoutMs ?? 3e5, r = /* @__PURE__ */ new Set();
 	d(() => {
 		for (let e of r) e();
@@ -445,18 +474,18 @@ function J(e, t = {}) {
 }
 //#endregion
 //#region src/utils.ts
-function Y(e = "comms") {
-	let [t, n] = X(e, () => H(), (e) => e.unsubscribe());
+function ne(e = "comms") {
+	let [t, n] = $(e, () => K(), (e) => e.unsubscribe());
 	return {
 		provideComms: t,
 		injectComms: n
 	};
 }
-function X(e, t, n) {
+function $(e, t, n) {
 	let r, i = () => (!r && (r = t()), r);
 	return [(t) => (t.onUnmount(() => n && r && n(r)), t.provide(e, i)), () => c(e)()];
 }
-function Z(t, r, i) {
+function re(t, r, i) {
 	let a = n(t, r, {
 		immediate: !1,
 		...i
@@ -466,9 +495,9 @@ function Z(t, r, i) {
 		executeDelayed: a.execute
 	});
 }
-function Q(e) {
+function ie(e) {
 	let t, n = m(void 0);
 	return u(() => t = e.signal.receive((e) => n.value = e)), f(() => t?.()), [p(n), () => t?.()];
 }
 //#endregion
-export { F as formatDate, I as formatDateRange, L as useAntColorMode, R as useAntI18n, Z as useApi, V as useAppTourMode, H as useCommsClient, G as useCommsHost, Y as useCommsInjection, K as usePermissions, Q as useSignal, X as useSingleton, q as useTemplateVersioning, J as useTriggerDispatch };
+export { L as TASK_PRIORITIES, F as formatDate, I as formatDateRange, B as taskPriorityColor, ee as taskPriorityIcon, V as useAntColorMode, H as useAntI18n, re as useApi, G as useAppTourMode, K as useCommsClient, Y as useCommsHost, ne as useCommsInjection, X as useFeature, Z as usePermissions, ie as useSignal, $ as useSingleton, Q as useTemplateVersioning, te as useTriggerDispatch };

package/dist/types/index.d.ts

@@ -1,9 +1,11 @@
 export { type DateFormatPreset, formatDate, type FormatDateOptions, formatDateRange, type FormatDateRangeOptions } from './formatDate';
+export { TASK_PRIORITIES, taskPriorityColor, taskPriorityIcon } from './taskPriority';
 export { useAntColorMode, type UseAntColorModeOptions, type UseAntColorModeReturn } from './useAntColorMode';
 export { useAntI18n, type UseAntI18nReturn } from './useAntI18n';
 export { useAppTourMode } from './useAppTourMode';
 export { type UseCommsClient, useCommsClient } from './useCommsClient';
 export { type CommsHostArgs, type UseCommsHost, useCommsHost } from './useCommsHost';
+export { useFeature } from './useFeature';
 export { type UsePermissions, usePermissions } from './usePermissions';
 export { useTemplateVersioning, type UseTemplateVersioningReturn } from './useTemplateVersioning';
 export { useTriggerDispatch, type UseTriggerDispatchOptions, type UseTriggerDispatchReturn } from './useTriggerDispatch';

package/dist/types/taskPriority.d.ts

@@ -0,0 +1,6 @@
+import { TaskPriority } from '@antcde/connect-ts';
+export declare const TASK_PRIORITIES: readonly TaskPriority[];
+/** An mdi icon name. */
+export declare function taskPriorityIcon(priority: TaskPriority): string;
+/** A Vuetify colour name, for `<v-icon :color>`. */
+export declare function taskPriorityColor(priority: TaskPriority): string;

package/dist/types/useCommsHost.d.ts

@@ -1,4 +1,4 @@
-import { AntConnect, AppManifest, LabelFilterState, License, Notepad, Notification, ProjectShort, SignalObserverFactory, SignalReceiver, SignalSender, Task, User } from '@antcde/connect-ts';
+import { AntConnect, AppManifest, FeatureFlags, 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';
@@ -23,6 +23,7 @@ export interface CommsHostArgs {
         }>>;
         darkMode: Ref<Nullable<boolean>>;
         selectedLabels: Ref<LabelFilterState>;
+        features?: Ref<Nullable<FeatureFlags>>;
     };
     newSignalObserver: SignalObserverFactory;
 }

package/dist/types/useFeature.d.ts

@@ -0,0 +1,3 @@
+import { Context } from '@antcde/connect-ts';
+import { ComputedRef, Ref } from 'vue';
+export declare function useFeature(context: Ref<Context>, name: string): ComputedRef<boolean>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antcde/vue-utils",
   "type": "module",
-  "version": "0.2.28-rc.1",
+  "version": "0.2.28-rc.3",
   "description": "Helper to use ANT Comms in Vue 3",
   "author": "CollaborAll",
   "exports": {
@@ -22,6 +22,8 @@
     "build": "pnpm clean && vite build",
     "build:watch": "vite build --watch",
     "type-check": "vue-tsc --noEmit",
+    "test": "vitest --run",
+    "test:watch": "vitest",
     "clean": "pnpm dlx rimraf dist"
   },
   "peerDependencies": {
@@ -31,7 +33,7 @@
     "vue-i18n": "^11.1.12"
   },
   "dependencies": {
-    "@antcde/connect-ts": "0.4.33-rc.1"
+    "@antcde/connect-ts": "0.4.33-rc.3"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.6",
@@ -39,9 +41,11 @@
     "@vitejs/plugin-vue": "^6.0.9",
     "@vue/language-core": "^3.3.11",
     "@vue/tsconfig": "^0.9.1",
+    "happy-dom": "^20.14.5",
     "typescript": "~6.0.3",
     "vite": "^8.3.0",
     "vite-plugin-dts": "^5.1.1",
+    "vitest": "^5.0.1",
     "vue-tsc": "^3.3.11"
   }
 }