@antelopejs/dms-saas 0.0.1

package/frontend-vue/app/plugins/segment-conditions-data-type.client.ts

@@ -0,0 +1,122 @@
+import { defineComponent, h, resolveComponent } from "vue";
+
+interface Condition {
+  field: string;
+  operator: string;
+  value: unknown;
+}
+
+interface WorkspaceRef {
+  kind: "workspaceRef";
+  quantifier: "any" | "all";
+  role?: "member" | "owner";
+  conditions: ConditionGroup;
+}
+
+type ConditionNode = Condition | ConditionGroup | WorkspaceRef;
+
+interface ConditionGroup {
+  logical: "and" | "or";
+  conditions: ConditionNode[];
+}
+
+const MAX_INLINE_CONDITIONS = 2;
+const OPERATOR_SYMBOLS: Record<string, string> = {
+  eq: "=",
+  neq: "≠",
+  gt: ">",
+  gte: "≥",
+  lt: "<",
+  lte: "≤",
+  in: "∈",
+  nin: "∉",
+  contains: "~",
+};
+
+function isGroup(node: ConditionNode): node is ConditionGroup {
+  return (node as ConditionGroup).logical !== undefined;
+}
+
+function isWorkspaceRef(node: ConditionNode): node is WorkspaceRef {
+  return (node as WorkspaceRef).kind === "workspaceRef";
+}
+
+function formatValue(value: unknown): string {
+  if (value === null || value === undefined) return "—";
+  if (Array.isArray(value)) return `[${value.length}]`;
+  if (typeof value === "object") return "…";
+  const str = String(value);
+  return str.length > 20 ? `${str.slice(0, 20)}…` : str;
+}
+
+function renderNode(node: ConditionNode): string {
+  if (isWorkspaceRef(node)) {
+    const role = node.role === "owner" ? "owner:" : "";
+    return `ws:${role}${node.quantifier}(${node.conditions?.conditions?.length ?? 0})`;
+  }
+  if (isGroup(node)) {
+    if (!node.conditions?.length) return "()";
+    return `(${node.conditions.length} ${node.logical.toUpperCase()})`;
+  }
+  const op = OPERATOR_SYMBOLS[node.operator] ?? node.operator;
+  return `${node.field} ${op} ${formatValue(node.value)}`;
+}
+
+function parseValue(raw: unknown): ConditionGroup | null {
+  if (raw === null || raw === undefined || raw === "") return null;
+  if (typeof raw === "string") {
+    try {
+      return JSON.parse(raw) as ConditionGroup;
+    } catch {
+      return null;
+    }
+  }
+  if (typeof raw === "object") return raw as ConditionGroup;
+  return null;
+}
+
+function renderConditionsPreview(value: unknown): string {
+  const group = parseValue(value);
+  if (!group?.conditions?.length) return "—";
+  const sep = group.logical === "or" ? " OR " : " AND ";
+  const items = group.conditions
+    .slice(0, MAX_INLINE_CONDITIONS)
+    .map(renderNode);
+  const remaining = group.conditions.length - MAX_INLINE_CONDITIONS;
+  const tail = remaining > 0 ? ` +${remaining}` : "";
+  return `${items.join(sep)}${tail}`;
+}
+
+const SegmentConditionsDisplay = defineComponent({
+  name: "SegmentConditionsDisplay",
+  props: {
+    modelValue: {
+      type: [Object, String] as unknown as () =>
+        | ConditionGroup
+        | string
+        | null,
+      default: null,
+    },
+    fieldsCatalogUrl: { type: String, default: undefined },
+  },
+  setup(props) {
+    const builder = resolveComponent("DmsSaasSegmentConditionsBuilder");
+    return () =>
+      h(builder, {
+        modelValue: props.modelValue,
+        fieldsCatalogUrl: props.fieldsCatalogUrl,
+        disabled: true,
+      });
+  },
+});
+
+export default defineDmsPlugin(() => {
+  const { registerDataType } = useDataTypes();
+  registerDataType({
+    id: "segment_conditions",
+    displayComponent: SegmentConditionsDisplay,
+    formatter: {
+      default: (value: unknown) => renderConditionsPreview(value),
+    },
+  });
+});

package/frontend-vue/app/plugins/sidebar-widgets.ts

@@ -0,0 +1,13 @@
+const WORKSPACE_SWITCHER_ID = "saas:workspace-switcher";
+const WORKSPACE_SWITCHER_COMPONENT = "DmsSaasWorkspaceSwitcherWidget";
+const WORKSPACE_SWITCHER_ORDER = 0;
+
+export default defineDmsPlugin(() => {
+  const { register } = useSidebarWidgets();
+
+  register({
+    id: WORKSPACE_SWITCHER_ID,
+    component: WORKSPACE_SWITCHER_COMPONENT,
+    order: WORKSPACE_SWITCHER_ORDER,
+  });
+});

package/frontend-vue/app/types/support.ts

