create-fullstack-scaffold 0.4.10 → 0.4.12

package/template/src/cli/modules/ticket/index.ts

@@ -0,0 +1,178 @@
+import type { SiteInstance } from '@dyyz1993/xcli-core'
+import { ok, fail } from '@dyyz1993/xcli-core'
+import { z } from 'zod'
+import { getClient } from '@cli/utils/api'
+
+export function registerTicketCommands(site: SiteInstance) {
+  site.command('list', {
+    description: 'List all tickets',
+    parameters: z.object({
+      limit: z.coerce.number().default(20).describe('Limit results'),
+      offset: z.coerce.number().default(0).describe('Offset'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { limit: number; offset: number }
+      try {
+        const client = getClient()
+        const res = await client.api.tickets.$get({
+          query: { limit: String(p.limit), offset: String(p.offset) },
+        })
+        const data = await res.json()
+        return ok(data)
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to list tickets')
+      }
+    },
+  })
+
+  site.command('get', {
+    description: 'Get ticket by ID',
+    parameters: z.object({
+      id: z.string().describe('Ticket ID'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { id: string }
+      try {
+        const client = getClient()
+        const res = await client.api.tickets[':id'].$get({ param: { id: p.id } })
+        const data = await res.json()
+        return ok(data)
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to get ticket')
+      }
+    },
+  })
+
+  site.command('create', {
+    description: 'Create a new ticket',
+    parameters: z.object({
+      'customer-name': z.string().min(1).describe('Customer name'),
+      'customer-email': z.string().email().describe('Customer email'),
+      subject: z.string().min(1).describe('Ticket subject'),
+      description: z.string().min(1).describe('Ticket description'),
+      category: z
+        .enum(['technical', 'billing', 'feature_request', 'bug_report', 'general'])
+        .default('general')
+        .describe('Category'),
+      priority: z.enum(['low', 'medium', 'high', 'urgent']).default('medium').describe('Priority'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as {
+        'customer-name': string
+        'customer-email': string
+        subject: string
+        description: string
+        category: string
+        priority: string
+      }
+      try {
+        const client = getClient()
+        const res = await client.api.tickets.$post({
+          json: {
+            customerName: p['customer-name'],
+            customerEmail: p['customer-email'],
+            subject: p.subject,
+            description: p.description,
+            category: p.category as
+              | 'technical'
+              | 'billing'
+              | 'feature_request'
+              | 'bug_report'
+              | 'general',
+            priority: p.priority as 'low' | 'medium' | 'high' | 'urgent',
+          },
+        })
+        const data = await res.json()
+        return ok(data, ['Ticket created'])
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to create ticket')
+      }
+    },
+  })
+
+  site.command('update', {
+    description: 'Update ticket status',
+    parameters: z.object({
+      id: z.string().describe('Ticket ID'),
+      status: z
+        .enum(['open', 'closed', 'in_progress', 'waiting_customer', 'resolved'])
+        .optional()
+        .describe('New status'),
+      'assigned-to': z.string().optional().describe('Assign to user'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { id: string; status?: string; 'assigned-to'?: string }
+      const { id, ...rest } = p
+      const body: Record<string, string> = {}
+      if (rest.status) body.status = rest.status
+      if (rest['assigned-to']) body.assignedTo = rest['assigned-to']
+      try {
+        const client = getClient()
+        const res = await client.api.tickets[':id'].$put({ param: { id }, json: body })
+        const data = await res.json()
+        return ok(data, ['Ticket updated'])
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to update ticket')
+      }
+    },
+  })
+
+  site.command('delete', {
+    description: 'Delete a ticket',
+    parameters: z.object({
+      id: z.string().describe('Ticket ID'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { id: string }
+      try {
+        const client = getClient()
+        const res = await client.api.tickets[':id'].$delete({ param: { id: p.id } })
+        const data = await res.json()
+        return ok(data, ['Ticket deleted'])
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to delete ticket')
+      }
+    },
+  })
+
+  site.command('reply', {
+    description: 'Reply to a ticket',
+    parameters: z.object({
+      id: z.string().describe('Ticket ID'),
+      content: z.string().min(1).describe('Reply content'),
+      author: z.string().min(1).describe('Author name'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { id: string; content: string; author: string }
+      try {
+        const client = getClient()
+        const res = await client.api.tickets[':id'].reply.$post({
+          param: { id: p.id },
+          json: { content: p.content, author: p.author },
+        })
+        const data = await res.json()
+        return ok(data, ['Reply sent'])
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to reply ticket')
+      }
+    },
+  })
+
+  site.command('close', {
+    description: 'Close a ticket',
+    parameters: z.object({
+      id: z.string().describe('Ticket ID'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { id: string }
+      try {
+        const client = getClient()
+        const res = await client.api.tickets[':id'].close.$put({ param: { id: p.id } })
+        const data = await res.json()
+        return ok(data, ['Ticket closed'])
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to close ticket')
+      }
+    },
+  })
+}

package/template/src/cli/rpc/client.ts

@@ -1,5 +1,5 @@
 import { hc } from 'hono/client'
-import type { ClientApiType, AppType } from '@server/index'
+import type { AppType } from '@server/index'
 import { WSClientImpl } from '@shared/core/ws-client'
 import { SSEClientImpl } from '@shared/core/sse-client'
 
@@ -16,7 +16,7 @@ export interface CliFetchExtendOptions {
 }
 
 export function createRPCClient(baseUrl: string) {
-  return hc<ClientApiType>(baseUrl, {
+  return hc<AppType>(baseUrl, {
     webSocket: url => new WSClientImpl(url) as unknown as WebSocket,
     sse: url => new SSEClientImpl(url),
   })

package/template/src/client/index.css

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import 'tailwindcss';
 
 /**
  * Global styles
@@ -10,91 +10,89 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
 
 #root {
   min-height: 100vh;
 }
 
-[data-theme="dark"] {
+[data-theme='dark'] {
   color-scheme: dark;
 }
 
-[data-theme="dark"] body {
+[data-theme='dark'] body {
   background-color: #141414;
   color: rgba(255, 255, 255, 0.85);
 }
 
-[data-theme="dark"] .bg-white {
+[data-theme='dark'] .bg-white {
   background-color: #1f1f1f !important;
 }
 
-[data-theme="dark"] .bg-gray-50 {
+[data-theme='dark'] .bg-gray-50 {
   background-color: #1a1a1a !important;
 }
 
-[data-theme="dark"] .bg-gray-100 {
+[data-theme='dark'] .bg-gray-100 {
   background-color: #1f1f1f !important;
 }
 
-[data-theme="dark"] .text-gray-900 {
+[data-theme='dark'] .text-gray-900 {
   color: rgba(255, 255, 255, 0.95) !important;
 }
 
-[data-theme="dark"] .text-gray-800 {
+[data-theme='dark'] .text-gray-800 {
   color: rgba(255, 255, 255, 0.85) !important;
 }
 
-[data-theme="dark"] .text-gray-700 {
+[data-theme='dark'] .text-gray-700 {
   color: rgba(255, 255, 255, 0.75) !important;
 }
 
-[data-theme="dark"] .text-gray-600 {
+[data-theme='dark'] .text-gray-600 {
   color: rgba(255, 255, 255, 0.65) !important;
 }
 
-[data-theme="dark"] .text-gray-500 {
+[data-theme='dark'] .text-gray-500 {
   color: rgba(255, 255, 255, 0.55) !important;
 }
 
-[data-theme="dark"] .border-gray-200 {
+[data-theme='dark'] .border-gray-200 {
   border-color: #303030 !important;
 }
 
-[data-theme="dark"] .border-gray-100 {
+[data-theme='dark'] .border-gray-100 {
   border-color: #262626 !important;
 }
 
-[data-theme="dark"] .hover\:bg-gray-100:hover {
+[data-theme='dark'] .hover\:bg-gray-100:hover {
   background-color: rgba(255, 255, 255, 0.08) !important;
 }
 
-[data-theme="dark"] .hover\:bg-gray-50:hover {
+[data-theme='dark'] .hover\:bg-gray-50:hover {
   background-color: rgba(255, 255, 255, 0.06) !important;
 }
 
-[data-theme="dark"] .text-gray-400 {
+[data-theme='dark'] .text-gray-400 {
   color: #8c8c8c;
 }
 
-[data-theme="dark"] .text-gray-300 {
+[data-theme='dark'] .text-gray-300 {
   color: #a0a0a0;
 }
 
-[data-theme="dark"] .bg-blue-50 {
+[data-theme='dark'] .bg-blue-50 {
   background-color: rgba(59, 130, 246, 0.1);
 }
 
-[data-theme="dark"] .border-gray-300 {
+[data-theme='dark'] .border-gray-300 {
   border-color: #434343;
 }