@murumets-ee/create 0.1.14 → 0.1.16

package/dist/cli.mjs

@@ -1,15 +1,29 @@
 #!/usr/bin/env node
 import*as e from"@clack/prompts";import t from"picocolors";import{dirname as n,join as r}from"node:path";import{execSync as i}from"node:child_process";import{appendFile as a,mkdir as o,readFile as s,rm as c,writeFile as l}from"node:fs/promises";var u=Object.defineProperty,d=(e,t)=>{let n={};for(var r in e)u(n,r,{get:e[r],enumerable:!0});return t||u(n,Symbol.toStringTag,{value:`Module`}),n};function f(e){let t={},n=e.slice(2);for(let e=0;e<n.length;e++){let r=n[e];if(r===`--mode`&&n[e+1]){let r=n[++e];(r===`single`||r===`multi`)&&(t.mode=r)}else r===`--install`?t.install=!0:r===`--no-install`?t.install=!1:!r.startsWith(`-`)&&!t.name&&(t.name=r)}return t}async function p(t){let n=f(process.argv),r=n.name??t;if(r&&n.mode&&n.install!==void 0)return{name:r,mode:n.mode,installDeps:n.install};e.intro(`@murumets-ee/create`);let i=r??await e.text({message:`Project name:`,placeholder:`my-project`,validate:e=>{if(!e)return`Project name is required`;if(!/^[a-z0-9-]+$/.test(e))return`Use lowercase letters, numbers, and hyphens only`}});if(e.isCancel(i))return e.cancel(`Cancelled.`),null;let a=n.mode??await e.select({message:`App setup:`,options:[{value:`single`,label:`Single app`,hint:`everything in one Next.js project`},{value:`multi`,label:`Admin + Frontend`,hint:`two apps in a pnpm workspace`}]});if(e.isCancel(a))return e.cancel(`Cancelled.`),null;let o=n.install??await e.confirm({message:`Install dependencies?`,initialValue:!0});return e.isCancel(o)?(e.cancel(`Cancelled.`),null):{name:i,mode:a,installDeps:o}}var m=d({appendToFile:()=>y,deleteFiles:()=>_,mergePackageJson:()=>g,runCommand:()=>v,writeFile:()=>h});async function h(e,t){await o(n(e),{recursive:!0}),await l(e,t,`utf-8`)}async function g(e,t){let n=await s(e,`utf-8`),r=JSON.parse(n);t.type&&(r.type=t.type),t.dependencies&&(r.dependencies={...r.dependencies,...t.dependencies}),t.devDependencies&&(r.devDependencies={...r.devDependencies,...t.devDependencies}),t.scripts&&(r.scripts={...r.scripts,...t.scripts}),await l(e,`${JSON.stringify(r,null,2)}\n`,`utf-8`)}async function _(e,t){for(let n of t)await c(r(e,n),{force:!0,recursive:!0})}function v(e,t){return i(e,{cwd:t?.cwd,stdio:`pipe`,encoding:`utf-8`})}async function y(e,t){await a(e,t,`utf-8`)}async function b(e,t){await h(r(e,`lib/admin-config.ts`),`import { Media } from '@murumets-ee/media'
+import {
+  Ticket,
+  TicketMessage,
+  TicketAttachment,
+  Department,
+  TicketTag,
+} from '@murumets-ee/ticketing'
 import { Article, Category } from '@/entities'
 
 /** All entities available in the admin (drives sidebar nav + CRUD) */
-export const allEntities = [Article, Media, Category]
+export const allEntities = [
+  Article, Media, Category,
+  Ticket, TicketMessage, TicketAttachment, Department, TicketTag,
+]
 
 /** Taxonomy entities keyed by name */
-export const taxonomyVocabularies = { category: Category }
+export const taxonomyVocabularies = {
+  category: Category,
+  department: Department,
+  ticket_tag: TicketTag,
+}
 
 /** Entities exposed via generic CRUD API handler */
-export const crudEntities = [Article, Media]
+export const crudEntities = [Article, Media, Ticket, TicketMessage, TicketAttachment]
 
 /** Plugin resources for the permission catalog */
 export const pluginResources = [
@@ -17,6 +31,7 @@ export const pluginResources = [
   { resource: 'settings', actions: ['view', 'update'] },
   { resource: 'audit-logs', actions: ['view'] },
   { resource: 'permissions', actions: ['view', 'create', 'update', 'delete'] },
+  { resource: 'ticketing', actions: ['view', 'create', 'update', 'delete'] },
 ]
 `),await h(r(e,`lib/content-locale.ts`),`import { cookies } from 'next/headers'
 import { hasLocale } from 'next-intl'
@@ -107,15 +122,20 @@ import { AdminShell } from '@murumets-ee/admin-ui'
 import type { AdminNavGroup } from '@murumets-ee/admin-ui/server'
 import {
   Activity,
+  Building2,
   FileText,
   FolderTree,
   Home,
   Image,
   ImageDown,
+  Inbox,
+  Kanban,
   Lock,
   PenTool,
   ShieldCheck,
+  Tag,
   Tags,
+  Ticket,
   Users,
   type LucideIcon,
 } from 'lucide-react'
@@ -127,6 +147,7 @@ const ICON_MAP: Record<string, LucideIcon> = {
   'file-text': FileText,
   'folder-tree': FolderTree,
   tags: Tags,
+  ticket: Ticket,
 }
 
 interface AdminLayoutProps {
@@ -162,6 +183,16 @@ export function AdminLayout({
     ],
   }
 
+  const supportGroup: SidebarNavGroup = {
+    label: 'Support',
+    items: [
+      { label: 'Tickets', href: '/admin/tickets', icon: Inbox },
+      { label: 'Board', href: '/admin/tickets/board', icon: Kanban },
+      { label: 'Departments', href: '/admin/departments', icon: Building2 },
+      { label: 'Ticket Tags', href: '/admin/ticket-tags', icon: Tag },
+    ],
+  }
+
   const systemGroup: SidebarNavGroup = {
     label: 'System',
     items: [
@@ -177,6 +208,7 @@ export function AdminLayout({
   const navGroups: SidebarNavGroup[] = [
     staticBefore,
     ...dynamicGroups,
+    supportGroup,
     systemGroup,
   ]
 
@@ -1017,6 +1049,432 @@ export default async function ActivityPage({ params }: { params: Promise<{ local
     )
   })
 }
+`),await h(r(e,`app/[locale]/(shell)/admin/tickets/page.tsx`),`import { Ticket, Department, TicketTag } from '@murumets-ee/ticketing'
+import { headers } from 'next/headers'
+import { setRequestLocale } from 'next-intl/server'
+import { withAdminContext } from '@/lib/with-admin-context'
+import { auth } from '@/lib/auth'
+import { TicketsInboxClient } from './tickets-inbox-client'
+import { fetchEntityList } from '@murumets-ee/admin-ui/server'
+import type {
+  TicketData,
+  DepartmentData,
+  TagData,
+} from '@murumets-ee/ticketing-ui'
+
+interface TicketsPageProps {
+  params: Promise<{ locale: string }>
+}
+
+export default async function TicketsPage({ params }: TicketsPageProps) {
+  const { locale } = await params
+  setRequestLocale(locale)
+
+  const h = await headers()
+  const session = await auth.api.getSession({ headers: h })
+  const currentUserId = session?.user?.id ?? ''
+
+  return withAdminContext(locale, async () => {
+    const ticketData = await fetchEntityList(Ticket, {
+      sortField: 'lastReplyAt',
+      sortDirection: 'desc',
+      limit: 50,
+    })
+
+    const departmentData = await fetchEntityList(Department, {
+      sortField: 'name',
+      sortDirection: 'asc',
+      limit: 100,
+    })
+
+    const tagData = await fetchEntityList(TicketTag, {
+      sortField: 'name',
+      sortDirection: 'asc',
+      limit: 100,
+    })
+
+    return (
+      <TicketsInboxClient
+        initialTickets={ticketData.items as unknown as TicketData[]}
+        initialTotal={ticketData.total}
+        initialDepartments={departmentData.items as unknown as DepartmentData[]}
+        initialTags={tagData.items as unknown as TagData[]}
+        currentUserId={currentUserId}
+        locale={locale}
+      />
+    )
+  })
+}
+`),await h(r(e,`app/[locale]/(shell)/admin/tickets/tickets-inbox-client.tsx`),`'use client'
+
+import { QueryProvider } from '@murumets-ee/admin-ui'
+import { InboxProvider, TicketInbox } from '@murumets-ee/ticketing-ui/inbox'
+import type {
+  TicketData,
+  DepartmentData,
+  TagData,
+} from '@murumets-ee/ticketing-ui'
+
+interface TicketsInboxClientProps {
+  initialTickets: TicketData[]
+  initialTotal: number
+  initialDepartments: DepartmentData[]
+  initialTags: TagData[]
+  currentUserId: string
+  locale: string
+}
+
+export function TicketsInboxClient({
+  initialTickets,
+  initialTotal,
+  initialDepartments,
+  initialTags,
+  currentUserId,
+}: TicketsInboxClientProps) {
+  return (
+    <QueryProvider>
+      <InboxProvider
+        apiBasePath="/api/admin"
+        initialTickets={initialTickets}
+        initialTotal={initialTotal}
+        initialDepartments={initialDepartments}
+        initialTags={initialTags}
+        currentUserId={currentUserId}
+      >
+        <div className="h-[calc(100vh-3.5rem)]">
+          <TicketInbox currentUserId={currentUserId} />
+        </div>
+      </InboxProvider>
+    </QueryProvider>
+  )
+}
+`),await h(r(e,`app/[locale]/(shell)/admin/tickets/board/page.tsx`),`import { Ticket, Department } from '@murumets-ee/ticketing'
+import { setRequestLocale } from 'next-intl/server'
+import { withAdminContext } from '@/lib/with-admin-context'
+import { fetchEntityList } from '@murumets-ee/admin-ui/server'
+import { TicketBoardClient } from './ticket-board-client'
+import type { TicketData, DepartmentData } from '@murumets-ee/ticketing-ui'
+
+interface TicketBoardPageProps {
+  params: Promise<{ locale: string }>
+}
+
+export default async function TicketBoardPage({ params }: TicketBoardPageProps) {
+  const { locale } = await params
+  setRequestLocale(locale)
+
+  return withAdminContext(locale, async () => {
+    const ticketData = await fetchEntityList(Ticket, {
+      sortField: 'lastReplyAt',
+      sortDirection: 'desc',
+      limit: 200,
+    })
+
+    const departmentData = await fetchEntityList(Department, {
+      sortField: 'name',
+      sortDirection: 'asc',
+      limit: 100,
+    })
+
+    return (
+      <div className="p-6 h-[calc(100vh-3.5rem)]">
+        <div className="mb-4">
+          <h1 className="text-2xl font-bold">Ticket Board</h1>
+          <p className="text-sm text-muted-foreground">
+            Kanban view of tickets by status
+          </p>
+        </div>
+        <TicketBoardClient
+          initialTickets={ticketData.items as unknown as TicketData[]}
+          initialDepartments={departmentData.items as unknown as DepartmentData[]}
+          locale={locale}
+        />
+      </div>
+    )
+  })
+}
+`),await h(r(e,`app/[locale]/(shell)/admin/tickets/board/ticket-board-client.tsx`),`'use client'
+
+import { useMemo } from 'react'
+import { TicketBoard } from '@murumets-ee/ticketing-ui/board'
+import type { TicketData, DepartmentData } from '@murumets-ee/ticketing-ui'
+import { useRouter } from 'next/navigation'
+
+interface TicketBoardClientProps {
+  initialTickets: TicketData[]
+  initialDepartments: DepartmentData[]
+  locale: string
+}
+
+export function TicketBoardClient({
+  initialTickets,
+  initialDepartments,
+  locale,
+}: TicketBoardClientProps) {
+  const router = useRouter()
+  const departmentMap = useMemo(
+    () => new Map(initialDepartments.map((d) => [d.id, d])),
+    [initialDepartments],
+  )
+
+  return (
+    <TicketBoard
+      tickets={initialTickets}
+      departments={departmentMap}
+      onTicketSelect={(ticket) => {
+        router.push(\`/\${locale}/admin/tickets?selected=\${ticket.id}\`)
+      }}
+      className="h-[calc(100%-4rem)]"
+    />
+  )
+}
+`),await h(r(e,`app/api/ticketing/inbound/route.ts`),`/**
+ * Resend inbound email webhook endpoint.
+ *
+ * Public endpoint (no session auth) — protected by webhook signature
+ * verification (HMAC-SHA256). Lives outside the admin API handler
+ * because the admin handler requires authentication.
+ */
+
+import { getToolkitApp } from '@/lib/app'
+
+await getToolkitApp()
+
+export async function POST(req: Request): Promise<Response> {
+  const { handleInboundWebhook } = await import('@murumets-ee/ticketing')
+  const { QueueClient } = await import('@murumets-ee/queue/client')
+  const { getApp } = await import('@murumets-ee/core')
+
+  const db = getApp().db.readWrite
+  const queueClient = new QueueClient({ db })
+
+  return handleInboundWebhook(req, (type, payload) => queueClient.enqueue(type, payload))
+}
+`),await h(r(e,`app/[locale]/(shell)/admin/seed/actions.ts`),`'use server'
+
+import { AdminClient } from '@murumets-ee/entity/admin'
+import { createTaxonomyClient } from '@murumets-ee/taxonomy/client'
+import { Ticket, TicketMessage, Department, TicketTag } from '@murumets-ee/ticketing'
+import { headers } from 'next/headers'
+import { Article, Category } from '@/entities'
+import { getToolkitApp } from '@/lib/app'
+import { auth } from '@/lib/auth'
+
+async function requireAdmin() {
+  const session = await auth.api.getSession({ headers: await headers() })
+  if (!session?.user) throw new Error('Unauthorized')
+  const role = (session.user as Record<string, unknown>).role as string | undefined
+  if (role !== 'admin') throw new Error('Forbidden: admin role required')
+}
+
+export async function seedContent() {
+  if (process.env.NODE_ENV === 'production') {
+    return { error: 'Seed disabled in production' }
+  }
+
+  await requireAdmin()
+  const app = await getToolkitApp()
+  const categories = createTaxonomyClient(Category)
+  const articles = new AdminClient({
+    entity: Article,
+    db: app.db.readWrite,
+    logger: app.logger.child({ entity: 'article' }),
+  })
+
+  const techCat = await categories.create({ name: 'Technology', slug: 'technology', color: '#3B82F6' })
+  const newsCat = await categories.create({ name: 'News', slug: 'news', color: '#EF4444' })
+
+  await articles.create({
+    title: 'Getting Started with Lumi CMS',
+    slug: 'getting-started',
+    excerpt: 'Learn how to build apps with the toolkit',
+    body: [{ type: 'p', children: [{ text: 'A guide to getting started with Lumi CMS.' }] }],
+    category: techCat.id as string,
+    status: 'published',
+    publishedAt: new Date(),
+  })
+
+  await articles.create({
+    title: 'Lumi CMS v1.0 Released',
+    slug: 'v1-released',
+    excerpt: 'We are excited to announce version 1.0',
+    body: [{ type: 'p', children: [{ text: 'After months of development, v1.0 is here.' }] }],
+    category: newsCat.id as string,
+    status: 'published',
+    publishedAt: new Date(),
+  })
+
+  return { ok: true, created: { categories: 2, articles: 2 } }
+}
+
+export async function seedTicketing() {
+  if (process.env.NODE_ENV === 'production') {
+    return { error: 'Seed disabled in production' }
+  }
+
+  await requireAdmin()
+  const app = await getToolkitApp()
+
+  const deptClient = createTaxonomyClient(Department)
+  const tagClient = createTaxonomyClient(TicketTag)
+  const ticketAdmin = new AdminClient({
+    entity: Ticket,
+    db: app.db.readWrite,
+    logger: app.logger.child({ entity: 'ticket' }),
+  })
+  const messageAdmin = new AdminClient({
+    entity: TicketMessage,
+    db: app.db.readWrite,
+    logger: app.logger.child({ entity: 'ticket_message' }),
+  })
+
+  const support = await deptClient.create({
+    name: 'General Support', slug: 'general-support', color: '#3B82F6',
+    description: 'General customer support inquiries',
+    emailAddress: 'support@example.com',
+    slaFirstResponseHours: 4, slaResolutionHours: 24,
+  })
+  const billing = await deptClient.create({
+    name: 'Billing', slug: 'billing', color: '#10B981',
+    description: 'Payment and invoice questions',
+    emailAddress: 'billing@example.com',
+    slaFirstResponseHours: 2, slaResolutionHours: 12,
+  })
+  const technical = await deptClient.create({
+    name: 'Technical', slug: 'technical', color: '#8B5CF6',
+    description: 'Technical issues and bug reports',
+    emailAddress: 'tech@example.com',
+    slaFirstResponseHours: 1, slaResolutionHours: 8,
+  })
+
+  const bugTag = await tagClient.create({ name: 'Bug', slug: 'bug', color: '#EF4444' })
+  const featureTag = await tagClient.create({ name: 'Feature Request', slug: 'feature-request', color: '#F59E0B' })
+  const urgentTag = await tagClient.create({ name: 'Urgent', slug: 'urgent', color: '#DC2626' })
+  await tagClient.create({ name: 'Feedback', slug: 'feedback', color: '#06B6D4' })
+  await tagClient.create({ name: 'Documentation', slug: 'documentation', color: '#6366F1' })
+
+  const now = Date.now()
+  let counter = 0
+
+  async function createTicket(opts: {
+    subject: string; department: string; status: string; priority: string;
+    requesterEmail: string; requesterName: string; tags?: string[];
+    messages: Array<{ body: string; senderType: string; senderEmail: string; senderName: string; visibility?: string; minutesAgo: number }>
+  }) {
+    counter++
+    const lastMsg = opts.messages[opts.messages.length - 1]
+    const ticket = await ticketAdmin.create({
+      subject: opts.subject, status: opts.status, priority: opts.priority,
+      department: opts.department, requesterEmail: opts.requesterEmail,
+      requesterName: opts.requesterName,
+      ticketNumber: \`TK-\${String(counter).padStart(6, '0')}\`,
+      lastReplyAt: new Date(now - lastMsg.minutesAgo * 60_000),
+      lastReplierType: lastMsg.senderType,
+      tags: opts.tags ?? [],
+    })
+    for (const msg of opts.messages) {
+      await messageAdmin.create({
+        ticket: ticket.id, body: msg.body, bodyFormat: 'html',
+        senderType: msg.senderType, senderEmail: msg.senderEmail,
+        senderName: msg.senderName, visibility: msg.visibility ?? 'public',
+      })
+    }
+    return ticket
+  }
+
+  await createTicket({
+    subject: 'API returns 500 error on file upload',
+    department: technical.id as string, status: 'open', priority: 'high',
+    requesterEmail: 'john@acme.com', requesterName: 'John Smith',
+    tags: [bugTag.id as string, urgentTag.id as string],
+    messages: [
+      { body: '<p>When I upload files larger than 5MB, I get a 500 error. Started after the last update.</p>', senderType: 'customer', senderEmail: 'john@acme.com', senderName: 'John Smith', minutesAgo: 120 },
+      { body: '<p>Thanks for reporting this. I can see the error in our logs. Escalating to backend team.</p>', senderType: 'agent', senderEmail: 'sarah@support.com', senderName: 'Sarah Chen', minutesAgo: 90 },
+      { body: '<p>Any update? We have a deadline tomorrow.</p>', senderType: 'customer', senderEmail: 'john@acme.com', senderName: 'John Smith', minutesAgo: 30 },
+    ],
+  })
+
+  await createTicket({
+    subject: 'Invoice #2024-0847 has incorrect amount',
+    department: billing.id as string, status: 'pending', priority: 'normal',
+    requesterEmail: 'maria@startup.io', requesterName: 'Maria Garcia',
+    messages: [
+      { body: '<p>Invoice #2024-0847 shows $299 instead of the agreed $199. Please correct.</p>', senderType: 'customer', senderEmail: 'maria@startup.io', senderName: 'Maria Garcia', minutesAgo: 1440 },
+      { body: '<p>Apologies for the discrepancy. Checking with billing team, should be resolved in 24h.</p>', senderType: 'agent', senderEmail: 'alex@support.com', senderName: 'Alex Johnson', minutesAgo: 1380 },
+    ],
+  })
+
+  await createTicket({
+    subject: 'Production site down — 503 errors',
+    department: technical.id as string, status: 'open', priority: 'urgent',
+    requesterEmail: 'ops@enterprise.co', requesterName: 'Emma Wilson',
+    tags: [bugTag.id as string, urgentTag.id as string],
+    messages: [
+      { body: '<p><strong>URGENT</strong> — Production returning 503 for all users. Need immediate help.</p>', senderType: 'customer', senderEmail: 'ops@enterprise.co', senderName: 'Emma Wilson', minutesAgo: 15 },
+    ],
+  })
+
+  await createTicket({
+    subject: 'Can we get dark mode for the dashboard?',
+    department: support.id as string, status: 'resolved', priority: 'low',
+    requesterEmail: 'dev@techcorp.com', requesterName: 'David Lee',
+    tags: [featureTag.id as string],
+    messages: [
+      { body: '<p>Would it be possible to add dark mode? Our team works late hours.</p>', senderType: 'customer', senderEmail: 'dev@techcorp.com', senderName: 'David Lee', minutesAgo: 10080 },
+      { body: '<p>Dark mode just shipped! Toggle it in Settings → Appearance.</p>', senderType: 'agent', senderEmail: 'sarah@support.com', senderName: 'Sarah Chen', minutesAgo: 4320 },
+      { body: '<p>Perfect, exactly what we needed. Thanks!</p>', senderType: 'customer', senderEmail: 'dev@techcorp.com', senderName: 'David Lee', minutesAgo: 4200 },
+    ],
+  })
+
+  return { ok: true, created: { departments: 3, tags: 5, tickets: 4, messages: 9 } }
+}
+`),await h(r(e,`app/[locale]/(shell)/admin/seed/page.tsx`),`'use client'
+
+import { Button } from '@murumets-ee/ui'
+import { useState } from 'react'
+import { seedContent, seedTicketing } from './actions'
+
+export default function SeedPage() {
+  const [result, setResult] = useState<string | null>(null)
+  const [loading, setLoading] = useState(false)
+
+  async function run(action: () => Promise<unknown>) {
+    setLoading(true)
+    setResult(null)
+    try {
+      const res = await action()
+      setResult(JSON.stringify(res, null, 2))
+    } catch (e) {
+      setResult(\`Error: \${e instanceof Error ? e.message : String(e)}\`)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="max-w-2xl mx-auto p-8">
+      <h1 className="text-2xl font-bold mb-2">Seed Data</h1>
+      <p className="text-sm text-zinc-500 dark:text-zinc-400 mb-6">
+        Create demo content for testing. Only available in development mode.
+      </p>
+
+      <div className="flex gap-3 flex-wrap">
+        <Button onClick={() => run(seedContent)} loading={loading}>
+          Seed Content
+        </Button>
+        <Button onClick={() => run(seedTicketing)} loading={loading} variant="secondary">
+          Seed Ticketing
+        </Button>
+      </div>
+
+      {result && (
+        <pre className="mt-6 bg-zinc-100 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-4 text-sm overflow-auto">
+          {result}
+        </pre>
+      )}
+    </div>
+  )
+}
 `),await h(r(e,`app/api/admin/[...path]/route.ts`),`import { createAdminApiHandler } from '@murumets-ee/admin-ui/server'
 import { buildPermissionChecker, buildResourceCatalog } from '@murumets-ee/auth'
 import { permissionRoutes } from '@murumets-ee/auth/admin'
@@ -1036,6 +1494,7 @@ import { createSettingsClient } from '@murumets-ee/settings'
 import { settingsRoutes } from '@murumets-ee/settings/admin'
 import { storageRoutes } from '@murumets-ee/storage/admin'
 import { taxonomyRoutes } from '@murumets-ee/taxonomy/admin'
+import { ticketingRoutes } from '@murumets-ee/ticketing/admin'
 import {
   allEntities,
   crudEntities,
@@ -1058,6 +1517,7 @@ const routes = [
   storageRoutes(),
   settingsRoutes(siteSettings),
   taxonomyRoutes(taxonomyVocabularies),
+  ticketingRoutes(),
   logRoutes(() => new AuditLogClient(getApp().db.readWrite)),
   permissionRoutes({
     getStatements: () => buildResourceCatalog(allEntities, pluginResources),