@@ -0,0 +1,123 @@
+export type SupportPriority = "low" | "normal" | "high" | "urgent";
+export type SupportStatus =
+  | "open"
+  | "in_progress"
+  | "waiting_customer"
+  | "resolved"
+  | "closed";
+export type SupportCategory =
+  | "question"
+  | "incident"
+  | "billing"
+  | "feature_request";
+
+export interface SupportTicketView {
+  _id: string;
+  subject: string;
+  category: SupportCategory;
+  priority: SupportPriority;
+  status: SupportStatus;
+  createdBy: string;
+  assignedTo: string | null;
+  lastMessageAt: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface SupportMessageView {
+  _id: string;
+  ticketId: string;
+  authorId: string;
+  authorType: "tenant" | "platform";
+  body: string;
+  attachments: string[];
+  createdAt: string;
+}
+
+export interface SupportPageView<T> {
+  results: T[];
+  total: number;
+  offset: number;
+  limit: number;
+}
+
+export type SupportTicketEventType = "status_changed" | "assignment_changed";
+
+export interface SupportTicketEventView {
+  _id: string;
+  ticketId: string;
+  actorId: string;
+  actorName: string;
+  type: SupportTicketEventType;
+  previousValue: string | null;
+  newValue: string | null;
+  createdAt: string;
+}
+
+export interface SupportThreadView {
+  ticket: SupportTicketView;
+  messages: SupportPageView<SupportMessageView>;
+  events: SupportPageView<SupportTicketEventView>;
+}
+
+export interface SupportTicketDetailView {
+  ticket: SupportTicketView;
+}
+
+export interface SupportPolicyView {
+  level: "community" | "email" | "priority" | "dedicated";
+  responseTargetHours: number | null;
+  businessHoursOnly: boolean;
+  priorities: SupportPriority[];
+}
+
+export interface SupportConfigView {
+  policy: SupportPolicyView;
+  uploadPath: string;
+  maxAttachmentSize: number;
+  allowedMimetypes: string[];
+}
+
+export interface SupportAttachmentView {
+  resourceKey: string;
+  filename: string;
+  size: number;
+  mimetype: string;
+  url: string;
+  expiresAt?: number;
+}
+
+export interface SupportTicketDraft {
+  subject: string;
+  category: SupportCategory;
+  priority: SupportPriority;
+  body: string;
+  attachments: string[];
+}
+
+export interface PlatformSupportTicketView extends SupportTicketView {
+  _instance: string;
+  tenantName: string;
+}
+
+export interface PlatformSupportTicketDetailView {
+  ticket: SupportTicketView;
+  tenantId: string;
+  tenantName: string;
+}
+
+export interface PlatformSupportThreadView extends PlatformSupportTicketDetailView {
+  messages: SupportPageView<SupportMessageView>;
+  events: SupportPageView<SupportTicketEventView>;
+}
+
+export interface PlatformOwnerOptionView {
+  _id: string;
+  name: string;
+  email: string;
+}
+
+export interface SupportTicketPatch {
+  status?: SupportStatus;
+  assignedTo?: string | null;
+}

package/frontend-vue/dms.frontend.ts

@@ -0,0 +1,68 @@
+import { defineAsyncComponent, type Component } from 'vue'
+import type {
+	DmsFrontendModule,
+	DmsFrontendSdk,
+} from '#dms-inertia/frontend-module'
+import authLinks from './app/plugins/auth-links'
+import billingDataTypes from './app/plugins/billing-data-types'
+import footerLinks from './app/plugins/footer-links'
+import planCards from './app/plugins/plan-cards-display.client'
+import segmentConditions from './app/plugins/segment-conditions-data-type.client'
+import sidebarWidgets from './app/plugins/sidebar-widgets'
+import workspaceSuspended from './app/middleware/workspace-suspended.global'
+
+interface VueModule {
+	default: Component
+}
+
+const components = import.meta.glob<VueModule>(
+	'./app/{components,build}/**/*.vue',
+)
+const pages = import.meta.glob<VueModule>('./app/custom-pages/**/*.vue')
+
+function pascalCase(value: string): string {
+	return value
+		.split(/[\/_-]/)
+		.map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+		.join('')
+}
+
+function registerComponents(sdk: DmsFrontendSdk): void {
+	Object.entries(components)
+		.sort()
+		.forEach(([path, loader]) => {
+			const name = path
+				.split('/')
+				.at(-1)!
+				.replace(/\.vue$/, '')
+			sdk.registerComponent(
+				`DmsSaas${pascalCase(name)}`,
+				defineAsyncComponent(loader),
+			)
+		})
+	Object.entries(pages)
+		.sort()
+		.forEach(([path, loader]) => {
+			const name = path.replace('./app/custom-pages/', '').replace(/\.vue$/, '')
+			const component = defineAsyncComponent(loader)
+			sdk.registerPage(name, component, loader)
+			sdk.registerComponent(`Dms${pascalCase(name)}`, component)
+		})
+}
+
+const frontendModule: DmsFrontendModule = {
+	setup(sdk) {
+		registerComponents(sdk)
+		sdk.registerPlugin(authLinks)
+		sdk.registerPlugin(billingDataTypes)
+		sdk.registerPlugin(footerLinks)
+		sdk.registerPlugin(planCards, { clientOnly: true })
+		sdk.registerPlugin(segmentConditions, { clientOnly: true })
+		sdk.registerPlugin(sidebarWidgets)
+		sdk.registerMiddleware('workspace-suspended', workspaceSuspended, {
+			global: true,
+		})
+	},
+}
+
+export default frontendModule

package/frontend-vue/eslint.config.mjs

@@ -0,0 +1,13 @@
+import vue from 'eslint-plugin-vue'
+import ts from 'typescript-eslint'
+
+export default [
+	{ ignores: ['node_modules/**'] },
+	...vue.configs['flat/essential'],
+	{
+		files: ['**/*.ts', '**/*.vue'],
+		languageOptions: { parserOptions: { parser: ts.parser } },
+		rules: { 'vue/multi-word-component-names': 'off' },
+	},
+	{ files: ['**/*.ts'], languageOptions: { parser: ts.parser } },
+]